@import url(https://fonts.googleapis.com/css?family=Nunito);
@import url(https://fonts.googleapis.com/css?family=Nunito);
/* stylelint-disable */
html,
body {
  width: 100%;
  height: 100%;
}
input::-ms-clear,
input::-ms-reveal {
  display: none;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@-ms-viewport {
  width: device-width;
}
body {
  margin: 0;
}
[tabindex='-1']:focus {
  outline: none;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5em;
  font-weight: 500;
}
p {
  margin-top: 0;
  margin-bottom: 1em;
}
abbr[title],
abbr[data-original-title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline;
  text-decoration: underline dotted;
  border-bottom: 0;
  cursor: help;
}
address {
  margin-bottom: 1em;
  font-style: normal;
  line-height: inherit;
}
input[type='text'],
input[type='password'],
input[type='number'],
textarea {
  -webkit-appearance: none;
}
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1em;
}
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}
dt {
  font-weight: 500;
}
dd {
  margin-bottom: 0.5em;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1em;
}
dfn {
  font-style: italic;
}
b,
strong {
  font-weight: bolder;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
pre,
code,
kbd,
samp {
  font-size: 1em;
  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
}
pre {
  margin-top: 0;
  margin-bottom: 1em;
  overflow: auto;
}
figure {
  margin: 0 0 1em;
}
img {
  vertical-align: middle;
  border-style: none;
}
a,
area,
button,
[role='button'],
input:not([type='range']),
label,
select,
summary,
textarea {
  touch-action: manipulation;
}
table {
  border-collapse: collapse;
}
caption {
  padding-top: 0.75em;
  padding-bottom: 0.3em;
  text-align: left;
  caption-side: bottom;
}
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html [type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
input[type='radio'],
input[type='checkbox'] {
  box-sizing: border-box;
  padding: 0;
}
input[type='date'],
input[type='time'],
input[type='datetime-local'],
input[type='month'] {
  -webkit-appearance: listbox;
}
textarea {
  overflow: auto;
  resize: vertical;
}
fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 0.5em;
  padding: 0;
  color: inherit;
  font-size: 1.5em;
  line-height: inherit;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}
[type='search'] {
  outline-offset: -2px;
  -webkit-appearance: none;
}
[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none !important;
}
mark {
  padding: 0.2em;
  background-color: #feffe6;
}

/* this will be exported as base.css and can be used for a basic styling */
/* these are the necessary styles for React Flow, they get used by base.css and style.css */
.react-flow {
  direction: ltr;
}
.react-flow__container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.react-flow__pane {
  z-index: 1;
  cursor: -webkit-grab;
  cursor: grab;
}
.react-flow__pane.selection {
    cursor: pointer;
  }
.react-flow__pane.dragging {
    cursor: -webkit-grabbing;
    cursor: grabbing;
  }
.react-flow__viewport {
  transform-origin: 0 0;
  z-index: 2;
  pointer-events: none;
}
.react-flow__renderer {
  z-index: 4;
}
.react-flow__selection {
  z-index: 6;
}
.react-flow__nodesselection-rect:focus,
.react-flow__nodesselection-rect:focus-visible {
  outline: none;
}
.react-flow .react-flow__edges {
  pointer-events: none;
  overflow: visible;
}
.react-flow__edge-path,
.react-flow__connection-path {
  stroke: #b1b1b7;
  stroke-width: 1;
  fill: none;
}
.react-flow__edge {
  pointer-events: visibleStroke;
  cursor: pointer;
}
.react-flow__edge.animated path {
    stroke-dasharray: 5;
    -webkit-animation: dashdraw 0.5s linear infinite;
            animation: dashdraw 0.5s linear infinite;
  }
.react-flow__edge.animated path.react-flow__edge-interaction {
    stroke-dasharray: none;
    -webkit-animation: none;
            animation: none;
  }
.react-flow__edge.inactive {
    pointer-events: none;
  }
.react-flow__edge.selected,
  .react-flow__edge:focus,
  .react-flow__edge:focus-visible {
    outline: none;
  }
.react-flow__edge.selected .react-flow__edge-path,
  .react-flow__edge:focus .react-flow__edge-path,
  .react-flow__edge:focus-visible .react-flow__edge-path {
    stroke: #555;
  }
.react-flow__edge-textwrapper {
    pointer-events: all;
  }
.react-flow__edge-textbg {
    fill: white;
  }
.react-flow__edge .react-flow__edge-text {
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
.react-flow__connection {
  pointer-events: none;
}
.react-flow__connection .animated {
    stroke-dasharray: 5;
    -webkit-animation: dashdraw 0.5s linear infinite;
            animation: dashdraw 0.5s linear infinite;
  }
.react-flow__connectionline {
  z-index: 1001;
}
.react-flow__nodes {
  pointer-events: none;
  transform-origin: 0 0;
}
.react-flow__node {
  position: absolute;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: all;
  transform-origin: 0 0;
  box-sizing: border-box;
  cursor: -webkit-grab;
  cursor: grab;
}
.react-flow__node.dragging {
    cursor: -webkit-grabbing;
    cursor: grabbing;
  }
.react-flow__nodesselection {
  z-index: 3;
  transform-origin: left top;
  pointer-events: none;
}
.react-flow__nodesselection-rect {
    position: absolute;
    pointer-events: all;
    cursor: -webkit-grab;
    cursor: grab;
  }
.react-flow__handle {
  position: absolute;
  pointer-events: none;
  min-width: 5px;
  min-height: 5px;
  background-color: #333;
}
.react-flow__handle.connectionindicator {
    pointer-events: all;
    cursor: crosshair;
  }
.react-flow__handle-bottom {
    top: auto;
    left: 50%;
    bottom: -4px;
    transform: translate(-50%, 0);
  }
.react-flow__handle-top {
    left: 50%;
    top: -4px;
    transform: translate(-50%, 0);
  }
.react-flow__handle-left {
    top: 50%;
    left: -4px;
    transform: translate(0, -50%);
  }
.react-flow__handle-right {
    right: -4px;
    top: 50%;
    transform: translate(0, -50%);
  }
.react-flow__edgeupdater {
  cursor: move;
  pointer-events: all;
}
.react-flow__panel {
  position: absolute;
  z-index: 5;
  margin: 15px;
}
.react-flow__panel.top {
    top: 0;
  }
.react-flow__panel.bottom {
    bottom: 0;
  }
.react-flow__panel.left {
    left: 0;
  }
.react-flow__panel.right {
    right: 0;
  }
.react-flow__panel.center {
    left: 50%;
    transform: translateX(-50%);
  }
.react-flow__attribution {
  font-size: 10px;
  background: rgba(255, 255, 255, 0.5);
  padding: 2px 3px;
  margin: 0;
}
.react-flow__attribution a {
    text-decoration: none;
    color: #999;
  }
@-webkit-keyframes dashdraw {
  from {
    stroke-dashoffset: 10;
  }
}
@keyframes dashdraw {
  from {
    stroke-dashoffset: 10;
  }
}
.react-flow__edgelabel-renderer {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.react-flow__node-default,
.react-flow__node-input,
.react-flow__node-output,
.react-flow__node-group {
  border-width: 1px;
  border-style: solid;
  border-color: #bbb;
}
.react-flow__node-default.selected,
  .react-flow__node-default:focus,
  .react-flow__node-default:focus-visible,
  .react-flow__node-input.selected,
  .react-flow__node-input:focus,
  .react-flow__node-input:focus-visible,
  .react-flow__node-output.selected,
  .react-flow__node-output:focus,
  .react-flow__node-output:focus-visible,
  .react-flow__node-group.selected,
  .react-flow__node-group:focus,
  .react-flow__node-group:focus-visible {
    outline: none;
    border: 1px solid #555;
  }
.react-flow__nodesselection-rect,
.react-flow__selection {
  background: rgba(150, 150, 180, 0.1);
  border: 1px dotted rgba(155, 155, 155, 0.8);
}
.react-flow__controls {
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.08);
}
.react-flow__controls-button {
    border: none;
    background: #fefefe;
    border-bottom: 1px solid #eee;
    box-sizing: content-box;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    padding: 5px;
  }
.react-flow__controls-button:hover {
      background: #f4f4f4;
    }
.react-flow__controls-button svg {
      width: 100%;
      max-width: 12px;
      max-height: 12px;
    }
.react-flow__controls-button:disabled {
      pointer-events: none;
    }
.react-flow__controls-button:disabled svg {
        fill-opacity: 0.4;
      }
.react-flow__minimap {
  background-color: #fff;
}
.react-flow__minimap svg {
  display: block;
}
.react-flow__resize-control {
  position: absolute;
}
.react-flow__resize-control.left,
.react-flow__resize-control.right {
  cursor: ew-resize;
}
.react-flow__resize-control.top,
.react-flow__resize-control.bottom {
  cursor: ns-resize;
}
.react-flow__resize-control.top.left,
.react-flow__resize-control.bottom.right {
  cursor: nwse-resize;
}
.react-flow__resize-control.bottom.left,
.react-flow__resize-control.top.right {
  cursor: nesw-resize;
}
/* handle styles */
.react-flow__resize-control.handle {
  width: 4px;
  height: 4px;
  border: 1px solid #fff;
  border-radius: 1px;
  background-color: #3367d9;
  transform: translate(-50%, -50%);
}
.react-flow__resize-control.handle.left {
  left: 0;
  top: 50%;
}
.react-flow__resize-control.handle.right {
  left: 100%;
  top: 50%;
}
.react-flow__resize-control.handle.top {
  left: 50%;
  top: 0;
}
.react-flow__resize-control.handle.bottom {
  left: 50%;
  top: 100%;
}
.react-flow__resize-control.handle.top.left {
  left: 0;
}
.react-flow__resize-control.handle.bottom.left {
  left: 0;
}
.react-flow__resize-control.handle.top.right {
  left: 100%;
}
.react-flow__resize-control.handle.bottom.right {
  left: 100%;
}
/* line styles */
.react-flow__resize-control.line {
  border-color: #3367d9;
  border-width: 0;
  border-style: solid;
}
.react-flow__resize-control.line.left,
.react-flow__resize-control.line.right {
  width: 1px;
  transform: translate(-50%, 0);
  top: 0;
  height: 100%;
}
.react-flow__resize-control.line.left {
  left: 0;
  border-left-width: 1px;
}
.react-flow__resize-control.line.right {
  left: 100%;
  border-right-width: 1px;
}
.react-flow__resize-control.line.top,
.react-flow__resize-control.line.bottom {
  height: 1px;
  transform: translate(0, -50%);
  left: 0;
  width: 100%;
}
.react-flow__resize-control.line.top {
  top: 0;
  border-top-width: 1px;
}
.react-flow__resize-control.line.bottom {
  border-bottom-width: 1px;
  top: 100%;
}

.react-flow__resize-control {
  position: absolute;
}

.react-flow__resize-control.left,
.react-flow__resize-control.right {
  cursor: ew-resize;
}

.react-flow__resize-control.top,
.react-flow__resize-control.bottom {
  cursor: ns-resize;
}

.react-flow__resize-control.top.left,
.react-flow__resize-control.bottom.right {
  cursor: nwse-resize;
}

.react-flow__resize-control.bottom.left,
.react-flow__resize-control.top.right {
  cursor: nesw-resize;
}

/* handle styles */

.react-flow__resize-control.handle {
  width: 4px;
  height: 4px;
  border: 1px solid #fff;
  border-radius: 1px;
  background-color: #3367d9;
  transform: translate(-50%, -50%);
}

.react-flow__resize-control.handle.left {
  left: 0;
  top: 50%;
}

.react-flow__resize-control.handle.right {
  left: 100%;
  top: 50%;
}

.react-flow__resize-control.handle.top {
  left: 50%;
  top: 0;
}

.react-flow__resize-control.handle.bottom {
  left: 50%;
  top: 100%;
}

.react-flow__resize-control.handle.top.left {
  left: 0;
}

.react-flow__resize-control.handle.bottom.left {
  left: 0;
}

.react-flow__resize-control.handle.top.right {
  left: 100%;
}

.react-flow__resize-control.handle.bottom.right {
  left: 100%;
}

/* line styles */

.react-flow__resize-control.line {
  border-color: #3367d9;
  border-width: 0;
  border-style: solid;
}

.react-flow__resize-control.line.left,
.react-flow__resize-control.line.right {
  width: 1px;
  transform: translate(-50%, 0);
  top: 0;
  height: 100%;
}

.react-flow__resize-control.line.left {
  left: 0;
  border-left-width: 1px;
}

.react-flow__resize-control.line.right {
  left: 100%;
  border-right-width: 1px;
}

.react-flow__resize-control.line.top,
.react-flow__resize-control.line.bottom {
  height: 1px;
  transform: translate(0, -50%);
  left: 0;
  width: 100%;
}

.react-flow__resize-control.line.top {
  top: 0;
  border-top-width: 1px;
}

.react-flow__resize-control.line.bottom {
  border-bottom-width: 1px;
  top: 100%;
}

@charset "UTF-8";
html, body {
  height: auto;
  min-height: 100vh;
}

.login-sider {
  width: 600px !important;
  min-width: 600px !important;
  max-width: 600px !important;
  background-color: #FFFFFF !important;
}
.login-sider.user {
  background-color: #FFFFFF !important;
  border-radius: 30px 0 0 30px;
  position: absolute;
  right: 0;
  height: 100vh;
}
.login-sider.user .ant-select-selector {
  border-radius: 8px;
}
.login-sider.user .ant-input-number-handler-wrap {
  border-radius: 0 8px 8px 0;
}
.login-sider.user .ant-form-item-label > label {
  height: 25px;
}

.header {
  background-color: #FFFFFF;
  height: 70px;
}
.header .logo {
  width: 230px;
  height: 35px;
  margin-top: 15px;
  background-image: url(/i/logo.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.header .nav {
  margin-right: 10px;
}
.footer {
  background-color: #FFFFFF;
  height: 70px;
}

.auth_logo {
  width: 40px !important;
  height: 40px !important;
  top: 0 !important;
}
.auth_form__wrapper {
  max-width: 420px;
}
.auth_form__wrapper .ant-result-subtitle {
  color: rgba(0, 0, 0, 0.8509803922);
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}
.auth_form__wrapper #login {
  position: relative;
}
.auth_form__desc {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 8px;
}
.auth_form__again_psw {
  position: absolute;
  right: 0;
  top: 146px;
  color: rgba(0, 0, 0, 0.4509803922);
  font-size: 12px;
  line-height: 20px;
}
.auth_form__btn {
  width: 100%;
  border-radius: 6px !important;
}
.auth_form__btn_back {
  border-radius: 6px !important;
  padding-inline-start: unset !important;
  padding-inline-end: unset !important;
  width: 40px;
  padding: 0 8px;
  margin-top: 8px;
}
.auth_form__remember label {
  font-size: 12px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.8509803922);
}
.auth_page__bottom {
  width: 100%;
  max-width: 420px;
  margin-left: -27px;
  color: #CCD1D9;
  position: absolute;
  bottom: 70px;
}
.auth_page__title {
  margin-bottom: 56px;
  margin-top: -4px;
}
.auth_page__title.is_short {
  margin-bottom: 0;
}
.auth_page__title_h1 {
  font-weight: 500 !important;
  font-size: 38px !important;
  line-height: 48px !important;
  margin-bottom: 8px !important;
}
.auth_page__title_l {
  margin-left: 48px;
}
.auth_page__title_text {
  font-size: 22px;
}
.auth_page__recovery_icon {
  width: 150px;
  height: 200px;
  display: inline-block;
  background-size: contain;
}

.sider-systems {
  width: 70px !important;
  max-width: 70px !important;
  min-width: 70px !important;
  overflow: auto;
  height: 100vh;
  position: fixed;
  left: 0;
}

.sider-menu {
  vertical-align: top;
  overflow: auto;
  height: 100vh;
  position: relative;
  display: inline-block;
  left: 0;
  border-right: 1px solid #f6f7f9;
  z-index: 888;
}

.main-container {
  width: 100%;
}

.admin-breadcrumbs {
  padding: 10px 0 10px 35px;
  position: absolute;
  top: 45px;
  z-index: 999;
}

.logout,
.switch-app {
  position: absolute;
  bottom: 25px;
  left: 0;
  width: 100%;
  color: grey !important;
  opacity: 0.5;
}
.logout:hover,
.switch-app:hover {
  opacity: 1;
}

.main_table {
  margin: 25px 5px 0 5px;
}

.icon_system {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background-size: contain;
  background-repeat: no-repeat;
  padding: 10px;
  margin: 15px 12px 10px 12px;
}
.icon_system.facebook {
  background-image: url(/i/facebook.png);
}
.icon_system.yandex {
  background-image: url(/i/yandex.png);
}

.left_menu_badge .ant-badge-count {
  top: 15px;
  right: 25px;
}

.left_menu {
  font-size: 24px;
  margin: 5px 12px;
  color: #a9b2bd;
  padding: 10px;
  display: flex;
  position: relative;
  align-items: center;
  vertical-align: middle;
  line-height: 0 !important;
}
.left_menu.active {
  color: #1591ff;
  background-color: #e6f6ff;
  border-radius: 10px;
}
.left_menu .quantity {
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
  height: 20px;
  color: #FFFFFF;
  background-color: red;
  border-radius: 10px;
  text-align: center;
  line-height: 20px;
  font-size: 12px;
}
.left_menu span span {
  line-height: 0 !important;
}

.top_icon {
  color: #282828;
  font-size: 23px;
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
}

.container_flow {
  display: flex;
  flex-grow: 1;
  flex-direction: row;
}
.container_flow .reactflow-wrapper {
  flex-grow: 1;
  min-height: calc(100vh - 82px);
}

.ant-tooltip-inner .lock {
  width: 100%;
  height: 30px;
  background-image: url(/i/user/lock-white.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-bottom: 5px;
}
.ant-tooltip-inner .repeat {
  width: 100%;
  height: 30px;
  background-image: url(/i/user/repeat-white.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-bottom: 5px;
}

.node_view,
.container_flow aside .node_view {
  position: relative;
  vertical-align: middle;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.node_view:not(.disabled),
.container_flow aside .node_view:not(.disabled) {
  cursor: pointer !important;
}
.node_view.disabled,
.container_flow aside .node_view.disabled {
  cursor: not-allowed !important;
}
.node_view.grey,
.container_flow aside .node_view.grey {
  cursor: not-allowed !important;
}

.react-flow__handle {
  visibility: hidden;
}
.react-flow__handle.react-flow__handle-left {
  width: 100%;
  height: 100%;
  background: none;
  left: 0;
}
.react-flow__handle.react-flow__handle-connecting {
  background: red !important;
  opacity: 0.2;
}
.react-flow__handle.react-flow__handle-valid {
  background: greenyellow !important;
}
.react-flow__handle.react-flow__handle-right {
  right: -20px;
  width: 34px;
  height: 34px;
  background: url(/i/Arrow.svg);
  background-repeat: no-repeat;
  background-size: contain;
  transform: translateY(-50%) rotate(0deg);
}

.react-flow.only_view .react-flow__node {
  max-height: 215px;
  max-width: 215px;
}

.react-flow:not(.only_view) .react-flow__node:hover .react-flow__handle-bottom,
.react-flow:not(.only_view) .react-flow__node:hover .react-flow__handle-right {
  visibility: visible;
}
.react-flow:not(.only_view) .react-flow__node-special:hover,
.react-flow:not(.only_view) .react-flow__node-special.selected,
.react-flow:not(.only_view) .react-flow__node-special.selected:hover {
  box-shadow: 0 0 0 2px #1790FF;
  border-radius: 2px;
}
.react-flow:not(.only_view) .react-flow__edge.selected path:not(.react-flow__edge-path-selector) {
  stroke: #1790FF !important;
}
.react-flow:not(.only_view) .react-flow__edge-path-selector:hover {
  cursor: pointer;
}
.react-flow:not(.only_view) .react-flow__edge-path-selector:hover + .react-flow__edge-path, .react-flow:not(.only_view) .react-flow__edge-path:hover {
  stroke: #CCD1D9;
  cursor: pointer;
}

.react-flow__edge-path-selector {
  fill: none;
  stroke: transparent;
  stroke-width: 28;
}

.react-flow__minimap-node:after {
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
}

.react-flow__node.react-flow__node-special.selected .control_panel,
.react-flow__node.react-flow__node-special.selected .add_new_node {
  display: block;
}

.ant-layout-sider-children {
  border-right: 1px solid #CCD1D9;
}

.u_module_test__answers .matrix-table .ant-radio,
.u_module_test__answers .matrix-table .ant-checkbox {
  top: 0;
}

.matrix-table {
  display: table;
  table-layout: fixed;
}
.matrix-table .line {
  display: table-row;
  text-align: left;
}
.matrix-table .line .column:first-child {
  text-align: left;
}
.matrix-table .line .column {
  position: relative;
  max-width: 170px;
  padding: 8px 25px 8px 0;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}
.matrix-table .line .column .ant-typography {
  margin-bottom: 0 !important;
}
.matrix-table .line .column.header {
  height: 50px !important;
}
.matrix-table .line .column.header .delete {
  position: absolute;
  right: 10px;
  top: calc(50% - 7px);
  border-radius: 50%;
  color: #FF0000;
}
.matrix-table .line .column.left .delete {
  position: absolute;
  right: 11px;
  top: calc(50% - 7px);
  border-radius: 50%;
  color: #FF0000;
}

.form_list_container {
  display: inline-block;
  width: 415px;
  vertical-align: top;
}
.form_list_container.one {
  width: 883px;
}
.form_list_container.one.correct_order {
  margin: 30px 0 0 100px;
}
.form_list_container.matrix {
  width: 100%;
  overflow: scroll;
}
.form_list_container.left_add {
  margin-left: 20px;
}

.react-finder.react-finder-container {
  border: 1px solid #D8D8D8;
  border-bottom: none;
  border-left: none;
  min-height: calc(100vh - 83px);
  max-width: calc(100vw - 70px);
}
.react-finder.react-finder-container .react-finder-column {
  min-width: 330px;
  max-width: 330px;
  padding: 20px 15px 0 15px;
  border-right: 1px solid #D8D8D8;
}
.react-finder.react-finder-container .react-finder-column.hidden {
  display: none;
}
.react-finder.react-finder-container .react-finder-column.opened {
  min-width: 980px;
}
.react-finder.react-finder-container .react-finder-column.opened.post, .react-finder.react-finder-container .react-finder-column.opened.division {
  min-width: 980px;
}
.react-finder.react-finder-container .react-finder-column.opened.boss, .react-finder.react-finder-container .react-finder-column.opened.user {
  padding: 0;
  max-width: 1200px;
  min-width: 860px;
}
.react-finder.react-finder-container .react-finder-column .react-finder-column-header .add-division {
  padding: 5px 5px 5px 5px;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.react-finder.react-finder-container .react-finder-column .react-finder-column-header .add-division .title {
  display: inline-block;
  vertical-align: top;
}
.react-finder.react-finder-container .react-finder-column .react-finder-item {
  position: relative;
  border-radius: 8px;
  margin-bottom: 3px;
  padding: 0;
  max-width: 300px;
}
.react-finder.react-finder-container .react-finder-column .react-finder-item.selected .ant-btn:hover, .react-finder.react-finder-container .react-finder-column .react-finder-item.opened .ant-btn:hover {
  background-color: #c2e5fa;
}
.react-finder.react-finder-container .react-finder-column .react-finder-item:not(.selected):not(.opened) .ant-btn {
  visibility: hidden;
  transition: none;
}
.react-finder.react-finder-container .react-finder-column .react-finder-item:not(.selected):not(.opened) .ant-btn:hover {
  background-color: #E6F7FF;
}
.react-finder.react-finder-container .react-finder-column .react-finder-item:not(.selected):not(.opened):hover .ant-btn {
  visibility: visible;
}
.react-finder.react-finder-container .react-finder-column .react-finder-item:not(.selected):not(.opened):hover {
  background-color: #E6F7FF;
}
.react-finder.react-finder-container .react-finder-column .react-finder-item.opened {
  background-color: #E6F7FF;
}
.react-finder.react-finder-container .react-finder-column .react-finder-item .title {
  padding: 7px 0 7px 11px;
  margin-right: 32px;
  position: relative;
  display: inline-block;
  width: calc(100% - 32px);
}
.react-finder.react-finder-container .react-finder-column .react-finder-item .arrow {
  position: absolute;
  right: 6px;
  top: 6px;
  z-index: 1;
  height: 100%;
}
.react-finder.react-finder-container .react-finder-column .react-finder-item .arrow .ant-btn {
  height: 100%;
}
.react-finder.react-finder-container .react-finder-column .react-finder-item-opened {
  position: relative;
}
.react-finder.react-finder-container .react-finder-column .react-finder-item-opened .donat {
  position: relative;
  vertical-align: top;
  width: 330px;
  margin-top: 20px;
}
.react-finder.react-finder-container .react-finder-column .react-finder-item-opened .donat-info {
  display: inline-block;
  width: 170px;
}
.react-finder.react-finder-container .react-finder-column .react-finder-item-opened .donat-info .color {
  position: relative;
}
.react-finder.react-finder-container .react-finder-column .react-finder-item-opened .donat-info .color:before {
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  left: -13px;
  top: 7px;
  border-radius: 50%;
}
.react-finder.react-finder-container .react-finder-column .react-finder-item-opened .donat-info .color.green:before {
  background-color: #95DE64;
}
.react-finder.react-finder-container .react-finder-column .react-finder-item-opened .donat-info .color.orange:before {
  background-color: #EFDBFF;
}
.react-finder.react-finder-container .react-finder-column .react-finder-item-opened .donat-info .color.grey:before {
  background-color: #D9D9D9;
}
.react-finder.react-finder-container .react-finder-column .react-finder-item-opened .donat-info table {
  width: 100%;
}

.page_title {
  text-shadow: 1px 0 #fff, -1px 0 #fff, 0 1px #fff, 0 -1px #fff, 1px 1px #fff, -1px -1px #fff, 1px -1px #fff, -1px 1px #fff;
  padding-left: 35px;
  margin: 0 !important;
}

.checking_tabs .ant-tabs-nav {
  padding-left: 20px;
}

.main_search {
  margin: 15px 0 15px 25px;
  border-radius: 24px;
  border: none;
}
.main_search input {
  background-color: #F5F7FA;
  padding: 5px 0 5px 15px !important;
}

.set_active_map {
  width: 580px !important;
}
.set_active_map .ant-modal-body {
  padding: 10px 20px 20px 20px;
}
.set_active_map__comment {
  max-height: 120px;
  margin-bottom: 20px;
}
.set_active_map__comment textarea {
  max-height: 120px;
}
.set_active_map__title {
  line-height: 26px;
  font-size: 14px;
}
.set_active_map .option {
  display: block;
  padding: 18px 10px 18px 18px;
  border: 1px solid #E6E9ED;
  border-radius: 12px;
  margin-bottom: 8px;
}
.set_active_map .option p {
  margin-bottom: 0;
}
.set_active_map .option:last-child {
  margin-bottom: 0;
}
.set_active_map .option.no_active {
  opacity: 0.7;
}
.set_active_map .option:hover:not(.no_active) {
  background-color: #EAF5FE;
  cursor: pointer;
  border: 1px solid #EAF5FE;
}
.set_active_map .option div {
  display: block;
  vertical-align: middle;
  text-align: left;
}
.set_active_map .option div:first-child {
  color: #222222;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 6px;
}
.set_active_map .option div:last-child {
  color: #AAB2BD;
  font-size: 13px;
}

.library_item {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 150px;
  height: 270px;
  background-color: #FFFFFF;
  border-radius: 16px;
  margin: 0 0 10px 10px;
  padding: 10px;
  text-align: left;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
}
.library_item:hover {
  box-shadow: 0 0 0 2px rgba(23, 144, 255, 0.29);
}
.library_item.selected {
  box-shadow: 0 0 0 2px #1790ff;
}

.bf-player-holder {
  height: 400px !important;
}
.bf-player-holder .button-play {
  margin: 160px auto 20px !important;
}

.mark_add_select.library {
  background-color: #FFFFFF;
  padding: 10px 0 10px 0;
}
.mark_add_select.library .ant-select-selector {
  border: none;
  margin-left: 40px;
}
.mark_add_select .ant-select-selector {
  border-radius: 24px !important;
}
.mark_add_select .ant-select-selector .ant-select-selection-item {
  line-height: 30px !important;
  border-radius: 24px !important;
  padding: 0 8px 5px 8px !important;
}

.ant-modal-content {
  border-radius: 0px !important;
}

.ant-modal-header {
  border-radius: 8px 8px 0 0 !important;
}

form#login .ant-form-item-row {
  display: block;
}
form#login .ant-row.ant-form-item:first-child .ant-form-item-explain {
  display: none;
}
form#login .ant-form-item {
  margin-bottom: 8px !important;
}
form#login .ant-col.ant-form-item-label {
  text-align: left;
}
form#login .ant-col.ant-form-item-control input {
  margin-bottom: 0 !important;
}

.auth-tabs .ant-tabs-nav {
  display: none !important;
}

.library.item span {
  display: inline-block;
  vertical-align: bottom;
  white-space: break-spaces;
}
.library.item.content_container:before {
  display: inline-block;
  content: "";
  height: 100%;
  width: 0;
  margin-left: -2px;
  vertical-align: bottom;
}
.library.item.content_container {
  width: 100%;
  height: 105px;
  position: absolute;
  left: 0;
  bottom: 30px;
  padding: 0 10px;
  overflow-y: scroll;
}
.library.item.content_container_block {
  display: inline-block;
  vertical-align: bottom;
}
.library.item.text {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -moz-box;
  -moz-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  line-clamp: 4;
  box-orient: vertical;
  width: 100%;
}

.selected-feature-node,
.selected-feature-node .rst__rowContents,
.selected-feature-node .rst__rowContents .ant-typography {
  color: #FFFFFF;
  background-color: #1790FF;
}

.selected-feature-node .rst__rowContents .ant-typography:not(.ant-typography-edit-content) svg {
  fill: #FFFFFF;
}

.rst__rowContents {
  cursor: pointer;
}

.c_table {
  display: table;
  width: 100%;
}
.c_table__row {
  display: table-row;
}
.c_table__row:first-child .c_table__cell {
  border-top: none;
}
.c_table__cell {
  display: table-cell;
  padding: 20px 30px;
  border-top: 0.5px solid #F0F1F4;
}
.c_table__cell.nw {
  white-space: nowrap;
}
.c_table__cell.w1 {
  width: 1px;
}
.c_table__cell:first-child {
  padding-left: 5px;
}

.user_balance__info {
  padding-left: 5px;
}
.user_balance__info__label {
  color: #AAB2BD;
  font-size: 16px;
}
.user_balance__info__sum {
  font-size: 72px;
  line-height: 120px;
  color: #0F1419;
  margin-left: -5px;
}
.user_balance__info__price {
  font-size: 18px;
  margin: 66px 0;
}
.user_balance__info__price span {
  color: #AAB2BD;
}
.user_balance__table .balance_cell {
  color: #AAB2BD;
}
.user_balance__table .balance_cell.plus {
  color: #52C41A;
}
.user_balance__table_name {
  font-size: 18px;
  padding-left: 5px;
}

.ant-tooltip-inner {
  text-align: center !important;
}

.form_inputs_title_top .ant-divider {
  margin-top: 80px;
  margin-bottom: 40px;
}
.form_inputs_title_top .ant-form-item-label {
  padding: 0;
}
.form_inputs_title_top .ant-form-item .ant-select-multiple .ant-tag {
  font-size: 16px;
  padding: 5px 14px;
  border-width: 0.5px;
  border-radius: 20px;
}
.form_inputs_title_top .ant-form-item .ant-select-multiple .ant-tag .anticon-close {
  position: relative;
  margin-left: 10px;
  top: -1px;
}
.form_inputs_title_top .ant-form-item .ant-checkbox-group .ant-checkbox-wrapper {
  margin-right: 64px;
}
.form_inputs_title_top .form_item_group__h {
  font-size: 21px;
  font-style: bold;
  margin-bottom: 24px;
}

.division_breadcrumbs {
  display: block;
  margin: 0;
  padding: 0;
}
.division_breadcrumbs:not(:empty) {
  margin-bottom: 18px;
}
.division_breadcrumbs li {
  display: inline;
  color: #0F1419;
  list-style: none;
}
.division_breadcrumbs li:before {
  content: " / ";
  display: inline;
  color: #CCD1D9;
}
.division_breadcrumbs li:last-child {
  display: none;
}
.division_breadcrumbs li:first-child:before {
  display: none;
}

.user_edit .ant-upload {
  width: 170px;
  height: 170px;
  overflow: hidden;
  border-radius: 100%;
  border: none;
}
.user_edit .ant-upload img {
  width: auto;
  height: 100%;
}
.user_edit__access__h {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 10px;
}
.user_edit__access__list {
  font-size: 14px;
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 30px;
}
.user_edit__access__list li {
  position: relative;
  margin-bottom: 5px;
}
.user_edit__access__list li:before {
  content: "•";
  display: inline-block;
  margin-right: 10px;
}

.refresh_btn:hover {
  color: #1790FF !important;
  transition: none;
}
.refresh_btn:active {
  transition: none;
  transform: scale(0.95);
}

.map_info {
  padding: 10px 0 10px 60px;
  /* display: flex; */
  /* justify-content: center; */
  /* overflow-x: auto; */
  display: inline-block;
  margin-left: 118px;
}
.map_info div {
  margin-right: 8px;
  position: relative;
  display: inline-block;
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
  padding: 4px 8px 4px 24px;
  border-radius: 6px;
  height: 28px;
}
.map_info div.available {
  background-color: #FFE7BA;
}
.map_info div.progress {
  background-color: #EFDBFF;
}
.map_info div.on_verification {
  background-color: #BAE7FF;
}
.map_info div.completed {
  background-color: #D9F7BE;
}
.map_info div.error {
  background-color: #FFCCC7;
}
.map_info div.repeat {
  background-color: #FFD8BF;
}
.map_info div.disabled {
  background-color: #F0F0F0;
}
.map_info div:before {
  position: absolute;
  content: "";
  left: 0;
  top: calc(50% - 6px);
  width: 12px;
  height: 12px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 8px;
}
.map_info div.available:before {
  background-image: url("/i/n-flag-full.svg");
}
.map_info div.progress:before {
  background-image: url("/i/n-process-full.svg");
}
.map_info div.on_verification:before {
  background-image: url("/i/n-time-user-full.svg");
}
.map_info div.completed:before {
  background-image: url("/i/n-completed-user-full.svg");
}
.map_info div.error:before {
  background-image: url("/i/n-error-user-full.svg");
}
.map_info div.repeat:before {
  background-image: url(/i/n-repeat-user-full.svg);
}
.map_info div.disabled:before {
  background-image: url(/i/n-closed-user-full.svg);
}

.btn-popover:hover {
  background-color: #E6F7FF;
}

.feedback.modal .ant-form-item-label {
  display: none;
}
.feedback.modal .ant-select-selector {
  border-radius: 8px;
}
.feedback.modal .ant-form-item {
  margin-bottom: 15px;
}

.user_edit_avatar {
  width: 170px;
  height: 170px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

form#password_recovery .ant-form-item-row {
  display: block;
}
form#password_recovery .ant-col.ant-form-item-label {
  text-align: left;
}

#password_recovery .ant-form-item {
  margin: 0 !important;
}

#password_recovery_new label {
  display: none;
}

.rate {
  position: relative;
  vertical-align: top;
  display: inline-block;
  min-width: 380px;
  margin-right: 34px;
  margin-bottom: 20px;
}
.rate_container {
  width: 100%;
  height: calc(100vh - 154px);
  overflow: scroll;
  margin-top: 36px;
}
.rate_container__actions {
  float: right;
  margin-right: 40px;
}
.rate_container.preview {
  height: auto;
  width: auto;
  margin-top: 10px;
}
.rate_container.preview .rate {
  margin: 0;
}
.rate_add {
  width: 380px;
  height: 420px;
  border: 1px solid #f0f0f0;
  border-radius: 13px;
  color: #AAB2BD;
  text-align: center;
  font-size: 20px;
  padding: 130px 10px 120px 10px;
  cursor: pointer;
}
.rate_add:hover {
  color: #4096ff;
  border: 1px solid #4096ff;
}
.rate_header, .rate_body {
  width: 100%;
  display: block;
  padding: 40px;
  background: #fff;
  border-radius: 13px;
}
.rate_header {
  position: relative;
  font-size: 18px;
  font-weight: bold;
  border-radius: 13px 13px 0 0;
}
.rate_header .quantity {
  margin-right: 55px;
}
.rate_header .sticker {
  content: "";
  position: absolute;
  font-size: 16px;
  font-weight: 400;
  right: 5px;
  top: calc(50% - 30px);
  height: 45px;
  color: #FFFFFF;
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center;
  padding: 10px 10px 10px 8px;
  transform: rotate(-15deg);
}
.rate_header .sticker.one {
  padding: 10px 10px 10px 12px;
  background-image: url("/i/sticker_one.svg");
}
.rate_header .sticker.three {
  padding: 10px 10px 10px 12px;
  background-image: url("/i/sticker_three.svg");
}
.rate_header .sticker.six {
  padding: 10px 10px 10px 12px;
  background-image: url("/i/sticker_six.svg");
}
.rate_header .sticker.twelve {
  background-image: url("/i/sticker_twelve.svg");
}
.rate_body {
  position: relative;
  z-index: 1;
  top: -13px;
}
.rate_body_price {
  display: inline-block;
  white-space: nowrap;
}
.rate_body_price .price {
  color: #1D1D1D;
  font-size: 24px;
  font-weight: 500;
}
.rate_body_price .description {
  color: #AAB2BD;
  font-size: 16px;
}
.rate_body_price .description .old_price {
  display: inline-block;
  position: relative;
  margin-left: 10px;
  font-size: 18px;
}
.rate_body_price .description .old_price:after {
  bottom: 13px;
  left: 0;
  content: "";
  width: 100%;
  position: absolute;
  border-bottom: 1.5px solid #FF4E44;
  transform: rotate(-15deg);
}
.rate_body .info ul {
  margin: 3px 0 3px 0;
  padding-left: 25px;
}
.rate_body .info ul li {
  font-size: 16px;
}
.rate_body .info .description {
  color: #AAB2BD;
  font-size: 16px;
}

.activation_code {
  background-color: #F5F7FA !important;
  border-radius: 24px;
}

.image-wrap {
  width: 100%;
}
.image-wrap img {
  max-width: 100%;
}

.notification {
  margin-bottom: 20px;
}
.notification_tabs {
  margin-bottom: 20px;
}
.notification_tabs .ant-tabs-tab {
  padding: 16px 0;
}
.notification_tabs .ant-tabs-nav {
  position: absolute;
  top: -2px;
  left: 60px;
}
.notification_tabs .ant-tabs-nav:before {
  border-bottom: none;
}
.notification_drawer_frame .ant-drawer-body {
  padding: 0;
}

.notice:after {
  content: "";
  position: absolute;
  background-color: #FF3B30;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  top: 0;
  right: 9px;
}

.ant-tree-title.grey {
  color: rgba(0, 0, 0, 0.4509803922);
  margin: 3px 0 6px 0;
}
.ant-tree-title.grey:hover {
  color: #000000;
}

.ant-tree-title:hover span.post_division_icon {
  display: inline-block;
  visibility: visible;
}

.post_division_title span.post_division_icon,
span.post_division_icon {
  background-image: url(/i/Selected.svg);
  width: 17px;
  height: 17px;
  display: inline-block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: 7px;
  vertical-align: top;
  cursor: pointer;
  margin-top: 4px;
  visibility: hidden;
}

.item-header {
  position: relative;
  display: flex;
  align-items: center;
}
.item-header.map .figure {
  width: 100%;
}
.item-header .figure {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 25px;
  height: 25px;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
}
.item-header .figure:not(.menu) {
  margin-left: 15px;
}
.item-header .figure:hover .figure_list {
  display: block;
}
.item-header .figure.circle, .item-header .figure .circle {
  background-image: url(/i/Circle-d.svg);
  border-radius: 50%;
}
.item-header .figure.circle.selected, .item-header .figure .circle.selected {
  background-image: url(/i/Circle.svg);
}
.item-header .figure.round-rect, .item-header .figure .round-rect {
  background-image: url(/i/Square-d.svg);
  border-radius: 5px;
}
.item-header .figure.round-rect.selected, .item-header .figure .round-rect.selected {
  background-image: url(/i/Square.svg);
}
.item-header .figure_list {
  position: absolute;
  top: -20px;
  left: -20px;
  width: 66px;
  height: 110px;
  display: none;
  z-index: 99;
  background-color: #FFFFFF;
  padding: 10px;
  box-shadow: 0 16px 24px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
}
.item-header .figure_list.map {
  top: -65px;
  left: -65px;
  width: 65px;
  height: 110px;
}
.item-header .figure_list div {
  display: block;
  width: 25px;
  height: 25px;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 10px 10px 10px 10px;
  vertical-align: top;
  color: #E6E9ED;
}
.item-header .figure_list div:first-child {
  margin-bottom: 20px;
}
.item-header .preview {
  height: 25px;
  margin-left: 36px;
  display: inline-block;
  vertical-align: middle;
}
.item-header .draft {
  margin-left: 20px;
  display: inline-block;
  vertical-align: middle;
}
.item-header .info {
  width: 100%;
  padding: 20px 0 0 0;
}

.react-flow__node.circle {
  border-radius: 50%;
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.map_header_status {
  margin-top: 2px;
  margin-left: 30px;
  position: relative;
  font-size: 15px;
}
.map_header_status:before {
  content: "";
  position: absolute;
  left: -15px;
  top: calc(50% - 5px);
  border-radius: 50%;
  width: 10px;
  height: 10px;
}
.map_header_status.green:before {
  background-color: #3AD58D;
}
.map_header_status.orange:before {
  background-color: #FFB95C;
}
.map_header_status.grey:before {
  background-color: #E6EDEA;
}

.node_title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -moz-box;
  -moz-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  line-clamp: 5;
  box-orient: vertical;
  font-size: 14px;
}

.sider-mark {
  height: 100vh;
  z-index: 1;
  position: relative;
  background-color: #FFFFFF;
  display: inline-block;
  vertical-align: top;
}
.sider-mark.ant-layout-sider-zero-width:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  z-index: 9999;
}
.sider-mark.ant-layout-sider-zero-width .ant-layout-sider-children {
  border: none;
}
.sider-mark .marks {
  display: flex;
  justify-content: center;
  vertical-align: top;
  padding: 0 20px 0 20px;
}
.sider-mark .marks .add {
  margin-top: 14px;
  color: #AAB2BD;
  cursor: pointer;
}
.sider-mark .marks .add:hover {
  opacity: 0.8;
}
.sider-mark .marks .ant-tag {
  margin-top: 8px;
  margin-right: 8px;
}

.ant-table-thead > tr > th {
  text-transform: uppercase;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #AAB2BD;
  background-color: #FFFFFF;
}

.tag-new-list {
  margin-top: 24px;
}

.tag-select {
  cursor: pointer !important;
}
.tag-select:last-child {
  margin-right: 0;
}
.tag-select.selected {
  box-shadow: 0 0 1px 2px #1790FF;
}

.ant-tag {
  font-size: 14px !important;
}

.u_main_marks_mark .ant-tag {
  font-size: 12px !important;
  border-radius: 2px;
  padding: 1px 8px;
  cursor: pointer;
  margin-bottom: 8px;
}

.map_list.bottom_panel {
  z-index: 5;
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: left;
  align-items: center;
  background-color: #FFFFFF;
  min-height: 72px;
  padding-right: 60px;
}
.map_list.bottom_panel .ant-select {
  margin: 2px 0 2px 15px;
}
.map_list.bottom_panel .second-select {
  min-width: 260px;
}
.map_list.bottom_panel .ant-select-selector {
  border-radius: 40px;
  padding: 0 15px !important;
  overflow: hidden;
}
.map_list.bottom_panel .ant-select-selector .ant-select-selection-item {
  line-height: 36px;
}
.map_list.bottom_panel .close {
  position: absolute;
  right: 15px;
}

.ant-tabs-top > .ant-tabs-nav, .ant-tabs-bottom > .ant-tabs-nav, .ant-tabs-top > div > .ant-tabs-nav, .ant-tabs-bottom > div > .ant-tabs-nav {
  margin: 0 0 0 0 !important;
}

.ant-dropdown-menu {
  padding: 0 !important;
}

.ant-tabs-content-holder .ant-tabs-content-left .ant-tabs-tabpane {
  padding-left: 20px !important;
}

.ant-tabs.questions .ant-tabs-tab-remove {
  display: none;
}

.container-node {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 10px 12px 10px 12px;
}

.container-node:before {
  position: absolute;
  content: "";
  width: 18px;
  height: 18px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.container-node.circle:before {
  left: 22%;
  top: 4%;
}
.container-node.round-rect:before {
  left: 20%;
  top: -4px;
}
.container-node.blue:before {
  background-image: url("/i/n-flag-full.svg");
}
.container-node.orange:before {
  background-image: url("/i/n-process-full.svg");
}
.container-node.light_green:before {
  background-image: url("/i/n-time-user-full.svg");
}
.container-node.green:before {
  background-image: url("/i/n-completed-user-full.svg");
}
.container-node.red:before {
  background-image: url("/i/n-error-user-full.svg");
}
.container-node.blue.repeat:before {
  background-image: url("/i/n-repeat-user-full.svg");
}
.container-node.disabled:before {
  background-image: url("/i/n-closed-user-full.svg");
}
.container-node.grey:before {
  background-image: url(/i/n-closed-user-full.svg);
}

.btn_user {
  display: inline-block;
  position: absolute;
  left: 80px;
  top: 13px;
  border: none;
  border-bottom-width: medium;
  border-bottom-style: none;
  border-bottom-color: currentcolor;
  border-bottom-width: medium;
  border-bottom-style: none;
  border-bottom-color: currentcolor;
  border-bottom: none !important;
  color: rgba(0, 0, 0, 0.8509803922);
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
}
.btn_user:before {
  left: -19px;
  top: 4px;
  position: absolute;
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("/i/arrow-user.svg");
  width: 14px;
  height: 14px;
}
.btn_user:hover {
  opacity: 0.8;
  color: rgba(0, 0, 0, 0.8509803922);
}

.drawer-user-list {
  padding-left: 15px;
  margin-bottom: 5px;
  position: relative;
}
.drawer-user-list.current:before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 6px;
  height: 6px;
  border-radius: 3px;
  background-color: #222222;
}

.ant-tabs-nav-add {
  border-radius: 8px 0 0 8px !important;
  margin-top: 8px;
}

.new_appeal {
  width: 7px;
  height: 7px;
  background-color: #1790FF;
  display: inline-block;
  border-radius: 7px;
}

.profile_partner_new_appeal {
  margin-top: 30px;
  position: absolute;
}
.profile_partner_container {
  padding-left: 35px;
}
.profile_partner_referral {
  position: absolute;
  right: 35px;
  top: 0px;
  padding: 16px 16px 16px 16px;
  border: 1px solid #B2B2B2;
}
.profile_partner_referral_title {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 23px;
  color: #1790FF;
  margin-bottom: 6px;
}
.profile_partner_referral_data .referral_link {
  max-width: 290px;
  display: inline-block;
}
.profile_partner_referral_data .referral_comment {
  max-width: 208px;
  display: inline-block;
  vertical-align: top;
  font-size: 12px;
  margin-left: 10px;
  color: #454545;
}
.profile_partner_data {
  background-color: #F5F7FA;
  max-width: 318px;
  padding: 19px 19px 19px 40px;
  font-style: normal;
  font-weight: 600;
  font-size: 17px;
  line-height: 24px;
}
.profile_partner_data_balance {
  position: relative;
  margin-bottom: 9px;
}
.profile_partner_data_status {
  position: relative;
}
.profile_partner_data .data_title:before {
  left: -23px;
  top: 4px;
  position: absolute;
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("/i/profile-balance.svg");
  width: 17px;
  height: 17px;
}
.profile_partner_data .data_title_status:before {
  left: -23px;
  top: 4px;
  position: absolute;
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("/i/profile-status.svg");
  width: 17px;
  height: 17px;
}
.profile_partner_data .data_value {
  margin-left: 10px;
  color: #1790FF;
}
.profile_partner_data .data_value_balance {
  text-decoration: underline;
}
.profile_partner_tabs .ant-tabs-nav-list {
  margin-left: 35px;
}
.profile_partner_price_wrap {
  position: relative;
  text-align: center;
}
.profile_partner_price_old {
  text-decoration: line-through;
  font-size: 12px;
  position: absolute;
  top: -20px;
  right: 20px;
}

.clients_tariff_current {
  color: #FADB14;
}
.clients_tariff_end span {
  text-decoration: line-through;
}
.clients_tariff_item {
  list-style-type: none;
  margin-bottom: 8px;
}
.clients_tariff_item span {
  display: inline-block;
}
.clients_tariff_list {
  margin-left: 50px;
  padding-left: 0;
}

.certificates_code_inactive {
  color: #B2B2B2;
  text-decoration: line-through;
}
.certificates_inactive {
  color: #B2B2B2;
}

.make_order_title {
  margin-top: 25px;
  margin-bottom: 30px;
}
.make_order_elem {
  display: block;
  font-size: 18px;
  line-height: 32px;
}
.make_order_amount {
  margin-bottom: 20px;
}
.make_order_balance {
  margin-bottom: 25px;
}
.make_order_type_payment {
  margin-top: 15px;
}
.make_order_action {
  margin-top: 15px;
  width: 100%;
  text-align: center;
}
.make_order_action button {
  margin-right: 25px;
}
.make_order_sum_title {
  font-weight: 600;
}

.order_discount_desc {
  margin-left: 0;
  border: 1px solid #f0f0f0;
  padding: 15px;
  border-radius: 16px;
  position: absolute;
  z-index: 9;
  top: 0;
  background-color: #fff;
  min-width: 300px;
  line-height: 28px;
  left: 23px;
  display: none;
  font-size: 13px;
}
.order_discount_desc li {
  list-style-type: none;
}
.order_discount_desc_text {
  margin-left: 20px;
}
.order_discount_desc.show {
  display: block;
}

.dialog_node {
  width: 100%;
  height: 100%;
}
.dialog_node .client {
  height: 100px;
  position: relative;
  padding: 10px 80px 10px 15px;
  display: flex;
  width: 100%;
  border-radius: 20px 20px 0 0;
  align-items: center;
}
.dialog_node .client .icon {
  position: absolute;
}
.dialog_node .client .icon.start {
  top: -5px;
  right: 15px;
  font-size: 45px;
  color: #FFFFFF;
}
.dialog_node .client .icon.finish {
  top: 3px;
  right: 28px;
  font-size: 28px;
  color: #d32d25;
}
.dialog_node .client .title {
  color: #FFFFFF;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -moz-box;
  -moz-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  line-clamp: 3;
  box-orient: vertical;
  font-size: 16px;
}
.dialog_node .client .order {
  position: absolute;
  top: calc(50% - 25px);
  right: 25px;
  font-size: 34px;
  color: #FFFFFF;
}
.dialog_node .answers {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.dialog_node .answers .answer {
  position: relative;
  padding: 10px;
  border-bottom: 1px solid #0F83E8;
}
.dialog_node .answers .answer:hover {
  background-color: rgba(246, 53, 53, 0.26);
}

.defaultTheme.dialog {
  visibility: visible;
  width: 40px;
  height: 40px;
  right: 1px;
  background: none;
}

.radio_container {
  margin-top: 20px;
}
.radio_container .radio_color {
  align-items: self-start;
  margin-bottom: 5px;
}
.radio_container .radio_color .preview_color {
  width: 20px;
  height: 20px;
  border-radius: 50%;
}

.react-flow__edge-path.dialog {
  pointer-events: all;
  stroke-width: 6;
}

.dialog_arrow.delete {
  position: absolute;
  pointer-events: all;
}
.dialog_arrow.delete:hover {
  visibility: visible !important;
}

.dialog.error.divider {
  height: 420px;
  width: 2px;
  border: 1px solid #0F83E8;
  margin: 0 15px 0 15px;
  display: inline-block;
}

.dialog.error.icon {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 45px;
}

.dialog.error.info {
  position: relative;
  display: inline-block;
  width: 480px;
  height: 420px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.activation_code_last {
  margin-left: 45px;
}
.activation_code_last_item {
  margin-bottom: 7px;
}

.user.container {
  position: absolute;
  bottom: 20px;
  right: 20px;
  background-color: white;
  border-radius: 24px;
  box-shadow: 0 0 1px 1px #1790FF;
}
.user.container .exam {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 380px;
  height: 270px;
}
.user.container .exam .title {
  width: 100%;
  font-size: 24px;
  font-weight: bold;
  padding: 0 30px 0 30px;
  margin-bottom: 8px;
}
.user.container .exam .status {
  width: 100%;
  padding: 0 30px 0 30px;
  margin-bottom: 30px;
}
.user.container .exam .desc {
  width: 100%;
  font-size: 20px;
  padding: 0 30px 0 30px;
  margin-bottom: 16px;
}
.user.container .exam .button {
  width: 100%;
  padding: 0 30px 0 30px;
}

@media screen and (max-width: 400px) {
  .login-sider.user {
    position: relative;
    left: 0;
  }
}
.store_info {
  font-size: 12px;
  line-height: 18px;
}
.store_tabs {
  margin: 0 60px 0 60px;
}
.store_item_content {
  position: relative;
}
.store_item_content .timer_exam {
  background-color: #FAFAFA;
  width: max-content;
  height: 22px;
  box-shadow: none;
  padding: 0 8px 0 8px;
  display: inline-block;
}
.store_item_content .timer_exam .timer_icon {
  background-image: url("/i/store_watch_black.svg") !important;
  width: 12px !important;
  height: 12px !important;
  margin-right: 4px !important;
}
.store_item_content .timer_exam .timer {
  color: #000;
  font-size: 14px;
  line-height: 22px;
}
.store_item_content .timer_exam.timer_running_out {
  background-color: #07BF21;
}
.store_item_content .timer_exam.timer_running_out .timer {
  color: #fff;
}
.store_item_content .timer_exam.timer_running_out .timer_icon {
  background-image: url("/i/store_watch.svg") !important;
}
.store_item_top {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 9;
}
.store_item_body {
  padding: 8px 12px 14px 12px;
  position: relative;
  height: 146px;
}
.store_item_bottom {
  position: absolute;
  bottom: 10px;
}
.store_item_btn {
  position: absolute;
  right: 12px;
  bottom: 10px;
}
.store_item_btn_item {
  display: inline-block;
}
.store_item_btn .currency {
  vertical-align: top;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  width: 12px;
  height: 12px;
  margin-right: 4px;
  margin-top: 6px;
  margin-left: 4px;
}
.store_item_btn .price_currency {
  font-size: 16px;
  line-height: 24px;
}
.store_props_wrapper {
  position: absolute;
  left: 12px;
  bottom: 12px;
}
.store_index .store_item_content .timer_icon {
  margin-top: -3px;
}
.store_index .store_item_content .timer_exam .timer {
  margin-top: -3px;
}
.store_empty_cart_wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  min-height: 300px;
}
.store_empty_cart_icon {
  width: 150px;
  height: 134px;
  background-image: url("/i/store_empty_cart.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.store_empty_cart_text {
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
  width: 330px;
  text-align: center;
  margin-top: 16px;
}

.smooth_contain .store_user__wrapper {
  margin-top: 10px;
}
.smooth_contain .store_block__title_wrapper {
  font-size: 14px;
  line-height: 22px;
  top: -13px;
}
.smooth_contain .store_block__divider {
  width: calc(100% - 20px);
}

.store .item.marked,
.store.item.marked {
  background: #F9F0FF;
}
.store .item .product_day,
.store.item .product_day {
  margin-right: 4px;
}
.store .item,
.store.item {
  width: 230px;
  padding: 0;
  border-radius: 16px;
  display: inline-block;
  vertical-align: top;
  margin: 20px 20px 0 0;
}
.store .item.is_main,
.store.item.is_main {
  cursor: pointer;
  height: 274px;
}
.store .item.is_main .title,
.store.item.is_main .title {
  line-height: 18px;
  font-size: 16px;
  font-weight: 500;
  padding: 0 0px;
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.store .item.is_main .description,
.store.item.is_main .description {
  margin: 4px 0 4px 0;
  white-space: normal;
}
.store .item.is_main .stock_count,
.store.item.is_main .stock_count {
  font-size: 12px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.4509803922);
  position: absolute;
  bottom: 3px;
}
.store .item.is_main .store_item_body,
.store.item.is_main .store_item_body {
  height: 110px;
}
.store .item .title,
.store.item .title {
  color: rgba(0, 0, 0, 0.8509803922);
  font-size: 16px;
  font-weight: 400;
  display: inline-block;
  line-height: 18px;
  padding: 12px 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.store .item .is_active,
.store.item .is_active {
  vertical-align: top;
  display: inline-block;
}
.store .item .manage,
.store.item .manage {
  position: absolute;
  right: 8px;
  top: 8px;
  cursor: pointer;
  z-index: 9;
}
.store .item .manage .ant-btn-text:not(:disabled):not(.ant-btn-disabled):hover,
.store.item .manage .ant-btn-text:not(:disabled):not(.ant-btn-disabled):hover {
  background: unset;
}
.store .item .description,
.store.item .description {
  min-height: 36px;
  font-size: 12px;
  line-height: 18px;
  color: #454545;
  margin: 10px 0 10px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -moz-box;
  -moz-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-clamp: 2;
  box-orient: vertical;
}
.store .item .stock_count,
.store.item .stock_count {
  margin: 0;
}
.store .item .image,
.store.item .image {
  position: relative;
  width: 100%;
  height: 164px;
  border-radius: 16px;
  overflow: hidden;
  background-color: #fff;
}
.store .item .image img,
.store.item .image img {
  height: 164px;
  left: 50%;
  position: relative;
  transform: translateX(-50%);
  width: auto;
  max-width: 100%;
}
.store .item .image.empty .not_image,
.store.item .image.empty .not_image {
  color: rgba(0, 0, 0, 0.45);
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 500;
  position: absolute;
  top: calc(50% - 10px);
  left: 26px;
}
.store .item .price,
.store.item .price {
  background-color: #EAFF8F;
  height: 22px;
  width: max-content;
  padding: 0 8px 0 8px;
  border-radius: 16px;
  display: inline-block;
  margin-right: 4px;
}
.store .item .price .title_price,
.store.item .price .title_price {
  font-size: 16px;
  display: block;
}
.store .item .price .currency,
.store.item .price .currency {
  vertical-align: top;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  width: 12px;
  height: 12px;
  margin-right: 4px;
  margin-top: 6px;
}
.store .item .price .price_currency,
.store.item .price .price_currency {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  color: #000;
}
.store .item .special,
.store.item .special {
  height: 20px;
  padding: 0 8px 0 20px;
  font-size: 12px;
  color: #000;
  font-weight: 400;
  background: linear-gradient(270deg, #F7971E 0%, #FFD200 100%);
  border-radius: 10px;
  position: relative;
  width: max-content;
  display: inline-block;
}
.store .item .special:before,
.store.item .special:before {
  content: "";
  width: 12px;
  height: 12px;
  display: inline-block;
  background-repeat: no-repeat;
  top: 3px;
  position: absolute;
  left: 6px;
  background-size: contain;
}
.store .item .product_day,
.store.item .product_day {
  height: 20px;
  padding: 0 8px 0 20px;
  font-size: 12px;
  color: #fff;
  font-weight: 400;
  background: linear-gradient(270deg, #8E2DE2 0%, #4A00E0 100%);
  border-radius: 10px;
  position: relative;
  width: max-content;
  display: inline-block;
}
.store .item .product_day:before,
.store.item .product_day:before {
  content: "";
  width: 12px;
  height: 12px;
  display: inline-block;
  background-repeat: no-repeat;
  top: 3px;
  position: absolute;
  left: 6px;
  background-size: contain;
}

.store .item {
  height: 310px;
  margin: 20px 30px 0 0;
  position: relative;
}
.store .item.is_admin .ant-btn-icon:hover .anticon-ellipsis {
  background: #D9D9D9 !important;
}
.store .item .title {
  font-weight: 500;
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  padding: 0;
}
.store .item .description {
  margin: 4px 0 4px 0;
}
.store .item .stock_count {
  margin: 0 0 8px 0;
  font-size: 12px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.4509803922);
}
.store .item .special:before {
  background-image: url("/i/store_fire.svg");
}
.store .item .product_day:before {
  background-image: url("/i/store_shoper.svg");
}

.store.item .special {
  padding: 2px 8px 2px 20px;
}
.store.item .special:before {
  background-image: url("/i/store_fire.svg");
}
.store.item .product_day {
  padding: 2px 8px 2px 20px;
}
.store.item .product_day:before {
  background-image: url("/i/store_shoper.svg");
}

.store_tags {
  width: calc(100% - 105px);
  display: inline-block;
  vertical-align: top;
  margin-left: 8px;
}
.store_tags.user {
  vertical-align: middle;
}
.store_tags .ant-tag {
  margin-bottom: 8px;
  cursor: pointer;
}
.store_tags_wrapper {
  width: calc(100% - 64px);
}
.store_form .item_line {
  width: 48%;
  display: inline-block;
}
.store_form .item_line.item_line_first {
  margin-right: 10px;
}
.store_form .item_line .ant-form-item-label {
  max-width: 200px;
}
.store_form .ant-btn.ant-btn-round.ant-btn-lg {
  border-radius: 4px !important;
}
.store_form .ant-form-item {
  margin-bottom: 10px;
}
.store_form .ant-input-number-input {
  height: 32px !important;
  padding: 5px 12px !important;
}
.store_form #ended_at {
  height: 32px !important;
  padding-left: 7px;
}
.store_form .ant-select-selector {
  border-radius: 2px !important;
}
.store_form .ant-input-number-sm, .store_form .ant-input-sm, .store_form .ant-input, .store_form .ant-picker {
  border-radius: 2px !important;
}
.store_form_struct_element .ant-col-8.ant-form-item-label {
  max-width: 100%;
}
.store_item_bottom_price .currency {
  width: 19px;
  height: 19px;
  background-size: contain;
  margin-left: 5px;
  vertical-align: top;
  margin-top: 2px;
  background-repeat: no-repeat;
}
.store_item_bottom_price .price_currency {
  font-size: 20px;
  line-height: 18px;
  font-weight: 600;
}
.store_item_bottom_price_text {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  display: inline-block;
}
.store_item_content .product_day, .store_item_content .special {
  padding: 2px 8px 2px 20px;
}
.store_item_content .product_day {
  height: 20px;
  padding: 2px 8px 0 20px;
  font-size: 12px;
  color: #fff;
  font-weight: 400;
  background: linear-gradient(270deg, #8E2DE2 0%, #4A00E0 100%);
  border-radius: 10px;
  position: relative;
  width: max-content;
  display: inline-block;
}
.store_item_content .product_day::before, .store_item_content .special::before {
  content: "";
  width: 12px;
  height: 12px;
  display: inline-block;
  background-repeat: no-repeat;
  top: 3px;
  position: absolute;
  left: 6px;
  background-size: contain;
}
.store_item_content .special {
  height: 20px;
  padding: 2px 8px 0 20px;
  font-size: 12px;
  color: #000;
  font-weight: 400;
  background: linear-gradient(270deg, #F7971E 0%, #FFD200 100%);
  border-radius: 10px;
  position: relative;
  width: max-content;
  display: inline-block;
}
.store_item_content .product_day::before {
  background-image: url("/i/store_shoper.svg");
}
.store_item_content .special::before {
  background-image: url("/i/store_fire.svg");
}
.store_user__wrapper {
  width: max-content;
  position: relative;
  display: inline-block;
  margin-bottom: 20px;
  max-width: 100%;
}
.store_block__title_count {
  margin-left: 5px;
  font-size: 12px;
  line-height: 20px;
  background-color: #E6F7FF;
  padding: 0 8px 0 8px;
  border-radius: 7px;
}
.store_block__title_wrapper {
  position: absolute;
  background-color: #fff;
  padding-right: 10px;
  top: 2px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.store_block__icon {
  width: 16px;
  height: 16px;
  background-image: url("/i/tree_division.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  margin-right: 10px;
}
.store_block__divider {
  border-bottom: 1px solid rgba(0, 0, 0, 0.0588235294);
  width: calc(100% - 30px);
  display: inline-block;
}
.store .item.is_admin .timer_icon {
  vertical-align: unset;
}
.store .item.is_admin .timer {
  vertical-align: unset;
}
.store_desc_wrapper {
  position: relative;
}
.store_desc_wrapper .store_item_btn {
  right: 0;
  bottom: 0;
}
.store_desc_wrapper .stock_count {
  font-size: 12px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.4509803922);
  margin-bottom: 5px;
}
.store_page_wrapper .store_item_content {
  margin-bottom: 10px;
}
.store_page_wrapper .store.item.is_main {
  cursor: pointer;
  height: 310px;
}
.store_page_wrapper .store.item.is_main .stock_count {
  bottom: 45px;
}
.store_page_wrapper .smooth_contain .store_item_bottom_price {
  position: absolute;
  bottom: 12px;
}
.store_page_wrapper .store_item_content {
  margin-bottom: 0 !important;
}
.store_page_wrapper .smooth_contain .store_item_btn {
  right: 28px;
  bottom: 8px;
}
.store_page_wrapper .store.item.is_main .store_item_body {
  height: 146px;
}
.store_page_wrapper .store_desc_wrapper {
  margin-top: 10px;
}

.info_item_wrapper {
  position: relative;
  width: 230px;
  display: inline-block;
  margin-right: 30px;
  margin-top: 20px;
  height: 295px;
}
.info_item_wrapper .store_item_body {
  height: 110px;
}
.info_item_wrapper .store.item .title {
  padding: 0;
}
.info .store_item_body .description {
  -webkit-line-clamp: 3;
  line-clamp: 3;
}
.info .manage {
  position: absolute;
  right: 8px;
  cursor: pointer;
  z-index: 9;
  bottom: 8px;
}
.info_tags {
  height: 20px;
  padding: 2px 8px 2px 20px;
  font-size: 12px;
  color: #000;
  font-weight: 400;
  border-radius: 10px;
  position: relative;
  width: max-content;
  display: inline-block;
}
.info_tags::before {
  content: "";
  width: 12px;
  height: 12px;
  display: inline-block;
  background-repeat: no-repeat;
  top: 3px;
  position: absolute;
  left: 6px;
  background-size: contain;
}
.info_tags.is_admin {
  padding: 0 8px 2px 20px;
}
.info_tags.is_admin::before {
  top: 4px;
}
.info_tags.urgent {
  background: linear-gradient(90deg, #FDC830 0%, #F37335 100%);
  margin-right: 4px;
}
.info_tags.urgent::before {
  background-image: url("/i/info_urgent.svg");
}
.info_tags.is_important {
  background: linear-gradient(90deg, #D4FC79 0%, #96E6A1 100%);
}
.info_tags.is_important::before {
  background-image: url("/i/info_important.svg");
}
.info_filters_sections_wrapper {
  display: inline-block;
  margin-left: 20px;
}
.info_filters_tags_wrapper {
  width: calc(100% - 482px);
  display: inline-block;
  margin-left: 20px;
}
.info_header_statistic {
  max-width: 460px !important;
}

.store_item_top.is_admin .timer_exam .timer_icon, .store_item_top.is_admin .timer_exam .timer {
  vertical-align: unset;
}

.modal-buy {
  position: relative;
}
.modal-buy .currency {
  vertical-align: top;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  width: 35px;
  height: 46px;
  margin-right: 10px;
}
.modal-buy .price_currency {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}
.modal-buy .left {
  display: inline-block;
  width: 20%;
  vertical-align: top;
  position: relative;
}
.modal-buy .left .currency {
  width: 15px;
  height: 15px;
  margin-top: 4px;
  margin-right: 5px;
}
.modal-buy .left .price_currency {
  font-size: 16px;
}
.modal-buy .left .buttons {
  position: absolute;
  bottom: 0;
  width: 50%;
  left: 10px;
}
.modal-buy .right {
  width: 77%;
  display: inline-block;
  vertical-align: top;
  margin-left: 8px;
}
.modal-buy .right .image {
  position: relative;
  width: 100%;
  height: 180px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  margin: 30px 0 0 0;
}
.modal-buy .right .description {
  font-size: 12px;
  color: #454545;
  margin: 10px 0 10px 0;
}

.node-score {
  position: absolute;
  left: 60px;
  bottom: -20px;
}
.node-score.main-card {
  right: 20px;
  top: -10px;
  left: unset;
  bottom: unset;
}
.node-score.main-card .currency {
  margin-top: 8px;
}
.node-score.store_by {
  position: relative;
  left: unset;
  bottom: unset;
}
.node-score.exam {
  display: inline-block !important;
  position: relative;
  right: unset;
  left: unset;
  top: unset;
  bottom: unset;
  font-size: 17px;
  width: unset !important;
  height: unset !important;
}
.node-score.exam .currency {
  margin: 0 5px 5px 0;
}
.node-score .currency {
  vertical-align: top;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  width: 12px;
  height: 12px;
  margin-right: 4px;
  margin-top: 6px;
}
.node-score .price_currency {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}

.donat-legend {
  position: absolute;
  right: -130px;
  height: 100%;
  top: calc(100% - 170px);
}
.donat-legend div {
  position: relative;
  font-size: 14px;
  font-weight: 400;
  padding-left: 5px;
  margin-bottom: 5px;
  line-height: 22px;
}
.donat-legend div:before {
  content: "";
  position: absolute;
  left: -7px;
  top: 8px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
}
.donat-legend .completed:before {
  background-color: #95DE64;
}
.donat-legend .progress:before {
  background-color: #EFDBFF;
}
.donat-legend .repeat:before {
  background-color: #FFD8BF;
}
.donat-legend .error:before {
  background-color: #FF7875;
}
.donat-legend .not_started:before {
  background-color: #D9D9D9;
}

.glossary {
  position: relative;
  cursor: pointer;
  border-bottom: 2px dashed rgba(211, 211, 211, 0.8274509804);
}

.glossary.bottom:after {
  top: 130% !important;
  bottom: unset;
}

.glossary:after {
  z-index: 9999;
  position: absolute;
  left: -110px;
  bottom: 130%;
  top: unset;
  min-width: 390px;
  content: attr(data-info);
  visibility: hidden;
  font-size: 14px;
  background-color: rgb(246, 246, 246);
  border: 1px solid #a4a4a4;
  color: #000000;
  padding: 13px;
  border-radius: 6px;
  line-height: 1.3;
}

.glossary:hover:after {
  visibility: visible;
}

.glossary:before {
  content: "";
  border: 9px solid transparent;
  border-top: 9px solid #e7e7ee;
  position: absolute;
  left: 50%;
  bottom: 60%;
  top: unset;
  visibility: hidden;
}

.glossary:hover:before {
  visibility: visible;
}

.glossary.bottom {
  border-bottom: none;
}

.glossary.bottom:before {
  content: "";
  border: 9px solid transparent;
  border-bottom: 9px solid #e7e7ee;
  position: absolute;
  left: 50%;
  top: 60% !important;
  bottom: unset !important;
  visibility: hidden;
}

.glossary.bottom:hover:before {
  visibility: visible;
}

.glossary-words-container,
.knowledge-words-container {
  border-right: 1px solid #F0F0F0;
  display: inline-block;
}

.glossary-words-container {
  width: 250px;
}

.knowledge-words-container {
  width: 24%;
}

.glossary-modal .ant-modal-content {
  min-width: 1300px;
}

.glossary-desc,
.knowledge-desc {
  min-width: 1000px;
  vertical-align: top;
  display: inline-block;
  width: calc(100% - 251px);
  max-height: 500px;
  height: 100%;
  overflow-y: scroll;
  padding: 0 0 0 30px !important;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 10px;
}
.glossary-desc p,
.knowledge-desc p {
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 10px;
}
.glossary-desc h2,
.knowledge-desc h2 {
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 20px;
}
.glossary-desc h3,
.knowledge-desc h3 {
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 16px;
}
.glossary-desc h4,
.knowledge-desc h4 {
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 12px;
}
.glossary-desc table,
.knowledge-desc table {
  border-collapse: collapse;
  table-layout: fixed;
  margin: 0;
  overflow: hidden;
}
.glossary-desc table th,
.knowledge-desc table th {
  font-weight: bold;
  text-align: left;
  background-color: #f1f3f5;
}
.glossary-desc table th, .glossary-desc table td,
.knowledge-desc table th,
.knowledge-desc table td {
  min-width: 3em;
  border: 1px solid #ced4da;
  padding: 3px 5px;
  vertical-align: top;
  position: relative;
}
.glossary-desc img,
.knowledge-desc img {
  max-width: 100%;
}
.glossary-desc video,
.knowledge-desc video {
  max-width: 100%;
  width: 100%;
  height: 420px;
}
.glossary-desc iframe,
.knowledge-desc iframe {
  max-width: 100%;
  width: 100%;
  height: 420px;
}

.glossary-words {
  vertical-align: top;
  padding: 0 34px 0 0;
  height: 500px;
  overflow-y: scroll;
}
.glossary-words div:not(.ant-divider) {
  display: block;
  cursor: pointer;
  padding: 8px;
  font-size: 14px;
  border-bottom: 1px solid #F0F0F0;
}
.glossary-words div:not(.ant-divider).selected {
  color: #0092ff;
}

.knowledge-words {
  vertical-align: top;
  padding: 0 34px 0 0;
  max-height: 470px;
  overflow-y: scroll;
}
.knowledge-words div:not(.ant-divider) {
  display: block;
  cursor: pointer;
  padding: 8px;
  font-size: 14px;
  border-bottom: 1px solid #F0F0F0;
}
.knowledge-words div:not(.ant-divider).selected {
  font-weight: 600;
}

.glossary-arrows,
.knowledge-arrows {
  position: absolute;
  right: 15px;
  bottom: 15px;
  z-index: 99999;
}

.ant-tree {
  margin-right: 20px;
  display: inline-block !important;
}

.result-wrap {
  padding: 16px;
  border-radius: 8px;
  width: 1000px;
}
.result-wrap.success {
  background-color: #F6FFED;
}
.result-wrap.error {
  background-color: #FFF1F0;
}
.result-wrap.warn, .result-wrap.repeat {
  background-color: #FFF7E6;
}
.result-wrap-wrapper {
  display: inline-block;
  padding-right: 15px;
  margin-top: 20px;
}
.result-wrap-wrapper.is_border {
  border-right: 1px solid rgba(0, 0, 0, 0.0588235294);
}

.result-history-wrapper {
  display: inline-block;
  vertical-align: top;
  padding-left: 8px;
  margin-top: 10px;
}
.result-history-title {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  margin-bottom: 10px;
}
.result-history-item {
  font-size: 12px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.4509803922);
  margin-bottom: 12px;
  cursor: pointer;
}
.result-history-item.success .result-history-icon {
  color: #52C41A;
}
.result-history-item.error .result-history-icon {
  color: #FF4D4F;
}
.result-history-item.on_verification .result-history-icon {
  color: #4096ff;
}
.result-history-item.active {
  color: #000;
}
.result-history-item.active .result-history-icon-wrap::before {
  content: "";
  width: 3px;
  height: 10px;
  display: inline-block;
  background-repeat: no-repeat;
  top: 17px;
  position: absolute;
  left: 6.5px;
  background-size: contain;
  background-color: #1890FF;
}
.result-history-list {
  max-height: 180px;
  overflow-y: auto;
}
.result-history-icon {
  font-size: 16px;
  margin-right: 13px;
}
.result-history-icon-wrap {
  position: relative;
}
.result-history-header-wrapper {
  padding: 9px 16px;
  background: #FFFBE6;
  border-radius: 6px;
  width: 1000px;
  border: 1px solid #FFE58F;
  position: relative;
  margin-bottom: 10px;
  margin-top: 10px;
}
.result-history-header-icon {
  width: 18px;
  height: 18px;
  background-image: url("/i/exclamation-result-history.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.result-history-header-text {
  vertical-align: middle;
}
.result-history-header-close {
  color: rgba(0, 0, 0, 0.4509803922);
  position: absolute;
  right: 16px;
  top: 14px;
  cursor: pointer;
}

.check-edit-item {
  position: relative;
  padding-left: 15px;
}

.check-edit-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  border-right: 3px solid #1591ff;
}

.admin_checklist_edit__wrapper {
  padding: 0 35px 0 35px;
}
.admin_checklist_market_count {
  white-space: nowrap;
  text-align: center;
  background: #ff4d4f;
  font-size: 10px;
  padding: 1px 4px;
  height: 15px;
  line-height: 12px;
  color: #fff;
  display: inline-flex;
  justify-content: center;
  border-radius: 8px;
  position: absolute;
  top: -16px;
  left: 3px;
}
.admin_checklist_market_count_wrapper {
  position: relative;
}
.admin_map_rate {
  font-size: 24px;
  vertical-align: top;
  line-height: 30px;
}
.admin_map_rate__wrapper {
  margin-bottom: 40px;
}
.admin_map_rate__all_rate {
  font-size: 30px;
  margin-left: 20px;
  margin-right: 10px;
  vertical-align: middle;
}
.admin_map_rate__all_text {
  font-size: 24px;
  font-weight: 500;
  vertical-align: top;
  display: inline-block;
  line-height: 30px;
}
.admin_map_rating {
  margin: 20px 0 0 10px;
  max-width: calc(100% - 60px);
}
.admin_map_rating__item {
  margin-bottom: 40px;
}
.admin_map_rating__item_el {
  margin-bottom: 7px;
}
.admin_map_rating__item_line {
  display: inline-block;
}
.admin_map_rating__item_rate_icon {
  font-size: 18px;
  position: absolute;
  right: 0;
  top: -2px;
}
.admin_map_rating__item_rate_text {
  font-size: 16px;
  font-weight: 400;
  vertical-align: top;
}
.admin_map_rating__item_date {
  color: rgba(0, 0, 0, 0.45);
}
.admin_map_rating__item_user {
  font-size: 20px;
}
.admin_map_rating__item_comment_content {
  font-size: 14px;
  line-height: 22px;
}
.admin_map_rating__title {
  font-size: 16px;
  line-height: 28px;
  font-weight: 500;
}
.admin_map_header_published_info {
  font-size: 12px;
  margin-left: 32px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.admin_map_header_published_info.active:before {
  position: absolute;
  content: "";
  background-image: url("/i/m_training.svg");
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  left: -22px;
  top: 10px;
}
.admin_map_market_history_wrapper {
  margin-left: 0;
  padding-left: 0;
}
.admin_map_market_history_item {
  list-style: none;
  margin-bottom: 12px;
}
.admin_map_market_history_icon {
  font-size: 16px;
  color: #1890FF;
  display: inline-block;
  vertical-align: top;
  margin-top: 2px;
}
.admin_map_market_history_content {
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
  width: calc(100% - 30px);
}
.admin_map_market_history_date {
  font-size: 12px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.4509803922);
  margin-bottom: 4px;
}
.admin_map_market_history_text {
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 4px;
}
.admin_map_market_history_desc {
  color: rgba(0, 0, 0, 0.6);
}

@media screen and (max-width: 580px) {
  .login-sider {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
  }
  .login-sider .ant-row-middle {
    align-items: unset;
    padding: 16px;
  }
  .login-sider .ant-col-18 {
    position: relative;
    flex: 100%;
    max-width: 100%;
  }
  .login-sider.user {
    border-radius: 16px 16px 0 0;
    margin-top: 100px;
  }
  .auth_logo {
    width: 40px !important;
    height: 40px !important;
    top: 0 !important;
  }
  .auth_form__btn_back {
    width: 100%;
  }
  .auth_form__desc {
    margin-top: 40px;
  }
  .auth_form__again_psw {
    top: 164px;
  }
  .auth_page__title_h1 {
    font-size: 30px !important;
    line-height: 40px !important;
    font-weight: 500 !important;
  }
  .auth_page__title_l {
    margin-left: 48px;
  }
  .auth_page__title_text {
    font-size: 20px;
    line-height: 28px;
  }
  .auth_page__bottom {
    margin-left: 0;
    position: relative;
    bottom: 20px;
  }
  .auth_page__recovery_icon {
    width: 150px;
    height: 170px;
    display: inline-block;
    background-size: contain;
  }
  .react-finder.react-finder-container {
    max-width: 100%;
  }
  .admin_layout_m {
    width: 100% !important;
  }
  .admin_layout_m .page_title {
    padding-left: 0;
  }
  .admin_layout_m .u_top {
    display: none;
  }
  .admin_layout_m .site-layout {
    width: 100%;
  }
  .admin_layout_m .header {
    width: 100% !important;
    padding: 0 16px 0 16px !important;
  }
  .admin_checklist_table {
    width: 100% !important;
  }
  .admin_checklist_table .ant-table-wrapper .ant-table-tbody > tr > td {
    padding: 16px 8px !important;
  }
  .admin_checklist_table__item_wrapper {
    margin: 0 0 8px 0 !important;
  }
  .admin_checklist_table__item_task {
    font-size: 12px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 130px;
    display: inline-block;
    vertical-align: top;
    padding-top: 2px;
  }
  .admin_checklist_table__item_label {
    font-size: 13px;
  }
  .admin_checklist_table__item_title {
    font-size: 17px !important;
  }
  .admin_checklist_tabs {
    padding-left: 16px !important;
    width: calc(100% - 16px);
  }
  .admin_checklist_edit__wrapper {
    padding: 0 16px;
  }
  .admin_checklist_edit__wrapper h4 {
    font-size: 17px !important;
  }
  .admin_checklist_edit__wrapper h5 {
    font-size: 15px !important;
  }
  .burger_menu_admin .left_menu {
    line-height: 0 !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    margin: 0;
  }
  .burger_menu_admin .left_menu_badge {
    width: 100%;
  }
  .burger_menu_admin .left_menu_badge .ant-badge-count {
    font-size: 16px !important;
    right: 16px;
    padding: 3px 8px;
    height: 20px;
    border-radius: 13px;
    top: 22px;
  }
  .burger_menu_admin .left_menu.active {
    color: #1591ff;
    background-color: #e6f6ff;
    border-radius: 0;
  }
  .burger_menu_admin .left_menu_text {
    font-size: 16px;
    margin-left: 10px;
    color: #000;
  }
  .burger_menu_admin_profile__dropdown {
    left: 16px !important;
  }
  .top_icon {
    font-size: 16px;
  }
  .q-editor-custom {
    min-width: 100% !important;
  }
  .admin_layout_m button:nth-child(odd) {
    margin-right: 0;
    margin-bottom: 8px;
  }
  .admin_layout_m button.u_actions_btn:first-child:nth-last-child(2), .admin_layout_m button.u_actions_btn:first-child:nth-last-child(2) ~ button {
    width: 100%;
  }
  .check-edit-item {
    margin-bottom: 30px;
  }
  .u_actions_btn_m {
    width: 100% !important;
  }
  .dialog_banner {
    width: 100% !important;
    height: 176px !important;
  }
  .dialog_progress_content {
    width: 100% !important;
  }
}
.nowrap {
  white-space: nowrap;
}

.dashboard {
  width: 364px;
  display: inline-block;
  vertical-align: top;
  margin-right: 50px;
}
.dashboard canvas {
  margin: 40px auto 20px auto;
}
.dashboard .info_cards table {
  border-spacing: 0 10px;
  border-collapse: separate;
  width: 100%;
}
.dashboard .info_cards .item {
  margin: 0;
}
.dashboard .info_cards .item:before {
  left: -2px;
  top: 7px;
  width: 8px;
  height: 8px;
}
.dashboard_details {
  display: block;
}
.dashboard_container {
  padding: 0 40px;
  width: 100%;
}

.knowledge-access:not(:last-child):after {
  content: ",";
}

.knowledge-access {
  margin-right: 5px;
}

.upload_testing_excel {
  margin-left: 30px;
}
.upload_testing_excel .ant-upload-list {
  display: none;
}

.chart-atma .ant-tabs-nav {
  padding: 0 60px;
}
.chart-atma .ant-tabs-nav::before {
  border-bottom: none !important;
}
.chart-atma .access-chart-line {
  width: 100%;
  background-color: #F5F5F5;
  border-radius: 10px 10px 0px 0px;
}
.chart-atma .access-chart-line .line {
  white-space: nowrap;
  padding: 25px 60px;
}
.chart-atma .access-chart-line .line .inline-block {
  display: inline-block;
  vertical-align: top;
  margin-right: 43px;
}
.chart-atma .chart-line-atma-title {
  max-width: 800px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 24px;
}
.chart-atma .chart-line-atma-title .statistic_title {
  min-width: 420px;
}
.chart-atma .chart-line-atma-title .statistic_title div:first-child {
  line-height: 28px;
  font-size: 20px;
  font-weight: 500;
  color: #1890FF;
}
.chart-atma .chart-line-atma-title .statistic_title div:last-child {
  line-height: 24px;
  font-size: 16px;
  font-weight: 400;
}
.chart-atma .chart-line-atma {
  display: inline-block;
  width: 800px;
  vertical-align: top;
  padding-right: 10px;
}
.chart-atma .graph_main {
  display: inline-block;
  vertical-align: top;
}
.chart-atma .info {
  display: inline-block;
  max-width: 406px;
  border-left: 1px solid #F5F5F5;
  padding-left: 24px;
}
.chart-atma .info-title {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  padding: 12px 0 12px 0;
}
.chart-atma .info .post, .chart-atma .info .division {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  min-height: 106px;
  border-radius: 6px;
}
.chart-atma .info .post:hover, .chart-atma .info .division:hover {
  box-shadow: 0 0 0 2px rgba(64, 169, 255, 0.32);
}
.chart-atma .info .post.active, .chart-atma .info .division.active {
  box-shadow: 0 0 0 2px #40A9FF;
}
.chart-atma .info .post .title, .chart-atma .info .division .title {
  padding: 0 10px 0 0;
  color: #1890FF;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  width: 49%;
}
.chart-atma .info .post .graph, .chart-atma .info .division .graph {
  width: 49%;
  margin: 5px 0 0 -6px;
}
.chart-atma .info .boss, .chart-atma .info .user {
  padding: 0 0 0 2px;
  cursor: pointer;
  width: 184px;
  display: inline-block;
  vertical-align: top;
  margin-right: 6px;
  margin-bottom: 10px;
  border-radius: 6px;
}
.chart-atma .info .boss:hover, .chart-atma .info .user:hover {
  box-shadow: 0 0 0 2px rgba(64, 169, 255, 0.32);
}
.chart-atma .info .boss.active, .chart-atma .info .user.active {
  box-shadow: 0 0 0 2px #40A9FF;
}
.chart-atma .info .boss .title, .chart-atma .info .user .title {
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  color: #061178;
  width: 100%;
}
.chart-atma .info .boss .graph, .chart-atma .info .user .graph {
  width: 100%;
  margin: 5px 0 0 -6px;
}

.personal_data_tb_field {
  cursor: pointer;
}
.personal_data_tb_field.empty {
  height: 32px;
}

.a_settings__form_bx_integrate_wrapper {
  width: calc(100vw - 160px);
}
.a_settings__form_bx_integrate_item {
  display: inline-block;
  vertical-align: top;
  margin-right: 20px;
  width: 470px;
}
.a_settings__form_bx_integrate_item .a_settings__form_template_text {
  width: 245px;
  margin-bottom: 15px;
}

#bx_divisions label {
  width: 370px;
}

.a_qpsychologic__wrapper {
  display: inline-block;
  margin-right: 30px;
}
.a_qpsychologic__divider {
  display: inline-block;
  height: 385px;
  vertical-align: top;
  border-left: 1px solid rgba(5, 5, 5, 0.06);
  margin-left: 48px;
  margin-top: -100px;
}
.a_qpsychologic__title {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  display: inline-block;
}
.a_qpsychologic__title_wrapper {
  margin-bottom: -5px;
}
.a_qpsychologic__btn {
  display: inline-block;
  margin-bottom: 10px;
  border-radius: 50%;
  margin-left: 10px;
}
.a_qpsychologic__btn_delete_answer {
  height: 70px;
  vertical-align: top;
}
.a_qpsychologic__inp {
  width: 188px;
  margin-bottom: 7px;
}
.a_qpsychologic__variables_del {
  font-size: 12px;
  margin-left: 5px;
  cursor: pointer;
}
.a_qpsychologic__variables_item {
  padding: 1px 8px;
  width: max-content;
  display: inline-block;
  margin-right: 10px;
  border: 1px solid #D9D9D9;
  border-radius: 20px;
  margin-top: -1px;
  background-color: #FAFAFA;
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 22px;
}
.a_qpsychologic__variables_item:hover {
  opacity: 0.8;
}
.a_qpsychologic__variables_name {
  cursor: pointer;
}
.a_qpsychologic_answers__wrapper {
  display: inline-block;
  margin-right: 10px;
  margin-left: 10px;
}
.a_qpsychologic_answers__wrapper_wrap {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  max-width: 490px;
}
.a_qpsychologic_answers__btn_add {
  margin-left: 0;
  width: 100%;
}
.a_qpsychologic_answers__btn_save {
  width: 50%;
  max-width: 177px;
}
.a_qpsychologic_answers__btn_close {
  margin-left: 10px;
  width: 50%;
  max-width: 177px;
}
.a_qpsychologic_answers__variables {
  margin-bottom: 10px;
  max-width: 419px;
}
.a_qpsychologic_answers__variables_b {
  display: inline-block;
  vertical-align: middle;
}
.a_qpsychologic_answers__variables.empty {
  margin-bottom: 0;
}
.a_qpsychologic_answers__variables_item {
  padding: 1px 8px;
  width: max-content;
  display: inline-block;
  margin-right: 10px;
  border: 1px solid #D9D9D9;
  border-radius: 20px;
  margin-top: -1px;
  background-color: #FAFAFA;
  font-size: 12px;
  line-height: 22px;
  margin-bottom: 10px;
}
.a_qpsychologic_answers__variables_item:hover {
  opacity: 0.8;
}
.a_qpsychologic_answers__variables_del {
  font-size: 12px;
  margin-left: 5px;
  cursor: pointer;
}
.a_qpsychologic_answers__variables_name {
  cursor: pointer;
}
.a_qpsychologic_answers__variables_title {
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  margin-left: 600px;
}
.a_qpsychologic_answers__variables_add {
  display: inline-block;
  vertical-align: middle;
}
.a_qpsychologic_answers__variables_add.condition {
  vertical-align: top;
  margin-right: 5px;
}
.a_qpsychologic_condition__res {
  font-size: 16px;
}
.a_qpsychologic_condition__res_opn {
  font-weight: 500;
}
.a_qpsychologic_condition__res_rel {
  font-weight: 600;
  font-size: 18px;
}
.a_qpsychologic_condition__res span {
  margin-right: 5px;
}
.a_qpsychologic_condition__item {
  margin-top: 10px;
}
.a_qpsychologic_condition__val {
  display: inline-block;
  vertical-align: middle;
  width: 590px;
}
.a_qpsychologic_condition__equality {
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  text-align: center;
  font-size: 26px;
}
.a_qpsychologic_condition__text {
  width: 616px;
  display: block;
}
.a_qpsychologic_condition__text_admin {
  margin-bottom: 10px;
}
.a_qpsychologic_condition__text_wrapper {
  display: inline-block;
  vertical-align: middle;
}
.a_qpsychologic_condition__action {
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
}
.a_qpsychologic_condition__btn {
  display: block;
  margin-bottom: 10px;
  border-radius: 50%;
}
.a_qpsychologic_condition__edit_item {
  margin-bottom: 10px;
}
.a_qpsychologic_condition__user_note {
  display: inline-block;
  font-size: 9px;
  line-height: 20px;
  font-weight: 400;
  background-color: #E6F7FF;
  height: 34px;
  vertical-align: top;
  padding: 8px 12px;
  margin-left: 14px;
}
.a_qpsychologic_condition__wrapper {
  width: calc(100% - 80px);
}
.a_qpsychologic_condition__header_wrapper {
  margin-bottom: 10px;
}
.a_qpsychologic_condition__header_right {
  margin-left: 550px;
}
.a_qpsychologic_condition__header_item {
  display: inline-block;
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  vertical-align: middle;
  padding-top: 10px;
}
.a_exercises__header_wrapper {
  margin-bottom: 10px;
}
.a_exercises__header_title {
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
}
.a_exercises__header_text {
  font-size: 10px;
  line-height: 20px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.4509803922);
}
.a_exercises__header_item {
  display: inline-block;
  vertical-align: middle;
  padding: 6px 0 0 0;
}
.a_exercises__header_item_left {
  width: 1024px;
}
.a_exercises__header_item_right {
  width: calc(100% - 1170px);
}
.a_exercises__test_answer_image.empty_image .ant-upload-select {
  width: 52px !important;
  height: 52px !important;
}
.a_exercises__test_answer_image .ant-btn-default:not(:disabled):not(.ant-btn-disabled):hover {
  color: #4096ff;
}
.a_exercises__test_answer_text {
  width: 750px;
  vertical-align: top !important;
  min-height: 102px;
  margin-right: 7px;
}
.a_exercises__test_answer_text_add {
  display: inline-block;
  margin-bottom: 10px;
  border-radius: 50%;
  margin-left: 12px;
  width: 34px !important;
  height: 34px;
  margin-top: 32px;
}
.a_exercises__test_answer_text.empty_text {
  display: none;
}
.a_exercises__test_answer_text.image {
  width: 715px;
  min-height: 102px;
}
.a_exercises__test_answer_type_wrapper {
  width: 825px;
  margin-bottom: 30px;
  position: relative;
}
.a_exercises__test_answer_type_title {
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
}
.a_exercises__test_answer_type_text {
  font-size: 10px;
  line-height: 20px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.4509803922);
}
.a_exercises__test_answer_type_left {
  display: inline-block;
  vertical-align: middle;
}
.a_exercises__test_answer_type_left.large {
  width: 360px;
}
.a_exercises__test_answer_type_r {
  position: absolute;
  right: -105px;
  top: 12px;
}
.a_exercises__test_answer_type_right {
  max-width: 270px;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0;
  margin-left: 20px;
}
.a_exercises__test_answer_type_thee {
  display: inline-block;
  vertical-align: middle;
  margin-left: 20px;
}
.a_exercises__test_answer_type_wrap {
  display: inline-block;
  vertical-align: middle;
}
.a_exercises__test_answer_type_wrap_r {
  margin-left: 18px;
}
.a_exercises__test_answer_delete.empty_image {
  margin-top: 24px;
}
.a_exercises__test_answer_delete.image {
  margin-top: 44px;
}
.a_exercises__options_wrapper {
  height: 70px;
  margin-right: 80px;
  padding-top: 16px;
  margin-top: 20px;
  margin-bottom: 0;
}
.a_exercises__btn_temp_psy_show {
  display: inline-block;
  border-radius: 50%;
  width: 34px !important;
  height: 34px;
  color: #1890FF;
}
.a_exercises__btn_temp_psy_show:hover {
  color: #FFFFFF;
}
.a_exercises__btn_temp_psy_show_d {
  color: #FF7875;
}
.a_map_setting__modal_wrapper .ant-modal-body {
  border-top: 1px solid #F0F0F0;
  margin-left: -24px;
  margin-right: -24px;
  padding: 18px 24px 18px 24px;
  border-bottom: 1px solid #F0F0F0;
}
.a_map_setting__modal_qeditor_short .qcodeBlock, .a_map_setting__modal_qeditor_short .qlink, .a_map_setting__modal_qeditor_short .qfile, .a_map_setting__modal_qeditor_short .qimage, .a_map_setting__modal_qeditor_short .qvideo, .a_map_setting__modal_qeditor_short .qiframe, .a_map_setting__modal_qeditor_short .qiframe_pptx, .a_map_setting__modal_qeditor_short .qiframe_pdf, .a_map_setting__modal_qeditor_short .qaudio, .a_map_setting__modal_qeditor_short .qiframe_custom, .a_map_setting__modal_qeditor_short .qclearMarks, .a_map_setting__modal_qeditor_short .qinsertTable, .a_map_setting__modal_qeditor_short .qvoicemessage, .a_map_setting__modal_qeditor_short .qwebcamera, .a_map_setting__modal_qeditor_short .qscreencust, .a_map_setting__modal_qeditor_short .qexport_pdf {
  display: none;
}
.a_map_result_info_list {
  margin-left: 0;
  padding-left: 0;
}
.a_map_result_info_item {
  list-style-type: none;
  padding: 10px 0 10px 50px;
}
.a_map_update_version__modal_wrapper {
  margin-top: 22px;
}
.a_map_update_version__modal_date {
  font-size: 12px;
  line-height: 22px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.4509803922);
  margin-bottom: 5px;
}
.a_map_update_version__modal_title {
  margin-bottom: 5px;
}
.a_map_update_version__modal_text {
  color: rgba(0, 0, 0, 0.6);
}
.a_map_update_version__modal_text_modules {
  margin-bottom: 20px;
}
.a_map_update_version__modal_info_title {
  font-weight: 600;
}
.a_map_update_version__modal_info_list {
  margin-bottom: 0;
}
.a_map_update_version__modal_content {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 30px);
  margin-bottom: 20px;
}
.a_map_update_version__modal_content_icon {
  font-size: 16px;
  color: #1890FF;
  display: inline-block;
  margin-right: 13px;
}
.a_module_title_edit {
  margin-left: 16px !important;
}
.a_module_title_edit_icon {
  color: #1890FF;
}
.a_module__settings_header {
  width: calc(100vw - 160px);
  height: 60px;
  background: #F6FFED;
  position: relative;
  margin-bottom: 10px;
  cursor: pointer;
}
.a_module__settings_header_item {
  display: inline-block;
  vertical-align: middle;
}
.a_module__settings_header_title {
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  margin: 16px 10px;
}
.a_module__settings_header_action {
  position: absolute;
  right: 38px;
  top: 14px;
}
.a_module__settings_wrapper {
  display: none;
}
.a_module__settings_wrapper.show {
  display: block;
}
.a_module__management_score_wrapper {
  margin-left: 42px;
  margin-right: 25px;
}
.a_module__line {
  display: inline-block;
  vertical-align: top;
}
.a_module__images_item {
  display: inline-block;
  vertical-align: top;
}
.a_module__images_item_title {
  margin-bottom: 10px;
}
.a_module__images_desc {
  width: 235px;
}
.a_module__images_desc_title {
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  margin-top: 6px;
}
.a_module__images_desc_text {
  font-size: 11px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.4509803922);
  margin-bottom: 4px;
}
.a_module__images_banner {
  margin-left: 42px;
  margin-right: 50px;
}
.a_module__images_description_text {
  width: 250px;
  margin-left: 12px;
  display: none;
}
.a_module__images_description_text.show {
  display: inline-block;
}
.a_module__exercises_type {
  margin-bottom: 13px !important;
}
.a_module__exercises_title {
  margin: 0 0 23px 0;
  display: inline-block;
  font-weight: 500 !important;
}
.a_module__exercises_delete_btn {
  position: absolute;
  right: 90px;
  top: 0;
}
.a_module__exercises_options_header {
  background: #F6FFED;
  height: 60px;
  padding: 14px 10px;
  width: calc(100% - 50px);
}
.a_module__exercises_options_header_title {
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
.a_module__exercises_options_header_switch {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0;
}
.a_module__exercises_options_item {
  margin-top: 10px;
}
.a_module__exercises_options_currency {
  display: inline-block;
  background-position: center center;
  background-size: contain;
  width: 13px;
  height: 13px;
  margin-left: 10px;
  vertical-align: middle;
  margin-top: 7px;
  background-repeat: no-repeat;
}
.a_module__exercises_dialog_wrapper {
  width: 100%;
  margin-bottom: 20px;
}
.a_module__exercises_dialog_title {
  font-size: 24px;
  line-height: 32px;
  font-weight: 500;
  margin-bottom: 12px;
}
.a_module__exercises_dialog_item {
  display: inline-block;
  vertical-align: middle;
}
.a_module__exercises_dialog_bg {
  width: 143px;
  height: 70px;
  background-size: cover;
  background-position: center center;
  border-radius: 6px;
}
.a_module__exercises_dialog_usr {
  width: 60px;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 60px;
  background-size: cover;
}
.a_module__exercises_dialog_images {
  position: relative;
  margin-right: 17px;
}
.a_module__exercises_dialog_content {
  margin-top: 7px;
}
.a_module__exercises_dialog_desc {
  line-height: 22px;
  font-weight: 400;
}
.a_module__exercises_dialog_desc_title {
  font-size: 14px;
  margin-bottom: 5px;
}
.a_module__exercises_dialog_desc_title:before {
  content: "";
  display: inline-block;
  margin-right: 6px;
  width: 10px;
  height: 10px;
  background: #FFB95C;
  border-radius: 5px;
}
.a_module__exercises_dialog_desc_date {
  font-size: 12px;
}
.a_module__struct_wrapper {
  background: #F5F5F5;
  padding: 7px 10px;
  width: calc(100vw - 160px);
  max-height: 86px;
}
.a_module__struct_wrapper.fixed {
  position: fixed;
  top: 70px;
  z-index: 99;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
.a_module__struct_title {
  display: inline-block;
  vertical-align: middle;
  width: 75px;
  min-height: 64px;
  padding-top: 17px;
  padding-left: 8px;
  border-radius: 6px;
  margin-right: 5px;
}
.a_module__struct_title.link {
  cursor: pointer;
}
.a_module__struct_title.link.active {
  background: #F6FFED;
}
.a_module__struct_nav {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 80px);
}
.a_module__struct_nav_scroll {
  overflow-x: auto;
  white-space: nowrap;
  position: relative;
  scrollbar-width: none;
}
.a_module__struct_nav_item {
  display: inline-block;
  width: 170px;
  vertical-align: top;
  padding: 10px 10px;
  border-radius: 6px;
  cursor: pointer;
  margin-right: 10px;
}
.a_module__struct_nav_item.active {
  background: #F6FFED;
  cursor: default;
  min-height: 64px;
}
.a_module__struct_nav_type {
  font-size: 11px;
  line-height: 20px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.4509803922);
}
.a_module__struct_nav_title {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.a_module__content.low {
  margin-top: 90px !important;
}
.a_module__content_wrapper {
  padding-left: 40px;
}
.a_module__content_tab {
  display: none;
}
.a_module__content_tab.active {
  display: block;
}
.a_module__tabs_wrapper {
  margin-left: 40px;
}
.a_module__divider_psy-test {
  margin: 0 0 0 -114px;
  width: calc(100vw - 189px);
}
.a_module__temp_psy_wrapper {
  width: calc(100vw - 314px);
  margin-bottom: 10px;
  background-color: #F6FFED;
  padding: 6px 6px 6px 10px;
  margin-top: 10px;
}
.a_module__rate_all {
  font-size: 27px;
  margin-left: 5px;
  margin-right: 5px;
  vertical-align: middle;
}
.a_module__rate_text {
  font-size: 22px;
  font-weight: 500;
  vertical-align: top;
  display: inline-block;
  line-height: 28px;
}
.a_module__matrix_line .ant-typography-edit-content {
  margin-left: 12px;
}
.a_settings__form {
  margin: 0 35px 15px 35px;
}
.a_settings__form_link_block {
  display: block;
  margin-bottom: 10px;
}
.a_settings__form_payment_type_radio {
  display: block;
  position: relative;
}
.a_settings__form_payment_type_radio.ant-radio-wrapper-checked .a_settings__form_payment_type_radio_label {
  position: absolute;
  top: -2px;
}
.a_settings__form_payment_type_radio:not(.ant-radio-wrapper-checked) .a_settings__form_payment_type_radio_label {
  position: absolute;
  top: 3px;
}
.a_settings__form_payment_type_radio.large .a_settings__form_payment_type_radio_label {
  position: absolute;
  top: -2px;
}
.a_settings__form_payment_tochka_status {
  font-size: 20px;
  vertical-align: middle;
}
.a_settings__form_payment_tochka_status_text {
  vertical-align: middle;
  margin-left: 10px;
}
.a_settings__form_payment_tochka_status.success {
  color: #34C759;
}
.a_settings__form_payment_tochka_status.error {
  color: #f81d22;
}
.a_settings__form_payment_invoice_desc {
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.6);
  margin-bottom: 10px;
}
.a_settings__form_payment_invoice_item {
  display: inline-block;
  vertical-align: top;
  width: 590px;
}
.a_settings__form_payment_invoice_title {
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  margin-bottom: 10px;
}
.a_settings__form_help_r {
  color: rgba(0, 0, 0, 0.6);
  position: absolute;
  margin-top: -38px;
  margin-left: 430px;
}
.a_settings__form_switch {
  display: inline-block;
  margin-top: -6px;
  margin-bottom: 0;
}
.a_settings__form_switch_text {
  margin-right: 10px;
}
.a_settings__form_bx_integrate_status {
  font-size: 20px;
  position: absolute;
  top: 33px;
  left: 400px;
}
.a_settings__form_bx_integrate_status.success {
  color: #52c41a;
}
.a_settings__form_bx_integrate_status.error {
  color: #f81d22;
}
.a_settings__form_bx_integrate_divisions_exists {
  position: relative;
}
.a_settings__form_bx_integrate_divisions_exclusion {
  position: relative;
}
.a_settings__form_bx_token {
  margin-top: 6px;
}
.a_settings__form_bx_token_logo {
  display: inline-block;
  vertical-align: top;
  width: 60px;
  height: 60px;
  background-image: url("/i/icon-integrate-atmaguru.png");
  background-size: contain;
  margin-right: 10px;
  border-radius: 6px;
}
.a_settings__form_bx_token_wrapper {
  display: inline-block;
  vertical-align: top;
}
.a_settings__form_default_hidden {
  display: none;
}
.a_settings__form_default_hidden.show {
  display: block;
}
.a_settings__form_textarea {
  max-width: 800px !important;
  width: 800px;
  padding: 8px 15px;
  margin-top: 10px;
}
.a_settings__form_template {
  min-width: 800px;
}
.a_settings__form_template_t {
  margin-top: 5px;
  margin-bottom: 10px;
}
.a_settings__form_template_item {
  display: inline-block;
  vertical-align: top;
  margin-right: 20px;
  width: 240px;
}
.a_settings__form_template_text {
  padding: 14px 18px;
  background: #F5F5F5;
  border-radius: 12px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.a_settings__form_template_text_icon {
  font-size: 25px;
  color: rgba(0, 0, 0, 0.6);
  display: inline-block;
  vertical-align: middle;
}
.a_settings__form_template_text_title {
  color: rgba(0, 0, 0, 0.8509803922);
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  display: inline-block;
  width: calc(100% - 35px);
  vertical-align: middle;
  margin-left: 10px;
}
.a_settings__form_template_step {
  color: rgba(0, 0, 0, 0.6);
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.a_settings__form_template_desc {
  color: rgba(0, 0, 0, 0.6);
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.a_settings__form_template_action_btn {
  width: 100%;
  margin-top: 5px;
}
.a_settings__form_template_action_btn:hover .a_settings__form_template_action_icon {
  color: #fff;
}
.a_settings__form_template_action_icon {
  color: rgba(0, 0, 0, 0.2509803922);
}
.a_settings__form_template_uploader .ant-upload-select {
  width: 100%;
}
.a_settings__form_template_uploader .ant-upload-list.ant-upload-list-text {
  position: absolute;
  top: 62px;
  left: 153px;
}
.a_settings__form_template_uploader .ant-upload-list.ant-upload-list-text .ant-upload-list-item-name {
  color: #1890FF;
}
.a_settings__form_template_wrapper {
  position: relative;
}
.a_settings__form_title {
  color: rgba(0, 0, 0, 0.8509803922);
  font-weight: 500;
  line-height: 22px;
  font-size: 14px;
  margin: 20px 0 10px 0;
}
.a_settings__form_bonus_icons {
  margin-left: 50px;
  display: inline-block;
}
.a_settings__form_bonus_icons .ant-radio-button-wrapper {
  border: none;
}
.a_settings__form_bonus_icons .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  border: 0.5px solid rgba(24, 144, 255, 0.1019607843);
  background: rgba(24, 144, 255, 0.1019607843);
  border-radius: 6px;
}
.a_settings__form_bonus_icons .ant-radio-button-wrapper:not(:first-child)::before {
  background-color: #fff;
}
.a_settings__form_bonus_icons .ant-radio-button-wrapper:last-child {
  border-start-end-radius: 6px;
  border-end-end-radius: 6px;
}
.a_settings__form_bonus_icons .ant-radio-button-wrapper:first-child {
  border-start-start-radius: 6px;
  border-end-start-radius: 6px;
}
.a_settings__form_bonus_radio {
  height: 32px;
  width: 37px;
  padding: 0;
  vertical-align: top;
  display: inline-block;
  text-align: center;
}
.a_settings__form_bonus_radio_wrapper {
  margin-top: 14px;
}
.a_settings__form_bonus_radio_icon {
  width: 30px !important;
  height: 30px !important;
}
.a_settings__form_header_setting {
  margin-top: 20px;
}
.a_settings__form_header_setting_bx {
  padding: 14px 10px;
}
.a_settings__form_item {
  margin-bottom: 10px;
}
.a_settings__form_item_top {
  margin-top: 10px;
}
.a_settings__form_item_line {
  display: inline-block;
}
.a_settings__form_item_title {
  margin-bottom: 10px;
}
.a_settings__form_item_row {
  min-width: 1000px;
}
.a_settings__form_preview_image {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: contain;
}
.a_settings__form_preview_favicon {
  width: 30px;
  height: 30px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.a_settings__form_image {
  display: inline-block;
  vertical-align: top;
  margin-left: 45px;
  position: relative;
}
.a_settings__form_image_currency {
  display: inline-block;
  vertical-align: bottom;
  margin-left: 5px;
  position: relative;
  margin-bottom: -10px;
}
.a_settings__form_image_currency .upload_image_delete {
  right: -10px;
  top: -10px;
}
.a_settings__form_image_first {
  margin-left: 0;
}
.a_settings__form_image_wrapper {
  margin-bottom: 20px;
  position: relative;
}
.a_settings__form_image_favicon .ant-upload.ant-upload-select {
  width: 32px !important;
  height: 32px !important;
}
.a_settings__form_image_desc {
  display: block;
  margin-bottom: 10px;
}
.a_settings__form .ant-form-item .ant-form-item-label {
  text-align: start;
}
.a_ratio_score_wrapper {
  margin-top: 18px;
  font-size: 16px;
  line-height: 32px;
  cursor: pointer;
}
.a_ratio_score_label {
  margin-right: 5px;
}
.a_ratio_score_value {
  cursor: pointer;
}
.a_table_wrapper .ant-table-body {
  height: 100vh;
}
.a_table_title_desc {
  margin-top: 6px;
  font-size: 12px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.6);
}
.a_table_title_desc.no_active {
  color: #f81d22;
}
.a_checking_exercise .q-editor-custom {
  max-width: 1000px;
}
.a_form_info_wrapper .ant-form-item {
  margin-bottom: 15px;
}
.a_form_item_line {
  display: inline-block;
  vertical-align: top;
}
.a_form_item_line.hidden {
  display: none;
}
.a_form_item_line_last {
  margin-left: 20px;
}
.a_form_item_switch_wrapper {
  margin-bottom: 15px;
}
.a_info_statistic_header {
  margin-left: 40px;
  position: relative;
  color: #000;
}
.a_info_statistic_header:before {
  position: absolute;
  content: "";
  background-image: url("/i/info_statistic.svg");
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  top: 24px;
  left: -20px;
}
.a_blocked_desc_licenses_item {
  display: inline-block;
  width: 32%;
  vertical-align: top;
}
.a_blocked_desc_licenses_title {
  font-size: 12px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.6);
}
.a_blocked_desc_licenses_text {
  background: #fff;
  border-radius: 12px;
  padding: 14px 18px;
}
.a_blocked_desc_licenses_str {
  display: inline-block;
  width: 85%;
  vertical-align: middle;
  color: rgba(0, 0, 0, 0.8509803922);
}
.a_modal_file_data_preview {
  display: inline-block;
  width: 550px;
}
.a_modal_file_data_property {
  display: inline-block;
}
.a_modal_confirm_orders .ant-modal-confirm-title {
  margin-bottom: 16px;
}
.a_modal_confirm_orders .ant-modal-content {
  border-radius: 0 !important;
  padding: 0 !important;
}
.a_modal_confirm_orders .ant-modal-body {
  padding: 16px 24px 24px 16px !important;
}
.a_modal_confirm_author .ant-modal-confirm-btns .ant-btn-primary {
  display: none;
}
.a_modal_content_title {
  margin-top: 22px;
}
.a_modal_content_b {
  font-weight: 500;
}
.a_modal_content_divider {
  border-top: 1px solid #F0F0F0;
  width: calc(100% + 40px);
  display: block;
  margin-left: -16px;
}
.a_market__status_title {
  padding: 4px 8px 4px 8px;
  border-radius: 2px;
}
.a_market__status_title.published {
  border: 1px solid #91D5FF;
  background: #E6F7FF;
  color: #1890FF;
}
.a_market__status_title.rejected {
  border: 1px solid #FFA39E;
  background: #FFF1F0;
  color: #F5222D;
}
.a_market__status_title.moderation {
  border: 1px solid #D9D9D9;
  background: #FAFAFA;
  color: rgba(0, 0, 0, 0.8509803922);
}
.a_market__status_title.hidden {
  border: 1px solid #D3ADF7;
  background: #F9F0FF;
  color: #722ED1;
}
.a_market__status_title.not_published {
  border: 1px solid #87E8DE;
  background: #E6FFFB;
  color: #13C2C2;
}
.a_market__confirm_content_divider {
  border-top: 1px solid #F0F0F0;
  width: calc(100% + 48px);
  display: block;
  margin-left: -24px;
}
.a_market__confirm_content_title {
  margin-top: 22px;
}
.a_market__confirm_content_subtitle {
  font-weight: 500;
}
.a_market__confirm_content_list {
  color: rgba(0, 0, 0, 0.6);
}
.a_market__form {
  margin-left: 34px;
  width: 1080px;
}
.a_market__form .hidden {
  display: none;
}
.a_market__form_item_helper {
  color: rgba(0, 0, 0, 0.6);
  font-size: 12px;
  line-height: 22px;
  font-weight: 400;
}
.a_market__form_item_helper_r {
  margin-left: 10px;
  vertical-align: middle;
}
.a_market__form_item_line {
  display: inline-block;
  vertical-align: top;
}
.a_market__form_item_last {
  margin-left: 40px;
}
.a_market__form_item_next {
  margin-left: 25px;
}
.a_market__form_item_switch {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  margin-bottom: 0;
}
.a_market__form_item_switch_wrapper {
  margin-bottom: 24px;
}
.a_market__form_item_switch_title {
  vertical-align: middle;
}
.a_market__form_item_images_wrapper .ant-upload-list-item-container {
  width: 160px !important;
  height: 160px !important;
}
.a_market__form_item_images_wrapper .ant-upload-select {
  width: 160px !important;
  height: 160px !important;
}
.a_market__form_item_horizontally_label {
  vertical-align: middle;
  margin-right: 10px;
}
.a_market__form_item_qeditor_wrapper .atma-editor .qfile, .a_market__form_item_qeditor_wrapper .atma-editor .qimage, .a_market__form_item_qeditor_wrapper .atma-editor .qvideo, .a_market__form_item_qeditor_wrapper .atma-editor .qiframe, .a_market__form_item_qeditor_wrapper .atma-editor .qiframe_pptx, .a_market__form_item_qeditor_wrapper .atma-editor .qiframe_pdf, .a_market__form_item_qeditor_wrapper .atma-editor .qaudio, .a_market__form_item_qeditor_wrapper .atma-editor .qiframe_custom, .a_market__form_item_qeditor_wrapper .atma-editor .qvoicemessage, .a_market__form_item_qeditor_wrapper .atma-editor .qwebcamera, .a_market__form_item_qeditor_wrapper .atma-editor .qscreencust, .a_market__form_item_qeditor_wrapper .atma-editor .qexport_pdf {
  display: none;
}
.a_market__form_payment_item {
  display: inline-block;
  vertical-align: top;
  width: 317px;
}
.a_market__form_payment_item.item_next {
  margin-left: 64px;
}
.a_market__form_payment_price_desc {
  border: 1px solid rgb(230, 233, 237);
  border-radius: 12px;
  padding: 24px 22px;
  height: 164px;
}
.a_market__form_payment_price_name {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
  color: rgb(29, 29, 29);
  margin-bottom: 10px;
  vertical-align: middle;
  display: inline-block;
}
.a_market__form_payment_price_name.update_support::before {
  background-image: url("/i/m_price_update.svg");
  content: "";
  width: 24px;
  height: 24px;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  background-repeat: no-repeat;
}
.a_market__form_payment_price_name.personal_mentor::before {
  background-image: url("/i/m_price_mentor.svg");
  content: "";
  width: 24px;
  height: 24px;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  background-repeat: no-repeat;
}
.a_market__form_payment_price_text {
  font-size: 14px;
  font-weight: 400;
  color: rgb(170, 178, 189);
  line-height: 16px;
}
.a_market__form_payment_price_body {
  margin-top: 27px;
}
.a_market__form_payment_price_body .a_market__form_item_switch_wrapper {
  margin-bottom: 10px;
}
.a_market__form_payment_price_body .a_market__form_item_line {
  margin-bottom: 10px;
}
.a_market__orders_table_desc {
  font-size: 12px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.6);
}
.a_market__orders_history_empty {
  margin-top: 20px;
  font-size: 14px;
  line-height: 22px;
}
.a_market__orders_history_empty_title {
  font-weight: 700;
  margin-bottom: 10px;
}
.a_orders__table_desc {
  font-size: 12px;
  line-height: 22px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.6);
}
.a_orders__table_status {
  border-radius: 2px;
  padding: 1px 8px;
  font-size: 12px;
  line-height: 22px;
  font-weight: 400;
}
.a_orders__table_status.paid {
  border: 1px solid #91D5FF;
  color: #1890FF;
  background-color: #E6F7FF;
}
.a_orders__table_status.ended {
  border: 1px solid #FFA39E;
  color: #F5222D;
  background-color: #FFF1F0;
}
.a_orders__table_status.awaiting_payment {
  border: 1px solid #D9D9D9;
  color: rgba(0, 0, 0, 0.8509803922);
  background-color: #FAFAFA;
}
.a_orders__table_status.awaiting_confirm {
  border: 1px solid #FFBB96;
  color: #FA541C;
  background-color: #FFF2E8;
}

.guide_drawer_logo {
  width: 18px;
  height: 18px;
  background-image: url(/i/logo.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: 5px;
  vertical-align: middle;
  display: inline-block;
}
.guide_drawer_menu {
  width: 310px;
  display: inline-block;
  vertical-align: top;
}
.guide_drawer_menu .ant-menu-light .ant-menu-submenu-selected > .ant-menu-submenu-title {
  color: #000000 !important;
  font-weight: 600;
}
.guide_drawer_menu .ant-menu-light .ant-menu-item-selected {
  color: #000000 !important;
  font-weight: 600;
}
.guide_drawer_menu .ant-menu-light.ant-menu-inline .ant-menu-sub.ant-menu-inline {
  background: none;
}
.guide_drawer_menu .ant-menu .ant-menu-item {
  border-radius: 0;
}
.guide_drawer_menu .ant-menu .ant-menu-submenu-title {
  border-radius: 0;
}
.guide_drawer_menu_item_count {
  order: 3;
}
.guide_drawer_menu_item_count span {
  background-color: #F0F0F0;
  padding: 2px 6px;
  border-radius: 12px;
  font-size: 12px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.4509803922);
}
.guide_drawer_menu_item_count.is_new span {
  background-color: #52C41A;
  color: #FFFFFF;
}
.guide_drawer_menu .u_list_menu_guide {
  padding-right: 10px;
  padding-top: 15px;
}
.guide_drawer_menu li {
  white-space: normal !important;
  height: auto !important;
  line-height: 24px !important;
}
.guide_drawer_menu .ant-menu-submenu-title {
  padding-inline-end: 10px;
}
.guide_drawer_menu .ant-menu-submenu-title .anticon {
  order: 1;
}
.guide_drawer_menu .ant-menu-submenu-title .guide_drawer_menu_item_title {
  order: 2;
  margin-left: 5px;
  white-space: normal;
  width: calc(100% - 40px);
  line-height: 22px;
  height: auto;
}
.guide_drawer_content {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 340px);
  margin-left: 10px;
}
.guide_drawer_content img {
  max-width: 100%;
}
.guide_drawer_content p, .guide_drawer_content ul, .guide_drawer_content ol {
  font-size: 14px;
  line-height: 20px;
  margin-top: 8px;
}
.guide_drawer_content iframe {
  width: 100% !important;
  min-height: 300px !important;
  border: none;
}
.guide_support_btn_wrapper {
  position: relative;
}
.guide_support_btn_count {
  position: absolute;
  background: #52C41A;
  padding: 0 8px;
  border-radius: 12px;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  right: -7px;
  top: -7px;
}

.ant-modal-body .a_tabs_scorm .ant-tabs-nav {
  display: none;
}
.ant-modal-body .a_tabs_scorm .ant-tabs-content-holder {
  padding-top: 50px;
}

.map_list.bottom_panel.library {
  bottom: 44px;
}

.form_list_container.variables {
  width: calc(100vw - 314px);
}

.a_map_setting__modal_qeditor .atma-editor-content {
  height: 120px !important;
}

.ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
  margin-top: 8px !important;
}

div.a_module__exercises_title {
  margin-left: 12px;
  margin-right: 0;
}

.ant-tabs.questions {
  margin-bottom: 20px;
}
.ant-tabs.questions .ant-tabs-nav {
  max-height: 415px;
}

.currency-uploader.active .ant-upload {
  background: rgba(24, 144, 255, 0.1019607843);
}
.currency-uploader .ant-upload.ant-upload-select {
  width: 32px !important;
  height: 32px !important;
}

.currency.main {
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
}
.currency.main_center {
  margin-left: calc(50% - 10px);
}

.a_settings__form_item_assessment .ant-col-6 {
  min-width: 280px;
  max-width: 280px;
}

.a_settings__form_item_data_expiration .ant-col-6 {
  min-width: 420px;
  max-width: 420px;
}

.a_settings__form_item_domain_title .ant-col-3, .a_settings__form_item_domain .ant-col-3 {
  min-width: 80px;
  max-width: 80px;
}

@media screen and (max-width: 1280px) {
  .a_qpsychologic_condition__wrapper {
    width: calc(100% - 25px);
  }
  .a_module__settings_header {
    width: calc(100vw - 105px);
  }
  .a_module__struct_wrapper {
    width: calc(100vw - 105px);
  }
  .a_module__tabs_wrapper {
    margin-left: 18px;
  }
  .a_module__exercises_options_header {
    width: calc(100% - 25px);
  }
  .a_module__divider_psy-test {
    width: calc(-110px + 100vw);
  }
  .a_module__temp_psy_wrapper {
    width: calc(-223px + 100vw);
  }
  .form_list_container.variables {
    width: calc(100vw - 222px);
  }
}
@media screen and (max-width: 580px) {
  .guide_drawer_menu {
    display: none;
  }
  .guide_drawer_content {
    width: 100%;
    margin-left: 0;
  }
  .result-wrap {
    width: 100%;
  }
  .result-wrap-wrapper {
    display: block;
    padding-right: 0;
  }
  .result-wrap-wrapper.is_border {
    border-right: none;
  }
  .result-history-wrapper {
    margin-top: 5px;
  }
}
.active_tag_exercise {
  background-color: rgba(24, 144, 255, 0.4) !important;
}

.info_exam_table .ant-table-tbody .ant-table-cell {
  padding: 0 !important;
}
.info_exam_table .ant-table-tbody .ant-table-cell .row_table_exam {
  padding: 16px 20px;
  width: 100%;
  height: 100%;
}
.info_exam_table .ant-table-tbody .ant-table-cell .row_table_exam.red {
  background-color: #FF7875;
}
.info_exam_table .ant-table-tbody .ant-table-cell .row_table_exam.green {
  background-color: #D9F7BE;
}

.hide-scroll::-webkit-scrollbar {
  width: 0;
}

.cursor_default {
  cursor: default !important;
}
.cursor_default input {
  cursor: default !important;
}

.map-legend {
  margin: 5px 35px 5px 35px;
}
.map-legend div {
  padding: 4px 8px;
  border-radius: 6px;
  display: inline-block;
  vertical-align: top;
  margin-right: 8px;
  font-size: 12px;
  line-height: 20px;
}
.map-legend div.empty {
  background-color: #DEE2E9;
}
.map-legend div.content {
  background-color: #FEEEBA;
}
.map-legend div.content-exercise {
  background-color: #DDF1D1;
}
.map-legend div.exercise {
  background-color: #bbd2ee;
}
.map-legend div.changed {
  border: 0.8px solid #23901D;
}
.map-legend div.draft, .map-legend div.draft-hidden {
  border: 0.8px solid #F12711;
}
.map-legend div.all_score {
  padding: 5px 8px;
  background-color: #EAFF8F;
  border-radius: 16px;
}
.map-legend div.all_score .currency {
  vertical-align: top;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  width: 12px;
  height: 12px;
  margin: 4px;
}

.user-edit-column {
  display: inline-block;
  vertical-align: top;
  margin-right: 20px;
  position: relative;
}
.user-edit-column.divider {
  padding: 0 20px 0 0;
}
.user-edit-column.divider:after {
  position: absolute;
  content: "";
  height: 100%;
  min-height: 240px;
  width: 1px;
  background-color: rgba(0, 0, 0, 0.0588235294);
  top: 0;
  right: 0;
}
.user-edit-column .user-edit-column-avatar {
  margin-bottom: 20px;
}

.user-edit-divider {
  margin-bottom: 10px;
  padding: 20px 0 20px 10px;
  font-weight: 500;
  font-size: 14px;
  width: 100%;
  height: 60px;
  background-color: #F6FFED;
}

.left_menu {
  font-size: 24px;
  margin: 5px 12px;
  color: #a9b2bd;
  padding: 10px;
  display: flex;
  position: relative;
  align-items: center;
  vertical-align: middle;
  line-height: 0 !important;
}
.left_menu.active {
  color: #1591ff;
  background-color: #e6f6ff;
  border-radius: 10px;
}
.left_menu__submenu {
  margin-left: 0;
  padding-left: 0;
  text-align: left;
}
.left_menu__submenu_item {
  list-style-type: none;
  padding: 7px 10px 7px 10px;
  border-radius: 7px;
}
.left_menu__submenu_icon {
  color: #a9b2bd;
  font-size: 20px;
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
}
.left_menu__submenu_name {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 32px);
}
.left_menu__submenu_link {
  color: #000;
}
.left_menu__submenu_link:hover .left_menu__submenu_icon {
  color: #40a9ff;
}

.custom_head .ant-table-thead .ant-table-cell {
  font-weight: 400;
  font-size: 12px;
  line-height: 22px;
  text-transform: uppercase;
}

.table_filters {
  width: 100%;
  position: relative;
  background-color: #F5F5F5;
  border-radius: 10px 0 0 10px;
  padding: 20px 30px;
}
.table_filters .absolute_button {
  position: absolute;
  right: 0;
  top: -50px;
}
.table_filters .filter_item {
  display: inline-block;
  vertical-align: top;
  margin-right: 20px;
}

.dialog-settings-image {
  position: absolute;
  right: 30px;
  top: 50px;
  text-align: center;
  background-color: #FFFFFF;
  padding: 10px;
  border: 1px solid #E6E9ED;
}
.dialog-settings-image .ant-upload-wrapper {
  display: inline-block !important;
  vertical-align: top;
}
.dialog-settings-image .ant-upload-wrapper .ant-upload {
  width: 72px !important;
  height: 72px !important;
  border-radius: 0 8px 8px 0 !important;
}
.dialog-settings-image .ant-upload-list-item-container {
  display: none !important;
}

.react-renderer button {
  font-weight: 300;
  font-size: 16px;
}
@charset "UTF-8";
* {
  touch-action: manipulation; /* масштабирование при двойном тапе не происходит */
}

h1 {
  font-size: 28px;
  font-weight: 500;
  margin-bottom: 22px;
  line-height: 36px;
  margin-top: 28px;
}

h2 {
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 20px;
}

h3 {
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 16px;
}

h4 {
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 12px;
}

.u {
  height: 100vh;
}
.u .action_button {
  height: 56px;
  padding: 0 48px;
  box-shadow: none;
  border-radius: 28px;
  font-size: 18px;
  font-weight: 300;
}
.u .action_button.success {
  color: white;
  background-color: #09C358;
  border: none;
}
.u .action_button.default {
  color: white;
  background-color: #1790FF;
}
.u .action_button.orange {
  color: white;
  background-color: #FFB95C;
  border: none;
}
.u .action_button.transparent:focus {
  background-color: transparent;
}
.u .action_button[disabled] {
  background-color: #E6E9ED;
  color: white;
  border-color: #E6E9ED;
}
.u_content_hidden {
  display: none;
}
.u_input_top_title {
  position: relative;
}
.u_input_top_title__label {
  position: absolute;
  top: 6px;
  left: 22px;
  color: #AAB2BD;
  z-index: 10;
}
.u_input_top_title__label + input {
  padding-top: 30px !important;
  padding-bottom: 14px !important;
}
.u_input_top_title .ant-form-item-explain-error {
  text-align: left;
  padding-left: 22px;
}
.u_input_top_title input {
  padding: 8px 12px;
  font-size: 14px;
  border-radius: 6px;
  background-color: white;
  border-color: #D9D9D9;
  line-height: 22px;
}
.u_input_top_title input:focus {
  border-color: #1790FF;
  box-shadow: none;
  background-color: white;
}
.u_input_top_title input:focus::placeholder {
  color: transparent;
}
.u_input_top_title input[disabled] {
  background-color: #edeef1;
}
.u_input_top_title input.ant-input-disabled {
  border-color: transparent;
}
.u_input_top_title input.ant-input-disabled:focus, .u_input_top_title input.ant-input-disabled:hover {
  border-color: transparent;
}
.u_input_top_title .ant-select .ant-select-selector {
  font-size: 17px;
  padding: 15.5px !important;
  height: 72.71px !important;
  border-radius: 12px 0 0 12px;
  border-color: #FFFFFF;
}
.u .ant-breadcrumb a.active {
  color: #1890FF !important;
  border-bottom: none;
}
.u .ant-breadcrumb li:last-child {
  color: rgba(0, 0, 0, 0.45);
}
.u_breadcrumbs {
  position: absolute;
  top: 30px;
  left: 115px;
  z-index: 999;
  max-width: 1000px;
  overflow: hidden;
}
.u_breadcrumbs__item_text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 320px;
}
.u a {
  border-bottom: 1px solid rgba(23, 144, 255, 0.3);
}
.u a:hover {
  opacity: 0.8;
}
.u_error__video {
  text-align: center;
  max-width: 1000px;
}
.u_error__video .ant-upload-list {
  position: absolute;
}
.u_error__video_content {
  padding: 90px 0;
  width: 1000px;
  text-align: center;
}
.u_error__video_icon {
  background-image: url("/i/user/no-camera-icon.svg");
  width: 42px;
  height: 42px;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  margin: auto;
}
.u_error__video_desc {
  font-size: 20px;
  color: rgb(170, 178, 189);
  margin: 0 0 20px 0;
}
.u_search {
  position: relative;
  height: 41px;
  z-index: 20;
}
.u_search.user {
  padding: 0 15px 0 20px;
  max-width: 500px;
}
.u_search.user:not(.show) {
  padding: 0 !important;
  height: 32px;
  border-radius: 6px;
}
.u_search.user:not(.show):hover {
  color: rgba(0, 0, 0, 0.88);
}
.u_search.show input {
  transition: none;
  border-radius: 2px;
}
.u_search.show .u_search__result {
  display: block;
}
.u_search .u_search__inp_filter {
  display: none;
}
.u_search.active_toggle {
  min-width: 470px;
}
.u_search.active_toggle .u_search__delete {
  display: block;
  font-size: 6.5px;
  background-color: rgba(0, 0, 0, 0.2509803922);
  padding: 4px;
  border-radius: 15px;
}
.u_search.active_toggle .u_search__inp {
  left: 0;
  opacity: 1;
  clip: auto;
  border: 1px solid #40A9FF;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  padding: 5px 12px 5px 12px;
  width: 462px;
}
.u_search.active_toggle .u_search__inp_filter {
  display: block;
  background-color: #FAFAFA;
  height: 38px;
  width: 38px;
  right: 0;
  position: absolute;
  top: 4px;
  border: 1px solid;
  border-color: #D9D9D9;
  border-left: none;
  border-radius: 0 2px 2px 0;
}
.u_search.active_toggle .u_search__inp_filter_icon {
  font-size: 14px;
  top: 11px;
  position: absolute;
  left: 12px;
}
.u_search.active_toggle .u_search__toggle {
  display: none;
  right: 0;
  opacity: 1;
  clip: auto;
}
.u_search__delete {
  z-index: 1000;
  display: none;
  position: absolute;
  right: 20px;
  font-size: 16px;
  top: 16px;
}
.u_search__delete.show {
  display: block;
  font-size: 6.5px;
  background-color: rgba(0, 0, 0, 0.2509803922);
  padding: 4px;
  border-radius: 15px;
  top: 13px;
}
.u_search__breadcrumbs {
  margin-bottom: 6px;
  line-height: 20px;
}
.u_search__breadcrumbs a {
  position: relative;
  color: #434A53;
  font-size: 14px;
  border-bottom: 1px solid;
  border-bottom-color: rgba(67, 74, 83, 0.3);
  margin-right: 20px;
}
.u_search__breadcrumbs a:after {
  display: inline-block;
  content: "/";
  position: absolute;
  color: #434A53;
  margin-left: 8px;
  left: 100%;
}
.u_search__breadcrumbs a:last-child {
  color: #1790FF;
  font-size: 16px;
  border-bottom-color: rgba(23, 144, 255, 0.3);
}
.u_search__breadcrumbs a:last-child:after {
  content: "";
}
.u_search__result {
  display: none;
  position: absolute;
  left: 0;
  width: 463px;
  top: 100%;
  margin-top: 7px;
  max-height: 80vh;
  background-color: white;
  border-radius: 6px;
  overflow-y: scroll;
  border: 1px solid rgba(0, 0, 0, 0.4509803922);
}
.u_search__result.show {
  display: block;
  min-height: 40px;
  z-index: 2;
  width: 310px;
}
.u_search__result_tags {
  width: 100%;
  padding: 0 12px;
  line-height: 48px;
}
.u_search__result_tags .tag-select {
  border-radius: 2px;
  padding: 1px 8px;
}
.u_search__result_empty {
  padding: 0 12px;
}
.u_search__result_process {
  padding: 0 12px;
}
.u_search__result__title {
  border-bottom: 0.5px solid #E6E9ED;
  margin: 12px;
  margin-bottom: 0;
  height: auto;
  line-height: 14px;
  padding-bottom: 5px;
  text-transform: uppercase;
}
.u_search__result__title span {
  color: rgba(67, 74, 83, 0.3);
}
.u_search__result__item {
  padding: 10px 12px !important;
  line-height: 16px;
  cursor: default;
}
.u_search__result__item:not(.empty):hover {
  background-color: #E6F7FF;
}
.u_search__result__tags {
  padding: 10px 12px;
  line-height: 16px;
}
.u_search__result__tags a {
  display: inline-block;
  padding: 10px 20px;
  border-radius: 18px;
  border: none;
  background-color: #E6F7FF;
  color: #0F1419;
  margin-right: 8px;
  margin-bottom: 8px;
}
.u_search__inp {
  position: absolute;
  top: 5px;
  transition: opacity 0.3s;
  right: 0;
  clip: rect(0, 0, 0, 0);
  opacity: 0;
}
.u_search__toggle {
  display: flex;
  font-size: 16px;
  border-radius: 6px;
}
.u_search__toggle.admin {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 5px;
}
.u_search input {
  padding: 10px 20px;
  padding-right: 52px;
  border-radius: 2px;
  min-width: 462px;
  border: none;
}
.u_search input.grey {
  background-color: #F5F7FA;
}
.u_search input.white {
  background-color: #FFFFFF;
}
.u_search input:focus {
  outline: none !important;
  box-shadow: none;
}
.u_search input:focus + .u_search__delete {
  display: block;
}
.u_search_wrap {
  position: relative;
}
.u_search_guide__wrapper {
  position: relative;
}
.u_logout {
  position: fixed;
  bottom: 40px;
  left: 0;
  padding: 0 22px;
  color: #AAB2BD !important;
  z-index: 20;
}
.u_header {
  position: fixed;
  width: 100%;
  padding: 0 60px;
  background-color: #FFFFFF;
  height: auto !important;
  z-index: 100;
}
.u_header__burger_menu_item {
  padding: 4px 10px;
  border-radius: 4px;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(/i/user/bm-menu.svg);
}
.u_header__burger_menu_item_wrapper {
  margin-top: 1px;
  display: inline-block;
  vertical-align: top;
}
.u_header_right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 16px;
  height: 32px;
}
.u_header_in {
  height: 64px !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.0588235294);
  padding-bottom: 14px;
}
.u_header__logo {
  overflow: hidden;
  width: 32px;
  height: 32px;
  cursor: pointer;
  position: absolute;
  top: 50%;
  margin-top: -7px;
  background-size: contain;
  background-repeat: no-repeat;
}
.u_header__logo img {
  width: 100%;
  height: 100%;
  padding: 10px;
  vertical-align: top;
}
.u_header__logo_wrap {
  position: relative;
}
.u_header__avatar {
  margin-right: 16px;
  margin-left: 16px;
}
.u_header__action {
  display: flex;
  margin-right: 8px;
}
.u_header__action__item {
  padding: 4px 10px;
}
.u_header__action__item:hover, .u_header__action__item:focus {
  background-color: transparent;
}
.u_header__title_main {
  left: 43px;
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  position: absolute;
  white-space: nowrap;
  top: -8px;
}
.u_header__title_map {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 450px;
  font-size: 18px;
  position: absolute;
  top: -4px;
  left: 12px;
}
.u_content {
  min-height: auto;
  padding-top: 80px;
}
.u_cards {
  margin-bottom: 60px;
}
.u_cards__item {
  position: relative;
  width: 320px;
  height: 326px;
  background-color: #fff;
  border-radius: 10px;
  margin-right: 12px;
  margin-top: 12px;
  display: inline-block;
  vertical-align: top;
  border: 1px solid rgba(213, 213, 213, 0.8509803922);
}
.u_cards__item:not(.u_cards__item_close) {
  cursor: pointer;
}
.u_cards__item_close .u_cards__item__title {
  color: rgba(0, 0, 0, 0.2509803922);
}
.u_cards__item_close .u_cards__item_icon {
  opacity: 0.7;
}
.u_cards__item_close_wrapper {
  background-color: #F0F0F0;
  width: 30px;
  height: 30px;
  border-radius: 16px;
  padding: 3px 8px 0 8px;
  position: absolute;
  top: 12px;
  left: 12px;
}
.u_cards__item__parent_wrapper {
  text-align: left;
}
.u_cards__item__parent_title {
  color: rgba(0, 0, 0, 0.4509803922);
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}
.u_cards__item__parent_text {
  color: rgba(0, 0, 0, 0.4509803922);
}
.u_cards__item__parent_link {
  color: #1890FF;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  margin-top: 4px;
}
.u_cards__item_progress {
  background-color: #F5F5F5;
}
.u_cards__item.u_cards__item_progress {
  border: none;
}
.u_cards__item.u_cards__item_progress .u_cards__item__title {
  text-align: center;
}
.u_cards__item:not(.u_cards__item_progress):not(.u_cards__item_close):hover {
  background-color: rgba(0, 0, 0, 0.02);
}
.u_cards__item:not(.u_cards__item_progress):not(.u_cards__item_close):hover .main-card-top {
  opacity: 0.8;
}
.u_cards__item__bottom {
  margin: 20px 0 0 30px;
}
.u_cards__item__exam {
  height: 22px;
  padding: 0 8px 0 8px;
  border-radius: 10px;
  background-color: #FFF;
  display: inline-block;
}
.u_cards__item__exam .u_cards__item__exam__icon {
  width: 14px;
  height: 14px;
  margin-right: 4px;
  vertical-align: middle;
  margin-top: -3px;
  background-image: url("/i/new_exam_warning.svg");
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
}
.u_cards__item__exam.close {
  background-color: #F5F5F5;
}
.u_cards__item__exam.close .u_cards__item__exam__icon {
  display: inline-block;
  background-image: url("/i/n-lock-black.svg");
}
.u_cards__item__exam.not_started {
  background-color: #FFFFFF;
}
.u_cards__item__exam.not_started .u_cards__item__exam__icon {
  display: inline-block;
  background-image: url("/i/new_exam_warning.svg");
}
.u_cards__item__exam.progress {
  background-color: #EFDBFF;
}
.u_cards__item__exam.progress .u_cards__item__exam__icon {
  display: inline-block;
  background-image: url("/i/n-process-black.svg");
}
.u_cards__item__exam.on_verification {
  background-color: #BAE7FF;
}
.u_cards__item__exam.on_verification .u_cards__item__exam__icon {
  display: inline-block;
  background-image: url("/i/n-time-user-black.svg");
}
.u_cards__item__exam.completed {
  background-color: #D9F7BE;
}
.u_cards__item__exam.completed .u_cards__item__exam__icon {
  display: inline-block;
  background-image: url("/i/n-completed-user-black.svg");
}
.u_cards__item__exam.error {
  background-color: #FFCCC7;
}
.u_cards__item__exam.error .u_cards__item__exam__icon {
  display: inline-block;
  background-image: url("/i/n-error-user-black.svg");
}
.u_cards__item__exam__title {
  display: inline-block;
  color: #000;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  vertical-align: middle;
  margin-top: -3px;
}
.u_cards__item__exam__status {
  display: inline-block;
  color: #000;
  font-size: 12px;
  margin-left: 4px;
  line-height: 20px;
  vertical-align: middle;
  margin-top: -3px;
}
.u_cards__item__title {
  color: #000;
  font-size: 16px;
  line-height: 24px;
  margin-top: 8px;
  padding: 0 12px 0 12px;
  font-weight: 400;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.u_cards__item__top {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.4509803922);
  text-align: center;
  margin-top: 3px;
  margin-bottom: 24px;
}
.u_cards__item__content {
  padding: 0 calc((100% - 164px) / 2);
}
.u_cards__item__bottom {
  margin-left: 30px;
  margin-right: 30px;
  text-align: center;
  margin-top: 26px;
}
.u_cards__item__tag {
  border-radius: 10px;
  font-size: 10px;
  margin-top: 12px;
}
.u_cards__item__lock {
  text-align: center;
  line-height: 16px;
}
.u_cards__item__lock span {
  color: #AAB2BD !important;
}
.u_cards__item_icon {
  width: 100%;
  height: 106px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
}
.u_cards__item__item {
  margin-left: 12px;
  margin-right: 12px;
  height: 92px;
  background-color: #F5F5F5;
  border-radius: 6px;
  padding: 12px 12px;
  position: absolute;
  width: calc(100% - 24px);
  bottom: 14px;
}
.u_cards__item__item h3 {
  font-weight: 500;
  text-align: left;
  color: #000;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 2px;
}
.u_title_tip {
  color: #AAB2BD !important;
  font-weight: normal !important;
}
.u_module {
  display: flex;
  justify-content: center;
  align-items: center;
}
.u_module:not(.is_map_item) {
  padding: 30px 0 30px 0;
}
.u_module.is_map_item {
  padding: 0 0 30px 0;
}
.u_module.is_dialog {
  padding: 0;
}
.u_module_rating__wrapper {
  margin-top: 30px;
}
.u_module_rating__all_wrapper {
  display: inline;
  font-size: 16px;
  position: absolute;
  right: 0;
}
.u_module_rating__all_rate {
  margin-left: 7px;
  margin-right: 5px;
  font-size: 18px !important;
}
.u_module_rating__all_rate li {
  cursor: default !important;
}
.u_module_rating__all_text {
  vertical-align: top;
}
.u_module_rating__comment {
  margin-top: 20px;
}
.u_module_rating__comment_send {
  margin-top: 20px;
}
.u_module_modal__ratio .ant-modal-title {
  opacity: 0;
}
.u_module_modal__ratio_body_icon {
  font-size: 22px;
  color: #FAAD14;
  position: absolute;
  left: 24px;
}
.u_module_modal__ratio_body_wrapper {
  text-align: left;
  padding-left: 38px;
  padding-top: 12px;
}
.u_module_modal__ratio_body_wrapper .currency {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}
.u_module_modal__ratio_body_wrapper .currency_wrapper {
  display: inline-block;
  background: #EAFF8F;
  padding: 1px 2px;
  border-radius: 4px;
}
.u_module_modal__ratio_body_title {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  margin-bottom: 8px;
}
.u_module_modal_body_icon {
  background-image: url("/i/emoji_question.svg");
  width: 46px;
  height: 46px;
  display: inline-block;
}
.u_module_modal_body_icon.success {
  background-image: url("/i/emoji_success.svg");
}
.u_module_modal_body_text {
  font-size: 20px;
  line-height: 28px;
  width: 100%;
  margin-left: 0;
  margin-top: 8px;
  margin-bottom: 16px;
}
.u_module_modal .ant-modal-body {
  text-align: center;
}
.u_module_modal .btn_module {
  width: 100%;
  margin-bottom: 8px;
  margin-left: 0 !important;
}
.u_module_image {
  height: 300px;
  background-size: cover;
  width: 100%;
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
}
.u_module_image_wrapper {
  margin-top: -18px;
}
.u_module_icon {
  width: 52px;
  height: 52px;
  display: block;
  position: absolute;
  top: -27px;
  background-size: contain;
  background-repeat: no-repeat;
}
.u_module a[download] {
  display: inline-block;
  color: #1790FF;
  position: relative;
  margin-left: 26px;
  border-bottom: none;
  margin-right: 26px;
  vertical-align: top;
}
.u_module a[download]:before {
  content: "";
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2213%22%20height%3D%2216%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M3.712%2012.6H8.86c.17%200%20.31-.057.422-.17a.588.588%200%200%200%20.167-.43.588.588%200%200%200-.167-.43.567.567%200%200%200-.422-.17H3.713a.567.567%200%200%200-.423.17.588.588%200%200%200-.167.43c0%20.173.056.317.167.43.111.113.252.17.422.17zm0-3.4H8.86c.17%200%20.31-.057.422-.17a.588.588%200%200%200%20.167-.43.588.588%200%200%200-.167-.43A.567.567%200%200%200%208.86%208H3.713a.567.567%200%200%200-.423.17.588.588%200%200%200-.167.43c0%20.173.056.317.167.43.111.113.252.17.422.17zM1.18%2016c-.315%200-.59-.12-.825-.36A1.161%201.161%200%200%201%200%2014.8V1.2C0%20.88.118.6.354.36.589.12.864%200%201.179%200h6.6a1.164%201.164%200%200%201%20.844.36l3.595%203.66a1.214%201.214%200%200%201%20.353.86v9.92c0%20.32-.117.6-.353.84s-.51.36-.825.36H1.179zM7.68%201.2H1.18v13.6h10.214V4.92H8.27a.567.567%200%200%201-.423-.17.588.588%200%200%201-.167-.43V1.2zm-6.501%200v3.72V1.2%2014.8%201.2z%22%20fill%3D%22%231790FF%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  width: 16px;
  height: 20px;
  position: absolute;
  top: 6px;
  left: -26px;
}
.u_module a[download]:after {
  content: attr(data-size);
  display: inline-block;
  color: #AAB2BD;
  font-size: 15px;
  margin-left: 6px;
}
.u_module_cont {
  display: block;
  min-width: 1000px;
  position: relative;
}
.u_module_cont.not_copy_content {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.u_module_cont img {
  max-width: 100%;
}
.u_module_cont iframe {
  width: 100% !important;
  min-width: 680px;
  aspect-ratio: 16/9;
}
.u_module_cont video {
  width: 100% !important;
}
.u_module_cont blockquote {
  border-left: 4px solid #CCD1D9;
  margin-left: 0;
  padding: 0 0 0 30px;
}
.u_module_cont hr {
  border: none;
  height: 3px;
  margin: 60px 0;
  background-color: #ccc;
}
.u_module_cont__exam .timer_exam {
  margin-bottom: 24px;
}
.u_module__action_btn {
  padding: 30px 0;
}
.u_module__q {
  font-size: 20px;
  color: #000;
  line-height: 28px;
  font-weight: 500;
}
.u_module__q table {
  border-collapse: collapse;
  table-layout: fixed;
  margin: 0;
  overflow: hidden;
}
.u_module__q table th {
  font-weight: bold;
  text-align: left;
  background-color: #f1f3f5;
}
.u_module__q table th, .u_module__q table td {
  min-width: 3em;
  border: 1px solid #ced4da;
  padding: 3px 5px;
  vertical-align: top;
  position: relative;
}
.u_module__q p {
  margin: 0 0 4px 0;
}
.u_module__q_error {
  margin-bottom: 40px;
  text-align: left;
}
.u_module__tip {
  color: rgba(0, 0, 0, 0.4509803922);
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
}
.u_module_lecture {
  display: flow-root;
  margin: 12px auto;
  max-width: 1000px;
}
.u_module_lecture .media-wrap.video-wrap {
  position: relative;
}
.u_module_lecture h1 {
  font-size: 28px;
  font-weight: 500;
  margin-bottom: 22px;
  line-height: 36px;
  margin-top: 28px;
}
.u_module_lecture h2 {
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 20px;
}
.u_module_lecture h3 {
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 16px;
}
.u_module_lecture h4 {
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 12px;
}
.u_module_lecture p, .u_module_lecture ol, .u_module_lecture ul {
  margin: 10px 0;
  font-size: 16px;
  line-height: 22px;
}
.u_module_lecture ol, .u_module_lecture ul {
  margin-left: 26px;
  padding-left: 50px;
}
.u_module_lecture ol li, .u_module_lecture ul li {
  margin-bottom: 10px;
}
.u_module_lecture ol ol, .u_module_lecture ol ul, .u_module_lecture ul ol, .u_module_lecture ul ul {
  margin-left: 0;
}
.u_module_test {
  display: block;
  max-width: 1000px;
  margin: 0 auto;
}
.u_module_test__map .legend .blue, .u_module_test__map .legend .white {
  position: relative;
  display: inline-block;
  margin-bottom: 10px;
}
.u_module_test__map .legend .blue {
  margin-left: 24px;
}
.u_module_test__map .legend .white {
  margin-left: 13px;
}
.u_module_test__map .legend .blue:before, .u_module_test__map .legend .white:before {
  position: absolute;
  display: block;
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  left: -13px;
  top: calc(50% - 3px);
}
.u_module_test__map .legend .green:before {
  background-color: #F5F5F5;
  border: 1px solid #1890FF;
}
.u_module_test__map .legend .blue:before {
  background-color: #1890FF;
}
.u_module_test__map .legend .white:before {
  background-color: #F5F5F5;
}
.u_module_test__map .question {
  display: inline-block;
  cursor: pointer;
  width: 26px;
  height: 20px;
  margin: 0 5px 7px 0;
}
.u_module_test__map .question.blue {
  background-color: #1890FF;
}
.u_module_test__map .question.white {
  background-color: #F5F5F5;
}
.u_module_test__map .question.green {
  background-color: #95DE64;
}
.u_module_test__map .question.without_navigation {
  cursor: default;
}
.u_module_test__answers {
  margin-bottom: 40px;
  margin-top: 16px;
}
.u_module_test__answers.all_images .ant-space-item {
  margin-right: 5px;
}
.u_module_test__answers_text {
  margin-top: 10px;
}
.u_module_test__answers_text.image {
  margin-bottom: 30px;
}
.u_module_test__answers__i.all_images .u_module_test__answers_text {
  width: 330px;
}
.u_module_test__answers .ant-radio-inner,
.u_module_test__answers .ant-checkbox-inner {
  width: 22px;
  height: 22px;
}
.u_module_test__answers .ant-radio {
  top: 0.4em;
}
.u_module_test__answers .ant-radio-inner:after {
  top: 50%;
  left: 50%;
}
.u_module_test__answers .ant-checkbox {
  top: 5px;
}
.u_module_test__answers .ant-checkbox-inner:after {
  width: 7.714286px;
  height: 12.142857px;
}
.u_module_test__answers__i .ant-image {
  vertical-align: top;
}
.u_module_test__answers__i span {
  font-size: 16px;
  line-height: 24px;
}
.u_module_test__legend {
  display: inline-block;
  color: rgba(0, 0, 0, 0.4509803922);
  font-size: 12px;
  line-height: 20px;
}
.u_module_essay {
  display: block;
  max-width: 1000px;
  margin: 0 auto;
  min-width: 1000px;
}
.u_module_essay .u_module__q {
  margin: 16px 0;
  padding: 0;
  border: none !important;
}
.u_module_essay .atma-editor-wrap {
  margin-bottom: 0;
}
.u_module_essay_textarea {
  width: 1000px;
  border-radius: 8px;
  padding: 8px 8px !important;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  min-height: 250px;
}
.u_module_essay_textarea.disabled {
  cursor: default;
  background-color: #F5F5F5;
  color: rgba(0, 0, 0, 0.2509803922);
  border: 1px solid #D9D9D9 !important;
}
.u_module_essay textarea {
  width: 1000px;
  border-radius: 12px;
  padding: 16px 22px;
  border-color: white;
  font-size: 21px;
  font-weight: 300;
}
.u_module_essay textarea:hover, .u_module_essay textarea:focus {
  border-color: white;
}
.u_module_essay textarea:focus, .u_module_essay textarea.ant-input-focused {
  box-shadow: 0 0 0 2px rgb(24, 144, 255) !important;
}
.u_module_screen__record_title {
  font-size: 18px;
}
.u_module_screen__record_title:before {
  content: "";
  width: 15px;
  height: 15px;
  background-color: #FF3B30;
  border-radius: 8px;
  display: inline-block;
  margin-right: 10px;
  position: absolute;
  left: -25px;
  top: 6px;
  animation: recording 1000ms infinite;
}
.u_module_screen__text {
  position: absolute;
  width: 100%;
  color: #fff;
  top: 200px;
  font-size: 14px;
  left: 32%;
  line-height: 22px;
}
.u_module_screen__text div {
  width: 450px;
}
.u_module_screen__owrite {
  margin-left: 40px;
}
.u_module_screen__owrite_text {
  margin-top: 16px;
  font-size: 16px;
  line-height: 26px;
  color: #AAB2BD;
}
.u_module_video {
  display: block;
  max-width: 1000px;
  margin: 0 auto;
  min-width: 500px;
}
.u_module_video .send_video {
  margin: 0 0 0 24px;
}
.u_module_video__preloader {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.5);
  width: 100%;
  height: 100%;
  z-index: 20;
}
.u_module_video__preloader .ant-spin-dot-item {
  background-color: white;
}
.u_module_video__timer {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  width: 100%;
  font-size: 12px;
  line-height: 20px;
  color: white;
  padding: 20px 0;
}
.u_module_video__timer.recorded:before {
  content: "";
  display: inline-block;
  background-color: #FF3B30;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  margin: 0 6px;
}
.u_module_video__owrite {
  cursor: pointer;
  font-size: 14px !important;
  line-height: 20px !important;
  margin-left: 60px;
  color: #000 !important;
}
.u_module_video__owrite:hover {
  opacity: 0.8;
}
.u_module_video__owrite:active {
  transform: scale(0.95);
}
.u_module_video__owrite_wrap {
  display: inline-block;
  text-align: center;
}
.u_module_video__owrite_icon {
  background-color: #AAB2BD;
  padding: 4px;
  border-radius: 15px;
  margin-right: 6px;
}
.u_module_video__block {
  position: relative;
  width: 1000px;
  height: 562.5024609483px;
  border-radius: 12px;
  background-color: black;
  letter-spacing: 0;
  font-size: 0;
}
.u_module_video__block .screen_preview {
  background: #383838;
  height: 562.5024609483px;
}
.u_module_video__block .screen_stream {
  background: #383838;
  height: 562.5024609483px;
}
.u_module_video__block video {
  width: 100%;
  border-radius: 12px;
}
.u_module_video__block video.video_stream {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  height: 540px;
}
.u_module_video__block video.video_preview {
  height: 540px;
}
.u_module_video__block .record_btn {
  position: absolute;
  bottom: 35px;
  left: 50%;
  width: 42px;
  height: 42px;
  border-radius: 36px;
  border: 2px solid #fff;
  cursor: pointer;
  margin-left: -21.5px;
}
.u_module_video__block .record_btn:before {
  content: "";
  display: block;
  height: 36px;
  width: 36px;
  background-color: #FF3B30;
  border-radius: 30px;
  margin: 1.24px;
}
.u_module_video__block .record_btn.recorded:before {
  width: 27px;
  height: 27px;
  border-radius: 6px;
  margin: 5.6px;
}
.u_module_video__block .record_btn:active {
  transform: scale(0.95);
}
.u_module_video .u_module__q {
  padding: 0 22px;
  border: none !important;
}
.u_module__video_content_wrapper.hidden {
  display: none;
}
.u_module_warning__wrapper {
  width: 1000px;
  padding: 16px;
  border-radius: 8px;
  background-color: #FFF7E6;
  margin-bottom: 16px;
}
.u_module_warning__wrapper.is_exam {
  position: fixed;
  width: 342px;
  bottom: 30px;
  right: 80px;
}
.u_module_warning_close {
  color: #1890FF;
  font-size: 14px;
  line-height: 22px;
  margin-top: 8px;
  cursor: pointer;
}
.u_module_warning__content {
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
}
.u_module_warning__header {
  border-bottom: 1px solid #D9D9D9;
  padding-bottom: 8px;
}
.u_module_warning__header_title {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  position: relative;
  padding-left: 20px;
}
.u_module_warning__header_title:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: contain;
  background-image: url("/i/module_warning.svg");
  position: absolute;
  left: 0;
  top: 1px;
}
.u_module__result {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  margin-bottom: 8px;
  margin-left: 23px;
}
.u_module__result::before {
  content: "";
  width: 16px;
  height: 16px;
  display: inline-block;
  background-repeat: no-repeat;
  top: 4px;
  position: absolute;
  left: 0;
  background-size: contain;
}
.u_module__result.info::before {
  background-image: url("/i/m_status_info.svg");
}
.u_module__result.error::before {
  background-image: url("/i/m_status_error.svg");
}
.u_module__result.success::before {
  background-image: url("/i/m_status_success.svg");
}
.u_module__result.on_verification::before {
  background-image: url("/i/n-time-user-black.svg");
}
.u_module__result.repeat::before {
  background-image: url("/i/module_warning.svg");
}
.u_module__result_content {
  font-size: 14px;
  line-height: 22px;
}
.u_module__result__item {
  margin-top: 8px;
}
.u_module__result__item_title {
  color: rgba(0, 0, 0, 0.4509803922);
}
.u_module__result__item_value_wrapper {
  margin: 7px 0 7px 0;
}
.u_module__result__item_value_wrapper span {
  margin-right: 3px;
}
.u_module__result__item_value.psy_result {
  margin-bottom: 3px;
}
.u_module__result_wrapper {
  padding: 16px;
  border-radius: 8px;
  width: 100%;
  max-width: 1000px;
  margin-bottom: 24px;
}
.u_module__result_wrapper.error {
  background-color: #FFF1F0;
}
.u_module__result_wrapper.success {
  background-color: #F6FFED;
}
.u_module__result_wrapper.info {
  background-color: #E6F7FF;
}
.u_module__result_wrapper.repeat {
  background-color: #FFF7E6;
}
.u_module__result_wrapper.on_verification {
  background-color: #E6F7FF;
}
.u_module__result_status_wrapper {
  position: relative;
  border-bottom: 1px solid #D9D9D9;
}
.u_module__history_answers_visible {
  font-size: 14px;
  line-height: 22px;
  margin-top: 20px;
  color: rgba(0, 0, 0, 0.4509803922);
  cursor: pointer;
}
.u_module__history_answers_visible.active {
  color: #1890FF;
}
.u_module__history_answers_wrapper {
  max-width: 1000px;
}
.u_module__history_answers_wrapper h5 {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 12px;
}
.u_module__history_answers_wrapper .ant-divider-horizontal {
  margin: 8px 0;
}
.u_module__history_answers_item .ant-divider-horizontal {
  margin: 8px 0;
}
.u_module__history_answers_label {
  font-size: 12px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.4509803922);
  margin-bottom: 4px;
}
.u_module__history_answers_icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin-right: 8px;
}
.u_module__history_answers_icon.completed {
  background-image: url("/i/user/history_answer_completed.svg");
}
.u_module__history_answers_icon.error {
  background-image: url("/i/user/history_answer_error.svg");
}
.u_module__history_answers_question {
  display: inline-block;
  vertical-align: middle;
}
.u_module__history_answers_question p {
  margin: 0;
  font-size: 16px;
  line-height: 24px;
}
.u_module_dialog {
  width: 100%;
}
.u_module_dialog .ant-divider-horizontal {
  margin: 8px 0 10px 0;
  min-width: 1000px;
  width: 1000px;
}
.u_module__mentors_title {
  font-size: 20px;
  line-height: 32px;
  font-weight: 500;
}
.u_module__mentors_list {
  margin-left: 0;
  padding-left: 0;
}
.u_module__mentors_list li {
  list-style-type: none;
  font-size: 16px;
  line-height: 28px;
}
.u_main_marks_title {
  font-size: 16px;
  line-height: 28px;
  display: inline-block;
  margin-right: 8px;
}
.u_main_marks_mark {
  display: inline-block;
}
.u_main_marks_wrapper {
  margin: 18px 0 6px 0;
}
.u_main_marks_card {
  position: absolute;
  right: 0;
  z-index: 9;
}
.u_main_marks_card span.ant-tag {
  display: block;
  margin-bottom: 8px;
  cursor: default;
}
.u_main_actions {
  position: absolute;
  right: 0;
  top: 7px;
}
.u_main_actions__map {
  right: 60px;
}
.u_main_actions__btn.active {
  color: #096DD9;
  border-color: #096DD9;
}
.u_main_actions__btn.active .u_main_action_view.block {
  background-image: url("/i/main_view_block_active.svg");
}
.u_main_actions__btn.active .u_main_action_view.map {
  background-image: url("/i/ant-design-branches-active.svg");
}
.u_main_actions__btn.active .u_main_action_view.list {
  background-image: url("/i/main_view_list_active.svg");
}
.u_main_actions__btn:hover .u_main_action_view.list {
  background-image: url("/i/main_view_list_active.svg");
}
.u_main_actions__btn:hover .u_main_action_view.block {
  background-image: url("/i/main_view_block_active.svg");
}
.u_main_actions__btn:hover .u_main_action_view.map {
  background-image: url("/i/ant-design-branches-active.svg");
}
.u_main_actions__item {
  margin-right: 8px;
}
.u_main_actions__switch {
  display: inline-block;
  margin-right: 24px;
}
.u_main_action_view {
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.u_main_action_view_text {
  vertical-align: middle;
}
.u_main_action_view.block {
  background-image: url("/i/main_view_block.svg");
}
.u_main_action_view.map {
  background-image: url("/i/ant-design-branches.svg");
}
.u_main_action_view.list {
  background-image: url("/i/main_view_list.svg");
}
.u_main_card__table_wrapper {
  border: 1px solid #F5F5F5;
  border-radius: 10px 10px 0 0;
  margin-bottom: 7px;
}
.u_main_card__table_wrapper .t_progress_progress {
  vertical-align: middle;
}
.u_main_card__table_wrapper .map_download_certificate {
  width: 14px;
  height: 14px;
  border-bottom: none !important;
}
.u_main_card__table_close_title {
  color: rgba(0, 0, 0, 0.2509803922);
}
.u_main_tabs_wrapper {
  position: relative;
}
.u_main_tabs_wrapper .ant-tabs-tab {
  min-height: 48px;
}
.u_main_tabs_wrapper .ant-tabs .ant-tabs-tab {
  font-size: 16px;
  line-height: 24px;
}
.u_main_tab__global_percent {
  background-color: #E6F7FF;
  padding: 0 8px 0 8px;
  height: 20px;
  display: inline-block;
  border-radius: 10px;
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
}
.u_main_tab__product_count {
  background-color: #E6F7FF;
  padding: 0 8px 0 8px;
  height: 20px;
  display: inline-block;
  border-radius: 10px;
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
}
.u_main_tab__item.hide {
  display: none;
}
.u_main_view_table .currency {
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
}
.u_main_view_table .ant-table-cell {
  font-weight: 400 !important;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.4509803922) !important;
  text-transform: none;
}
.u_main_view_table .t_count_module {
  color: rgba(0, 0, 0, 0.8509803922);
  font-size: 14px;
  line-height: 22px;
}
.u_main_result_empty {
  font-size: 16px;
  line-height: 26px;
  margin-top: 20px;
}
.u_exercises_list {
  margin: 40px 0;
}
.u_exercises_list__status {
  padding: 2px 8px 1px 25px;
  border-radius: 12px;
  position: relative;
  width: fit-content;
  display: inline-block;
}
.u_exercises_list__status.success {
  background-color: #B7EB8F;
}
.u_exercises_list__status.on_verification {
  background-color: #91D5FF;
}
.u_exercises_list__status.repeat {
  background-color: #FFD591;
}
.u_exercises_list__status.error {
  background-color: #FFA39E;
}
.u_exercises_list__status.not_started {
  background-color: #D9D9D9;
}
.u_exercises_list__status.progress {
  background-color: #EFDBFF;
}
.u_exercises_list__status::before {
  content: "";
  width: 16px;
  height: 16px;
  display: inline-block;
  background-repeat: no-repeat;
  top: 4px;
  position: absolute;
  background-size: contain;
  left: 5px;
}
.u_exercises_list__status.success::before {
  background-image: url("/i/m_status_success.svg");
}
.u_exercises_list__status.on_verification::before {
  background-image: url("/i/m_status_check.svg");
}
.u_exercises_list__status.repeat::before {
  background-image: url("/i/m_status_process.svg");
}
.u_exercises_list__status.error::before {
  background-image: url("/i/m_status_error.svg");
}
.u_exercises_list__status.not_started::before {
  background-image: url("/i/m_status_disable.svg");
}
.u_exercises_list__status.progress::before {
  background-image: url("/i/m_status_process.svg");
}
.u_exercises_list__status_wrapper {
  color: #000;
  font-size: 12px;
  line-height: 20px;
  margin-top: 8px;
}
.u_exercises_list__status_wrapper .node-score {
  display: inline-block;
  position: relative !important;
  right: unset !important;
  padding: 1px 8px 1px 8px;
  border-radius: 12px;
  margin-left: 4px;
}
.u_exercises_list__status_wrapper .node-score .currency {
  width: 14px;
  height: 14px;
  margin-top: 3px !important;
}
.u_exercises_list__status_wrapper .node-score .ant-statistic-content {
  font-size: 12px;
  line-height: 20px;
}
.u_exercises_list__title {
  font-size: 16px;
  line-height: 24px;
  color: #000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100% - 30px);
}
.u_exercises_list__title_wrapper {
  margin-top: -8px;
  width: 100%;
}
.u_exercises_list__type {
  font-size: 12px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.4509803922);
  position: relative;
  margin-left: 17px;
  margin-bottom: 3px;
}
.u_exercises_list__type.essay::before {
  background-image: url("/i/module_essay.svg");
}
.u_exercises_list__type.question::before {
  background-image: url("/i/module_test.svg");
}
.u_exercises_list__type.test::before {
  background-image: url("/i/module_test.svg");
}
.u_exercises_list__type.dialog::before {
  background-image: url("/i/module_dialog.svg");
}
.u_exercises_list__type.video::before {
  background-image: url("/i/module_video.svg");
}
.u_exercises_list__type.screen::before {
  background-image: url("/i/module_screen.svg");
}
.u_exercises_list__type.meeting::before {
  background-image: url("/i/icon-education/module_meeting.svg");
}
.u_exercises_list__type.psy-test::before {
  background-image: url("/i/module_psy_test.svg");
}
.u_exercises_list__type.questionPsychologic::before {
  background-image: url("/i/module_psy_test.svg");
}
.u_exercises_list__type::before {
  content: "";
  width: 12px;
  height: 12px;
  display: inline-block;
  background-repeat: no-repeat;
  top: 4px;
  position: absolute;
  left: -17px;
  background-size: contain;
}
.u_exercises_list__item {
  position: relative;
  height: 90px;
  margin: 4px 0;
  max-width: 1000px;
  border-bottom: 1px solid #E6E9ED;
}
.u_feedback {
  display: block;
  width: 100%;
  z-index: 10;
  padding: 44px 0;
  max-width: 960px;
  margin: 0 auto;
}
.u_feedback textarea {
  border: none;
  border-radius: 12px;
  font-size: 21px;
  line-height: 24px;
  padding: 16px 20px;
}
.u_feedback textarea::placeholder {
  color: #CCD1D9;
}
.u_feedback__soc {
  text-align: left;
  font-size: 21px;
  color: #434A53;
  padding: 0 22px;
  margin-bottom: 36px;
}
.u_feedback__soc__item {
  font-size: 32px;
  margin-left: 6px;
  cursor: pointer;
}
.u_feedback__soc__item:hover {
  cursor: pointer;
}
.u_feedback__soc__item:active {
  transform: scale(0.95);
}
.u_feedback__submit {
  margin-top: 48px;
}
.u_profile {
  height: 100%;
  text-align: center;
  max-width: 1310px;
  margin: 0 auto;
  font-style: normal;
  font-weight: 400;
  font-size: 17px;
  line-height: 24px;
}
.u_profile__divider {
  border-bottom: 1px solid #F5F5F5;
}
.u_profile__divider_vertical {
  border-right: 1px solid #F5F5F5;
  height: calc(100% - 142px);
  position: absolute;
  z-index: 3;
  left: 50%;
  top: 92px;
}
.u_profile__empty_text {
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
  vertical-align: middle;
  display: inline-block;
}
.u_profile__empty_icon {
  font-size: 16px;
  color: #007AFF;
  margin-right: 6px;
  vertical-align: middle;
  display: inline-block;
}
.u_profile__empty_p {
  margin-left: 24px;
  margin-top: 16px;
}
.u_profile__modal_wrapper .ant-modal-content {
  padding: 16px 0;
  border-radius: 0 !important;
}
.u_profile__modal_wrapper .ant-modal-header {
  padding-left: 24px;
  border-bottom: 1px solid #F0F0F0;
  padding-bottom: 16px;
}
.u_profile__modal_wrapper .ant-modal-body {
  padding: 0 24px;
}
.u_profile__modal_wrapper .ant-modal-footer {
  padding: 16px 24px 0 24px;
  border-top: 1px solid #F0F0F0;
}
.u_profile__modal_wrapper .btn_module {
  height: 32px !important;
  width: 100px;
  display: inline-block;
  padding: 0;
}
.u_profile__modal_file {
  text-align: left;
}
.u_profile__modal_file .ant-upload-list {
  margin-top: 8px !important;
}
.u_profile__modal_file_text {
  vertical-align: middle;
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
}
.u_profile__modal_file_text_wrapper {
  background: #E6F7FF;
  border: 1px solid #91D5FF;
  border-radius: 6px;
  padding: 8px 12px;
  width: 349px;
  position: absolute;
  right: 24px;
  top: 319px;
}
.u_profile__modal_file_text_icon {
  color: #1890FF;
  font-size: 16px;
  margin-right: 10px;
  vertical-align: middle;
}
.u_profile__modal_btn_save {
  margin-right: 8px;
}
.u_profile__modal_btn_del {
  margin-right: 23px;
  color: #1890FF;
  cursor: pointer;
}
.u_profile__modal_btn_del:hover {
  opacity: 0.8;
}
.u_profile__result_wrapper {
  max-height: 500px;
  overflow-y: auto;
}
.u_profile__result_title {
  border-bottom: 0 !important;
}
.u_profile__result_file {
  background: #1890FF;
  width: 34px;
  height: 34px;
  display: inline-block;
  border-radius: 20px;
  text-align: center;
  cursor: pointer;
}
.u_profile__result_file_icon {
  margin-top: 9px;
  color: #fff;
  font-size: 14px;
}
.u_profile__result_r {
  position: absolute;
  right: 24px;
  top: 12px;
}
.u_profile__result_type {
  display: inline-block;
  vertical-align: middle;
}
.u_profile__result_type.u_exercises_list__type::before {
  width: 16px;
  height: 16px;
  background-size: contain;
  top: 2px;
  left: -20px;
}
.u_profile__result_toggle {
  font-size: 22px;
  vertical-align: middle;
  margin-left: 40px;
  cursor: pointer;
}
.u_profile__result_item {
  position: relative;
  margin-bottom: 12px;
  padding: 12px 24px;
}
.u_profile__result_item.active {
  background: #E6F7FF;
}
.u_profile__result_item.active .u_profile__result_r {
  right: 24px;
  top: 12px;
}
.u_profile__result_item_assessment {
  color: #40A9FF;
  display: inline-block;
  margin-left: 10px;
}
.u_profile__result_item_answer {
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.4509803922);
  margin-bottom: 8px;
}
.u_profile__result_item_title {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 9px;
}
.u_profile__result_item_title_a {
  margin-top: 8px;
  margin-bottom: 12px;
}
.u_profile__result_item_title_l {
  color: #000;
  border-bottom: none !important;
  max-width: 350px;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.u_profile__result_item_title_l:hover {
  color: #000;
}
.u_profile__result_item_content {
  margin-bottom: 9px;
}
.u_profile__result_item_content_t {
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.4509803922);
}
.u_profile__result_item_content_d {
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
}
.u_profile__result_item_content_r {
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
}
.u_profile__result_item_content_m {
  margin-top: 12px;
}
.u_profile__result_item_content_c {
  margin-top: 8px;
}
.u_profile__result_item_status {
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  height: 26px;
  padding: 3px 6px 3px 26px;
  border-radius: 12px;
  width: max-content;
  position: relative;
}
.u_profile__result_item_status.on_verification {
  background: #91D5FF;
}
.u_profile__result_item_status.error {
  background: #FFA39E;
}
.u_profile__result_item_status.success {
  background: #D9F7BE;
}
.u_profile__result_item_status::before {
  content: "";
  width: 16px;
  height: 16px;
  display: inline-block;
  background-repeat: no-repeat;
  top: 5px;
  position: absolute;
  left: 6px;
  background-size: contain;
}
.u_profile__result_item_status.error::before {
  background-image: url("/i/m_status_error.svg");
}
.u_profile__result_item_status.success::before {
  background-image: url("/i/m_status_success.svg");
}
.u_profile__result_item_status.on_verification::before {
  background-image: url("/i/n-time-user-black.svg");
}
.u_profile__result_info {
  display: none;
}
.u_profile__result_info.active {
  display: block;
}
.u_profile__lang_wrapper {
  display: inline-block;
  margin-left: 10px;
  font-size: 14px;
  vertical-align: middle;
  position: relative;
  cursor: pointer;
  padding-bottom: 5px;
  margin-top: 5px;
}
.u_profile__lang_wrapper.admin {
  margin-left: 0;
  vertical-align: unset;
}
.u_profile__lang_wrapper:hover .u_profile__lang_list {
  display: block;
}
.u_profile__lang_title {
  font-size: 14px;
  line-height: 22px;
  display: inline-block;
  margin-right: 10px;
  padding-left: 12px;
}
.u_profile__lang_list {
  display: none;
  position: absolute;
  -webkit-box-shadow: 4px 4px 8px 0 rgba(34, 60, 80, 0.2);
  -moz-box-shadow: 4px 4px 8px 0 rgba(34, 60, 80, 0.2);
  box-shadow: 4px 4px 8px 0 rgba(34, 60, 80, 0.2);
  background-color: #fff;
  margin-left: 0;
  padding-left: 0;
  border-radius: 2px;
  z-index: 999;
  top: 27px;
}
.u_profile__lang_list:hover {
  display: block;
}
.u_profile__lang_list li {
  list-style-type: none;
  padding: 5px 12px;
  cursor: pointer;
}
.u_profile__lang_list li:hover {
  background: #F5F5F5;
}
.u_profile__item {
  text-align: left;
  position: relative;
}
.u_profile__item_ratio_score {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
.u_profile__item_ratio_score_value {
  display: inline-block;
  vertical-align: middle;
  color: #1890FF;
  font-size: 16px;
  line-height: 32px;
}
.u_profile__item_ratio_score .currency {
  margin-top: 5px;
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
.u_profile__item_bottom {
  margin-bottom: 50px;
}
.u_profile__item_new {
  background: #F6FFED;
  height: 93px;
}
.u_profile__item_docs_wrapper {
  position: relative;
  margin-left: 24px;
  margin-top: 16px;
}
.u_profile__item_docs_subtitle {
  position: absolute;
  left: 196px;
  top: 7px;
}
.u_profile__item_bot_text {
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: #061178;
  max-width: calc(100% - 150px);
}
.u_profile__item_bot_wrapper {
  padding: 12px 0;
  position: relative;
  height: 90px;
  margin-bottom: 24px;
}
.u_profile__item_bot_auth {
  border-bottom: none !important;
  position: absolute;
  top: 43px;
  right: 0;
}
.u_profile__item_post {
  margin-top: 4px;
}
.u_profile__item_post_wrapper {
  margin-bottom: 24px;
}
.u_profile__item_post_name {
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  color: #1890FF;
  margin-bottom: 2px;
}
.u_profile__item_post_division {
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: #061178;
}
.u_profile__item_exercise_item {
  display: inline-block;
  vertical-align: top;
  width: 188px;
  margin-right: 22px;
}
.u_profile__item_exercise_status {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  padding: 4px 15px;
  border-radius: 6px;
  width: max-content;
  margin-bottom: 22px;
}
.u_profile__item_exercise_status.progress {
  background: #FFE58F;
}
.u_profile__item_exercise_status.on_verification {
  background: #BAE7FF;
}
.u_profile__item_exercise_status.error {
  color: #fff;
  background: #FF4D4F;
}
.u_profile__item_exercise_list {
  margin-left: 0;
  padding-left: 0;
}
.u_profile__item_exercise_list_title {
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 4px;
}
.u_profile__item_exercise_list_title_a {
  color: #000;
  border-bottom: none !important;
}
.u_profile__item_exercise_list_title_a:hover {
  color: #000;
}
.u_profile__item_exercise_list_text {
  font-weight: 400;
  font-size: 10px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.4509803922);
}
.u_profile__item_exercise_list li {
  list-style-type: none;
  margin-bottom: 6px;
}
.u_profile__item_exercise_wrapper_h {
  padding-top: 24px;
}
.u_profile__item_exercise_wrapper_b {
  max-height: 300px;
  overflow-y: auto;
}
.u_profile__item_title {
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 4px;
}
.u_profile__item_title_setting {
  margin-bottom: 24px;
}
.u_profile__item_subtitle {
  font-weight: 400;
  font-size: 10px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.4509803922);
  margin-bottom: 24px;
}
.u_profile__item_cert {
  margin-top: 36px;
}
.u_profile__item_column {
  display: inline-block;
  width: 50%;
  padding: 24px;
  vertical-align: top;
}
.u_profile__item_column_empty {
  background-color: #fff;
  height: 93px;
}
.u_profile__item_column_p {
  padding: 0;
}
.u_profile__item_column_p .ant-table-wrapper .ant-table-container table > thead > tr:first-child > :last-child {
  border-start-end-radius: 0;
}
.u_profile__item_column_p .ant-table-wrapper .ant-table-container table > thead > tr:first-child > :first-child {
  border-start-start-radius: 0;
}
.u_profile__item_column_pg {
  padding: 24px 0;
}
.u_profile__item_avatar {
  display: inline-block;
  margin: 0;
  vertical-align: middle;
  margin-left: 24px;
}
.u_profile__item_name {
  display: inline-block;
  vertical-align: middle;
  font-size: 30px;
  line-height: 40px;
  font-weight: 500;
  margin: 0 25px 0 25px;
  max-width: 590px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.u_profile__item_email {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.4509803922);
  margin-right: 28px;
  margin-top: 5px;
}
.u_profile__item_phone {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.4509803922);
  margin-right: 28px;
  margin-top: 5px;
}
.u_profile__item_profile {
  height: 92px;
  padding-top: 16px;
}
.u_profile__item_profile_edit {
  display: inline-block;
  border: none !important;
  position: absolute;
  top: 30px;
  right: 24px;
}
.u_profile__btn {
  color: #fff;
  background: #1890ff;
  padding: 7px 17px;
  border-radius: 17px;
  margin-left: 7px;
}
.u_profile__btn:hover {
  color: #fff;
  opacity: 0.7;
}
.u_profile__name {
  font-size: 17px;
}
.u_profile__info {
  min-width: 500px;
  padding: 30px;
  border: 1px solid #F3F5F9;
  background-color: #FCFDFD;
  border-radius: 16px;
  display: inline-block;
  vertical-align: top;
  text-align: left;
  margin-right: 32px;
  margin-bottom: 32px;
}
.u_profile__bot {
  text-align: left;
  min-width: 590px;
  padding: 30px;
  border: 1px solid #F3F5F9;
  background-color: #FCFDFD;
  border-radius: 16px;
  display: inline-block;
  margin-bottom: 32px;
  vertical-align: top;
}
.u_profile__bot_connect {
  display: inline-block;
  width: 140px;
  vertical-align: top;
  margin: 15px 0px 0px 50px;
}
.u_profile__notification {
  text-align: left;
  min-width: 590px;
  padding: 30px;
  border: 1px solid #F3F5F9;
  background-color: #FCFDFD;
  border-radius: 16px;
  display: inline-block;
  margin-bottom: 32px;
  vertical-align: top;
}
.u_profile__notification_item {
  margin-bottom: 6px;
}
.u_profile__notification_item span {
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  margin-left: 12px;
  color: rgba(0, 0, 0, 0.4509803922);
}
.u_profile__mobile {
  text-align: left;
  min-width: 590px;
  padding: 30px;
  border: 1px solid #F3F5F9;
  background-color: #FCFDFD;
  border-radius: 16px;
  display: inline-block;
  margin-bottom: 32px;
  vertical-align: top;
}
.u_profile__mobile .left {
  vertical-align: top;
  display: inline-block;
  width: 365px;
}
.u_profile__mobile .right {
  vertical-align: top;
  display: inline-block;
  width: 140px;
  margin-left: 20px;
}
.u_profile__mobile .GooglePlay {
  margin-top: 30px;
  vertical-align: top;
  display: inline-block;
  width: 170px;
  height: 50px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("/i/GooglePlay.svg");
  margin-right: 25px;
}
.u_profile__mobile .AppStore {
  margin-top: 30px;
  vertical-align: top;
  display: inline-block;
  width: 170px;
  height: 50px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("/i/AppStore.svg");
}
.u_profile__mobile .qr-preview {
  vertical-align: top;
  width: 160px;
  height: 160px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.u_profile__posts {
  text-align: left;
  margin-right: 32px;
  margin-bottom: 32px;
  width: 500px;
  padding: 30px;
  border: 1px solid #F3F5F9;
  background-color: #FCFDFD;
  border-radius: 16px;
  display: inline-block;
}
.u_profile__posts ul {
  padding: 0;
  font-size: 17px;
  color: #AAB2BD;
}
.u_profile__posts ul li {
  display: inline-block;
  list-style: none;
}
.u_profile__posts ul li:after {
  content: "•";
  display: inline-block;
  margin: 0 6px;
}
.u_profile__posts ul li:last-child:after {
  display: none;
}
.u_profile__photo_upl {
  display: inline-block;
  overflow: hidden;
  cursor: pointer;
}
.u_profile__photo_upl:hover {
  opacity: 0.8;
}
.u_profile__photo_upl:active {
  transform: scale(0.95);
}
.u_profile__photo_upl:empty:after {
  display: inline-block;
  content: attr(data-tip);
  vertical-align: middle;
  margin: 0 10px;
  font-size: 16px;
  color: #CCD1D9;
}
.u_profile__photo_upl:empty:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 100%;
  margin-left: -2px;
  vertical-align: middle;
}
.u_profile_edit {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  text-align: center;
}
.u_profile_edit__form {
  width: 530px;
  margin: 0 auto;
  padding: 20px 0;
}
.u_profile_edit__form .ant-form-item {
  margin-bottom: 8px;
}
.u_profile_edit__form .ant-form-item-explain {
  text-align: left;
  padding-left: 22px;
  padding-bottom: 16px;
}
.u_profile_edit__form .ant-form-item .ant-form-item-label > label {
  height: 24px;
}
.u_profile_edit__form .ant-form-item-margin-offset {
  margin-bottom: 0;
}
.u_profile_edit__form .ant-form-item-row {
  display: block;
}
.u_profile_edit__form .ant-form-item-label {
  text-align: left;
}
.u_actions {
  text-align: left;
  margin: 0;
}
.u_actions_password {
  margin-left: 15px;
}
.u_actions.is_admin {
  margin: 0 0 30px 0;
}
.u_actions_btn {
  border-radius: 4px !important;
  height: 42px !important;
  font-size: 14px !important;
  line-height: 22px;
  font-weight: 400;
  width: 276px;
}
.u_actions_btn.disable {
  cursor: not-allowed;
}
.u_actions_btn.u_feedback__submit {
  margin-top: 0px;
  margin-bottom: 10px;
}
.u_actions_btn_password {
  margin-left: 16px;
}
.u_actions_btn.btn_callback {
  border: 1px solid #D9D9D9;
  color: #000;
}
.u_actions_btnbtn_lesson_update {
  height: 42px !important;
  width: 276px;
  border-radius: 4px !important;
  font-size: 14px !important;
}
.u_actions__profile_edit button {
  width: 256px;
}
.u_mobile .u_header__title_map {
  display: none;
}
.u_mobile .u_header__title_main {
  display: none;
}
.u_public_map__modal {
  width: 448px;
}
.u_public_map__modal .ant-modal-close {
  top: 34px;
  right: 26px;
}
.u_public_map__modal_divider {
  border-bottom: 1px solid #F0F0F0;
  margin-left: -24px;
  margin-right: -24px;
  margin-top: 16px;
  margin-bottom: 16px;
}
.u_public_map__modal_label .ant-checkbox-wrapper {
  font-size: 12px;
  line-height: 20px;
}
.u_public_map_recovery_link {
  cursor: pointer;
  color: #1890FF;
  font-size: 12px;
  margin-bottom: 10px;
}
.u_public_map_recovery_text {
  margin-top: 10px;
  margin-bottom: 20px;
}
.u_public_map__tab_active {
  color: #1890FF;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  border-bottom: 2px solid #1890FF;
  padding-bottom: 12px;
}
.u_public_map__tab_btn {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.8509803922);
}
.u_list_menu {
  margin-top: 12px;
  min-width: min-content;
}
.u_list_menu .ant-menu-title-content {
  order: 5;
}
.u_list_menu .map_rating {
  display: inline-block;
  position: relative;
  order: 4;
  left: unset;
  bottom: unset;
  height: 22px;
  margin-right: 4px;
  line-height: 22px;
}
.u_list_menu .map_rating .map_rating_rate {
  margin-left: 2px !important;
}
.u_list_menu .anticon {
  order: 1;
  margin-right: 4px;
}
.u_list_menu .node-score {
  order: 3;
}
.u_list_menu__item_icon {
  height: 22px;
  width: 22px;
  border-radius: 16px;
  margin-right: 4px;
  position: relative;
  order: 2;
}
.u_list_menu__item_icon.completed {
  background-color: #D9F7BE;
}
.u_list_menu__item_icon.not_started {
  background-color: #FFFFFF;
}
.u_list_menu__item_icon.progress {
  background-color: #EFDBFF;
}
.u_list_menu__item_icon.repeat {
  background-color: #EFDBFF;
}
.u_list_menu__item_icon.on_verification {
  background-color: #BAE7FF;
}
.u_list_menu__item_icon.error {
  background-color: #FFCCC7;
}
.u_list_menu__item_icon.available {
  background-color: #FFE7BA;
}
.u_list_menu__item_icon.disabled {
  background-color: #F0F0F0;
}
.u_list_menu__item_icon::before {
  content: "";
  width: 12px;
  height: 12px;
  display: inline-block;
  background-repeat: no-repeat;
  top: 5px;
  position: absolute;
  background-size: contain;
  left: 5px;
}
.u_list_menu__item_icon.available::before {
  background-image: url("/i/n-flag-black.svg");
}
.u_list_menu__item_icon.completed::before {
  background-image: url("/i/n-completed-user-black.svg");
}
.u_list_menu__item_icon.on_verification::before {
  background-image: url("/i/n-time-user-black.svg");
}
.u_list_menu__item_icon.repeat::before {
  background-image: url("/i/n-repeat-user-black.svg");
}
.u_list_menu__item_icon.error::before {
  background-image: url("/i/n-error-user-black.svg");
}
.u_list_menu__item_icon.not_started::before {
  background-image: url("/i/n-closed-user-black.svg");
}
.u_list_menu__item_icon.progress::before {
  background-image: url("/i/n-process-black.svg");
}
.u_list_menu__item_icon.disabled::before {
  background-image: url("/i/n-closed-user-black.svg");
}
.u_list_menu__item_link {
  border-bottom: none !important;
  color: rgba(0, 0, 0, 0.8509803922);
}
.u_list_menu__item_link:hover {
  color: #69b1ff !important;
}
.u_list_menu__item_disabled {
  cursor: default;
  color: rgba(0, 0, 0, 0.2509803922);
}
.u_list_menu__actions {
  font-size: 14px;
  line-height: 22px;
  color: #1890FF;
  font-weight: 400;
  cursor: pointer;
}
.u_list_menu__wrapper {
  margin-left: 60px;
  overflow-x: auto;
}
.u_list_menu__wrapper .ant-menu-light.ant-menu-inline .ant-menu-sub.ant-menu-inline {
  background: #fff !important;
}
.u_map_container_flow {
  min-height: calc(100vh - 140px);
}
.u_guide_smooth_wrapper {
  margin-top: 20px;
}
.u_guide_smooth_wrapper .smooth_contain_actions {
  top: -16px;
}
.u_guide_video_wrapper {
  display: inline-block;
}
.u_guide_video_title {
  font-size: 16px;
  line-height: 28px;
  font-weight: 500;
  margin-bottom: 7px;
}
.u_payment_wrapper {
  margin-left: -24px;
  margin-right: -24px;
  margin-top: 32px;
  border-top: 1px solid #F0F0F0;
  min-height: 435px;
  margin-bottom: -32px;
}
.u_payment_wrapper ul {
  padding-left: 20px;
}
.u_payment_wrapper ul p {
  margin-bottom: 3px;
}
.u_payment_left {
  display: inline-block;
  vertical-align: top;
  width: 736px;
  padding: 18px 40px 42px 40px;
}
.u_payment_right {
  display: inline-block;
  vertical-align: middle;
  width: 364px;
  background: #F6FFED;
  height: 100%;
  border-radius: 0 0 2px 0;
  padding: 18px 80px 43px 43px;
}
.u_payment_header {
  margin-bottom: 10px;
}
.u_payment_header_title {
  display: inline-block;
  font-size: 22px;
  line-height: 46px;
  margin-left: 8px;
  vertical-align: middle;
  margin-bottom: 0;
}
.u_payment_header_logo {
  width: 30px;
  height: 30px;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
}
.u_payment_title {
  font-size: 24px;
  line-height: 32px;
  color: #002766;
  max-width: 290px;
  display: inline-block;
  vertical-align: middle;
}
.u_payment_title_wrapper {
  margin-bottom: 10px;
}
.u_payment_typeof {
  font-size: 16px;
  line-height: 28px;
}
.u_payment_content_icon {
  width: 100px;
  display: inline-block;
}
.u_payment_content_desc {
  display: inline-block;
}
.u_payment_content_desc_title {
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  margin-bottom: 5px;
}
.u_payment_content_desc_text {
  font-size: 12px;
  line-height: 18px;
  color: rgba(0, 0, 0, 0.6);
}
.u_payment_advantage_wrapper {
  margin-top: 20px;
  border: 1px solid #0050B3;
  padding: 15px 25px;
  border-radius: 8px;
}
.u_payment_advantage_title {
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
}
.u_payment_advantage_text {
  font-size: 10px;
  line-height: 15px;
}
.u_payment_posts_wrapper {
  margin-top: 20px;
}
.u_payment_posts_title {
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
}
.u_payment_posts_text {
  font-size: 10px;
  line-height: 15px;
  color: rgba(0, 0, 0, 0.4509803922);
  height: 70px;
  overflow-y: auto;
  padding-left: 0 !important;
}
.u_payment_posts_text li {
  list-style-type: none;
}
.u_payment_showcase_title {
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  margin-top: 20px;
}
.u_payment_showcase_price {
  font-size: 45px;
  line-height: 28px;
  margin-top: 10px;
}
.u_payment_showcase_text {
  font-size: 16px;
  line-height: 28px;
  margin-top: 10px;
}
.u_payment_showcase_text_value {
  font-weight: 500;
  margin-left: 7px;
}
.u_payment_showcase_pay {
  margin-top: 20px;
  width: 232px;
}
.u_payment_map .ant-modal-content {
  border-radius: 2px !important;
}
.u_order_wrapper {
  margin-left: -24px;
  margin-right: -24px;
  margin-top: 32px;
  border-top: 1px solid #F0F0F0;
  margin-bottom: -32px;
}
.u_order_header {
  margin-bottom: 20px;
  text-align: center;
  margin-top: 20px;
}
.u_order_header_title {
  display: inline-block;
  font-size: 38px;
  line-height: 46px;
  margin-left: 8px;
  vertical-align: middle;
  margin-bottom: 0;
}
.u_order_header_logo {
  width: 40px;
  height: 40px;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
}
.u_order_content_wrapper {
  padding: 0 24px 40px 24px;
  position: relative;
}
.u_order_content_title {
  font-size: 24px;
  line-height: 32px;
  color: #002766;
  max-width: 290px;
  display: inline-block;
  vertical-align: middle;
}
.u_order_content_number {
  font-size: 16px;
  line-height: 28px;
  position: absolute;
  right: 24px;
  top: 3px;
}
.u_order_content_status {
  margin-top: 35px;
}
.u_order_content_status_text {
  font-size: 24px;
  line-height: 32px;
  font-weight: 500;
  margin-left: 15px;
  vertical-align: middle;
}
.u_order_content_status_icon {
  font-size: 36px;
  vertical-align: middle;
  display: inline-block;
}
.u_order_content_status_icon.success {
  color: #34C759;
}
.u_order_content_status_icon.error {
  color: #FF4D4F;
}
.u_order_content_msg {
  font-size: 14px;
  line-height: 22px;
  margin-top: 15px;
}
.u_order_action {
  margin-top: 30px;
}
.u_order_map .ant-modal-content {
  border-radius: 2px !important;
}
.u_info_wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}
.u_info__content {
  width: 1320px;
}
.u_info__content video {
  width: 100%;
}
.u_info__content img {
  max-width: 100%;
}
.u_info__content iframe {
  width: 100%;
  min-height: 560px;
}
.u_info__content p {
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 10px;
}
.u_info__content h2 {
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 20px;
}
.u_info__content h3 {
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 16px;
}
.u_info__content h4 {
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 12px;
}
.u_info__content table {
  border-collapse: collapse;
  table-layout: fixed;
  margin: 0;
  overflow: hidden;
}
.u_info__content table th {
  font-weight: bold;
  text-align: left;
  background-color: #f1f3f5;
}
.u_info__content table th, .u_info__content table td {
  min-width: 3em;
  border: 1px solid #ced4da;
  padding: 3px 5px;
  vertical-align: top;
  position: relative;
}
.u_info__content_desc {
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 20px;
}
.u_info__content_datetime {
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
}
.u_info__content_date {
  margin-bottom: 10px;
}
.u_info__content_date::before {
  content: "";
  width: 12px;
  height: 12px;
  background-image: url("/i/calendar_gray.svg");
  display: inline-block;
  margin-right: 8px;
  background-size: contain;
  background-repeat: no-repeat;
}
.u_info__content_time::before {
  content: "";
  width: 12px;
  height: 12px;
  background-image: url("/i/watch_gray.svg");
  display: inline-block;
  margin-right: 8px;
  background-size: contain;
  background-repeat: no-repeat;
}
.u_info__content_title {
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
}
.u_info__content_body {
  font-size: 14px;
  line-height: 20px;
  margin-top: 3px;
}
.u_info__content_learn {
  margin-top: 20px;
}
.u_info__content_learn_text {
  font-size: 12px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.6);
  margin-left: 10px;
  display: inline-block;
  vertical-align: middle;
}
.u_info__content_wrapper {
  margin-bottom: 30px;
}
.u_info__content_other_wrapper {
  margin-top: 30px;
}
.u_info__content_item {
  display: inline-block;
  vertical-align: top;
}
.u_info__content_item .store_item_content {
  margin-bottom: 15px;
}
.u_info__content_item .image {
  width: 300px;
  height: 200px;
  border-radius: 12px;
  overflow: hidden;
}
.u_info__content_item .image_img {
  height: 200px;
  left: 50%;
  position: relative;
  transform: translateX(-50%);
  width: auto;
  max-width: unset !important;
}
.u_info__content_item .image.empty .not_image {
  font-size: 18px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.45);
  text-transform: uppercase;
  position: absolute;
  top: calc(50% - 10px);
  left: 63px;
}

.no_bottom {
  margin-bottom: 0px !important;
}

.u_info__content_item_fist {
  width: 300px;
  margin-right: 20px;
}

.u_info__content_item_last {
  width: calc(100% - 320px);
}

.action_button {
  height: 56px;
  padding: 0 48px;
  box-shadow: none;
  border-radius: 28px;
  font-size: 18px;
  font-weight: 300;
}
.action_button__wrapper {
  width: 100%;
  text-align: left;
  margin-top: -20px;
}
.action_button__title {
  font-size: 16px;
  line-height: 28px;
  margin-top: 7px;
  margin-bottom: 14px;
}
.action_button__telegram {
  border: 1px solid #1890FF;
  border-radius: 6px;
  display: inline-block;
  font-size: 14px;
  line-height: 1.5;
  height: 35px;
  padding: 5px 12px;
}
.action_button__telegram_icon {
  background-image: url("/i/telegram_logo.svg");
  width: 24px;
  height: 24px;
  display: inline-block;
  background-repeat: no-repeat;
  margin-right: 6px;
  vertical-align: middle;
}

.ant-menu-light.ant-menu-root.ant-menu-inline.u_list_menu {
  border-inline-end: none !important;
}

.q-editor-custom {
  min-width: 750px;
}

.c_progress_wrapper {
  position: relative;
}
.c_progress_item {
  display: inline-block;
  height: 8px;
  position: relative;
  margin-right: -2px;
  max-width: 100%;
}
.c_progress_desc {
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.4509803922);
  text-align: left;
}
.c_progress_right {
  position: absolute;
  top: 3px;
  right: 0;
}

.t_all_progress_wrapper {
  padding: 16px 0 24px 16px;
}
.t_all_progress_item {
  display: inline-block;
  vertical-align: top;
}
.t_all_progress_item_l {
  width: 30%;
}
.t_all_progress_item_l h4 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}
.t_all_progress_item_r {
  width: 70%;
  background-color: #F5F5F5;
  padding: 12px 16px;
  border-radius: 6px;
}
.t_all_progress_count {
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.4509803922);
  margin-top: 4px;
}
.t_all_progress_bar_wrapper {
  width: 93%;
}
.t_all_progress_percent {
  width: 5%;
  font-size: 20px;
  line-height: 28px;
  margin-left: 16px;
  vertical-align: middle;
  font-weight: 500;
}
.t_all_score {
  background-color: #EAFF8F;
  padding: 0 8px 0 8px;
  text-align: center;
  height: 22px;
  border-radius: 16px;
  color: #000;
  vertical-align: middle;
  display: inline-block;
  line-height: 22px;
  font-size: 14px;
  font-weight: 500;
}
.t_progress_progress {
  width: 76%;
}
.t_progress_percent {
  width: 19%;
  margin-left: 8px;
  font-size: 16px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.8509803922);
  vertical-align: middle;
}
.t_card_title {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.8509803922);
  vertical-align: middle;
}
.t_card_title_parent {
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.8509803922);
}
.t_card_title:hover {
  color: rgba(0, 0, 0, 0.8509803922);
  opacity: 0.7;
}

.t_progress_progress, .t_progress_percent, .t_all_progress_bar_wrapper, .t_all_progress_percent {
  display: inline-block;
}

.exam_score_wrapper.exam {
  border-radius: 16px;
  padding: 0 8px 0 8px;
  background-color: #EAFF8F;
  margin-left: 4px;
}
.exam_score_wrapper .exam_score {
  font-size: 12px !important;
  line-height: 20px;
}
.exam_score_wrapper .currency {
  width: 12px;
  height: 12px;
  margin-right: 4px !important;
  margin-top: 6px !important;
}
.exam_status_wrapper.completed .node-score.exam {
  background-color: #D9F7BE;
}
.map_download_certificate {
  border: none !important;
  color: #454545;
  background-image: url("/i/download_cert.svg");
  width: 12px;
  height: 12px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
  margin-top: -3px;
  background-size: cover;
}
.map_download_certificate[disabled=""] {
  color: #AAB2BD;
  cursor: default;
}
.map_rating {
  position: absolute;
  left: 120px;
  bottom: -20px;
  border-radius: 16px;
  padding: 0 8px 0 8px;
  width: max-content;
  background-color: #f0f5ff;
}
.map_rating_icon {
  font-size: 14px;
  margin-right: 4px;
}
.map_rating_rate {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}

.node-score {
  position: absolute;
  left: 60px;
  bottom: -20px;
  background-color: #EAFF8F;
  border-radius: 16px;
  padding: 0 8px 0 8px;
  width: max-content;
}
.node-score.list_menu {
  display: inline-block;
  position: relative;
  left: unset !important;
  top: unset !important;
  right: unset;
  height: 22px;
  margin-right: 4px;
}
.node-score.error {
  background-color: #FFA39E;
}
.node-score.error .ant-statistic-content-value {
  text-decoration: line-through;
  text-decoration-color: rgba(0, 0, 0, 0.88);
}
.node-score.success .ant-statistic-content-value {
  text-decoration: line-through;
  text-decoration-color: rgba(0, 0, 0, 0.88);
}
.node-score .currency {
  margin-top: 5px !important;
}
.node-score .ant-statistic-content {
  font-size: 14px;
}
.node-score.main-card {
  left: 12px;
  top: 12px;
  bottom: unset;
  background-color: #EAFF8F;
  padding: 0 8px 0 8px;
  border-radius: 16px;
  width: fit-content;
}
.node-score.main-card .currency {
  vertical-align: top;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  width: 12px;
  height: 12px;
  margin-right: 4px;
  margin-top: 6px;
}

.main-card .ant-statistic .ant-statistic-content {
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
}

.donat.num_global canvas {
  width: 164px !important;
  height: 164px !important;
}

.donat.num_global {
  position: relative;
}

.num_global_percent {
  position: absolute;
  font-size: 20px;
  color: #000000;
  line-height: 32px;
  font-weight: 500;
  top: 66px;
  left: 63px;
}

.dialog_preview {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.45);
  margin-top: 30px;
  margin-bottom: 7px;
}
.dialog_preview::before {
  content: "";
  width: 12px;
  height: 11.5px;
  background-image: url(/i/user/new-dialog.svg);
  display: inline-block;
  margin-right: 5px;
}
.dialog_action__btn {
  width: 124px;
  height: 32px !important;
  float: right;
}
.dialog_banner {
  height: 275px;
  width: 1000px;
  background-size: cover;
  background-position: center;
  border-radius: 8px;
  margin-bottom: 24px;
  margin-top: 24px;
  position: relative;
}
.dialog_progress_content {
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
}
.dialog_client_content {
  left: 0 !important;
  max-width: calc(100% - 30px);
  position: relative !important;
  bottom: 0 !important;
  margin-top: 24px;
  margin-left: 15px;
  padding: 1em;
  box-shadow: 0 0 10px 5px rgb(221, 221, 221);
}
.dialog_client_content__title {
  margin: 0 0 4px 0;
  font-size: 12px !important;
  color: rgba(0, 0, 0, 0.45) !important;
}
.dialog_client_content__text {
  padding: 0;
}
.dialog_client_content::after {
  content: "";
  position: absolute;
  left: -20px;
  bottom: 10px;
  border: 10px solid transparent;
  border-right-width: 10px;
  border-right-style: solid;
  border-right-color: transparent;
  border-right: 10px solid #fff;
}
.dialog_choice_content {
  right: 0 !important;
  max-width: calc(100% - 45px);
  position: relative !important;
  bottom: 0 !important;
}
.dialog_choice_content:not(.dialog_choice_content__answers) {
  padding: 1em;
  box-shadow: 0 0 10px 5px rgb(221, 221, 221);
}
.dialog_choice_content_wrapper {
  margin-top: 24px;
  margin-right: 15px;
  position: relative;
  max-width: 1000px;
  margin-bottom: 24px;
}
.dialog_choice_content_wrapper:not(.dialog_choice_content_wrapper__answers) {
  display: flex;
  justify-content: right;
}
.dialog_choice_content_wrapper:not(.dialog_choice_content_wrapper__answers)::after {
  content: "";
  position: absolute;
  right: -20px;
  top: 10px;
  border: 10px solid transparent;
  border-left-width: 10px;
  border-left-style: solid;
  border-left-color: transparent;
  border-left: 10px solid #fff;
}
.dialog_choice_content__title {
  margin: 0 0 4px 0;
  font-size: 12px !important;
  color: rgba(0, 0, 0, 0.45) !important;
}
.dialog_choice_content__title_history {
  margin: 0;
  font-size: 16px !important;
  line-height: 24px;
}
.dialog_choice_content__text {
  padding: 0;
  border-radius: 4px;
}
.dialog_answers__content {
  min-width: 350px;
  width: 1000px;
}
.dialog_answers__content .dialog_client_content {
  width: 492px;
}
.dialog_answers__content .dialog_choice_content {
  width: 492px;
}
.dialog_answers__content .dialog_choice_content.answer.empty {
  background-color: #FFF1F0;
}
.dialog_answers__content .dialog_choice_content_wrapper.answer.empty:not(.dialog_choice_content_wrapper__answers)::after {
  border-left: 10px solid #FFF1F0;
}
.dialog_answers__content .dialog_choice_content.answer.not_empty {
  background-color: #F6FFED;
}
.dialog_answers__content .dialog_choice_content_wrapper.answer.not_empty:not(.dialog_choice_content_wrapper__answers)::after {
  border-left: 10px solid #F6FFED;
}
.dialog_history_answers_points {
  position: absolute;
  top: 9px;
  padding: 0 8px 0 8px;
  border-radius: 10px;
  right: 16px;
  font-size: 12px;
  line-height: 20px;
  color: #000;
}
.dialog_history_answers_points.empty {
  background-color: #FFCCC7;
}
.dialog_history_answers_points.not_empty {
  background-color: #D9F7BE;
}
.dialog_result {
  display: inline-block;
  margin-top: 24px;
  font-size: 12px;
  line-height: 20px;
  padding: 0 8px 0 8px;
  border-radius: 10px;
}
.dialog_result.error {
  background-color: #FFCCC7;
}

.main_page__content_wrapper {
  padding: 0 60px 0 60px !important;
}
.main-container-maphooks.not_profile .map_info {
  margin-left: 0;
}

.modal_store_wrapper .ant-modal-title {
  font-weight: 500;
  line-height: 24px;
}
.modal_store_wrapper .ant-modal-header {
  border-bottom: 0.5px solid #D9D9D9;
  padding-bottom: 8px;
}
.modal_store_wrapper .ant-modal-body {
  text-align: left;
}
.modal_store_wrapper .info {
  display: block;
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.4509803922);
}
.modal_store_wrapper .buttons {
  text-align: right;
}
.modal_store_wrapper .buttons .btn_confirming {
  margin-left: 8px;
}
.modal_store_header {
  margin-bottom: 10px;
  margin-top: -7px;
}
.modal_store_body {
  border-bottom: 0.5px solid #D9D9D9;
  padding-bottom: 8px;
  margin-bottom: 16px;
}
.modal_store .image {
  width: 101px;
  height: 101px;
}
.modal_store .image img {
  height: 101px;
  left: 50%;
  position: relative;
  transform: translateX(-50%);
  width: auto;
  max-width: 100%;
}
.modal_store .title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
}
.modal_store .info {
  display: inline-block;
  width: calc(100% - 40px);
  vertical-align: middle;
}
.modal_store .info_wrapper {
  margin-top: 10px;
}
.modal_store .info_icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  font-size: 14px;
  color: #1591FF;
}
.modal_store .not_image {
  position: absolute;
  top: 30px;
  text-align: center;
  text-transform: uppercase;
  font-size: 11px;
  color: rgba(0, 0, 0, 0.45);
}
.modal_store .description {
  color: rgba(0, 0, 0, 0.4509803922) !important;
}
.modal_store .currency {
  vertical-align: top;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  width: 16px;
  height: 16px;
  margin-right: 3px;
  margin-top: 3px;
}
.modal_store .currency {
  vertical-align: top;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  width: 16px;
  height: 16px;
  margin-right: 3px;
  margin-top: 3px;
}
.modal_exam {
  width: 368px !important;
}
.modal_exam .anticon {
  display: none;
}
.modal_exam .ant-modal-confirm-btns button {
  width: 100%;
  height: 42px !important;
  border-radius: 4px !important;
  margin-left: 0 !important;
}
.modal_exam .ant-modal-confirm-paragraph {
  max-width: 100%;
}
.modal_exam .ant-modal-body {
  text-align: center;
}
.modal_exam .btn_module {
  margin-bottom: 8px;
}
.modal_body_text {
  font-size: 20px;
  line-height: 28px;
  width: 100%;
  margin-left: 0;
  margin-top: 8px;
  margin-bottom: 16px;
}
.modal_body_text__title {
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 10px;
}
.modal_body_icon {
  background-image: url("/i/emoji_question.svg");
  width: 46px;
  height: 46px;
  display: inline-block;
}
.modal_body_icon.success {
  background-image: url("/i/emoji_success.svg");
}

.ant-btn-primary {
  background-color: #1890FF;
}

.u_module button:nth-child(2n+1), .u_module button:nth-child(2n) {
  margin-right: 8px;
}

.ant-checkbox-wrapper.correct .ant-radio-inner, .ant-checkbox-wrapper.correct .ant-checkbox-inner,
.ant-radio-wrapper.correct .ant-radio-inner,
.ant-radio-wrapper.correct .ant-checkbox-inner {
  background-color: #73D13D;
  border-color: #73D13D;
}

.ant-checkbox-wrapper.error .ant-radio-inner, .ant-checkbox-wrapper.error .ant-checkbox-inner,
.ant-radio-wrapper.error .ant-radio-inner,
.ant-radio-wrapper.error .ant-checkbox-inner {
  background-color: #FF7875;
  border-color: #FF7875;
}

.u_module .u_module_test__answers .ant-radio-inner .ant-radio-inner, .u_module .u_module_test__answers .ant-radio-inner {
  width: 16px;
  height: 16px;
}
.u_module .u_module_test__answers .ant-radio-inner .ant-radio-inner::after, .u_module .u_module_test__answers .ant-radio-inner::after {
  width: 12px;
  height: 12px;
}
.u_module .u_module_test__answers .ant-radio-inner .ant-checkbox-inner, .u_module .u_module_test__answers .ant-checkbox-inner {
  width: 16px;
  height: 16px;
}
.u_module .u_module_test__answers .ant-radio-inner .ant-checkbox-inner::after, .u_module .u_module_test__answers .ant-checkbox-inner::after {
  width: 6px;
  height: 10px;
}
.u_module .u_module_test__answers .ant-radio-inner .ant-radio,
.u_module .u_module_test__answers .ant-radio-inner .ant-checkbox, .u_module .u_module_test__answers .ant-radio,
.u_module .u_module_test__answers .ant-checkbox {
  font-size: 16px;
}

.u_module .ant-radio-wrapper .ant-radio-checked .ant-radio-inner {
  border-color: #1890FF;
  background-color: #fff;
}

.u_module .ant-radio-wrapper .ant-radio-inner::after {
  width: 18px;
  height: 18px;
  margin-block-start: -9px;
  margin-inline-start: -9px;
  background-color: #1890FF;
}

.u_module_essay h1, .u_module_test h1, .u_module_dialog h1, .u_module_video h1 {
  font-size: 28px;
  font-weight: 500;
  line-height: 36px;
  margin-top: 0;
  margin-bottom: 0;
}

.u_module_test h1 {
  margin-bottom: 24px;
}

.u .ant-upload .ant-btn-default {
  border: none;
  box-shadow: none;
  font-size: 14px;
  line-height: 22px;
  padding-left: 0;
  margin-top: 16px;
  padding-inline-start: 0 !important;
}

.u .ant-upload .ant-btn-default:disabled {
  background-color: unset;
}

.u_module_video .ant-upload-wrapper {
  display: inline-block;
}

.video_result_preview {
  border-radius: 8px;
  margin-top: 24px;
}

.ant-upload-select-picture-card {
  width: 170px !important;
  height: 170px !important;
  border-radius: 85px !important;
  overflow: hidden;
}

.ant-upload.ant-upload-select-picture-card-settings > .ant-upload {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  text-align: center;
  margin-bottom: 25px;
}

.ant-upload-select-picture-card-settings {
  width: 85px;
  height: 85px;
  overflow: hidden;
  margin-right: 8px;
  margin-bottom: 8px;
  text-align: center;
  vertical-align: top;
  background-color: #fafafa;
  border: 1px dashed #d9d9d9;
  border-radius: 5px;
  cursor: pointer;
  transition: border-color 0.3s;
}

.ant-upload-select-picture-card-cover {
  width: 210px;
  height: 230px;
  overflow: hidden;
  margin-right: 8px;
  text-align: center;
  vertical-align: top;
  background-color: #fafafa;
  border: 1px dashed #d9d9d9;
  border-radius: 5px;
  cursor: pointer;
  transition: border-color 0.3s;
  margin-bottom: 25px;
}

.u_module_video .u_module__q {
  margin-top: 16px;
  padding: 0;
}

.bf-container .public-DraftEditor-content {
  word-break: break-word !important;
}

@keyframes recording {
  0% {
    background-color: #FF3B30;
    box-shadow: 0 0 1px #FF3B30;
  }
  50% {
    background-color: #383838;
    box-shadow: 0 0 1px #383838;
  }
  100% {
    background-color: #FF3B30;
    box-shadow: 0 0 1px #FF3B30;
  }
}
.recording_one:before {
  font-size: 28px;
  margin: 1px 0 0 12px !important;
  color: #fff;
  background-color: transparent !important;
  content: "1" !important;
}
.recording_two:before {
  font-size: 28px;
  margin: 1px 0 0 11px !important;
  color: #fff;
  background-color: transparent !important;
  content: "2" !important;
}
.recording_three:before {
  font-size: 28px;
  margin: 1px 0 0 11px !important;
  color: #fff;
  background-color: transparent !important;
  content: "3" !important;
}

.upload_preview__favicon {
  width: 30px;
  height: 30px;
}
.upload_preview__logo {
  width: 85px;
  height: 85px;
}
.upload_preview__cover {
  width: 210px;
  height: 230px;
}
.upload_label {
  margin-bottom: 10px;
}
.upload_image_delete {
  position: absolute;
  right: -10px;
  top: 22px;
  cursor: pointer;
  background-image: url("/i/user/delete-search-red.svg");
  width: 10px;
  height: 10px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.auth_logo {
  overflow: hidden;
  width: 60px;
  height: 60px;
  margin-right: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom;
  position: absolute;
  top: -7px;
  left: 0;
}

.edit_domain__wrap {
  margin-bottom: 35px;
}
.edit_domain__status {
  margin-bottom: 10px;
}
.edit_domain__status_waiting {
  color: rgb(255, 98, 98);
}
.edit_domain__status_checked {
  color: #09C358;
}
.edit_domain__focus {
  color: rgb(255, 98, 98);
}
.edit_domain__comment {
  position: absolute;
  margin-top: -51px;
  margin-left: 390px;
  color: rgba(0, 0, 0, 0.6);
  white-space: nowrap;
}

.personal_domain .ant-col-8, .personal_slogan .ant-col-8, .consent_personal_data .ant-col-8, .usage_rules .ant-col-8, .bx_token .ant-col-8 {
  max-width: 100% !important;
}

.save_settings {
  margin-top: 25px;
}

.fix-editor {
  border: unset;
  padding: unset;
  max-width: 1000px;
}
.fix-editor img {
  max-width: 100%;
}
.fix-editor video {
  max-width: 100%;
}
.fix-editor iframe {
  width: 100%;
  min-height: 600px;
}
.fix-editor p:empty::before {
  content: " "; /* неразрывный пробел */
  display: inline-block;
  height: 44px;
}

.q-editor-custom .atma-editor-toolbar {
  border-radius: 12px 12px 0 0;
  box-shadow: none;
}
.q-editor-custom .atma-editor-content {
  background-color: white;
  border-radius: 0 0 12px 12px;
}

mark {
  line-height: 1.4;
}

.info_cards {
  font-size: 12px;
  line-height: 20px;
}
.info_cards .item {
  display: inline-block;
  vertical-align: top;
  padding-left: 11px;
  margin-left: 9px;
  position: relative;
}
.info_cards .item.item_first {
  margin: 0;
}
.info_cards .item:before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  width: 6px;
  height: 6px;
  border-radius: 4px;
}
.info_cards .item.green:before {
  background-color: #95DE64;
}
.info_cards .item.blue:before {
  background-color: #FFD8BF;
}
.info_cards .item.orange:before {
  background-color: #EFDBFF;
}
.info_cards .item.red:before {
  background-color: #FF7875;
}
.info_cards .item.grey:before {
  background-color: #D9D9D9;
}

.main-card-top {
  height: 142px;
  padding: 18px;
  border-radius: 10px 10px 0 0;
  border-bottom: 1px solid #F0F0F0;
}

.timer_exam {
  max-width: max-content;
  height: 32px;
  border-radius: 20px;
  text-align: left;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1490196078);
  padding: 3px 8px 0 8px;
  background-color: #F5F5F5;
}
.timer_exam.exercise {
  margin-bottom: 24px;
}
.timer_exam_label {
  font-size: 12px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.4509803922);
  margin-bottom: 5px;
}
.timer_exam_label.mi_large {
  margin-top: 57px;
}
.timer_exam_label.mi_middle {
  margin-top: 37px;
}
.timer_exam_label.mi_small {
  margin-top: 27px;
}
.timer_exam_label.exercise {
  margin-top: -7px;
}
.timer_exam_label.question {
  margin-top: -7px;
}
.timer_exam .title {
  font-size: 24px;
  font-weight: 600;
  display: inline-block;
}
.timer_exam .timer_icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("/i/timer.svg");
  vertical-align: middle;
  margin-right: 8px;
}
.timer_exam .timer {
  font-size: 16px;
  line-height: 24px;
  color: #52C41A;
  display: inline-block;
  vertical-align: middle;
}
.timer_exam.question {
  margin-bottom: 30px;
}
.timer_exam.question .timer_icon {
  background-image: url("/i/timer_blue.svg");
}
.timer_exam.question .timer {
  color: #1890FF;
}

.check_edit {
  margin-top: 5px;
}
.check_edit.breadcrumb {
  display: inline-block;
  margin: 0 5px 0 5px;
}
.check_edit.breadcrumb:first-child {
  margin: 0 5px 0 0;
}

.user.container {
  position: absolute;
  bottom: 80px;
  right: 80px;
  background-color: white;
  border-radius: 8px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1490196078);
}
.user.container .exam {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 342px;
  position: relative;
  height: auto;
}
.user.container .exam_status_wrapper {
  font-size: 12px;
  position: absolute;
  right: 14px;
  top: 18px;
  line-height: 20px;
}
.user.container .exam .title {
  width: 100%;
  font-size: 16px;
  font-weight: 500;
  padding: 16px 0 0 16px;
  margin-bottom: 16px;
  line-height: 24px;
}
.user.container .exam .status {
  padding: 0 8px 0 22px;
  border-radius: 10px;
  position: relative;
  display: inline-block;
  width: max-content !important;
  height: 22px;
  vertical-align: top;
}
.user.container .exam .status_wrapper {
  font-size: 12px !important;
  position: absolute;
  right: 14px;
  top: 18px;
  line-height: 20px;
}
.user.container .exam .status:before {
  position: absolute;
  content: "";
  left: 0;
  top: calc(50% - 7px);
  width: 12px;
  height: 12px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 8px;
}
.user.container .exam .status.not_started {
  background-color: #F0F0F0;
  color: rgba(0, 0, 0, 0.2509803922);
}
.user.container .exam .status.not_started:before {
  background-image: url("/i/n-closed-user-black.svg");
}
.user.container .exam .status.progress {
  background-color: #EFDBFF;
}
.user.container .exam .status.progress:before {
  background-image: url("/i/n-process-black.svg");
}
.user.container .exam .status.on_verification {
  background-color: #BAE7FF;
}
.user.container .exam .status.on_verification:before {
  background-image: url("/i/n-time-user-black.svg");
}
.user.container .exam .status.completed {
  background-color: #D9F7BE;
}
.user.container .exam .status.completed:before {
  background-image: url("/i/n-completed-user-black.svg");
}
.user.container .exam .status.error {
  background-color: #FFCCC7;
}
.user.container .exam .status.error:before {
  background-image: url("/i/n-error-user-black.svg");
}
.user.container .exam .desc {
  width: 100%;
  font-size: 14px;
  padding: 0 0 0 16px;
  margin-bottom: 4px;
  line-height: 22px;
}
.user.container .exam .desc.exam_time {
  font-weight: 500;
  color: rgba(0, 0, 0, 0.2509803922);
}
.user.container .exam .button {
  width: 100%;
  padding: 0 16px 0 16px;
  margin-bottom: 16px;
}
.user.container .exam .button button {
  padding: 0;
  border-radius: 4px !important;
  height: 40px !important;
  font-size: 14px;
  line-height: 22px;
}

.score {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background-color: #EAFF8F;
  color: #000;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  padding: 4px 14px 4px 14px;
  height: 32px;
  border-radius: 4px;
  line-height: 24px;
}
.score_label {
  margin-right: 12px;
}
.score .ant-statistic-content {
  font-size: 16px !important;
  line-height: 24px;
  font-weight: 500;
}
.score.mini {
  bottom: 0;
  right: 0;
  position: absolute;
  background: none !important;
  height: auto;
  width: auto;
  padding: 0 !important;
  justify-content: right;
  margin-right: 30px;
}
.score.mini .icon {
  position: absolute;
  width: 24px;
  height: 24px;
  right: -30px;
  left: unset;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("/i/plus-minus.svg");
}
.score.mini .currency {
  margin-left: 30px;
}
.score .currency {
  display: inline-block;
  background-position: center center;
  background-size: contain;
  width: 20px;
  height: 20px;
  margin-right: 4px;
  background-repeat: no-repeat;
}

.banner_store_wrapper {
  margin-bottom: 32px;
}
.banner_store__smooth {
  position: relative;
}

.smooth_contain {
  white-space: nowrap;
  font-size: 0;
  letter-spacing: 0;
}
.smooth_contain_actions {
  display: flex;
  position: absolute;
  right: 0;
  top: -36px;
}
.smooth_contain_wrap {
  display: flex;
  width: 100%;
  overflow-y: auto;
  position: relative;
  scrollbar-width: none;
}
.smooth_contain_wrap::-webkit-scrollbar {
  display: none;
}
.smooth_contain__next {
  display: flex;
  width: 40px;
  height: 40px;
  background: #fff;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  color: white;
  z-index: 1;
  border: 1px solid #D9D9D9;
  margin-left: 8px;
}
.smooth_contain__next:active {
  transform: scale(0.9);
}
.smooth_contain__next:hover {
  cursor: pointer;
  background: #D9D9D9;
}
.smooth_contain__next.disabled {
  background: #F5F5F5;
}
.smooth_contain__prev {
  display: flex;
  width: 40px;
  height: 40px;
  background: #fff;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  color: white;
  z-index: 1;
  border: 1px solid #D9D9D9;
  transform: rotate(180deg);
}
.smooth_contain__prev:active {
  transform: rotate(180deg) scale(0.9);
}
.smooth_contain__prev:hover {
  cursor: pointer;
  background: #D9D9D9;
}
.smooth_contain__prev.disabled {
  background: #F5F5F5;
}
.smooth_contain__prev.disabled .smooth_contain__action_icon {
  opacity: 0.2;
}
.smooth_contain__action_icon {
  background-image: url("/i/arrow-banner.svg");
  background-size: contain;
  width: 14px;
  height: 14px;
}

.ag-divider-horizontal {
  padding-left: 24px;
  position: relative;
}

.ag-divider-horizontal:before {
  content: "";
  height: 100%;
  width: 1px;
  position: absolute;
  top: 0;
  left: 0;
  border-left: 1px solid #D9D9D9;
}

.knowledge_module_new h3 {
  font-size: 16px;
  margin-left: 14px;
}
.knowledge_module_new .ant-modal-content {
  padding: 16px 10px;
  border-radius: 4px !important;
}
.knowledge-words-container {
  height: 500px;
}
.knowledge-search-input {
  width: 82%;
}
.knowledge-desc {
  height: 500px;
}
.knowledge-help-button {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: right;
  padding-right: 10px;
  padding-top: 5px;
}
.knowledge-filter-btn.active:after {
  content: "";
  width: 9px;
  height: 9px;
  background-color: #1677ff;
  position: absolute;
  top: -4px;
  right: -4px;
  border-radius: 5px;
}
.knowledge-wrapper {
  padding: 0 45px 0 60px;
}
.knowledge-wrapper .knowledge-search-input {
  width: calc(100% - 107px);
}
.knowledge-wrapper .knowledge-words div:not(.ant-divider) {
  padding: 4px 0 4px 8px;
  border-bottom: none;
}
.knowledge-wrapper .knowledge-words-count .ant-badge-count {
  font-size: 10px;
  right: -6px;
  top: 22px;
  background-color: #F0F0F0;
  color: rgba(0, 0, 0, 0.4509803922);
  position: absolute;
}
.knowledge-wrapper .ant-badge {
  position: unset;
}
.knowledge-wrapper .ant-tag {
  border-radius: 2px;
  padding: 2px 8px;
}
.knowledge-wrapper .knowledge-desc-title-wrapper {
  position: relative;
  height: 60px;
  background-color: #F6FFED;
  margin-bottom: 20px;
  padding: 13px 10px;
}
.knowledge-wrapper .knowledge-desc-title-r {
  display: inline-block;
  vertical-align: top;
  margin-top: -4px;
}
.knowledge-wrapper .knowledge-arrows {
  right: 26px;
  bottom: unset;
  top: 13px;
  z-index: 1;
}
.knowledge-wrapper .knowledge-words-container {
  height: 100vh;
  margin-left: -7px;
  border-right: none;
  position: fixed;
  z-index: 99;
  margin-top: 50px;
}
.knowledge-wrapper .knowledge-desc {
  height: 100vh;
  margin-left: 25%;
  margin-top: 50px;
}
.knowledge-wrapper .knowledge-words {
  padding-left: 0;
  border-bottom: none;
  overflow-y: auto;
  max-height: unset;
  margin-left: -12px;
  border-right: 1px solid #F0F0F0;
  margin-right: 5px;
  margin-top: 20px;
  height: calc(100vh - 230px);
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.knowledge-wrapper .knowledge-words::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.knowledge-wrapper .knowledge-desc {
  max-height: unset;
  overflow-y: unset;
}
.knowledge-wrapper .knowledge-desc-body {
  margin-top: 20px;
}
.knowledge-wrapper .knowledge-desc-body p {
  font-size: 16px;
  line-height: 22px;
  margin-top: 10px;
}
.knowledge-wrapper .knowledge-desc-body h2 {
  font-size: 24px;
  line-height: 32px;
  margin-top: 20px;
}
.knowledge-wrapper .knowledge-desc-body h3 {
  font-size: 20px;
  line-height: 28px;
  margin-top: 16px;
}
.knowledge-wrapper .knowledge-desc-body h4 {
  font-size: 18px;
  line-height: 24px;
  margin-top: 12px;
}
.knowledge-wrapper .knowledge-desc-map-title {
  display: inline-block;
  margin-right: 10px;
}
.knowledge-wrapper .knowledge-desc-map-title_wrapper {
  margin-bottom: 20px;
  cursor: pointer;
}
.knowledge-wrapper .knowledge-desc iframe {
  height: 620px;
}
.knowledge-wrapper .knowledge-desc-tags {
  display: inline-block;
  margin-right: 20px;
}
.knowledge-wrapper .knowledge-desc-views {
  display: inline-block;
  color: rgba(0, 0, 0, 0.6);
  margin-right: 10px;
}
.knowledge-wrapper .knowledge-desc-author {
  display: inline-block;
}
.knowledge-wrapper .knowledge-desc-title-wrapper h4 {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 800px;
  display: inline-block;
  vertical-align: middle;
}
.knowledge-wrapper .knowledge-desc-save-link {
  border: none;
  background: none;
  display: inline-block;
  vertical-align: top;
  box-shadow: unset;
  margin-left: 10px;
}
.knowledge-wrapper .knowledge-desc-save-link:hover {
  background: none !important;
}
.knowledge-wrapper .ant-btn-variant-text:not(:disabled):not(.ant-btn-disabled):hover {
  background: none;
  opacity: 0.7;
}
.knowledge-link-menu {
  margin-left: 0;
  padding-left: 0;
  text-align: left;
  padding-bottom: 0;
  margin-bottom: 0;
}
.knowledge-link-menu-item {
  list-style-type: none;
  padding: 2px 10px 2px 10px;
  border-radius: 7px;
}
.knowledge-page-title {
  position: fixed;
  width: calc(100vw - 120px);
}

.ant-tabs-top.store_tabs > .ant-tabs-nav {
  margin: 0 0 23px 0 !important;
}

.action_button.prev {
  border-color: #d9d9d9;
}

.statistic_table_info {
  color: rgba(0, 0, 0, 0.4509803922);
  font-size: 12px;
  font-weight: 400;
}

.setting__tariffs_list_item_end {
  color: #a9b2bd;
}

.setting__tariffs_list_item_end span {
  text-decoration: line-through;
}

.all_images_list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.atma-editor-content table th p, .atma-editor-content table td p {
  font-size: 16px !important;
  line-height: 22px !important;
}

.atma-editor-content p {
  font-size: 16px;
  line-height: 22px;
}

.info_users_wrapper {
  width: 100%;
  padding: 0 60px;
}
.info_users_wrapper .info_filters_tags_wrapper {
  width: 100%;
  margin-left: 0;
  margin-bottom: 20px;
}
.info_users_wrapper .info_filters_tags_title {
  font-size: 16px;
  vertical-align: top;
}

.u_info__content_wrapper h3 {
  max-width: 1000px;
}

.a_modal_file_data_property_item {
  margin-bottom: 7px;
}

.a_modal_file_data_property_name {
  font-weight: 500;
  white-space: nowrap;
  margin-right: 10px;
}

.a_modal_file_data_preview_file {
  background: #f0f0f0;
  height: 320px;
  padding: 130px 50px 50px 50px;
}

@media screen and (max-width: 580px) {
  .max_width_m {
    margin-bottom: 90px;
  }
  #phone_help div {
    margin-left: -21px;
  }
  .u_module_video__block {
    height: 400px;
  }
  .u_module_video__block .screen_preview {
    height: 400px;
  }
  .u_module_video__block .screen_stream {
    height: 400px;
  }
  .u_content {
    padding-top: 60px;
  }
  .u .q-editor-custom {
    min-width: 100%;
  }
  .u_module {
    display: block;
  }
  .u_module:not(.is_map_item) {
    padding-left: 16px;
    padding-right: 16px;
  }
  .u_module.is_map_item {
    padding-left: 16px;
    padding-right: 16px;
  }
  .u_module_video {
    min-width: 100%;
  }
  .u_module_video__block {
    width: 100%;
    height: 400px;
  }
  .u_module_cont {
    display: block;
    position: relative;
    min-width: 350px;
    margin-bottom: 192px;
    /* height: calc(100vh - 132px); */
    width: 100%;
  }
  .u_module_icon {
    width: 48px;
    height: 48px;
    display: block;
    position: absolute;
    top: -52px;
  }
  .u_module_image {
    height: 176px;
    margin-top: 16px;
  }
  .u_module_image_wrapper {
    position: relative;
    margin-bottom: 16px;
    margin-top: 0;
  }
  .u_module_warning__wrapper {
    width: 100%;
  }
  .u_module_warning__wrapper.is_exam {
    width: calc(100% - 32px);
    margin: 16px;
    position: relative;
    bottom: 12px;
    right: 0;
  }
  .u_module_essay {
    max-width: 100%;
    margin: 0 auto;
    min-width: 100%;
  }
  .u_module_essay_textarea {
    width: 100%;
  }
  .u_module_rating__all_first {
    display: none;
  }
  .u_module_test__answers {
    width: 100%;
    position: relative;
    overflow-x: auto;
    scrollbar-width: none;
  }
  .u_module_test__answers::-webkit-scrollbar {
    width: 0;
  }
  .u_module_test__answers .matrix-table {
    width: 800px;
    display: block;
  }
  .u_module_test__answers .matrix-table .line:not(.header) .column:first-child {
    position: sticky;
    left: 0;
    background: #fff;
    z-index: 9;
  }
  .u_module_screen__text {
    left: 16px;
  }
  .u_module_screen__text div {
    width: calc(100% - 32px);
  }
  .u_header {
    border-bottom: 1px solid #F0F0F0;
    padding: 0 16px;
  }
  .u_header__burger_menu_content .ant-drawer-header {
    padding: 16px 0;
  }
  .u_header__burger_menu_content .ant-drawer-header {
    border-bottom: none;
  }
  .u_header__burger_menu_content .ant-drawer-close {
    border: 1px solid rgba(0, 0, 0, 0.45);
    border-radius: 12px;
    padding: 2px 2px;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.45);
    position: absolute;
    right: 0;
  }
  .u_header__burger_menu_content .ant-drawer-header-title a {
    color: #000;
  }
  .u_header__burger_menu_content .ant-drawer-body {
    padding: 24px 15px;
  }
  .u_header__burger_menu_content .ant-menu-item {
    padding-inline: 0 !important;
  }
  .u_header__burger_menu_item_wrapper {
    padding: 4px 8px;
    border-radius: 6px;
  }
  .u_header__burger_menu_item_wrapper:hover {
    background-color: rgba(0, 0, 0, 0.06);
  }
  .u_header__glossary_content .ant-drawer-header {
    padding: 16px 15px;
  }
  .u_header__glossary_content .ant-drawer-close {
    position: absolute;
    right: 10px;
  }
  .u_header__glossary_content .ant-drawer-title, .u_header__glossary_content .u_header__search_content .ant-drawer-title {
    font-size: 24px;
  }
  .u_header__glossary_content .ant-drawer-body {
    padding: 16px 15px 15px 15px;
    margin-bottom: 50px;
  }
  .u_header__search_content .ant-drawer-close {
    position: absolute;
    right: 10px;
  }
  .u_header__search_content .ant-drawer-title {
    font-size: 24px;
  }
  .u_header__search_content .ant-drawer-body {
    padding-top: 12px;
  }
  .u_header__knowledge_content .ant-drawer-title {
    font-size: 24px;
  }
  .u_header__knowledge_content .ant-drawer-close {
    position: absolute;
    right: 10px;
  }
  .u_header__knowledge_content .ant-drawer-body {
    padding-top: 0;
  }
  .u_header__notification_content .ant-drawer-title {
    font-size: 24px;
  }
  .u_header__notification_content .ant-drawer-close {
    position: absolute;
    right: 10px;
  }
  .u_header__logo {
    width: 40px;
    height: 40px;
    margin-top: -20px;
  }
  .u_header_right {
    margin-top: 0;
  }
  .u_header_in {
    padding-bottom: 0;
    border-bottom: none;
  }
  .u_top {
    border-bottom: 1px solid #F0F0F0;
    position: fixed;
    height: 34px;
    z-index: 100;
    width: 100%;
    background-color: #fff;
    margin-top: 2px;
  }
  .u_top.is_map {
    border-bottom: none;
    margin-top: 5px;
  }
  .u_top.is_map .btn_user {
    left: 33px;
    top: 10px;
  }
  .u_breadcrumbs {
    top: unset;
    left: unset;
    max-width: 100%;
    position: relative;
    padding: 3px 16px;
  }
  .u_breadcrumbs ol {
    flex-wrap: nowrap !important;
    overflow-x: auto;
  }
  .u_actions {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    padding: 7px 16px 8px 16px !important;
    left: 0;
  }
  .u_actions_btn_password {
    margin-left: 0;
  }
  .u_search.active_toggle {
    min-width: 100%;
  }
  .u_search.active_toggle .u_search__inp {
    width: 100%;
    min-width: 100%;
    height: 34px;
  }
  .u_search.user {
    max-width: 100%;
  }
  .u_search__delete {
    right: 12px;
    top: 14px;
  }
  .u_search__result {
    width: 100%;
    border: none;
  }
  .u_search__result__title {
    margin: 0;
  }
  .u_search__result_tags {
    padding: 0;
  }
  .u_search__result__item {
    padding: 7px 0 !important;
  }
  .u_cards__item {
    width: 100%;
    height: 336px;
    margin-top: 12px;
  }
  .u_cards__item__top {
    margin-bottom: 16px;
  }
  .u_cards__item__title {
    margin-top: 10px;
    font-size: 20px;
    line-height: 30px;
  }
  .u_cards__item__bottom.info_cards {
    text-align: left;
    display: inline-block;
    margin-left: 40px;
    margin-right: 0;
    vertical-align: top;
    font-size: 14px;
    line-height: 22px;
    width: 120px;
  }
  .u_cards__item__bottom.info_cards .item.item_first {
    margin-left: 9px;
  }
  .u_cards__item__content {
    padding: 0;
    width: auto;
    display: inline-block;
  }
  .u_cards__item__content__wrapper {
    text-align: center;
  }
  .u_cards__item.u_cards__item_progress {
    height: 264px;
  }
  .u_profile__info {
    min-width: 0;
    width: calc(100% - 32px);
    margin-left: 16px;
    margin-right: 16px;
    margin-bottom: 15px;
  }
  .u_profile__mobile {
    min-width: 0;
    width: calc(100% - 32px);
    padding: 20px;
    margin-bottom: 15px;
  }
  .u_profile__mobile .right {
    vertical-align: top;
    display: inline-block;
    width: 140px;
    margin-left: 20px;
  }
  .u_profile__mobile_visible {
    cursor: pointer;
    font-size: 22px;
    position: absolute;
    right: 16px;
    top: 10px;
  }
  .u_profile__mobile_visible:hover {
    opacity: 0.8;
  }
  .u_profile__mobile_visible_result {
    top: 30px;
  }
  .u_profile__posts {
    width: calc(100% - 32px);
    margin-right: 0;
    margin-bottom: 15px;
  }
  .u_profile__bot {
    min-width: 0;
    width: calc(100% - 32px);
    margin-bottom: 15px;
  }
  .u_profile__bot_connect {
    margin: 15px 0 0 0;
  }
  .u_profile__notification {
    min-width: calc(100% - 32px);
  }
  .u_profile_edit__form {
    padding: 0 16px;
  }
  .u_profile_edit__form .avatar-uploader {
    margin-bottom: 20px;
  }
  .u_profile__posts {
    width: calc(100% - 32px);
  }
  .u_profile__divider {
    border-bottom: none;
  }
  .u_profile__divider_vertical {
    display: none;
  }
  .u_profile__empty {
    margin-bottom: 24px;
  }
  .u_profile__empty_p {
    margin-left: 0;
  }
  .u_profile__lang_list {
    display: none;
  }
  .u_profile__lang_list.active {
    display: block;
  }
  .u_profile__item {
    padding: 0 16px 0 28px;
  }
  .u_profile__item_cert {
    margin-top: 0;
  }
  .u_profile__item_avatar {
    margin-left: 0;
  }
  .u_profile__item_new .u_profile__item_column {
    padding: 20px 0 0 0;
  }
  .u_profile__item_setting_wrapper {
    margin-bottom: 12px;
  }
  .u_profile__item_bot_text {
    width: 65%;
  }
  .u_profile__item_bot_wrapper {
    height: 115px;
  }
  .u_profile__item_exercise_item {
    width: 100%;
    margin-right: 0;
  }
  .u_profile__item_exercise_wrapper {
    margin-top: 48px;
  }
  .u_profile__item_docs_wrapper {
    margin-left: 0;
    margin-top: 0;
  }
  .u_profile__item_docs_subtitle {
    position: relative;
    right: unset;
    top: unset;
    left: 0;
  }
  .u_profile__item_docs_tb {
    width: 650px;
    max-width: 650px;
  }
  .u_profile__item_docs_tb_wrapper {
    overflow-x: scroll;
  }
  .u_profile__item_docs_add {
    margin-top: 8px;
  }
  .u_profile__item_column {
    display: block;
    width: 100%;
    padding: 0;
  }
  .u_profile__item_column_br {
    border-right: none;
  }
  .u_profile__item_name {
    font-size: 24px;
    line-height: 32px;
    max-width: 240px;
  }
  .u_profile__item_email {
    display: block;
    margin-top: 8px;
  }
  .u_profile__item_phone {
    display: block;
    margin-top: 8px;
  }
  .u_profile__item_profile_edit {
    top: 3px;
    right: 16px;
  }
  .u_profile__item_profile_edit button {
    height: 34px;
    width: 34px;
    border-radius: 17px;
    padding: 0;
  }
  .u_profile__exercise_wrapper {
    display: none;
  }
  .u_profile__exercise_wrapper.active {
    display: block;
  }
  .u_profile__docs_wrapper {
    display: none;
  }
  .u_profile__docs_wrapper.active {
    display: block;
  }
  .u_profile__docs_add {
    margin-top: 8px;
  }
  .u_profile__result_item {
    padding: 12px 0;
  }
  .u_profile__result_item.active {
    margin-left: -28px;
    margin-right: -16px;
    padding: 12px 16px 12px 28px;
  }
  .u_profile__result_item.active .u_profile__result_r {
    right: unset;
    top: unset;
  }
  .u_profile__result_toggle {
    position: absolute;
    right: 0;
  }
  .u_profile__result_type.u_exercises_list__type::before {
    left: -17px;
  }
  .u_profile__result_r {
    right: unset;
    top: unset;
    position: relative;
    margin-bottom: 8px;
  }
  .u_profile__result_wrapper {
    overflow-y: unset;
    display: none;
    max-height: none;
  }
  .u_profile__result_wrapper.active {
    display: block;
  }
  .u_profile__modal_file_text {
    font-size: 8px;
    line-height: 18px;
  }
  .u_profile__modal_file_text_wrapper {
    padding: 6px 8px;
    width: auto;
    top: 322px;
  }
  .u_public_map__modal {
    width: 448px;
  }
  .u_public_map__modal .u_profile_edit__form {
    padding: 0;
  }
  .u_main_actions {
    top: 12px;
    z-index: 99;
    right: 16px;
  }
  .u_main_actions__btn {
    height: 30px;
  }
  .u_main_actions__switch {
    margin-right: 0;
    position: absolute;
    width: max-content;
    right: -16px;
    top: -34px;
  }
  .u_main_action_view {
    margin-right: 0;
  }
  .u_main_tabs_wrapper {
    margin-top: 40px;
  }
  .u_main_marks_mark {
    width: calc(100% - 65px);
  }
  .u_main_marks_title {
    vertical-align: top;
  }
  .u_list_menu {
    min-width: min-content;
  }
  .u_list_menu__wrapper {
    margin-left: 0;
    padding: 0 16px;
  }
  .u_list_menu__wrap {
    overflow-x: auto;
  }
  .u_map_container_flow {
    min-height: calc(100vh - 140px);
  }
  .u_map_container_list {
    width: 100%;
  }
  .u_payment_left {
    width: 100%;
    display: block;
    padding: 10px 16px 20px 16px;
  }
  .u_payment_right {
    width: 100%;
    display: block;
    padding: 16px 16px 30px 16px;
    height: max-content;
  }
  .u_payment_header {
    text-align: center;
  }
  .u_payment_title {
    max-width: 100%;
  }
  .u_payment_title_wrapper {
    text-align: center;
  }
  .u_payment_typeof {
    float: unset;
    margin-left: 0;
    margin-top: 10px;
  }
  .u_payment_showcase_pay {
    margin-top: 20px;
    width: 100%;
    height: 34px;
  }
  .u_payment_content_desc {
    width: calc(100% - 120px);
  }
  .u_payment_content_icon {
    vertical-align: top;
  }
  .u_order_content_wrapper {
    padding: 0 16px 30px 16px;
  }
  .u_order_content_status {
    margin-top: 30px;
    text-align: center;
  }
  .u_order_content_msg {
    text-align: center;
  }
  .u_order_action_wrapper {
    width: 100%;
    text-align: center;
  }
  .u_error__video_content {
    width: 100%;
  }
  .u_info_wrapper {
    margin: 0 16px 0 16px;
    padding-top: 48px;
    display: block;
  }
  .u_info__content {
    width: 100%;
  }
  .u_info__content_learn_text {
    width: calc(100% - 128px);
  }
  .u_info__content_item {
    display: block;
  }
  .u_info__content_item_fist {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .u_info__content_item_last {
    display: block;
    width: 100%;
  }
  .info_cards span {
    display: block;
  }
  .info_cards .item {
    padding-bottom: 2px;
  }
  .info_users_wrapper {
    padding: 0 16px;
  }
  .info_filters_tags_wrapper {
    padding-top: 60px;
  }
  .glossary-words {
    border-right: none;
    padding: 0 12px 0 0;
  }
  .glossary-words-container {
    border-right: none;
    display: block;
    width: 100%;
  }
  .glossary-desc {
    width: 100%;
    height: auto;
    overflow-y: scroll;
    padding: 0 0 60px 0;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 8px;
  }
  .glossary-desc p {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 8px;
  }
  .glossary-desc h2 {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 14px;
  }
  .glossary-desc h3 {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 12px;
  }
  .glossary-desc h4 {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px;
  }
  .glossary-desc iframe {
    width: 100%;
    height: calc((100vw - 32px) / 16 * 9);
  }
  .glossary-actions {
    position: absolute;
    bottom: 0;
    z-index: 99999;
    width: 100%;
    background-color: #fff;
    padding: 7px 16px 16px 16px;
    left: 0;
  }
  .glossary-actions .glossary_action__btn {
    background-color: #1890FF;
    color: #fff;
    border-color: #1890FF;
  }
  .glossary-actions .glossary_action__btn:disabled {
    background-color: #d9d9d9;
    border-color: #d9d9d9;
  }
  .glossary_action__btn {
    display: block;
    width: 100%;
    height: 50px;
    border-radius: 4px;
  }
  .glossary_action__btn_prev {
    margin-bottom: 8px;
  }
  .glossary-callback {
    position: relative;
    cursor: pointer;
  }
  .glossary-callback span {
    margin-left: 28px;
  }
  .glossary-callback::before {
    content: "";
    width: 13px;
    height: 13px;
    background-image: url(/i/user/callback.svg);
    display: inline-block;
    background-repeat: no-repeat;
    position: absolute;
    top: 8px;
  }
  .burger_menu {
    border-inline-end: none !important;
  }
  .burger_menu li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    border-radius: 0 !important;
  }
  .burger_menu li.ant-menu-item {
    margin-block: 0;
  }
  .burger_menu_item {
    font-size: 16px;
  }
  .burger_menu_item_right {
    position: absolute;
    right: 0;
    color: #000;
  }
  .burger_menu_item_right .bonus {
    background-color: #EAFF8F;
    padding: 3px 8px;
    border-radius: 13px;
  }
  .burger_menu_item_right .notify {
    background-color: #F0F0F0;
    padding: 3px 8px;
    border-radius: 13px;
    position: relative;
  }
  .burger_menu_item_right .notify::after {
    content: "";
    background-color: #52c41a;
    width: 6px;
    height: 6px;
    display: inline-block;
    position: absolute;
    top: 0;
    border-radius: 3px;
    right: 0;
  }
  .burger_menu_item_icon {
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-right: 10px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
  }
  .burger_menu_item_title {
    color: #000 !important;
    vertical-align: middle;
  }
  .knowledge-words {
    padding: 0;
    max-height: unset;
    border-right: none !important;
    margin-right: 0;
    overflow-y: unset;
    margin-top: 0 !important;
  }
  .knowledge-words-container {
    display: block;
    width: 100%;
    border-right: none;
    height: auto;
    margin-left: 0;
  }
  .knowledge-words-count .ant-badge-count {
    right: 4px !important;
  }
  .knowledge-words-content-wrapper {
    padding-top: 100px;
  }
  .knowledge-search-input {
    width: calc(100% - 101px) !important;
  }
  .knowledge-search-wrapper {
    position: fixed;
    background-color: #fff;
    z-index: 9;
    padding-bottom: 10px;
    padding-top: 56px;
    width: calc(100% - 32px);
  }
  .knowledge-desc {
    padding: 0;
    width: 100%;
    height: auto;
  }
  .knowledge-desc iframe {
    width: 100%;
    height: calc((100vw - 32px) / 16 * 9) !important;
    min-height: 100px;
  }
  .knowledge-desc p {
    font-size: 14px !important;
    line-height: 22px !important;
    margin-bottom: 8px;
  }
  .knowledge-desc h2 {
    font-size: 20px !important;
    line-height: 28px !important;
    margin-bottom: 14px;
  }
  .knowledge-desc h3 {
    font-size: 18px !important;
    line-height: 26px !important;
    margin-bottom: 12px;
  }
  .knowledge-desc h4 {
    font-size: 16px !important;
    line-height: 24px !important;
    margin-bottom: 10px;
  }
  .knowledge-callback {
    position: relative;
    cursor: pointer;
  }
  .knowledge-callback span {
    margin-left: 28px;
  }
  .knowledge-callback::before {
    content: "";
    width: 13px;
    height: 13px;
    background-image: url(/i/user/callback.svg);
    display: inline-block;
    background-repeat: no-repeat;
    position: absolute;
    top: 8px;
  }
  .knowledge-wrapper {
    padding: 0 16px 0 16px;
  }
  .knowledge-wrapper .knowledge-arrows {
    position: relative;
    float: right;
    right: -14px;
    top: 0;
  }
  .knowledge-wrapper .knowledge-desc-save-link {
    position: absolute;
    right: 95px;
  }
  .knowledge-wrapper .knowledge-desc-title-wrapper h4 {
    width: 70%;
  }
  .knowledge-wrapper .knowledge-words-container {
    height: 100%;
    position: relative;
    margin-top: 0;
  }
  .knowledge-wrapper .knowledge-desc {
    height: 100%;
    margin-bottom: 50px;
    margin-left: 0;
    min-width: 100%;
    margin-top: 0;
    padding: 0 !important;
  }
  .knowledge-wrapper .knowledge-desc-title-wrapper h4 {
    white-space: unset;
    text-overflow: unset;
  }
  .knowledge-wrapper .knowledge-words-content-wrapper h3 {
    margin-left: 6px;
  }
  .knowledge-wrapper .knowledge-desc-title-r {
    width: 25%;
    vertical-align: middle;
  }
  .knowledge-wrapper .knowledge-desc-title-wrapper {
    height: 100%;
  }
  .user.container {
    border-radius: 6px;
    bottom: 40px;
    right: 16px;
    width: calc(100% - 32px);
  }
  .user.container .ant-btn.ant-btn-lg {
    margin-bottom: 0;
  }
  .user.container .exam {
    height: auto;
    width: 100%;
  }
  .score {
    height: 32px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    min-width: 0;
    padding: 0 8px;
  }
  .store_tabs {
    margin: 0 16px 0 16px;
  }
  .store_empty_cart_icon {
    width: 110px;
    height: 94px;
  }
  .store_empty_cart_text {
    font-size: 16px;
    line-height: 24px;
  }
  .store_block__title_wrapper {
    position: relative;
  }
  .store_block__divider {
    display: none;
  }
  .smooth_contain .store_block__title_wrapper {
    top: 0;
  }
  .smooth_contain .store_block__divider {
    display: inline-block;
    width: calc(100% - 80px);
  }
  .modal_store_body {
    margin-bottom: 8px;
  }
  .modal-buy .left {
    width: 30%;
  }
  .modal-buy .right {
    width: 65%;
  }
  #search-user {
    margin-right: 10px;
  }
  .u_module button:first-child:nth-last-child(2), .u_module button:first-child:nth-last-child(2) ~ button, .u_actions__profile_edit button:first-child:nth-last-child(2), .u_actions__profile_edit button:first-child:nth-last-child(2) ~ button {
    width: 100%;
  }
  .u_module button {
    width: 100%;
  }
  .u_module button:nth-child(odd) {
    margin-right: 0;
    margin-bottom: 8px;
  }
  .ant-btn.ant-btn-lg {
    font-size: 14px;
    height: 38px;
    padding-inline-start: 0;
    padding-inline-end: 0;
    margin-bottom: 10px;
  }
  .ant-drawer-content-wrapper {
    width: 100% !important;
  }
  .u_module_lecture ol, .u_module_lecture ul {
    margin-left: 8px;
    padding-left: 16px;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 8px;
  }
  .u_module_lecture p {
    font-size: 14px;
    line-height: 22px;
    margin: 0;
    margin-bottom: 8px;
  }
  .u_module_lecture h2 {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 14px;
  }
  .u_module_lecture h3 {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 12px;
  }
  .u_module_lecture h4 {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px;
  }
  .ant-layout-header {
    line-height: 0;
  }
  .map_info {
    width: calc(100% - 32px);
    padding: 7px 0 10px 0;
    justify-content: left;
    font-size: 14px;
    line-height: 20px;
    margin-left: 16px;
    overflow: auto;
    white-space: nowrap;
    margin-top: 12px;
  }
  .map_info div {
    margin-right: 20px;
    min-width: auto;
    white-space: nowrap;
  }
  .ant-breadcrumb-link span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 120px;
    display: inline-block;
  }
  .main-container-exercise {
    padding-top: 38px;
  }
  .main-container-mapitem {
    padding-top: 38px;
  }
  .main-container-maphooks {
    padding-top: 38px;
  }
  .main-container-maphooks .btn_user {
    display: none;
  }
  .main-container-maphooks.not_profile {
    padding-top: 0;
  }
  .main-container-store {
    padding-top: 48px;
  }
  .main-container-profile {
    padding-top: 51px;
  }
  .main-container-profileedit {
    padding-top: 60px;
  }
  .main_page__content_wrapper {
    padding: 16px 16px 16px 16px !important;
  }
  .main_wrapper .u_cards__item__title {
    margin-top: 12px;
  }
  .banner_store_wrapper {
    margin-bottom: 24px;
  }
  .smooth_contain__next {
    width: 32px;
    height: 32px;
  }
  .smooth_contain__prev {
    width: 32px;
    height: 32px;
  }
  .smooth_contain_actions {
    display: none;
  }
  .atma-editor-content img, .atma-editor-content video, .atma-editor-content iframe {
    min-width: 100%;
  }
  .u_module button:first-child:nth-last-child(2), .u_module button:first-child:nth-last-child(2) ~ button {
    width: 100%;
  }
  .u_actions_col {
    width: 100%;
  }
  .u_header__burger_menu_item_wrapper .ant-btn-text:not(:disabled):not(.ant-btn-disabled):hover {
    background-color: unset;
    background-image: url(/i/user/bm-menu.svg);
    background-repeat: no-repeat;
    background-size: contain;
  }
  .timer_exam_label.mi_large {
    margin-top: 27px;
    padding-top: 28px;
  }
  .timer_exam_label.mi_middle {
    margin-top: 27px;
  }
  .timer_exam_label.exercise {
    margin-top: 0;
  }
  .u_module button:nth-child(2n+1), .u_module button:nth-child(2n) {
    margin-right: 0;
  }
  .u_module__action {
    position: fixed;
    bottom: 0;
    width: calc(100% - 16px);
    padding: 30px 16px 30px 0 !important;
    background-color: #fff;
  }
  .u_module__action.u_actions {
    width: 100%;
  }
}
@media screen and (max-width: 375px) {
  .max_width_m .u_cards__item__bottom.info_cards {
    margin-left: 5px;
  }
}
.no-border table,
.no-border td,
.no-border th {
  border: none !important;
}

.u_module .toggle-block .toggle-header {
  display: inline-block;
  border: none !important;
  padding: 5px 0;
}
.u_module .toggle-block .toggle-button {
  display: inline-block;
  vertical-align: top !important;
  margin-top: 4px !important;
}
.u_module .toggle-block .toggle-body {
  background-color: #FAFAFA;
  border-radius: 15px;
  padding: 10px;
  margin-bottom: 8px;
}

.alt-flip-wrapper {
  perspective: 1000px;
  width: fit-content;
  display: inline-block;
  position: relative;
  cursor: pointer;
}

.alt-flip-wrapper .flip-front,
.alt-flip-wrapper .flip-back {
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  transition: transform 0.6s;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 6px;
}

.alt-flip-wrapper .flip-front .flip-button {
  position: absolute;
  left: 15px;
  top: 15px;
  width: 24px;
  height: 24px;
  background-color: #F6FFED;
  background-image: url("/i/flip-button-front.svg");
  background-repeat: no-repeat;
  background-size: 12px;
  background-position: center;
  border-radius: 50%;
}

.alt-flip-wrapper .flip-back .flip-button {
  position: absolute;
  left: 15px;
  top: 15px;
  width: 24px;
  height: 24px;
  background-color: rgba(0, 0, 0, 0.1490196078);
  background-image: url("/i/flip-button-back.svg");
  background-repeat: no-repeat;
  background-size: 12px;
  background-position: center;
  border-radius: 50%;
}

.alt-flip-wrapper .flip-front {
  transform: rotateY(0deg);
  z-index: 2;
}

.alt-flip-wrapper .flip-back {
  transform: rotateY(180deg);
  background-color: #F6FFED;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  padding: 10px;
  z-index: 1;
}

.alt-flip-wrapper.flipped .flip-front {
  transform: rotateY(-180deg);
}

.alt-flip-wrapper.flipped .flip-back {
  transform: rotateY(0deg);
  z-index: 3;
}
@charset "UTF-8";
body {
  overflow-y: scroll;
}

.ProseMirror {
  outline: none;
  min-height: 204px;
  padding-bottom: 12px;
}

.progress-btn {
  background-color: #1790FF;
  border-radius: 24px;
  color: #AAB2BD;
}

.audio-player {
  width: 100%;
  height: 51px;
  background-color: #E6F7FF;
  border-radius: 51px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.audio-player-start {
  height: 33px;
  width: 33px;
  background-color: white;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.audio-player-center-start {
  width: 70%;
  height: 70%;
  background-color: #FF3B30;
  border-radius: 100px;
  cursor: pointer;
}

.audio-player-center-recording {
  width: 40%;
  height: 40%;
  background-color: #FF3B30;
  border-radius: 2px;
  cursor: pointer;
}

.audio-player-margin {
  margin: 10px;
}

.audio-player-voice {
  width: 70%;
  border-bottom: 2px dotted #1790FF;
}

.audio-player-timer {
  margin-right: 20px;
  color: #1790FF;
}

.web-bottom-elements {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 30px;
}

.web-button-wrap {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.web-button-rerecord {
  cursor: pointer;
  width: 30px;
  height: 30px;
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_220_1498)'%3E%3Ccircle cx='15' cy='15' r='15' fill='%23AAB2BD'/%3E%3Cpath d='M9.16992 15.8948C9.16992 19.3059 11.918 22.0608 15.3223 22.0608C18.7334 22.0608 21.4814 19.3059 21.4814 15.8948C21.4814 12.4836 18.7676 9.76294 15.3633 9.76294C15.0557 9.76294 14.7549 9.79028 14.4951 9.84497L16.0195 8.34106C16.1494 8.19751 16.2246 8.03345 16.2246 7.82837C16.2246 7.41138 15.9033 7.06958 15.4863 7.06958C15.2744 7.06958 15.1035 7.14478 14.9668 7.29517L12.1641 10.1389C12.0137 10.2893 11.9316 10.4875 11.9316 10.6926C11.9316 10.9045 12.0068 11.0891 12.1641 11.2532L14.9668 14.0764C15.0967 14.2131 15.2744 14.2815 15.4863 14.2815C15.9033 14.2815 16.2246 13.9602 16.2246 13.5364C16.2246 13.3381 16.1494 13.1741 16.0127 13.0374L14.29 11.3284C14.6045 11.2668 14.9668 11.2395 15.3633 11.2395C17.9268 11.2395 19.957 13.2903 19.957 15.8948C19.957 18.4651 17.8994 20.5364 15.3223 20.5364C12.7588 20.5364 10.6875 18.4651 10.6875 15.8948C10.6875 15.4368 10.3867 15.1155 9.94922 15.1155C9.49121 15.1155 9.16992 15.4368 9.16992 15.8948Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_220_1498'%3E%3Crect width='30' height='30' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.web-button-rerecord-text {
  margin-left: 10px;
  font-weight: 400;
  font-size: 17px;
  line-height: 20px;
  text-align: center;
  color: #AAB2BD;
}

.web-button-mute {
  cursor: pointer;
  width: 36px;
  height: 36px;
  background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.85 4.5C15.0784 4.5 12.75 6.82843 12.75 9.6V15.45C12.75 18.2216 15.0784 20.55 17.85 20.55C20.8296 20.55 23.064 18.3294 22.9512 15.51C22.9504 15.49 22.95 15.47 22.95 15.45V9.6C22.95 6.82843 20.6216 4.5 17.85 4.5ZM9.75 9.6C9.75 5.17157 13.4216 1.5 17.85 1.5C22.2784 1.5 25.95 5.17157 25.95 9.6V15.4215C26.1191 20.0862 22.3603 23.55 17.85 23.55C13.4216 23.55 9.75 19.8784 9.75 15.45V9.6ZM6 13.95C6.82843 13.95 7.5 14.6216 7.5 15.45C7.5 21.2284 12.2275 25.9308 17.9659 25.8004L18 25.8C23.634 25.8 28.35 21.2092 28.35 15.45C28.35 14.6216 29.0216 13.95 29.85 13.95C30.6784 13.95 31.35 14.6216 31.35 15.45C31.35 22.4247 26.0042 28.0538 19.35 28.7315V33C19.35 33.8284 18.6785 34.5 17.85 34.5C17.0216 34.5 16.35 33.8284 16.35 33V28.7309C9.67992 28.0296 4.5 22.3045 4.5 15.45C4.5 14.6216 5.17157 13.95 6 13.95Z' fill='%23AAB2BD'/%3E%3C/svg%3E");
}

.web-button-unmute {
  cursor: pointer;
  width: 36px;
  height: 36px;
  background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.85 4.5C15.0784 4.5 12.75 6.82843 12.75 9.6V15.45C12.75 18.2216 15.0784 20.55 17.85 20.55C20.8296 20.55 23.064 18.3294 22.9512 15.51C22.9504 15.49 22.95 15.47 22.95 15.45V9.6C22.95 6.82843 20.6216 4.5 17.85 4.5ZM9.75 9.6C9.75 5.17157 13.4216 1.5 17.85 1.5C22.2784 1.5 25.95 5.17157 25.95 9.6V15.4215C26.1191 20.0862 22.3603 23.55 17.85 23.55C13.4216 23.55 9.75 19.8784 9.75 15.45V9.6ZM6 13.95C6.82843 13.95 7.5 14.6216 7.5 15.45C7.5 21.2284 12.2275 25.9308 17.9659 25.8004L18 25.8C23.634 25.8 28.35 21.2092 28.35 15.45C28.35 14.6216 29.0216 13.95 29.85 13.95C30.6784 13.95 31.35 14.6216 31.35 15.45C31.35 22.4247 26.0042 28.0538 19.35 28.7315V33C19.35 33.8284 18.6785 34.5 17.85 34.5C17.0216 34.5 16.35 33.8284 16.35 33V28.7309C9.67992 28.0296 4.5 22.3045 4.5 15.45C4.5 14.6216 5.17157 13.95 6 13.95Z' fill='%23AAB2BD'/%3E%3Crect y='3.12558' width='3' height='45.1821' rx='1.5' transform='rotate(-45.1148 0 3.12558)' fill='%23FF5F56'/%3E%3C/svg%3E");
}

.web-button-spacer {
  cursor: pointer;
  width: 36px;
  height: 36px;
}

.webwrap {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.webwrap-video {
  width: 50vw;
  height: 50vh;
}

.webwrap-start-border {
  border: 3px solid white;
  border-radius: 100px;
  position: absolute;
  bottom: 210px;
  height: 70px;
  width: 70px;
  padding: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  z-index: 2;
}

.webwrap-timer {
  position: absolute;
  top: 120px;
  font-weight: 400;
  font-size: 21px;
  line-height: 20px;
  text-align: center;
  color: #ffffff;
  margin-top: 30px;
  z-index: 2;
}

.webwrap-start-center {
  width: 100%;
  height: 100%;
  background-color: #FF3B30;
  border-radius: 100px;
  border: none;
  cursor: pointer;
  z-index: 2;
}

.webwrap-record-center {
  width: 65%;
  height: 65%;
  background-color: #FF3B30;
  border-radius: 12px;
  border: none;
  cursor: pointer;
  z-index: 2;
}

.webwrap-content {
  width: 50vw;
  height: 55vh;
  background-color: black;
  border-radius: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.atma-editor {
  position: relative;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
}

.atma-editor-wrap {
  margin-bottom: 20px;
}

.atma-editor-wrap * {
  box-sizing: border-box;
}

.atma-editor-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  position: sticky;
  top: 0;
  flex-direction: row;
  border-radius: 4px 4px 0 0;
  border: 1px solid #ccc;
  background-color: #ffffff;
  box-shadow: 0 -3px 0 3px #ffffff;
  padding: 6px;
  z-index: 10;
}

.atma-editor-toolbar-g {
  display: flex;
  flex-direction: row;
}

.atma-editor-toolbar-g:after {
  content: "";
  display: inline-block;
  width: 20px;
}

.atma-editor-toolbar-s {
  position: relative;
  padding-right: 5px;
  margin-right: 9px;
}

.atma-editor-toolbar-s .qseparator {
  display: block;
  height: 8px;
}

.atma-editor-toolbar-s-opts {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  border-radius: 8px;
  box-shadow: 0 16px 24px 0 rgba(0, 0, 0, 0.2);
  background-color: #fff;
  padding: 8px;
  right: 42%;
  transform: translateX(50%);
}

.atma-editor-toolbar-s-opts-item {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding-right: 8px;
}

.atma-editor-toolbar-s-opts-item:hover {
  opacity: 0.6;
}

.atma-editor-toolbar-s-opts-item span {
  font-size: 1em;
  white-space: nowrap;
}

.atma-editor-toolbar-s-opts-item.active {
  opacity: 0.4;
}

.atma-editor-toolbar-s-opts-item.disabled {
  opacity: 0.6;
  cursor: default;
}

.atma-editor-toolbar-s-opts-item[data-type=h2] span {
  font-size: 1.5em;
}

.atma-editor-toolbar-s-opts-item[data-type=h3] span {
  font-size: 1.17em;
}

.atma-editor-toolbar-s-opts-item[data-type=h2], .atma-editor-toolbar-s-opts-item[data-type=h3], .atma-editor-toolbar-s-opts-item[data-type=h4] {
  font-weight: 500;
  padding: 8px;
}

.atma-editor-toolbar-s-opts-item[data-type=h2] .qicon, .atma-editor-toolbar-s-opts-item[data-type=h3] .qicon, .atma-editor-toolbar-s-opts-item[data-type=h4] .qicon {
  display: none;
}

.atma-editor-toolbar-s-opts-item[data-type=paragraph] {
  padding: 8px;
}

.atma-editor-toolbar-s-opts-item[data-type=paragraph] .qicon {
  display: none;
}

.atma-editor-toolbar-s:after {
  content: "";
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%228%22%20height%3D%225%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M3.664%204.709c.132%200%20.254-.05.351-.156L6.992%201.51a.433.433%200%200%200%20.129-.32c0-.254-.2-.454-.45-.454a.464.464%200%200%200-.328.137L3.663%203.62.984.873A.471.471%200%200%200%20.657.736c-.254%200-.453.2-.453.453%200%20.125.047.235.132.32l2.977%203.044a.472.472%200%200%200%20.352.156z%22%20fill%3D%22%23AAB2BD%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 7px;
  height: 5px;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -2px;
}

.atma-editor-toolbar-s.show .atma-editor-toolbar-s-opts {
  clip: auto;
}

.atma-editor-toolbar-s.show:after {
  transform: rotate(180deg);
}

.atma-editor-toolbar .qicon {
  width: 28px;
  height: 28px;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 2px;
}

.atma-editor-toolbar .qicon.active {
  background-color: #edeef0;
  border-radius: 4px;
}

.atma-editor-toolbar .qicon.disabled {
  opacity: 0.5;
  cursor: not-allowed !important;
}

.atma-editor-toolbar .qicon.disabled:hover {
  opacity: 0.5 !important;
}

.atma-editor-toolbar .qicon:hover {
  cursor: pointer;
  opacity: 0.8;
}

.atma-editor-toolbar:hover {
  z-index: 100000;
}

.atma-editor-content {
  border: 1px solid #ccc;
  border-top: 0;
  padding: 12px 15px;
  padding-bottom: 0;
}

.atma-editor-content p {
  margin-top: 0;
}

.atma-editor-content p:after {
  content: "";
  display: inline-block;
  width: 0;
}

.atma-editor-content img, .atma-editor-content video, .atma-editor-content iframe {
  max-width: 100%;
}

.atma-editor-content blockquote {
  border-left: 2px solid #ccc;
  margin-left: 0;
  padding: 0 0 0 30px;
}

.atma-editor-content hr {
  border: none;
  height: 2px;
  background-color: #ccc;
}

.atma-editor-content table {
  border-collapse: collapse;
  table-layout: fixed;
  margin: 0;
  overflow: hidden;
}

.atma-editor-content table td, .atma-editor-content table th {
  min-width: 3em;
  border: 1px solid #ced4da;
  padding: 3px 5px;
  vertical-align: top;
  position: relative;
}

.atma-editor-content table td p, .atma-editor-content table th p {
  font-size: 14px;
}

.atma-editor-content table th {
  font-weight: bold;
  text-align: left;
  background-color: #f1f3f5;
}

.atma-editor-content table th p {
  font-size: 14px;
}

.atma-editor-content table .selectedCell:after {
  z-index: 2;
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(200, 200, 255, 0.4);
  pointer-events: none;
}

.atma-editor-content table .column-resize-handle {
  position: absolute;
  right: -2px;
  top: 0;
  bottom: -2px;
  width: 4px;
  background-color: #adf;
  pointer-events: none;
}

.atma-editor-content .tableWrapper {
  overflow-x: auto;
  margin-bottom: 20px;
}

.atma-editor-content .resize-cursor {
  cursor: col-resize;
}

.atma-editor-content a[download] {
  display: inline-block;
  color: #1790FF;
  position: relative;
  margin-left: 20px;
  margin-right: 20px;
}

.atma-editor-content a[download]:before {
  content: "";
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2213%22%20height%3D%2216%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M3.712%2012.6H8.86c.17%200%20.31-.057.422-.17a.588.588%200%200%200%20.167-.43.588.588%200%200%200-.167-.43.567.567%200%200%200-.422-.17H3.713a.567.567%200%200%200-.423.17.588.588%200%200%200-.167.43c0%20.173.056.317.167.43.111.113.252.17.422.17zm0-3.4H8.86c.17%200%20.31-.057.422-.17a.588.588%200%200%200%20.167-.43.588.588%200%200%200-.167-.43A.567.567%200%200%200%208.86%208H3.713a.567.567%200%200%200-.423.17.588.588%200%200%200-.167.43c0%20.173.056.317.167.43.111.113.252.17.422.17zM1.18%2016c-.315%200-.59-.12-.825-.36A1.161%201.161%200%200%201%200%2014.8V1.2C0%20.88.118.6.354.36.589.12.864%200%201.179%200h6.6a1.164%201.164%200%200%201%20.844.36l3.595%203.66a1.214%201.214%200%200%201%20.353.86v9.92c0%20.32-.117.6-.353.84s-.51.36-.825.36H1.179zM7.68%201.2H1.18v13.6h10.214V4.92H8.27a.567.567%200%200%201-.423-.17.588.588%200%200%201-.167-.43V1.2zm-6.501%200v3.72V1.2%2014.8%201.2z%22%20fill%3D%22%231790FF%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E");
  width: 13px;
  height: 16px;
  position: absolute;
  top: 1px;
  left: -20px;
}

.atma-editor-content a[download]:after {
  content: attr(data-size);
  display: inline-block;
  color: #AAB2BD;
  font-size: 13px;
  margin-left: 6px;
}

.atma-editor-bubble {
  display: flex;
  flex-direction: row;
  border-radius: 8px;
  box-shadow: 0 16px 24px 0 rgba(0, 0, 0, 0.2);
  background-color: #fff;
  padding: 8px;
}

.atma-editor-bubble .qicon {
  width: 25px;
  height: 28px;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 2px;
}

.atma-editor-bubble .qicon.active {
  opacity: 0.5;
}

.atma-editor-bubble .qicon.disabled {
  opacity: 0.5;
  cursor: not-allowed !important;
}

.atma-editor-bubble .qicon.disabled:hover {
  opacity: 0.5 !important;
}

.atma-editor-bubble .qicon:hover {
  cursor: pointer;
  opacity: 0.8;
}

.atma-editor-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  z-index: 100001;
  background-color: rgba(0, 0, 0, 0.2);
}

.atma-editor-modal-box {
  display: inline-block;
  position: fixed;
  top: 50%;
  min-height: 200px;
  background: #fff;
  transform: translate(0, -50%);
  border-radius: 8px;
  max-width: 90%;
  min-width: 560px;
  padding: 48px;
}

.atma-editor-modal-box-header {
  display: block;
  text-align: left;
  font-size: 21px;
  font-weight: bold;
  margin-bottom: 35px;
}

.atma-editor-modal-close {
  position: absolute;
  top: 0;
  right: 0;
}

.atma-editor-modal-action {
  width: 100%;
  padding: 24px 0 0;
  text-align: right;
}

.atma-editor-modal input[type=text] {
  background-color: #F5F7FA;
  font-size: 18px;
  border: none;
  padding: 19px 25px;
  border-radius: 16px;
  width: 100%;
  margin-bottom: 24px;
}

.atma-editor-uploader-drop {
  display: flex;
  width: 490px;
  height: 154px;
  background-color: #F5F7FA;
  border-radius: 16px;
  border: 2px dashed #CCD1D9;
  box-shadow: 0 0 0 1px #F5F7FA;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.atma-editor-uploader-drop:hover {
  border-color: #adb0b6;
}

.atma-editor-uploader-placeholder {
  display: inline-block;
  color: #656D77;
}

.atma-editor-uploader-uitems {
  display: block;
  text-align: left;
  margin-bottom: 32px;
}

.atma-editor-uploader-uitems-elem {
  position: relative;
  display: inline-block;
  width: 116px;
  background-color: lightgrey;
  border-radius: 4px;
  margin-right: 16px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  aspect-ratio: 16/9;
}

.atma-editor-uploader-uitems-elem.atma-editor-uploader-file {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2213%22%20height%3D%2216%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M3.712%2012.6H8.86c.17%200%20.31-.057.422-.17a.588.588%200%200%200%20.167-.43.588.588%200%200%200-.167-.43.567.567%200%200%200-.422-.17H3.713a.567.567%200%200%200-.423.17.588.588%200%200%200-.167.43c0%20.173.056.317.167.43.111.113.252.17.422.17zm0-3.4H8.86c.17%200%20.31-.057.422-.17a.588.588%200%200%200%20.167-.43.588.588%200%200%200-.167-.43A.567.567%200%200%200%208.86%208H3.713a.567.567%200%200%200-.423.17.588.588%200%200%200-.167.43c0%20.173.056.317.167.43.111.113.252.17.422.17zM1.18%2016c-.315%200-.59-.12-.825-.36A1.161%201.161%200%200%201%200%2014.8V1.2C0%20.88.118.6.354.36.589.12.864%200%201.179%200h6.6a1.164%201.164%200%200%201%20.844.36l3.595%203.66a1.214%201.214%200%200%201%20.353.86v9.92c0%20.32-.117.6-.353.84s-.51.36-.825.36H1.179zM7.68%201.2H1.18v13.6h10.214V4.92H8.27a.567.567%200%200%201-.423-.17.588.588%200%200%201-.167-.43V1.2zm-6.501%200v3.72V1.2%2014.8%201.2z%22%20fill%3D%22%231790FF%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E") !important;
  background-position: center top;
  background-size: 30px;
  aspect-ratio: auto;
  width: 76px;
  min-height: 56px;
  background-color: transparent;
  padding-top: 40px;
  font-size: 11px;
  margin-right: 30px;
  vertical-align: top;
}

.atma-editor-uploader-uitems-del {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2210%22%20height%3D%2210%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1.163%209.649c.092.091.2.152.326.182.125.03.25.03.375%200a.66.66%200%200%200%20.32-.177l3.222-3.222L8.543%209.57a.7.7%200%200%200%20.32.183c.125.033.25.034.373.002a.707.707%200%200%200%20.328-.19.693.693%200%200%200%20.185-.323.753.753%200%200%200%200-.375.68.68%200%200%200-.18-.323L6.432%205.406l3.222-3.222a.655.655%200%200%200%20.18-.322.808.808%200%200%200-.003-.373.693.693%200%200%200-.51-.51.763.763%200%200%200-.373-.004.674.674%200%200%200-.32.183L5.406%204.38%202.269%201.243a.655.655%200%200%200-.323-.18.844.844%200%200%200-.375%200%20.656.656%200%200%200-.328.18.669.669%200%200%200-.186.333.807.807%200%200%200%20.003.373c.03.122.09.228.183.32L4.38%205.406%201.158%208.628a.68.68%200%200%200-.18.317.753.753%200%200%200%200%20.376.693.693%200%200%200%20.185.328z%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E");
  border-radius: 10px;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  top: -10px;
  right: -10px;
  background-color: rgba(204, 209, 217, 0.8);
  z-index: 1;
}

.atma-editor-uploader-uitems-del:hover {
  background-color: #FF4E44;
  cursor: pointer;
}

.atma-editor-uploader-progress {
  display: flex;
  position: relative;
  width: 46px;
  height: 46px;
  background-color: #ffffff;
  border-radius: 23px;
  color: #1790FF;
  font-size: 13px;
  justify-content: center;
  align-items: center;
}

.atma-editor-uploader-progress-wrap {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(67, 74, 83, 0.5);
  border-radius: inherit;
  justify-content: center;
  align-items: center;
}

.atma-editor-btn {
  font-size: 16px;
  -webkit-appearance: none;
  outline: none;
  border: none;
  background: none;
  padding: 16px 24px;
  line-height: 16px;
}

.atma-editor-btn:hover {
  cursor: pointer;
  opacity: 0.7;
}

.atma-editor-btn[disabled] {
  opacity: 0.3 !important;
  cursor: default !important;
}

.atma-editor-btn.atma-editor-complete {
  background-color: #1790FF;
  border-radius: 24px;
  color: #ffffff;
}

.atma-editor-btn.atma-editor-complete-block {
  border-radius: 24px;
  background-color: #AAB2BD;
  cursor: not-allowed;
  color: #ffffff;
}

.atma-editor-soc-video {
  display: block;
  list-style: none;
  margin: 0 0 35px 0;
  padding: 0;
  text-align: left;
}

.atma-editor-soc-video li {
  display: inline-block;
  vertical-align: middle;
  background-position: center center;
  background-repeat: no-repeat;
  margin-right: 12px;
}

.atma-editor-soc-video li.youtube {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2226%22%20height%3D%2218%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M24.776%202.966A3.17%203.17%200%200%200%2022.539.729C20.565.2%2012.652.2%2012.652.2S4.74.2%202.766.73A3.17%203.17%200%200%200%20.529%202.966C0%204.939%200%209.056%200%209.056s0%204.118.529%206.091a3.169%203.169%200%200%200%202.237%202.237c1.973.53%209.886.53%209.886.53s7.913%200%209.887-.53a3.169%203.169%200%200%200%202.237-2.237c.528-1.973.528-6.09.528-6.09s0-4.118-.528-6.091%22%20fill%3D%22%23FF0100%22%2F%3E%3Cpath%20fill%3D%22%23FFFFFE%22%20d%3D%22m10.122%2012.852%206.574-3.795-6.574-3.796v7.591%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  width: 26px;
  height: 18px;
}

.atma-editor-soc-video li.vimeo {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2216%22%20height%3D%2214%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M15.544%203.114c-.069%201.514-1.127%203.588-3.172%206.22-2.114%202.749-3.903%204.124-5.367%204.124-.906%200-1.673-.837-2.3-2.512L3.45%206.342C2.985%204.668%202.486%203.83%201.952%203.83c-.116%200-.524.245-1.221.733L0%203.62c.767-.674%201.524-1.35%202.269-2.025C3.293.71%204.061.245%204.574.198%205.784.082%206.529.91%206.809%202.68c.302%201.912.511%203.1.628%203.566.349%201.586.733%202.378%201.152%202.378.326%200%20.815-.515%201.467-1.543.651-1.03%201-1.812%201.047-2.35.093-.887-.256-1.332-1.047-1.332-.373%200-.757.085-1.151.255.764-2.504%202.224-3.721%204.38-3.652%201.598.047%202.351%201.084%202.259%203.11%22%20fill%3D%22%231AB7EA%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E");
  width: 16px;
  height: 18px;
}

.atma-editor-soc-video li.vk {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M8.392.151h7.3c6.663%200%208.24%201.578%208.24%208.24v7.301c0%206.663-1.577%208.24-8.24%208.24h-7.3c-6.663%200-8.241-1.577-8.241-8.24v-7.3C.151%201.729%201.729.15%208.391.15%22%20fill%3D%22%234680C2%22%2F%3E%3Cpath%20d%3D%22M19.62%208.341c.117-.369%200-.638-.52-.638h-1.73c-.436%200-.637.235-.755.487%200%200-.89%202.148-2.131%203.541-.403.403-.587.538-.806.538-.117%200-.268-.135-.268-.504v-3.44c0-.437-.134-.638-.504-.638h-2.719c-.268%200-.436.201-.436.403%200%20.42.621.52.688%201.695v2.55c0%20.555-.1.655-.319.655-.587%200-2.014-2.165-2.87-4.632-.167-.487-.335-.671-.772-.671H4.733c-.504%200-.588.235-.588.486%200%20.454.588%202.736%202.736%205.757%201.427%202.064%203.457%203.172%205.287%203.172%201.108%200%201.242-.252%201.242-.671V14.87c0-.504.1-.587.453-.587.252%200%20.705.134%201.729%201.124%201.174%201.175%201.376%201.712%202.03%201.712h1.729c.504%200%20.739-.252.604-.739-.15-.486-.721-1.191-1.46-2.03-.403-.47-1.007-.99-1.192-1.242-.251-.336-.184-.47%200-.772-.016%200%202.098-2.988%202.317-3.995%22%20fill%3D%22%23FFF%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  width: 24px;
  height: 24px;
}

.atma-editor-soc-video li.ok {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M23.913%2012.054C23.913%2018.652%2018.565%2024%2011.967%2024S.021%2018.652.021%2012.054%205.369.108%2011.967.108s11.946%205.348%2011.946%2011.946%22%20fill%3D%22%23EE8208%22%2F%3E%3Cpath%20d%3D%22M12%207.194c.82%200%201.488.668%201.488%201.489A1.49%201.49%200%200%201%2012%2010.17a1.49%201.49%200%200%201-1.488-1.488c0-.821.668-1.489%201.488-1.489m0%205.082a3.598%203.598%200%200%200%203.594-3.593A3.598%203.598%200%200%200%2012%205.088a3.599%203.599%200%200%200-3.594%203.595A3.598%203.598%200%200%200%2012%2012.276M13.455%2015.205a6.724%206.724%200%200%200%202.09-.867c.492-.311.64-.963.33-1.456a1.052%201.052%200%200%200-1.454-.332%204.56%204.56%200%200%201-4.843%200%201.052%201.052%200%200%200-1.453.332%201.057%201.057%200%200%200%20.33%201.456c.65.409%201.357.7%202.09.867L8.532%2017.22a1.058%201.058%200%200%200%20.746%201.803c.27%200%20.54-.103.745-.31L12%2016.734l1.977%201.98c.41.413%201.078.413%201.49%200a1.056%201.056%200%200%200%200-1.493l-2.012-2.015%22%20fill%3D%22%23FFFFFE%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  width: 24px;
  height: 24px;
}

.atma-editor-soc-video li.rutube {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2246%22%20height%3D%2221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill-rule%3D%22nonzero%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M13.902%206H0v15h3.87v-4.88h7.414L14.667%2021H19l-3.73-4.902c1.158-.18%201.992-.608%202.502-1.282.51-.675.765-1.755.765-3.194v-1.124c0-.855-.093-1.53-.255-2.047a3.399%203.399%200%200%200-.834-1.372%203.799%203.799%200%200%200-1.437-.832C15.455%206.09%2014.76%206%2013.903%206zm-.625%206.814H3.87V9.306h9.407c.533%200%20.904.09%201.089.247.185.158.301.45.301.877v1.26c0%20.45-.116.742-.301.9-.185.157-.556.224-1.09.224zM24.758%2016.57V6H21v10.48c0%20.854.067%201.552.225%202.069.157.54.427.99.832%201.372.383.404.833.674%201.373.832.54.18%201.215.247%202.07.247h9c.833%200%201.508-.067%202.047-.247.54-.158.99-.428%201.396-.832.382-.383.652-.832.81-1.372.157-.517.247-1.215.247-2.07V6h-3.758v10.57c0%20.45-.112.742-.292.9-.18.157-.54.224-1.058.224h-7.785c-.54%200-.9-.067-1.08-.225-.18-.157-.27-.45-.27-.9z%22%20fill%3D%22%2314191E%22%2F%3E%3Cpath%20d%3D%22M42.682%205.252a2.623%202.623%200%200%200%202.619-2.626A2.623%202.623%200%200%200%2042.682%200a2.623%202.623%200%200%200-2.62%202.626%202.623%202.623%200%200%200%202.62%202.626z%22%20fill%3D%22%23F41240%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  width: 32px;
  height: 24px;
  background-size: contain;
}

.atma-editor .qicon.qglossary {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNiAxNCIgZmlsbD0iYmxhY2siIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xNS40Mjg2IDAuNzM0Mzc2SDExLjM0MjlDMTAuNDY2MSAwLjczNDM3NiA5LjYwODkzIDAuOTg2MTYxIDguODcxNDMgMS40NjExNkw4IDIuMDIwMDlMNy4xMjg1NyAxLjQ2MTE2QzYuMzkxODEgMC45ODYyNTIgNS41MzM3MSAwLjczMzkwNyA0LjY1NzE0IDAuNzM0Mzc2SDAuNTcxNDI5QzAuMjU1MzU3IDAuNzM0Mzc2IDAgMC45ODk3MzMgMCAxLjMwNThWMTEuNDQ4N0MwIDExLjc2NDcgMC4yNTUzNTcgMTIuMDIwMSAwLjU3MTQyOSAxMi4wMjAxSDQuNjU3MTRDNS41MzM5MyAxMi4wMjAxIDYuMzkxMDcgMTIuMjcxOSA3LjEyODU3IDEyLjc0NjlMNy45MjE0MyAxMy4yNTc2QzcuOTQ0NjQgMTMuMjcxOSA3Ljk3MTQzIDEzLjI4MDggNy45OTgyMSAxMy4yODA4QzguMDI1IDEzLjI4MDggOC4wNTE3OSAxMy4yNzM3IDguMDc1IDEzLjI1NzZMOC44Njc4NiAxMi43NDY5QzkuNjA3MTQgMTIuMjcxOSAxMC40NjYxIDEyLjAyMDEgMTEuMzQyOSAxMi4wMjAxSDE1LjQyODZDMTUuNzQ0NiAxMi4wMjAxIDE2IDExLjc2NDcgMTYgMTEuNDQ4N1YxLjMwNThDMTYgMC45ODk3MzMgMTUuNzQ0NiAwLjczNDM3NiAxNS40Mjg2IDAuNzM0Mzc2Wk00LjY1NzE0IDEwLjczNDRIMS4yODU3MVYyLjAyMDA5SDQuNjU3MTRDNS4yODkyOSAyLjAyMDA5IDUuOTAzNTcgMi4yMDA0NSA2LjQzMzkzIDIuNTQxNTJMNy4zMDUzNiAzLjEwMDQ1TDcuNDI4NTcgMy4xODA4VjExLjQzMDhDNi41Nzg1NyAxMC45NzM3IDUuNjI4NTcgMTAuNzM0NCA0LjY1NzE0IDEwLjczNDRaTTE0LjcxNDMgMTAuNzM0NEgxMS4zNDI5QzEwLjM3MTQgMTAuNzM0NCA5LjQyMTQzIDEwLjk3MzcgOC41NzE0MyAxMS40MzA4VjMuMTgwOEw4LjY5NDY0IDMuMTAwNDVMOS41NjYwNyAyLjU0MTUyQzEwLjA5NjQgMi4yMDA0NSAxMC43MTA3IDIuMDIwMDkgMTEuMzQyOSAyLjAyMDA5SDE0LjcxNDNWMTAuNzM0NFpNNS45NDQ2NCA0LjMwNThIMi42MjY3OUMyLjU1NzE0IDQuMzA1OCAyLjUgNC4zNjY1MiAyLjUgNC40Mzk3M1Y1LjI0MzNDMi41IDUuMzE2NTIgMi41NTcxNCA1LjM3NzIzIDIuNjI2NzkgNS4zNzcyM0g1Ljk0Mjg2QzYuMDEyNSA1LjM3NzIzIDYuMDY5NjQgNS4zMTY1MiA2LjA2OTY0IDUuMjQzM1Y0LjQzOTczQzYuMDcxNDMgNC4zNjY1MiA2LjAxNDI5IDQuMzA1OCA1Ljk0NDY0IDQuMzA1OFpNOS45Mjg1NyA0LjQzOTczVjUuMjQzM0M5LjkyODU3IDUuMzE2NTIgOS45ODU3MSA1LjM3NzIzIDEwLjA1NTQgNS4zNzcyM0gxMy4zNzE0QzEzLjQ0MTEgNS4zNzcyMyAxMy40OTgyIDUuMzE2NTIgMTMuNDk4MiA1LjI0MzNWNC40Mzk3M0MxMy40OTgyIDQuMzY2NTIgMTMuNDQxMSA0LjMwNTggMTMuMzcxNCA0LjMwNThIMTAuMDU1NEM5Ljk4NTcxIDQuMzA1OCA5LjkyODU3IDQuMzY2NTIgOS45Mjg1NyA0LjQzOTczWk01Ljk0NDY0IDYuODA1OEgyLjYyNjc5QzIuNTU3MTQgNi44MDU4IDIuNSA2Ljg2NjUyIDIuNSA2LjkzOTczVjcuNzQzM0MyLjUgNy44MTY1MiAyLjU1NzE0IDcuODc3MjMgMi42MjY3OSA3Ljg3NzIzSDUuOTQyODZDNi4wMTI1IDcuODc3MjMgNi4wNjk2NCA3LjgxNjUyIDYuMDY5NjQgNy43NDMzVjYuOTM5NzNDNi4wNzE0MyA2Ljg2NjUyIDYuMDE0MjkgNi44MDU4IDUuOTQ0NjQgNi44MDU4Wk0xMy4zNzMyIDYuODA1OEgxMC4wNTU0QzkuOTg1NzEgNi44MDU4IDkuOTI4NTcgNi44NjY1MiA5LjkyODU3IDYuOTM5NzNWNy43NDMzQzkuOTI4NTcgNy44MTY1MiA5Ljk4NTcxIDcuODc3MjMgMTAuMDU1NCA3Ljg3NzIzSDEzLjM3MTRDMTMuNDQxMSA3Ljg3NzIzIDEzLjQ5ODIgNy44MTY1MiAxMy40OTgyIDcuNzQzM1Y2LjkzOTczQzEzLjUgNi44NjY1MiAxMy40NDI5IDYuODA1OCAxMy4zNzMyIDYuODA1OFoiICBzdHlsZT0iZmlsbC1vcGFjaXR5OjE7Ii8+Cjwvc3ZnPgo=");
}

.atma-editor .qicon.qbold {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2210%22%20height%3D%2213%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1.021%2013h4c2.698%200%204.297-1.327%204.297-3.56%200-1.687-1.107-2.9-2.83-3.12v-.07C7.71%206.03%208.677%204.8%208.677%203.481c0-1.898-1.468-3.164-3.639-3.164H1.021c-.483%200-.79.317-.79.818v11.048c0%20.5.307.817.79.817zm.792-7.216v-4.07h2.865c1.538%200%202.4.695%202.4%201.952%200%201.371-1.02%202.118-2.892%202.118H1.813zm0%205.819V7.146h2.82c2.022%200%203.06.748%203.06%202.215%200%201.468-1.003%202.242-2.91%202.242h-2.97z%22%20fill%3D%22%231D1D1F%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E");
}

.atma-editor .qicon.qparagraph {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2220%22%20height%3D%2214%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22%231D1D1F%22%20fill-rule%3D%22nonzero%22%3E%3Cpath%20d%3D%22M1.274%2013.123c.396%200%20.624-.185.774-.606L3.164%209.37h5.019l1.125%203.147c.149.421.378.606.773.606.457%200%20.791-.29.791-.694%200-.115-.026-.246-.097-.44L6.688.95c-.193-.518-.51-.756-.993-.756-.518%200-.843.246-1.037.765L.58%2011.989c-.07.194-.097.325-.097.44%200%20.404.334.694.791.694zm2.347-5.098%202.03-5.783h.053l2.03%205.783H3.621zM15.012%2013.158c1.23%200%202.4-.685%202.944-1.731h.035v.958c0%20.457.299.773.73.773.422%200%20.72-.316.72-.773V6.68c0-1.82-1.353-2.98-3.498-2.98-1.485%200-2.82.66-3.34%201.661-.123.22-.184.44-.184.633%200%20.413.281.686.677.686.29%200%20.492-.115.633-.37.51-.905%201.186-1.265%202.18-1.265%201.265%200%202.003.668%202.003%201.784v.765l-2.628.15c-2.11.122-3.313%201.107-3.313%202.671%200%201.644%201.221%202.742%203.04%202.742zm.342-1.3c-1.098%200-1.828-.572-1.828-1.442%200-.861.703-1.406%201.934-1.485l2.452-.15v.747c0%201.319-1.116%202.33-2.558%202.33z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.atma-editor .qicon.qh2 {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2218%22%20height%3D%2212%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22%231D1D1F%22%20fill-rule%3D%22nonzero%22%3E%3Cpath%20d%3D%22M.685%2011.034c.402%200%20.659-.264.659-.681V6.119h5.8v4.234c0%20.417.257.68.66.68s.659-.263.659-.68V.94c0-.418-.256-.681-.66-.681-.402%200-.658.263-.658.68v3.993H1.344V.94c0-.418-.257-.681-.66-.681C.283.26.026.523.026.94v9.413c0%20.417.257.68.66.68zM11.246%2010.931h5.823c.373%200%20.622-.234.622-.586%200-.351-.249-.586-.622-.586h-4.615V9.73l2.652-2.725c1.809-1.853%202.336-2.724%202.336-3.881%200-1.707-1.377-2.937-3.281-2.937-2.16%200-3.325%201.406-3.48%202.49a1.537%201.537%200%200%200-.021.263c0%20.345.22.586.608.586.359%200%20.505-.19.593-.461.359-1.135%201.157-1.729%202.3-1.729%201.135%200%201.963.791%201.963%201.868%200%20.886-.337%201.45-1.758%202.937l-3.384%203.53c-.315.33-.373.447-.373.718%200%20.33.249.542.637.542z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.atma-editor .qicon.qh3 {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2218%22%20height%3D%2212%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22%231D1D1F%22%20fill-rule%3D%22nonzero%22%3E%3Cpath%20d%3D%22M.685%2011.034c.402%200%20.659-.264.659-.681V6.119h5.8v4.234c0%20.417.257.68.66.68s.659-.263.659-.68V.94c0-.418-.256-.681-.66-.681-.402%200-.658.263-.658.68v3.993H1.344V.94c0-.418-.257-.681-.66-.681C.283.26.026.523.026.94v9.413c0%20.417.257.68.66.68zM14.205%2011.107c2.073%200%203.67-1.267%203.67-3.084%200-1.501-1.048-2.46-2.586-2.592V5.4c1.325-.278%202.241-1.179%202.241-2.49%200-1.509-1.223-2.724-3.34-2.724-1.465%200-2.585.607-3.142%201.662a1.71%201.71%200%200%200-.22.85c0%20.38.213.6.586.6.33%200%20.462-.139.594-.52.38-.96%201.018-1.45%202.182-1.45%201.355%200%202.014.71%202.014%201.758%200%201.055-.879%201.831-2.138%201.831h-.784c-.352%200-.593.227-.593.557%200%20.33.241.556.593.556h.842c1.487%200%202.417.733%202.41%202.036-.007%201.106-.938%201.897-2.33%201.897-1.274%200-2.028-.534-2.38-1.443-.139-.358-.307-.52-.607-.52-.381%200-.608.25-.608.616%200%20.285.073.549.241.842.638%201.084%201.78%201.648%203.355%201.648z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.atma-editor .qicon.qh4 {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2219%22%20height%3D%2212%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22%231D1D1F%22%20fill-rule%3D%22nonzero%22%3E%3Cpath%20d%3D%22M.685%2011.034c.402%200%20.659-.264.659-.681V6.119h5.8v4.234c0%20.417.257.68.66.68s.659-.263.659-.68V.94c0-.418-.256-.681-.66-.681-.402%200-.658.263-.658.68v3.993H1.344V.94c0-.418-.257-.681-.66-.681C.283.26.026.523.026.94v9.413c0%20.417.257.68.66.68zM16.31%2011.056c.373%200%20.637-.279.637-.681V8.727h.967c.351%200%20.615-.227.615-.579s-.264-.579-.615-.579h-.967V1.263c0-.681-.374-1.04-1.077-1.04-.578%200-.923.256-1.516%201.113-1.487%202.132-2.944%204.285-3.706%205.647-.242.433-.315.66-.315.996%200%20.455.293.748.762.748h4.577v1.648c0%20.402.264.68.638.68zm-.638-3.487h-4.02V7.54c.856-1.501%202.043-3.245%203.998-6.042h.022v6.071z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.atma-editor .qicon.qitalic {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%226%22%20height%3D%2216%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M4.362%203.27a1.065%201.065%200%200%200%201.275-.789%201.059%201.059%200%200%200-.8-1.267%201.057%201.057%200%200%200-1.265.79c-.13.562.229%201.136.79%201.265zM1.654%2015.001c.485.112.91-.17%201.032-.694L4.64%205.839c.12-.523-.138-.964-.624-1.076-.485-.112-.911.17-1.032.694L1.03%2013.926c-.12.523.138.964.624%201.076z%22%20fill%3D%22%231D1D1F%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E");
}

.atma-editor .qicon.qstrike {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2211%22%20height%3D%2214%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M5.388%2013.21c2.839%200%204.684-1.467%204.684-3.814%200-1.792-1.046-2.847-3.691-3.427L4.975%205.66c-1.732-.378-2.409-1.063-2.409-2.065%200-1.292%201.222-2.066%202.804-2.066%201.371%200%202.417.563%202.857%201.846.14.404.386.615.79.615.422%200%20.721-.281.721-.712%200-.167-.017-.299-.044-.395C9.237%201.17%207.532.106%205.414.106%202.786.106.94%201.574.94%203.666c0%201.802%201.1%202.953%203.64%203.507l1.405.307c1.758.387%202.461%201.09%202.461%202.154%200%201.248-1.248%202.153-2.97%202.153-1.6%200-2.848-.615-3.235-1.925-.123-.422-.369-.624-.764-.624-.449%200-.73.317-.73.818%200%20.184.035.378.088.553.475%201.53%202.17%202.602%204.553%202.602z%22%20fill%3D%22%231D1D1F%22%20fill-rule%3D%22nonzero%22%2F%3E%3Cpath%20stroke%3D%22%231D1D1F%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%20d%3D%22M1.43%206.726h8%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.atma-editor .qicon.qunderline {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2211%22%20height%3D%2218%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ctext%20font-family%3D%22SFProRounded-Regular%2C%20SF%20Pro%20Rounded%22%20font-size%3D%2215%22%20fill%3D%22%231D1D1F%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Ctspan%20x%3D%220%22%20y%3D%2214%22%3EU%3C%2Ftspan%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Ftext%3E%3Cpath%20stroke%3D%22%231D1D1F%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%20d%3D%22M1.43%2016.727h8%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.atma-editor .qicon.qcodeBlock {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDIwMDEwOTA0Ly9FTiIKICJodHRwOi8vd3d3LnczLm9yZy9UUi8yMDAxL1JFQy1TVkctMjAwMTA5MDQvRFREL3N2ZzEwLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4wIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiB3aWR0aD0iNjIwLjAwMDAwMHB0IiBoZWlnaHQ9IjM5NS4wMDAwMDBwdCIgdmlld0JveD0iMCAwIDYyMC4wMDAwMDAgMzk1LjAwMDAwMCIKIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIG1lZXQiPgoKPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsMzk1LjAwMDAwMCkgc2NhbGUoMC4xMDAwMDAsLTAuMTAwMDAwKSIKZmlsbD0iIzAwMDAwMCIgc3Ryb2tlPSJub25lIj4KPHBhdGggZD0iTTM4ODUgMzAwMSBsLTYwIC02IDQgLTI2MSBjMiAtMTQ0IDEgLTI2NyAtMyAtMjczIC01IC04IC0yNSA0IC01OQozNSAtMTAyIDkzIC0yMjUgMTI0IC0zNTcgOTAgLTgzIC0yMSAtMTQzIC01NyAtMjAxIC0xMTcgLTE4NCAtMTkzIC0xODQgLTUzOQoxIC03MjkgMTYyIC0xNjYgNDA0IC0xNzMgNTc4IC0xNiBsNTIgNDggMCAtNDAgYzAgLTIyIDMgLTUzIDYgLTcwIGw2IC0zMCAxMDIKMSAxMDEgMiAtNSAxNzUgYy02IDIyMyAtMyA2NTAgOCA5NDUgNSAxMjcgNiAyMzYgNCAyNDMgLTQgMTMgLTY0IDE0IC0xNzcgM3oKbS0yNTMgLTYwMyBjNTMgLTE2IDEyNCAtODAgMTU1IC0xNDIgMzQgLTY3IDQzIC0xODEgMTkgLTI1MyAtMjMgLTY4IC02OSAtMTI4Ci0xMjQgLTE2MSAtNDAgLTIzIC01OCAtMjcgLTEyMiAtMjcgLTExOCAxIC0xOTIgNTMgLTI0OCAxNzMgLTIxIDQ3IC0yNCA2NAotMjAgMTM2IDMgNTggMTEgOTQgMjcgMTI2IDY1IDEyNyAxODggMTg2IDMxMyAxNDh6Ii8+CjxwYXRoIGQ9Ik05NzUgMjU2MyBjLTEyOCAtMTA0IC0xOTggLTE1MiAtMzM1IC0yMzEgbC04NSAtNDkgMCAtODMgMCAtODMgMTE1Ci02NiBjMTE4IC02OCAxODQgLTExNCAzMjUgLTIzMSA0NCAtMzYgODUgLTY5IDkyIC03NCA4IC00IDI0IDE3IDQ5IDY1IGwzNiA3MgotNjYgNjMgYy03MyA3MCAtMjE1IDE2OCAtMzE4IDIyMCAtMzcgMTkgLTY4IDM2IC02OCAzOCAwIDIgMzMgMjAgNzQgMzkgMTQxCjY3IDM3NiAyNDQgMzc2IDI4MyAwIDE5IC01OCAxMzQgLTY4IDEzNCAtNCAwIC02MSAtNDQgLTEyNyAtOTd6Ii8+CjxwYXRoIGQ9Ik01MTcyIDI1OTUgYy0zOCAtNzggLTM4IC03OSA0NyAtMTU3IDc3IC03MiAxNzggLTEzOSAyODUgLTE4OSA0NwotMjIgODYgLTQyIDg2IC00NCAwIC0zIC0yMiAtMTYgLTQ5IC0zMCAtOTAgLTQ1IC0zMTYgLTIwMiAtMzU5IC0yNDkgbC00MyAtNDcKMzYgLTY3IGMyMSAtMzcgMzggLTY4IDQwIC03MCAyIC0yIDQ4IDM1IDEwNCA4MSAxMTcgOTggMjMzIDE3OCAzNDYgMjM4IDQ0IDI0CjgzIDQ4IDg4IDUzIDQgNiA2IDQ3IDUgOTEgbC0zIDc5IC04MCA0NCBjLTEwNCA1NyAtMjIzIDE0MCAtMzU4IDI0NyAtNTkgNDcKLTEwOCA4NSAtMTEwIDg1IC0xIDAgLTE3IC0yOSAtMzUgLTY1eiIvPgo8cGF0aCBkPSJNMTYwNSAyNTk2IGMtMjA2IC01MCAtMzU1IC0yNTQgLTM1NSAtNDg2IDAgLTE0NyA0NSAtMjU1IDE1MCAtMzYxCjE0MCAtMTQxIDMxNCAtMTczIDUxOSAtOTcgbDU0IDIwIC02IDY3IGMtMyAzNiAtMTEgODAgLTE3IDk4IGwtMTEgMzEgLTU3IC0yNgpjLTc2IC0zNiAtMTg2IC0zOCAtMjQ4IC01IC01MyAyOCAtMTA5IDg3IC0xMzcgMTQzIC0zMiA2NSAtMzEgMTk1IDIgMjYyIDcxCjE0NiAyMTEgMjAxIDM2NiAxNDQgNzggLTI4IDc3IC0yOSAxMDAgNDkgMjcgOTIgMjYgOTYgLTMzIDEyNiAtOTQgNDcgLTIyMSA2MQotMzI3IDM1eiIvPgo8cGF0aCBkPSJNNDUzMCAyNTk3IGMtODIgLTIzIC0xNDEgLTYxIC0yMDUgLTEyOCAtMTA5IC0xMTYgLTE1MyAtMjQyIC0xNDIKLTQwNyA3IC0xMTEgMjcgLTE3NCA3OSAtMjUyIDUwIC03NiAxMzQgLTE0MCAyMjAgLTE3MCA3NyAtMjYgMjEzIC0zNiAyOTMgLTIxCjgwIDE1IDE5MSA3MCAyMzkgMTIwIGw0MCA0MSAtMzQgNzAgYy0xOSAzOCAtMzUgNzAgLTM3IDcwIC0xIDAgLTMwIC0xOCAtNjMKLTM5IC04OCAtNTcgLTE1MCAtNzYgLTI1MCAtNzYgLTkyIDAgLTE0NSAxOSAtMjAzIDc0IC0yOCAyNSAtNjcgOTAgLTY3IDExMCAwCjUgMjggMTIgNjMgMTUgMzQgMyAxNjMgMTUgMjg2IDI3IDIzMCAyMSAyODEgMzIgMzAwIDY3IDI3IDUxIDMgMjAzIC00NiAyOTQKLTM5IDcyIC0xMzkgMTYxIC0yMTAgMTg4IC03MSAyNyAtMTk5IDM1IC0yNjMgMTd6IG0xNzUgLTE5NiBjOTQgLTQyIDE2NCAtMTc5CjEwMSAtMTk1IC00NiAtMTEgLTI4MSAtMzYgLTM0MyAtMzYgbC02MyAwIDAgMzcgYzAgNzcgNzEgMTcwIDE1MSAxOTkgNDkgMTgKMTA4IDE2IDE1NCAtNXoiLz4KPHBhdGggZD0iTTI0MDIgMjU4NSBjLTE0OCAtNDIgLTI3MiAtMTU3IC0zMjQgLTMwMiAtMjYgLTczIC0zNCAtMjA5IC0xOSAtMjg2CjI4IC0xMzAgMTM3IC0yNzkgMjQ4IC0zMzYgMTM1IC02OCAzMDMgLTY2IDQzNSA2IDYyIDM0IDE1OCAxMzQgMTkyIDIwMSA2OAoxMzUgNzUgMzExIDE2IDQ0NyAtNDYgMTA1IC0xNjAgMjE0IC0yNjcgMjU1IC03NSAyOSAtMjA4IDM2IC0yODEgMTV6IG0yMzQKLTIxMyBjNDkgLTI1IDEwMSAtODEgMTI0IC0xMzYgNzkgLTE4MiAtMzIgLTQwNCAtMjExIC00MjMgLTExNCAtMTEgLTIwMiA0MAotMjU5IDE1MSAtMzEgNjEgLTM1IDc3IC0zNCAxNDUgMSAxMzkgNzIgMjQyIDE5NCAyODIgNDEgMTQgMTQyIDMgMTg2IC0xOXoiLz4KPC9nPgo8L3N2Zz4K");
  background-size: contain;
  width: 46px;
}

.atma-editor .qicon.qiframe_pptx {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDIwMDEwOTA0Ly9FTiIKICJodHRwOi8vd3d3LnczLm9yZy9UUi8yMDAxL1JFQy1TVkctMjAwMTA5MDQvRFREL3N2ZzEwLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4wIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiB3aWR0aD0iNTEyLjAwMDAwMHB0IiBoZWlnaHQ9IjUxMi4wMDAwMDBwdCIgdmlld0JveD0iMCAwIDUxMi4wMDAwMDAgNTEyLjAwMDAwMCIKIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIG1lZXQiPgoKPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsNTEyLjAwMDAwMCkgc2NhbGUoMC4xMDAwMDAsLTAuMTAwMDAwKSIKZmlsbD0iIzAwMDAwMCIgc3Ryb2tlPSJub25lIj4KPHBhdGggZD0iTTgzMCA1MTA0IGMtNDIgLTE4IC04NiAtNTggLTEwOCAtOTkgLTE1IC0yNyAtMTcgLTEwOSAtMjAgLTg3MSBsLTMKLTg0MiAtOTIgLTQgYy0xMTIgLTUgLTE3OSAtMzIgLTIzNSAtOTIgLTgxIC04OCAtNzcgLTM5IC03NyAtOTQ2IDAgLTgwMSAwCi04MDUgMjEgLTg1MSA1NCAtMTE2IDE0MCAtMTY5IDI5MSAtMTc3IGw5MiAtNSAzIC01MzYgYzMgLTU4OCAxIC01NjIgNjUgLTYyMwo2NSAtNjIgLTYxIC01OCAxNzkzIC01OCAxODU0IDAgMTcyOCAtNCAxNzkzIDU4IDY0IDYxIDYyIDM1IDY1IDYyMyBsMyA1MzYgOTIKNSBjMTUxIDggMjM3IDYxIDI5MSAxNzcgMjEgNDYgMjEgNTAgMjEgODUxIDAgOTA3IDQgODU4IC03NyA5NDYgLTU2IDYwIC0xMjMKODcgLTIzNSA5MiBsLTkzIDQgLTEgMzAyIGMtMSAxNjUgLTQgMzEyIC04IDMyNiAtOCAzMCAtOTk0IDExNjAgLTEwMzMgMTE4NAotMjQgMTUgLTEzOCAxNiAtMTI3MCAxNiAtMTA4OCAtMSAtMTI0NyAtMyAtMTI3OCAtMTZ6IG0yNDAwIC03MTQgbDAgLTUzMCAyOQotMzIgMjkgLTMzIDQ2NiAtMyA0NjYgLTMgMCAtMjQ5IDAgLTI1MCAtMTY2MCAwIC0xNjYwIDAgMCA4MTUgMCA4MTUgMTE2NSAwCjExNjUgMCAwIC01MzB6IG0tMTk2NSAtMTU0NSBjMTQyIC0zMCAyMzMgLTEwMCAyNzYgLTIxNCAyOSAtNzggMjQgLTIwMiAtMTIKLTI4MSAtNjYgLTE0MSAtMjIzIC0yMTkgLTQ0NiAtMjIwIGwtNzMgMCAwIC0xOTUgMCAtMTk1IC0xMjUgMCAtMTI1IDAgMCA1NDkKMCA1NDkgNzggNyBjNDIgNCA4MiA4IDg3IDEwIDMwIDEwIDI3OCAzIDM0MCAtMTB6IG05NDQgNCBjMTc1IC0zMCAyOTIgLTEzNwozMTAgLTI4MyAxNCAtMTE0IC0xOSAtMjMwIC05MCAtMzExIC02MyAtNzIgLTIyNCAtMTI0IC0zODYgLTEyNSBsLTczIDAgMAotMTk1IDAgLTE5NSAtMTI1IDAgLTEyNSAwIDAgNTQ1IGMwIDQyNyAzIDU0NyAxMyA1NTAgNTcgMjIgMzc1IDMxIDQ3NiAxNHoKbTEyNTEgLTEwNCBsMCAtMTA1IC0xNTUgMCAtMTU1IDAgMCAtNDUwIDAgLTQ1MCAtMTI1IDAgLTEyNSAwIDAgNDUwIDAgNDUwCi0xNTAgMCAtMTUwIDAgMCAxMDUgMCAxMDUgNDMwIDAgNDMwIDAgMCAtMTA1eiBtNDQ3IC0yOCBjMzQgLTcyIDc0IC0xNTggODkKLTE5MCAxNCAtMzIgMzAgLTU1IDM0IC01MCA1IDQgMjMgNDQgNDAgODcgMTcgNDQgNTMgMTI2IDgwIDE4MyBsNDkgMTAzIDE0MCAwCmM3OCAwIDE0MSAtMiAxNDEgLTUgMCAtMyAtNjcgLTEyMSAtMTUwIC0yNjQgLTgyIC0xNDIgLTE1MCAtMjYyIC0xNTIgLTI2OCAtMgotNSA2NSAtMTI2IDE0NyAtMjY4IDgzIC0xNDIgMTU2IC0yNjkgMTYzIC0yODIgbDEzIC0yMyAtMTQ2IDAgLTE0NSAwIC05NyAxOTUKYy01NCAxMDcgLTEwMCAxOTUgLTEwMyAxOTUgLTMgMCAtMjMgLTQxIC00NCAtOTEgLTIxIC01MCAtNjAgLTEzOCAtODcgLTE5NQpsLTQ5IC0xMDQgLTE0MCAwIGMtNzcgMCAtMTQwIDMgLTE0MCA2IDAgNCA2NyAxMjQgMTQ5IDI2OCA4MyAxNDQgMTUzIDI2OSAxNTYKMjc3IDQgMTAgLTUyIDExOSAtMTQ1IDI4MiAtODIgMTQ3IC0xNTAgMjY5IC0xNTAgMjcyIDAgMyA2NCA1IDE0MyA1IGwxNDIgMAo2MiAtMTMzeiBtMzEzIC0xOTc3IGwwIC00ODAgLTE2NjAgMCAtMTY2MCAwIDAgNDgwIDAgNDgwIDE2NjAgMCAxNjYwIDAgMAotNDgweiIvPgo8cGF0aCBkPSJNMTAyOCAyNjY0IGMtMTYgLTUgLTE4IC0yMiAtMTggLTE2OCBsMCAtMTYzIDQ0IC01IGM2NCAtOCAxNDQgOCAxODYKMzYgOTkgNjUgOTQgMjIwIC05IDI4MCAtMzMgMTkgLTE2MiAzMiAtMjAzIDIweiIvPgo8cGF0aCBkPSJNMTk4OCAyNjY0IGMtMTYgLTUgLTE4IC0yMiAtMTggLTE2OCBsMCAtMTYzIDQxIC02IGM1MSAtNyAxMzcgNiAxNzYKMjYgNTggMzAgODQgNzggODQgMTUzIDAgMTA2IC01OCAxNTUgLTE5MSAxNjAgLTQxIDIgLTgzIDEgLTkyIC0yeiIvPgo8L2c+Cjwvc3ZnPgo=");
  background-size: contain;
  width: 28px;
  height: 20px;
  margin-top: 4px;
}

.atma-editor .qicon.qiframe_pdf {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjU1MC44MDFweCIgaGVpZ2h0PSI1NTAuODAxcHgiIHZpZXdCb3g9IjAgMCA1NTAuODAxIDU1MC44MDEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDU1MC44MDEgNTUwLjgwMTsiDQoJIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggZD0iTTE2MC4zODEsMjgyLjIyNWMwLTE0LjgzMi0xMC4yOTktMjMuNjg0LTI4LjQ3NC0yMy42ODRjLTcuNDE0LDAtMTIuNDM3LDAuNzE1LTE1LjA3MSwxLjQzMlYzMDcuNg0KCQljMy4xMTQsMC43MDcsNi45NDIsMC45NDksMTIuMTkyLDAuOTQ5QzE0OC40MTksMzA4LjU0OSwxNjAuMzgxLDI5OC43NCwxNjAuMzgxLDI4Mi4yMjV6Ii8+DQoJPHBhdGggZD0iTTI3Mi44NzUsMjU5LjAxOWMtOC4xNDUsMC0xMy4zOTcsMC43MTctMTYuNTE5LDEuNDM1djEwNS41MjNjMy4xMTYsMC43MjksOC4xNDIsMC43MjksMTIuNjksMC43MjkNCgkJYzMzLjAxNywwLjIzMSw1NC41NTQtMTcuOTQ2LDU0LjU1NC01Ni40NzRDMzIzLjg0MiwyNzYuNzE5LDMwNC4yMTUsMjU5LjAxOSwyNzIuODc1LDI1OS4wMTl6Ii8+DQoJPHBhdGggZD0iTTQ4OC40MjYsMTk3LjAxOUg0NzUuMnYtNjMuODE2YzAtMC4zOTgtMC4wNjMtMC43OTktMC4xMTYtMS4yMDJjLTAuMDIxLTIuNTM0LTAuODI3LTUuMDIzLTIuNTYyLTYuOTk1TDM2Ni4zMjUsMy42OTQNCgkJYy0wLjAzMi0wLjAzMS0wLjA2My0wLjA0Mi0wLjA4NS0wLjA3NmMtMC42MzMtMC43MDctMS4zNzEtMS4yOTUtMi4xNTEtMS44MDRjLTAuMjMxLTAuMTU1LTAuNDY0LTAuMjg1LTAuNzA2LTAuNDE5DQoJCWMtMC42NzYtMC4zNjktMS4zOTMtMC42NzUtMi4xMzEtMC44OTZjLTAuMi0wLjA1Ni0wLjM4LTAuMTM4LTAuNTgtMC4xOUMzNTkuODcsMC4xMTksMzU5LjAzNywwLDM1OC4xOTMsMEg5Ny4yDQoJCWMtMTEuOTE4LDAtMjEuNiw5LjY5My0yMS42LDIxLjYwMXYxNzUuNDEzSDYyLjM3N2MtMTcuMDQ5LDAtMzAuODczLDEzLjgxOC0zMC44NzMsMzAuODczdjE2MC41NDUNCgkJYzAsMTcuMDQzLDEzLjgyNCwzMC44NywzMC44NzMsMzAuODdoMTMuMjI0VjUyOS4yYzAsMTEuOTA3LDkuNjgyLDIxLjYwMSwyMS42LDIxLjYwMWgzNTYuNGMxMS45MDcsMCwyMS42LTkuNjkzLDIxLjYtMjEuNjAxDQoJCVY0MTkuMzAyaDEzLjIyNmMxNy4wNDQsMCwzMC44NzEtMTMuODI3LDMwLjg3MS0zMC44N3YtMTYwLjU0QzUxOS4yOTcsMjEwLjgzOCw1MDUuNDcsMTk3LjAxOSw0ODguNDI2LDE5Ny4wMTl6IE05Ny4yLDIxLjYwNQ0KCQloMjUwLjE5M3YxMTAuNTEzYzAsNS45NjcsNC44NDEsMTAuOCwxMC44LDEwLjhoOTUuNDA3djU0LjEwOEg5Ny4yVjIxLjYwNXogTTM2Mi4zNTksMzA5LjAyM2MwLDMwLjg3Ni0xMS4yNDMsNTIuMTY1LTI2LjgyLDY1LjMzMw0KCQljLTE2Ljk3MSwxNC4xMTctNDIuODIsMjAuODE0LTc0LjM5NiwyMC44MTRjLTE4LjksMC0zMi4yOTctMS4xOTctNDEuNDAxLTIuMzg5VjIzNC4zNjVjMTMuMzk5LTIuMTQ5LDMwLjg3OC0zLjM0Niw0OS4zMDQtMy4zNDYNCgkJYzMwLjYxMiwwLDUwLjQ3OCw1LjUwOCw2Ni4wMzksMTcuMjI2QzM1MS44MjgsMjYwLjY5LDM2Mi4zNTksMjgwLjU0NywzNjIuMzU5LDMwOS4wMjN6IE04MC43LDM5My40OTlWMjM0LjM2NQ0KCQljMTEuMjQxLTEuOTA0LDI3LjA0Mi0zLjM0Niw0OS4yOTYtMy4zNDZjMjIuNDkxLDAsMzguNTI3LDQuMzA4LDQ5LjI5MSwxMi45MjhjMTAuMjkyLDguMTMxLDE3LjIxNSwyMS41MzQsMTcuMjE1LDM3LjMyOA0KCQljMCwxNS43OTktNS4yNSwyOS4xOTgtMTQuODI5LDM4LjI4NWMtMTIuNDQyLDExLjcyOC0zMC44NjUsMTYuOTk2LTUyLjQwNywxNi45OTZjLTQuNzc4LDAtOS4xLTAuMjQzLTEyLjQzNS0wLjcyM3Y1Ny42N0g4MC43DQoJCVYzOTMuNDk5eiBNNDUzLjYwMSw1MjMuMzUzSDk3LjJWNDE5LjMwMmgzNTYuNFY1MjMuMzUzeiBNNDg0Ljg5OCwyNjIuMTI3aC02MS45ODl2MzYuODUxaDU3LjkxM3YyOS42NzRoLTU3LjkxM3Y2NC44NDhoLTM2LjU5Mw0KCQlWMjMyLjIxNmg5OC41ODJWMjYyLjEyN3oiLz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjwvc3ZnPg0K");
  background-size: contain;
  width: 28px;
  height: 20px;
  margin-top: 4px;
}

.atma-editor .qicon.qexport_pdf {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAAsTAAALEwEAmpwYAAACG0lEQVR4nO2Zuy4FQRjHf+dEKLU6HoCOB9A6Sl5AoqciKhEkoqCiQTwEDQq3RtDzAjQuIYR1ycokc5LJZHfNnJ2Zs4f9ki9rze3/2/nmO5MZKK200kysDZgGLoAIiKV/AHNa3UXgU6mT5jdAlUDijzKEPGr1XwzE130zBMR0hoA8MxAM4lIZTMC05+wvCWLLJ4Qa83nFkzETW74g1EFc97ceAsInQCUEhE8AQkC4BlDXVGcICNcA5xYp9raIAEMWAHERAYTVgDMtnFoKIOiYcQlgb3E5A38hhHqAA8uU58P3ge5GAIogPlYgrM0kR4fyqFVi36mG3xoPA+/KFzoFBrSyL+AamJAbNr1dLP+uNQNgNmGqH4CulLLllHbvcn/UNADx7AB25Pu4UrYAjEiR30Cf1s50HUYhAHYTAOoiN+X7ZMIMnGRoECccb/LpDUD1ey2ETACOGxHnGiCSX7JfKxNfblQJoV7LEMplNiGUVqb6kkE73RblSZ9YS84BROp7SskgNSWNXgFjhu3SFrHo6//9kEWBtwufCdkmF0AzNnMvLgHEFnavlWegCGshLgFwf7wefAYulE5mPEIsAK/AqnImqgNUZbmoN+/iiqlRvwMGM+7WNqRYtU1V/r/+/mxzyXfoAWJbG2dVK9/45V3UxwZiSp4sR55moAKsFel2sxGrGEAUVrwJROHFIy0JomXE102IXZHZSTwTxf8AZpagqyQ5vmsAAAAASUVORK5CYII=");
  background-size: contain;
  width: 28px;
  height: 20px;
  margin-top: 4px;
}

.atma-editor .qicon.qclearMarks {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2215%22%20height%3D%2215%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.574%206.094%207.07%204.609l.47-1.093H5.995L3.965%201.484h9.355c.274%200%20.505.095.694.284.188.188.283.42.283.693a.943.943%200%200%201-.283.693.943.943%200%200%201-.694.284H9.707L8.574%206.094zm5.43%208.73L7.598%208.398l-1.465%203.438a.935.935%200%200%201-.362.43.976.976%200%200%201-.537.156.932.932%200%200%201-.82-.44.913.913%200%200%201-.078-.927l1.758-4.14L.176.995A.562.562%200%200%201%200%20.586C0%20.43.059.293.176.176A.562.562%200%200%201%20.586%200c.156%200%20.293.059.41.176l13.828%2013.828a.562.562%200%200%201%20.176.41.562.562%200%200%201-.176.41.562.562%200%200%201-.41.176.562.562%200%200%201-.41-.176z%22%20fill%3D%22%231D1D1F%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E");
}

.atma-editor .qicon.qbulletList {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2218%22%20height%3D%2212%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20transform%3D%22translate%280%20.496%29%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20fill%3D%22%231D1D1F%22%20cx%3D%222%22%20cy%3D%229%22%20r%3D%222%22%2F%3E%3Cpath%20stroke%3D%22%231D1D1F%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%20d%3D%22M8.5%209.004h8%22%2F%3E%3Ccircle%20fill%3D%22%231D1D1F%22%20cx%3D%222%22%20cy%3D%222%22%20r%3D%222%22%2F%3E%3Cpath%20stroke%3D%22%231D1D1F%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%20d%3D%22M8.5%202.004h8%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.atma-editor .qicon.qorderedList {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2218%22%20height%3D%2213%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20stroke%3D%22%231D1D1F%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%20d%3D%22M8.5%2010.5h8M8.5%203.5h8%22%2F%3E%3Cpath%20d%3D%22M2.229%206.085c.434%200%20.724-.28.724-.714V1.792c0-.495-.307-.81-.83-.81-.28%200-.53.028-.817.22l-.896.597a.565.565%200%200%200-.273.496.47.47%200%200%200%20.478.489.512.512%200%200%200%20.339-.113l.523-.362h.027V5.37c0%20.434.29.714.725.714zM.974%2013h2.741c.363%200%20.568-.222.568-.547%200-.331-.205-.547-.568-.547H2.15v-.027l.899-.776c.765-.663%201.107-1.008%201.107-1.671%200-.896-.765-1.5-1.965-1.5-.861%200-1.555.365-1.815.953a.794.794%200%200%200-.065.321c0%20.349.226.564.595.564.277%200%20.45-.103.642-.383.185-.266.363-.386.622-.386.352%200%20.592.215.592.526%200%20.294-.158.51-.711.985L.694%2011.674c-.274.229-.397.434-.397.7%200%20.363.205.626.677.626z%22%20fill%3D%22%231D1D1F%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.atma-editor .qicon.qblockquote {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2219%22%20height%3D%2211%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20stroke%3D%22%231D1D1F%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%20d%3D%22M12.38%209.504h5%22%2F%3E%3Cg%20fill%3D%22%23222%22%20fill-rule%3D%22nonzero%22%3E%3Cpath%20d%3D%22M4.262%202.352c.047-.188%200-.282%200-.611C4.122.989%203.37.519%202.617.519c-.987%200-1.692.61-1.692%201.55%200%20.8.517%201.364%201.222%201.505L1.02%207.428h1.692l1.27-4.042c.14-.376.14-.658.281-1.034zM8.993%202.352c.047-.188%200-.282%200-.611C8.853.989%208.1.519%207.348.519c-.987%200-1.692.61-1.692%201.55%200%20.8.517%201.364%201.222%201.505L5.75%207.428h1.692l1.27-4.042c.14-.376.14-.658.281-1.034z%22%2F%3E%3C%2Fg%3E%3Cpath%20stroke%3D%22%231D1D1F%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%20d%3D%22M12.38%202.504h5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.atma-editor .qicon.qhardBreak {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2214%22%20height%3D%2213%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20stroke%3D%22%231D1D1F%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M1.148%206.24a.582.582%200%200%201-.41-.15.494.494%200%200%201-.163-.38c0-.153.054-.28.162-.38.109-.1.246-.15.411-.15h9.712c.765%200%201.408.25%201.931.75.523.5.784%201.104.784%201.81%200%20.705-.261%201.311-.784%201.817s-1.166.759-1.93.759H8.355l.88.794c.127.106.187.227.18.362a.516.516%200%200%201-.18.362.585.585%200%200%201-.412.158.555.555%200%200%201-.392-.14L6.578%2010.14a.54.54%200%200%201-.134-.177.483.483%200%200%201-.038-.194c0-.07.012-.135.038-.194a.54.54%200%200%201%20.134-.177l1.854-1.711a.627.627%200%200%201%20.411-.142c.16%200%20.29.047.392.142a.499.499%200%200%201%20.172.379.499.499%200%200%201-.172.38l-.88.811h2.505c.446%200%20.819-.15%201.119-.45.299-.3.449-.656.449-1.067%200-.412-.15-.765-.45-1.06a1.533%201.533%200%200%200-1.118-.44H1.148z%22%20stroke-width%3D%22.32%22%20fill%3D%22%231D1D1F%22%2F%3E%3Cpath%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%20d%3D%22M1.042%201.68h12M1.042%209.68h3.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.atma-editor .qicon.qundo {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2211%22%20height%3D%2211%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.587%203.104h3.308c2.185%200%203.662%201.181%204.016%203.012.355%201.595-.236%203.308-1.358%204.017a.608.608%200%201%201-.59-1.063c.649-.354%201.062-1.595.826-2.717-.295-1.24-1.24-2.068-2.894-2.068H2.587l1.95%201.95a.59.59%200%201%201-.828.827L.756%204.108a.59.59%200%200%201%200-.827L3.709.328a.59.59%200%200%201%20.827.827l-1.95%201.949z%22%20stroke%3D%22%231D1D1F%22%20stroke-width%3D%22.3%22%20fill%3D%22%231D1D1F%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E");
}

.atma-editor .qicon.qredo {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2211%22%20height%3D%2211%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M7.93%204.406H4.623c-1.653%200-2.598.827-2.893%202.067-.237%201.18.177%202.362.826%202.716a.608.608%200%200%201-.59%201.063C.785%209.544.253%207.832.608%206.237c.354-1.772%201.771-3.012%204.015-3.012H7.93L5.981%201.276A.59.59%200%201%201%206.808.45l2.953%202.952a.59.59%200%200%201%200%20.827L6.808%207.182a.59.59%200%200%201-.827-.827l1.95-1.949z%22%20stroke%3D%22%231D1D1F%22%20stroke-width%3D%22.3%22%20fill%3D%22%231D1D1F%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E");
}

.atma-editor .qicon.qlink {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2214%22%20height%3D%2215%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20stroke%3D%22%231D1D1F%22%20stroke-width%3D%221.4%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5.8%207.958a3%203%200%200%200%204.524.324l1.8-1.8A3%203%200%200%200%207.882%202.24L6.85%203.266%22%2F%3E%3Cpath%20d%3D%22M8.2%206.758a3%203%200%200%200-4.524-.324l-1.8%201.8a3%203%200%200%200%204.242%204.242l1.026-1.026%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.atma-editor .qicon.qimage {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20transform%3D%22translate%281.107%20.622%29%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20stroke%3D%22%231F1E1D%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20width%3D%2212%22%20height%3D%2212%22%20rx%3D%222%22%2F%3E%3Ccircle%20fill%3D%22%231F1E1D%22%20cx%3D%223.667%22%20cy%3D%223.667%22%20r%3D%221%22%2F%3E%3Cpath%20stroke%3D%22%231F1E1D%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m11.467%208.006-3-3.273-6.6%207.2%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.atma-editor .qicon.qhr {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2219%22%20height%3D%223%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20stroke%3D%22%231D1D1F%22%20stroke-width%3D%221.4%22%20d%3D%22M1.517%201.475h16%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E");
}

.atma-editor .qicon.qvideo {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2218%22%20height%3D%2214%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20transform%3D%22translate%28.623%20.597%29%22%20stroke%3D%22%231F1E1D%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20fill%3D%22%231F1E1D%22%20d%3D%22M6.71%203.99v4l3.654-2z%22%2F%3E%3Crect%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%20width%3D%2216%22%20height%3D%2212%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.atma-editor .qicon.qiframe {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2218%22%20height%3D%2214%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.623.597h12a2%202%200%200%201%202%202v8a2%202%200%200%201-2%202h-12a2%202%200%200%201-2-2v-8a2%202%200%200%201%202-2z%22%20stroke%3D%22%231F1E1D%22%20stroke-width%3D%221.2%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke-dasharray%3D%222.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
}

.atma-editor .qicon.qiframe_custom {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2221%22%20height%3D%2214%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.262%2013.837c.388.103.74-.11.857-.498L12.766.837C12.87.485%2012.7.134%2012.312.03c-.38-.102-.71.044-.842.498L7.844%2012.966c-.117.395.008.761.418.871zM20.53%206.923a.742.742%200%200%200-.25-.556l-4.892-4.41c-.315-.278-.718-.278-.974.008-.256.285-.22.703.073.967l4.41%203.991-4.41%203.992c-.293.264-.33.674-.073.967.256.285.66.285.974.007l4.893-4.416a.716.716%200%200%200%20.249-.55zM0%206.923c0%20.205.088.403.256.55l4.893%204.416c.308.278.718.278.974-.007.256-.293.212-.703-.08-.967L1.64%206.923l4.401-3.991c.293-.264.337-.682.081-.967-.256-.286-.666-.286-.974-.008L.256%206.367A.75.75%200%200%200%200%206.923z%22%20fill%3D%22%231D1D1F%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E");
}

.atma-editor .qicon.qaudio {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' version='1.1'%3E%3Cpath style='fill:%23222222;stroke:%23666666' d='M 41,65 41,1.4 89,11 89,86 c 0,0 -9,12 -28,5 -8,-3 -7,-12 2,-15 9,-3 15,-1 20,1 L 83,24 47,14 47,72 c 0,0 -5,14 -26,8 -7,-2 -11.8,-12 1,-16 7,-2 14,-2 19,1 z'/%3E%3C/svg%3E");
}

.atma-editor .qicon.qinsertTable {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2215%22%20height%3D%2214%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20transform%3D%22translate%281.517%20.975%29%22%20stroke%3D%22%231F1E1D%22%20stroke-width%3D%221.2%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20stroke-linecap%3D%22square%22%20d%3D%22M.976%205.967h11M6.035.033v11%22%2F%3E%3Crect%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20width%3D%2212%22%20height%3D%2212%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.atma-editor .qicon.qdeleteTable {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20transform%3D%22translate%281%201%29%22%20stroke%3D%22%231F1E1D%22%20stroke-width%3D%221.2%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke-linecap%3D%22round%22%3E%3Crect%20stroke-linejoin%3D%22round%22%20width%3D%2212%22%20height%3D%2212%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22m8.05%203.857-4%204M4.05%203.857l4%204%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.atma-editor .qicon.qaddRowBefore {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2214%22%20height%3D%2219%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20transform%3D%22translate%281%29%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20stroke%3D%22%231F1E1D%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20y%3D%226%22%20width%3D%2212%22%20height%3D%2212%22%20rx%3D%222%22%2F%3E%3Ccircle%20fill%3D%22%231F1E1D%22%20cx%3D%226%22%20cy%3D%225%22%20r%3D%225%22%2F%3E%3Cpath%20stroke%3D%22%23FFF%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%20d%3D%22M4%205h4M6%207V3%22%2F%3E%3Cpath%20stroke%3D%22%231F1E1D%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22square%22%20d%3D%22M.976%2011.967h11M6.009%2012.482v5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.atma-editor .qicon.qaddRowAfter {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2214%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20transform%3D%22rotate%28-180%206.5%209.513%29%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20stroke%3D%22%231F1E1D%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20y%3D%226%22%20width%3D%2212%22%20height%3D%2212%22%20rx%3D%222%22%2F%3E%3Ccircle%20fill%3D%22%231F1E1D%22%20cx%3D%226%22%20cy%3D%225%22%20r%3D%225%22%2F%3E%3Cpath%20stroke%3D%22%23FFF%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%20d%3D%22M4%205h4M6%207V3%22%2F%3E%3Cpath%20stroke%3D%22%231F1E1D%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22square%22%20d%3D%22M.976%2011.967h11M6.009%2012.482v5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.atma-editor .qicon.qdeleteRow {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20transform%3D%22rotate%2890%206%207%29%22%20stroke%3D%22%231F1E1D%22%20stroke-width%3D%221.2%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20width%3D%2212%22%20height%3D%2212%22%20rx%3D%222%22%2F%3E%3Cpath%20stroke-linecap%3D%22square%22%20d%3D%22M4.678%2010.002v1M7.678%2010.002v1M4.678%201.002v1M7.678%201.002v1%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22m8.05%203.857-4%204M4.05%203.857l4%204%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.atma-editor .qicon.qaddColumnBefore {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2220%22%20height%3D%2214%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20transform%3D%22rotate%28-90%206.835%206.19%29%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20stroke%3D%22%231F1E1D%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20y%3D%226%22%20width%3D%2212%22%20height%3D%2212%22%20rx%3D%222%22%2F%3E%3Ccircle%20fill%3D%22%231F1E1D%22%20cx%3D%226%22%20cy%3D%225%22%20r%3D%225%22%2F%3E%3Cpath%20stroke%3D%22%23FFF%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%20d%3D%22M4%205h4M6%207V3%22%2F%3E%3Cpath%20stroke%3D%22%231F1E1D%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22square%22%20d%3D%22M.976%2011.967h11M6.009%2012.482v5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.atma-editor .qicon.qaddColumnAfter {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2219%22%20height%3D%2214%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20transform%3D%22rotate%2890%208.81%209.835%29%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20stroke%3D%22%231F1E1D%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20y%3D%226%22%20width%3D%2212%22%20height%3D%2212%22%20rx%3D%222%22%2F%3E%3Ccircle%20fill%3D%22%231F1E1D%22%20cx%3D%226%22%20cy%3D%225%22%20r%3D%225%22%2F%3E%3Cpath%20stroke%3D%22%23FFF%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%20d%3D%22M4%205h4M6%207V3%22%2F%3E%3Cpath%20stroke%3D%22%231F1E1D%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22square%22%20d%3D%22M.976%2011.967h11M6.009%2012.482v5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.atma-editor .qicon.qdeleteColumn {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20transform%3D%22translate%281%201%29%22%20stroke%3D%22%231F1E1D%22%20stroke-width%3D%221.2%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20width%3D%2212%22%20height%3D%2212%22%20rx%3D%222%22%2F%3E%3Cpath%20stroke-linecap%3D%22square%22%20d%3D%22M4.678%2010.002v1M7.678%2010.002v1M4.678%201.002v1M7.678%201.002v1%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22m8.05%203.857-4%204M4.05%203.857l4%204%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.atma-editor .qicon.qmergeOrSplit {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20transform%3D%22rotate%2890%205.81%206.835%29%22%20stroke%3D%22%231F1E1D%22%20stroke-width%3D%221.2%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20width%3D%2212%22%20height%3D%2212%22%20rx%3D%222%22%2F%3E%3Cpath%20stroke-linecap%3D%22square%22%20d%3D%22M.976%207.967h11M4.065.637v11M4.057%208.54v3M3.437%203.906h-3M8.057%208.54v3%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.atma-editor .qicon.qtoggleHeaderCell {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2214%22%20height%3D%2219%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20transform%3D%22translate%281%29%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20stroke%3D%22%231F1E1D%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20y%3D%226%22%20width%3D%2212%22%20height%3D%2212%22%20rx%3D%222%22%2F%3E%3Ccircle%20fill%3D%22%231F1E1D%22%20cx%3D%226%22%20cy%3D%225%22%20r%3D%225%22%2F%3E%3Cpath%20d%3D%22M4.408%207.548c.397%200%20.626-.236.626-.653V5.487h1.965v1.408c0%20.417.23.653.626.653s.625-.236.625-.653V3.118c0-.417-.229-.653-.625-.653-.397%200-.626.236-.626.653v1.357H5.034V3.118c0-.417-.229-.653-.626-.653-.396%200-.628.236-.628.653v3.777c0%20.417.232.653.628.653z%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%2F%3E%3Cpath%20stroke%3D%22%231F1E1D%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22square%22%20d%3D%22M.976%2011.967h11M6.009%2012.482v5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.atma-editor .qicon.qalignLeft {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20transform%3D%22translate%28.303%20.805%29%22%20fill%3D%22%231D1D1F%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20width%3D%2213.4%22%20height%3D%221.4%22%20rx%3D%22.7%22%2F%3E%3Crect%20y%3D%228%22%20width%3D%2213.4%22%20height%3D%221.4%22%20rx%3D%22.7%22%2F%3E%3Crect%20y%3D%224%22%20width%3D%227.4%22%20height%3D%221.4%22%20rx%3D%22.7%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.atma-editor .qicon.qalignCenter {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20stroke%3D%22%231D1D1F%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20d%3D%22M.7%201.559h12M4.05%205.559h5.3M.7%209.559h12%22%2F%3E%3C%2Fsvg%3E");
}

.atma-editor .qicon.qalignRight {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20stroke%3D%22%231D1D1F%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20d%3D%22M.7%201.559h12M7.4%205.559h5.3M.7%209.559h12%22%2F%3E%3C%2Fsvg%3E");
}

.atma-editor .qicon.qcolorText {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2211%22%20height%3D%2214%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1.274%2013.123c.396%200%20.624-.185.774-.606L3.164%209.37h5.019l1.125%203.147c.149.421.378.606.773.606.457%200%20.791-.29.791-.694%200-.115-.026-.246-.097-.44L6.688.95c-.193-.518-.51-.756-.993-.756-.518%200-.843.246-1.037.765L.58%2011.989c-.07.194-.097.325-.097.44%200%20.404.334.694.791.694zm2.347-5.098%202.03-5.783h.053l2.03%205.783H3.621z%22%20fill%3D%22%231F1E1D%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E");
}

.atma-editor .qicon.qhighlight {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2217%22%20height%3D%2216%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20transform%3D%22translate%28.136%20.136%29%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20stroke%3D%22%231D1D1F%22%20stroke-width%3D%221.2%22%20transform%3D%22rotate%2845%206.364%206.364%29%22%20x%3D%222.464%22%20y%3D%222.464%22%20width%3D%227.8%22%20height%3D%227.8%22%20rx%3D%222%22%2F%3E%3Cpath%20stroke%3D%22%231D1D1F%22%20stroke-width%3D%221.2%22%20d%3D%22M1.52%206.364h9.714%22%2F%3E%3Cpath%20d%3D%22M13.34%2015.063c1.665%200%202.774-1.086%202.774-2.71%200-.794-.316-1.61-.598-2.216-.414-.91-1.09-1.898-1.68-2.8-.136-.211-.308-.317-.495-.317-.192%200-.364.106-.5.317-.594.91-1.278%201.91-1.692%202.832-.273.59-.586%201.398-.586%202.183%200%201.625%201.11%202.711%202.778%202.711z%22%20fill%3D%22%231F1E1D%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.atma-editor .qicon.qfile {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%229%22%20height%3D%2216%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M4.85%2015c-1.062%200-1.969-.365-2.721-1.094C1.376%2013.177%201%2012.282%201%2011.22V3.695c0-.747.265-1.382.796-1.908A2.627%202.627%200%200%201%203.713%201c.758%200%201.4.262%201.925.787.524.526.787%201.167.787%201.926v6.894c0%20.444-.152.82-.455%201.13-.303.308-.677.463-1.12.463-.443%200-.817-.166-1.12-.499a1.694%201.694%200%200%201-.455-1.181V4.01c0-.093.035-.175.105-.245a.336.336%200%200%201%20.49%200c.07.07.105.152.105.245v6.562c0%20.257.085.476.254.657.169.18.376.271.621.271a.83.83%200%200%200%20.621-.262.874.874%200%200%200%20.254-.63V3.694c0-.56-.195-1.033-.586-1.417A1.956%201.956%200%200%200%203.713%201.7c-.56%200-1.036.193-1.427.578-.39.384-.586.857-.586%201.417v7.56c0%20.852.31%201.572.928%202.161.618.59%201.359.884%202.222.884.875%200%201.619-.298%202.231-.893.613-.595.919-1.324.919-2.187V4.01c0-.093.035-.175.105-.245a.336.336%200%200%201%20.49%200c.07.07.105.152.105.245v7.192c0%201.062-.376%201.96-1.129%202.696C6.82%2014.632%205.911%2015%204.85%2015z%22%20fill%3D%22%231D1D1F%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%231D1D1F%22%20stroke-width%3D%22.5%22%2F%3E%3C%2Fsvg%3E");
}

.atma-editor .qicon.qvoicemessage {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='16' viewBox='0 0 12 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.93333 2.00001C4.70151 2.00001 3.66667 3.03486 3.66667 4.26667V6.86667C3.66667 8.09849 4.70151 9.13334 5.93333 9.13334C7.2576 9.13334 8.25067 8.14641 8.20053 6.89334C8.20018 6.88445 8.2 6.87556 8.2 6.86667V4.26667C8.2 3.03486 7.16516 2.00001 5.93333 2.00001ZM2.33333 4.26667C2.33333 2.29848 3.96516 0.666672 5.93333 0.666672C7.90151 0.666672 9.53333 2.29848 9.53333 4.26667V6.85401C9.60849 8.92721 7.93791 10.4667 5.93333 10.4667C3.96516 10.4667 2.33333 8.83485 2.33333 6.86667V4.26667ZM0.666667 6.20001C1.03486 6.20001 1.33333 6.49849 1.33333 6.86667C1.33333 9.43485 3.43444 11.5248 5.98485 11.4669L6 11.4667C8.504 11.4667 10.6 9.42632 10.6 6.86667C10.6 6.49849 10.8985 6.20001 11.2667 6.20001C11.6348 6.20001 11.9333 6.49849 11.9333 6.86667C11.9333 9.96654 9.55742 12.4684 6.6 12.7696V14.6667C6.6 15.0349 6.30156 15.3333 5.93333 15.3333C5.56516 15.3333 5.26667 15.0349 5.26667 14.6667V12.7693C2.30219 12.4576 0 9.91312 0 6.86667C0 6.49849 0.298476 6.20001 0.666667 6.20001Z' fill='%23151618'/%3E%3C/svg%3E");
}

.atma-editor .qicon.qscreencust {
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.075 1V0.925H8H3C1.85403 0.925 0.925 1.85403 0.925 3V11C0.925 12.146 1.85403 13.075 3 13.075H14C15.146 13.075 16.075 12.146 16.075 11V9V8.925H16H15H14.925V9V11C14.925 11.5109 14.5109 11.925 14 11.925H3C2.48911 11.925 2.075 11.5109 2.075 11V3C2.075 2.48911 2.48911 2.075 3 2.075H8H8.075V2V1ZM4.5 13.925C4.18246 13.925 3.925 14.1825 3.925 14.5C3.925 14.8175 4.18246 15.075 4.5 15.075H12.5C12.8175 15.075 13.075 14.8175 13.075 14.5C13.075 14.1825 12.8175 13.925 12.5 13.925H4.5ZM15.5 0.925H11C10.6825 0.925 10.425 1.18246 10.425 1.5C10.425 1.81754 10.6825 2.075 11 2.075H14.1118L9.09345 7.09339C8.86885 7.31799 8.86885 7.68201 9.09345 7.90661C9.31799 8.13115 9.68207 8.13115 9.90661 7.90661L14.925 2.88816V6C14.925 6.31754 15.1825 6.575 15.5 6.575C15.8176 6.575 16.075 6.31754 16.075 6V1.5C16.075 1.18246 15.8176 0.925 15.5 0.925Z' fill='%23151618' stroke='%23151618' stroke-width='0.15'/%3E%3C/svg%3E");
}

.atma-editor .qicon.qwebcamera {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.27273 2.46667C1.27273 1.82524 1.74901 1.33333 2.32851 1.33333H7.21696C7.79643 1.33333 8.27273 1.82524 8.27273 2.46667V3.00164C8.27252 3.01142 8.27252 3.0212 8.27273 3.03102V7.53333C8.27273 8.12422 7.7815 8.66667 7.21696 8.66667H2.32851C1.76398 8.66667 1.27273 8.12422 1.27273 7.53333V2.46667ZM9.54545 3.44462V7.53333C9.54545 8.80911 8.53258 10 7.21696 10H2.32851C1.01288 10 0 8.80911 0 7.53333V2.46667C0 1.10811 1.02785 0 2.32851 0H7.21696C8.36458 0 9.29982 0.862711 9.50401 1.99898L12.0515 0.781853C12.0704 0.772787 12.0898 0.764702 12.1096 0.757631C12.5346 0.605311 12.9875 0.64676 13.3512 0.864022C13.7212 1.08499 14 1.49567 14 2.0144V7.96102C14 8.49769 13.6881 8.91382 13.3323 9.13142C12.9765 9.34902 12.4888 9.42467 12.0386 9.18742L10.8723 8.63018C10.5525 8.47738 10.4115 8.08196 10.5574 7.74698C10.7032 7.412 11.0807 7.26427 11.4004 7.41702L12.5796 7.9804C12.5897 7.98524 12.5997 7.9904 12.6096 7.99578C12.6143 7.99831 12.6204 8.00067 12.6331 7.99982C12.648 7.99889 12.669 7.9932 12.6907 7.97991C12.7101 7.96804 12.7218 7.9552 12.7273 7.94747V2.02649C12.7255 2.02524 12.7235 2.02387 12.721 2.02236C12.694 2.00627 12.6313 1.98702 12.5442 2.01191L9.54545 3.44462Z' fill='%23151618'/%3E%3C/svg%3E");
}

.atma-editor .qicon.qsuperscript {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%0A%3E%3Cpath d='m4 19 8-8' /%3E%3Cpath d='m12 19-8-8' /%3E%3Cpath d='m20 12h-4c0-1.5 0.4417-2 1.5-2.5s2.5-1.1662 2.5-2.4985c7e-4 -0.47197-0.1706-0.92895-0.4837-1.29-0.313-0.36106-0.7475-0.60291-1.2266-0.6827s-0.9719 0.00763-1.3909 0.24676c-0.4191 0.23914-0.7375 0.61457-0.8988 1.0598' /%3E%3C/svg%3E");
}

.atma-editor .qicon.qsubscript {
  background-image: url("data:image/svg+xml,%3Csvg fill='%23000000' width='14' height='14' viewBox='0 0 14 14'  xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.95438741,4.5 L8.7850203,7.30626765 C9.17584914,7.69373235 9.17584914,8.32193676 8.7850203,8.70940147 C8.39419145,9.09686618 7.7605327,9.09686618 7.36970385,8.70940147 L4.53907097,5.90313382 L1.70843808,8.70940147 C1.31760923,9.09686618 0.683950477,9.09686618 0.293121633,8.70940147 C-0.097707211,8.32193676 -0.097707211,7.69373235 0.293121633,7.30626765 L3.12375452,4.5 L0.293121633,1.69373235 C-0.097707211,1.30626765 -0.097707211,0.678063236 0.293121633,0.29059853 C0.683950477,-0.0968661766 1.31760923,-0.0968661766 1.70843808,0.29059853 L4.53907097,3.09686618 L7.36970385,0.29059853 C7.7605327,-0.0968661766 8.39419145,-0.0968661766 8.7850203,0.29059853 C9.17584914,0.678063236 9.17584914,1.30626765 8.7850203,1.69373235 L5.95438741,4.5 Z M14,12.3519235 L14,14 L9.07814193,14 L9.07814193,12.9855469 L9.17911195,12.740495 L10.9800051,10.826951 C11.4133348,10.392144 11.77981,10.0571893 11.9106676,9.81557985 C12.0353516,9.58536908 12.0941418,9.38912772 12.0941418,9.22851562 C12.0941418,9.08820171 12.0529006,8.98652895 11.9660329,8.90193322 C11.8784905,8.81668046 11.7672384,8.77460938 11.6114715,8.77460938 C11.4636071,8.77460938 11.3523966,8.82385579 11.2538919,8.93290599 C11.1476773,9.05049131 11.0872658,9.22080769 11.0789418,9.45806499 L11.067089,9.79589844 L9.2269351,9.79589844 L9.24400536,9.42973922 C9.27824372,8.69532221 9.51816978,8.09947682 9.96736119,7.66058259 C10.4175505,7.22071332 10.9973662,7 11.6859406,7 C12.1131716,7 12.4979375,7.09112961 12.8348078,7.27522069 C13.1746136,7.46091603 13.4472171,7.72952508 13.6486043,8.07526694 C13.8483691,8.41822347 13.9503539,8.77415268 13.9503539,9.13828125 C13.9503539,9.55406894 13.7188967,9.98681416 13.4907809,10.4451899 C13.2667292,10.8953993 12.9524998,11.3208384 12.4178891,12.0000117 L12.3003917,12.1228516 L12.0445871,12.3519235 L14,12.3519235 Z'/%3E%3C/svg%3E");
}

.atma-editor .qicon.qtoggleTableBorders {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+CiAgPHJlY3QgeD0iMyIgeT0iMyIgd2lkdGg9IjciIGhlaWdodD0iNyIgLz4KICA8cmVjdCB4PSIxNCIgeT0iMyIgd2lkdGg9IjciIGhlaWdodD0iNyIgLz4KICA8cmVjdCB4PSIzIiB5PSIxNCIgd2lkdGg9IjciIGhlaWdodD0iNyIgLz4KICA8cmVjdCB4PSIxNCIgeT0iMTQiIHdpZHRoPSI3IiBoZWlnaHQ9IjciIC8+CiAgPHBhdGggZD0iTTMgMTJoMTgiIC8+CiAgPHBhdGggZD0iTTEyIDN2MTgiIC8+Cjwvc3ZnPgo=");
}

.atma-editor .qicon.qinsertToggleBlock {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+CiAgPHJlY3QgeD0iMyIgeT0iNCIgd2lkdGg9IjE4IiBoZWlnaHQ9IjMiIHJ4PSIxIiAvPgogIDxyZWN0IHg9IjMiIHk9IjEwIiB3aWR0aD0iMTgiIGhlaWdodD0iMyIgcng9IjEiIC8+CiAgPHJlY3QgeD0iMyIgeT0iMTYiIHdpZHRoPSIxMiIgaGVpZ2h0PSIzIiByeD0iMSIgLz4KICA8cG9seWxpbmUgcG9pbnRzPSIxOCwxNiAyMSwxOC41IDE4LDIxIiAvPgo8L3N2Zz4K");
}

.atma-editor .qicon.qinteractiveImage {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgdmlld0JveD0iMCAwIDEzMy40NDA3NyAyMDAiCiAgIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUwIDUwIgogICBpZD0ic3ZnMiIKICAgdmVyc2lvbj0iMS4xIgogICBpbmtzY2FwZTp2ZXJzaW9uPSIwLjkxIHIxMzcyNSIKICAgc29kaXBvZGk6ZG9jbmFtZT0iSW50ZXJhY3RpdmVfaWNvbiAodHdvIGNpcmNsZSkuc3ZnIgogICB3aWR0aD0iMTMzLjQ0MDc3IgogICBoZWlnaHQ9IjIwMCI+CiAgPG1ldGFkYXRhCiAgICAgaWQ9Im1ldGFkYXRhMTAiPgogICAgPHJkZjpSREY+CiAgICAgIDxjYzpXb3JrCiAgICAgICAgIHJkZjphYm91dD0iIj4KICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4KICAgICAgICA8ZGM6dHlwZQogICAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+CiAgICAgICAgPGRjOnRpdGxlPjwvZGM6dGl0bGU+CiAgICAgIDwvY2M6V29yaz4KICAgIDwvcmRmOlJERj4KICA8L21ldGFkYXRhPgogIDxkZWZzCiAgICAgaWQ9ImRlZnM4IiAvPgogIDxzb2RpcG9kaTpuYW1lZHZpZXcKICAgICBwYWdlY29sb3I9IiNmZmZmZmYiCiAgICAgYm9yZGVyY29sb3I9IiM2NjY2NjYiCiAgICAgYm9yZGVyb3BhY2l0eT0iMSIKICAgICBvYmplY3R0b2xlcmFuY2U9IjEwIgogICAgIGdyaWR0b2xlcmFuY2U9IjEwIgogICAgIGd1aWRldG9sZXJhbmNlPSIxMCIKICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMCIKICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTg1OCIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMDU3IgogICAgIGlkPSJuYW1lZHZpZXc2IgogICAgIHNob3dncmlkPSJmYWxzZSIKICAgICBpbmtzY2FwZTp6b29tPSIxLjY2ODc3MiIKICAgICBpbmtzY2FwZTpjeD0iMzc0Ljc1NTAyIgogICAgIGlua3NjYXBlOmN5PSItNjEuODc5MTQ0IgogICAgIGlua3NjYXBlOndpbmRvdy14PSI1NCIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iLTgiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMSIKICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJzdmcyIgogICAgIGZpdC1tYXJnaW4tdG9wPSI1IgogICAgIGZpdC1tYXJnaW4tbGVmdD0iNSIKICAgICBmaXQtbWFyZ2luLXJpZ2h0PSI1IgogICAgIGZpdC1tYXJnaW4tYm90dG9tPSI1IiAvPgogIDxwYXRoCiAgICAgaWQ9ImNpcmNsZTQxNDkiCiAgICAgc3R5bGU9Im9wYWNpdHk6MTtmaWxsOm5vbmU7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOiMzZjNmN2I7c3Ryb2tlLXdpZHRoOjUuNTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46bWl0ZXI7c3Ryb2tlLW1pdGVybGltaXQ6NDtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLWRhc2hvZmZzZXQ6MDtzdHJva2Utb3BhY2l0eToxIgogICAgIHNvZGlwb2RpOnR5cGU9ImFyYyIKICAgICBzb2RpcG9kaTpjeD0iNTEuMDIzMjM1IgogICAgIHNvZGlwb2RpOmN5PSI1MC4yMTAwNTIiCiAgICAgc29kaXBvZGk6cng9IjQwLjk0NDIwNiIKICAgICBzb2RpcG9kaTpyeT0iNDEuMzU1MTU2IgogICAgIHNvZGlwb2RpOnN0YXJ0PSIyLjA5NzE3OTIiCiAgICAgc29kaXBvZGk6ZW5kPSIwLjU2MzE5MTk1IgogICAgIGQ9Ik0gMzAuNDUyNDkxLDg1Ljk2Njk2MSBBIDQwLjk0NDIwNiw0MS4zNTUxNTYgMCAwIDEgMTAuNDk2Mjg2LDQ0LjMyMTA2NCA0MC45NDQyMDYsNDEuMzU1MTU2IDAgMCAxIDQxLjI2NjQwMiwxMC4wNDYyMyA0MC45NDQyMDYsNDEuMzU1MTU2IDAgMCAxIDg0LjI0ODg0MywyNi4wNDMyMDMgNDAuOTQ0MjA2LDQxLjM1NTE1NiAwIDAgMSA4NS42NDM4MjUsNzIuMjg5MDY5IgogICAgIHNvZGlwb2RpOm9wZW49InRydWUiCiAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIgLz4KICA8cGF0aAogICAgIGlkPSJjaXJjbGU0MTUzIgogICAgIHN0eWxlPSJvcGFjaXR5OjE7ZmlsbDpub25lO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTojM2YzZjdiO3N0cm9rZS13aWR0aDo1LjU7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOm1pdGVyO3N0cm9rZS1taXRlcmxpbWl0OjQ7c3Ryb2tlLWRhc2hhcnJheTpub25lO3N0cm9rZS1kYXNob2Zmc2V0OjA7c3Ryb2tlLW9wYWNpdHk6MSIKICAgICBzb2RpcG9kaTp0eXBlPSJhcmMiCiAgICAgc29kaXBvZGk6Y3g9IjUxLjAyMzE1NSIKICAgICBzb2RpcG9kaTpjeT0iNTIuMTgyNTk4IgogICAgIHNvZGlwb2RpOnJ4PSIyNi4xNDc2MzYiCiAgICAgc29kaXBvZGk6cnk9IjI2LjcxOTk3NiIKICAgICBzb2RpcG9kaTpzdGFydD0iMi41ODU3NDk5IgogICAgIHNvZGlwb2RpOmVuZD0iMC40NTM4NDY4NSIKICAgICBkPSJtIDI4LjgxMTg4Nyw2Ni4yODE2NDQgYSAyNi4xNDc2MzYsMjYuNzE5OTc2IDAgMCAxIDQuNTI0NzI4LC0zMy43Nzg5NjggMjYuMTQ3NjM2LDI2LjcxOTk3NiAwIDAgMSAzMy4zMjAyOSwtMS43Mzc5NjggMjYuMTQ3NjM2LDI2LjcxOTk3NiAwIDAgMSA3Ljg2Njg4OCwzMy4xMzI2MjgiCiAgICAgc29kaXBvZGk6b3Blbj0idHJ1ZSIKICAgICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIiAvPgogIDxnCiAgICAgdHJhbnNmb3JtPSJtYXRyaXgoNS4zMjczMDUsMCwwLDUuMzI3MzA1LC02MS41ODU2NiwtNC40Njk3MzA1KSIKICAgICBpZD0iZzQxODEiCiAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MSI+CiAgICA8cGF0aAogICAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4xMDU5MzIyLDApIgogICAgICAgZD0ibSAyMS4wOTk2MDksOS4xMzg2NzE5IGMgLTEuMTMzODQzLDAgLTEuODYxMzI4LDAuNzI3NDg0MiAtMS44NjEzMjgsMS44NjEzMjgxIGwgMCwxMC4zMDA3ODEgYSAwLjY4NjcxOTI0LDAuNjg2NzE5MjQgMCAwIDEgMCwwLjAwMzkgYyAtMC4wMDIxLDAuNDkzOTIgLTAuMzQyNzQ4LDAuOTE0MTI1IC0wLjc0ODA0NywxLjA2MjUgLTAuNDA1Mjk4LDAuMTQ4Mzc0IC0wLjkzNTMxOCwwLjA0NTY5IC0xLjI1NTg1OSwtMC4zMzAwNzkgYSAwLjY4NjcxOTI0LDAuNjg2NzE5MjQgMCAwIDEgLTAuMDAyLC0wLjAwMiBjIC0xLjAxNTIzMSwtMS4xOTk4MTkgLTIuMTA2ODE5LC0xLjg5NjQ4NCAtMi42MzI4MTMsLTEuODk2NDg0IC0wLjY0MzYwOCwwIC0xLjA1Njc4OSwwLjI0OTI0NiAtMS4xNTIzNDMsMC4zOTI1NzggYSAwLjY4NjcxOTI0LDAuNjg2NzE5MjQgMCAwIDEgLTAuMDA1OSwwLjAwNzggYyAtMC4wMTU3NiwwLjAyMjg5IC0wLjAzMzI2LDAuMDQ4MTUgLTAuMDUyNzMsMC4wNzIyNyAtMC4xNjc4OTYsMC4yMDk4NyAtMC40MTMzODcsMC42NDA4NjggLTAuMTAxNTYzLDEuNjU0Mjk3IDAuMTUxMDMyLDAuNDkwODUzIDAuNjY3MDU2LDEuNzExNjU1IDEuMzY1MjM1LDMuMTIzMDQ3IDAuNjk4MTc4LDEuNDExMzkyIDEuNTg2NjM2LDMuMDQ3NDY1IDIuNTA3ODEyLDQuNTAxOTUzIDAuNjYyNDc1LDEuMDQwODQ3IDEuMzIyMjA4LDEuODkwNjM2IDEuODkwNjI1LDIuNTU0Njg3IGwgMC4wMDk4LDAuMDExNzIgYyA0Ljg4ZS00LDUuNjllLTQgMC4wMDE1LDAuMDAxNCAwLjAwMiwwLjAwMiBhIDAuNjg2NzE5MjQsMC42ODY3MTkyNCAwIDAgMSAwLjAzMTI1LDAuMDM3MTEgYyAxLjA3MTUyOCwxLjM2Mzc2NSAxLjk1ODExMiwyLjU4OTk5IDIuMDA5NzY2LDQuMzY1MjM0IGwgMTEuNzcxNDg0LDAgYyAwLjAyMDYxLC0yLjQ4NzIzOSAwLjUzMzU5OCwtNC40ODU5NTQgMS4wMjE0ODQsLTYuNDM3NSBDIDM0LjM5NDI5NiwyOC40MzI2IDM0Ljg2MTMyOCwyNi40NTQ0IDM0Ljg2MTMyOCwyNCBsIDAsLTMgYyAwLC0xLjEzMzg0NSAtMC43Mjc0ODMsLTEuODYxMzI4IC0xLjg2MTMyOCwtMS44NjEzMjggLTAuMjA1MDgyLDAgLTAuNTE5NTMxLDAuMDY3MDUgLTAuNzQwMjM0LDAuMTQwNjI1IGwgMCwtMC4wMDIgYyAtMC41OTc0LDAuMTk5MzUxIC0xLjI2MTI4NCwtMC4xNDA1MSAtMS40NDcyNjYsLTAuNzQyMTg4IGEgMC42ODY3MTkyNCwwLjY4NjcxOTI0IDAgMCAxIDAsLTAuMDAyIEMgMzAuNTM3ODYzLDE3LjY0MDYzNSAyOS45MjMxOTgsMTcuMTM4NjcyIDI5LDE3LjEzODY3MiBjIC0wLjM0NTg4MywwIC0wLjU4NzIxMSwwLjA3NDY5IC0wLjcxNjc5NywwLjE3MTg3NSAtMC41MjUwOCwwLjM5MzYwOSAtMS4zMDA5NDUsMC4yNDc2NSAtMS42NDg0MzcsLTAuMzA4NTk0IEwgMjYuNjMyODEyLDE3IGMgLTAuMzEyMjE1LC0wLjQ5ODAwNyAtMC44NDY5ODgsLTAuODYxMzI4IC0xLjUzMzIwMywtMC44NjEzMjggLTAuMjE4NDIsMCAtMC4zNDMzNjIsMC4wNDE1MyAtMC42NDA2MjUsMC4xNDA2MjUgLTAuNzE2OTYyLDAuMjM4MTA1IC0xLjQ5Njg1OCwtMC4zMjI2NDkgLTEuNDk4MDQ2LC0xLjA3ODEyNSBhIDAuNjg2NzE5MjQsMC42ODY3MTkyNCAwIDAgMSAwLC0wLjAwMiBsIDAsLTQuMTk5MjE5IGMgMCwtMS4xMzM4NDM5IC0wLjcyNzQ4NCwtMS44NjEzMjgxIC0xLjg2MTMyOSwtMS44NjEzMjgxIHoiCiAgICAgICBpZD0icGF0aDQxODMiCiAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxIgogICAgICAgaW5rc2NhcGU6b3JpZ2luYWw9Ik0gMjEuMDk5NjA5IDguNDUxMTcxOSBDIDE5LjYyOTc0MSA4LjQ1MTE3MTkgMTguNTUwNzgxIDkuNTMwMTMxMyAxOC41NTA3ODEgMTEgTCAxOC41NTA3ODEgMjEuMzAwNzgxIEMgMTguNTQ4OTgxIDIxLjcxOTQ2OCAxOC4wMjc1ODIgMjEuOTEwMzM5IDE3Ljc1NTg1OSAyMS41OTE3OTcgQyAxNi42ODY2MzYgMjAuMzI4MTY5IDE1LjU0ODYyOSAxOS40NTExNzIgMTQuNTk5NjA5IDE5LjQ1MTE3MiBDIDEzLjgwMDA1NCAxOS40NTExNzIgMTMuMTU5NTU3IDE5LjcyMzU1NSAxMi44NzUgMjAuMTUwMzkxIEMgMTIuODY3NiAyMC4xNjExNDEgMTIuODU5ODIyIDIwLjE3MTU3MSAxMi44NTE1NjIgMjAuMTgxNjQxIEMgMTIuNTQ3NTMxIDIwLjU2MTY4IDEyLjI2Njc3MiAyMS4yODM1MTQgMTIuNjMwODU5IDIyLjQ2Njc5NyBDIDEyLjk5NDAzMSAyMy42NDcxMDQgMTQuNzAyMzA2IDI3LjI5MjkxIDE2LjU4MDA3OCAzMC4yNTc4MTIgQyAxNy4yNjY3MjEgMzEuMzM2ODIzIDE3Ljk1MjQyOCAzMi4yMTk1NjUgMTguNTQxMDE2IDMyLjkwNjI1IEMgMTguNTQ1NzE2IDMyLjkxMDc1IDE4LjU1MDIxOCAzMi45MTUyNTIgMTguNTU0Njg4IDMyLjkxOTkyMiBDIDE5LjY1NTI1OSAzNC4zMjA2NTEgMjAuNDUxMTcyIDM1LjM1OTQwNCAyMC40NTExNzIgMzcgQyAyMC40NTExNzIgMzcuMTk5Njg2IDIwLjUwOTk1MiAzNy4zMjI0NDkgMjAuNTkzNzUgMzcuNDA2MjUgQyAyMC42Nzc1NSAzNy40OTAwNSAyMC44MDAzMTQgMzcuNTQ4ODI4IDIxIDM3LjU0ODgyOCBMIDMzIDM3LjU0ODgyOCBDIDMzLjE5OTY4NiAzNy41NDg4MjggMzMuMzIyNDQ5IDM3LjQ5MDA0OCAzMy40MDYyNSAzNy40MDYyNSBDIDMzLjQ5MDA1IDM3LjMyMjQ1IDMzLjU0ODgyOCAzNy4xOTk2ODYgMzMuNTQ4ODI4IDM3IEMgMzMuNTQ4ODI4IDM0LjUzNzMwNCAzNC4wNjMzNTIgMzIuNTg2NDM2IDM0LjU2MjUgMzAuNTg5ODQ0IEMgMzUuMDYxNjUyIDI4LjU5MzI1NCAzNS41NDg4MjggMjYuNTQyMTI3IDM1LjU0ODgyOCAyNCBMIDM1LjU0ODgyOCAyMSBDIDM1LjU0ODgyOCAxOS41MzAxMzEgMzQuNDY5ODY5IDE4LjQ1MTE3MiAzMyAxOC40NTExNzIgQyAzMi42NzQ2NDggMTguNDUxMTcyIDMyLjMxMzg2MiAxOC41MzY2NTIgMzIuMDQyOTY5IDE4LjYyNjk1MyBDIDMxLjgwMjcyMiAxOC43MDcxMjMgMzEuNTQzNTQ1IDE4LjU3NDAwMyAzMS40Njg3NSAxOC4zMzIwMzEgQyAzMS4xMTk5NzcgMTcuMTk4NTIgMzAuMjA2NzA2IDE2LjQ1MTE3MiAyOSAxNi40NTExNzIgQyAyOC41NjA0MjQgMTYuNDUxMTcyIDI4LjE2NTIgMTYuNTQxMTQyIDI3Ljg3MTA5NCAxNi43NjE3MTkgQyAyNy42NTkxMzQgMTYuOTIwNjA4IDI3LjM1NjU1NyAxNi44NjM3MDUgMjcuMjE2Nzk3IDE2LjYzODY3MiBDIDI2Ljc5MjAzMSAxNS45NTkwNDYgMjYuMDM1MzUzIDE1LjQ1MTE3MiAyNS4wOTk2MDkgMTUuNDUxMTcyIEMgMjQuNzc0MjU3IDE1LjQ1MTE3MiAyNC41NDE1MTggMTUuNTI3MTcyIDI0LjI0MjE4OCAxNS42MjY5NTMgQyAyMy45NTAyMyAxNS43MjM5MTMgMjMuNjQ4OTIyIDE1LjUwNjg1NyAyMy42NDg0MzggMTUuMTk5MjE5IEwgMjMuNjQ4NDM4IDExIEMgMjMuNjQ4NDM4IDkuNTMwMTMxMyAyMi41Njk0NzggOC40NTExNzE5IDIxLjA5OTYwOSA4LjQ1MTE3MTkgeiAiCiAgICAgICBpbmtzY2FwZTpyYWRpdXM9Ii0wLjY4NjY1MDU3IgogICAgICAgc29kaXBvZGk6dHlwZT0iaW5rc2NhcGU6b2Zmc2V0IiAvPgogIDwvZz4KICA8ZwogICAgIGlkPSJnNDEzOCIKICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eToxIgogICAgIHRyYW5zZm9ybT0ibWF0cml4KDUuMzI3MzA1LDAsMCw1LjMyNzMwNSwtNjAuOTM4NjgyLC01LjAzNDA2MDUpIj4KICAgIDxwYXRoCiAgICAgICBzb2RpcG9kaTp0eXBlPSJpbmtzY2FwZTpvZmZzZXQiCiAgICAgICBpbmtzY2FwZTpyYWRpdXM9Ii0wLjQ1MTQxMTQ5IgogICAgICAgaW5rc2NhcGU6b3JpZ2luYWw9Ik0gMjEuMDk5NjA5IDggQyAxOS4zOTk2MDkgOCAxOC4wOTk2MDkgOS4zIDE4LjA5OTYwOSAxMSBMIDE4LjA5OTYwOSAyMS4zMDA3ODEgQyAxNi45OTk2MDkgMjAuMDAwNzgxIDE1Ljc5OTYwOSAxOSAxNC41OTk2MDkgMTkgQyAxMy42OTk2MDkgMTkgMTIuOSAxOS4zMDAzOTEgMTIuNSAxOS45MDAzOTEgQyAxMi4xIDIwLjQwMDM5MSAxMS43OTkyMTkgMjEuMjk5NjA5IDEyLjE5OTIxOSAyMi41OTk2MDkgQyAxMi41OTkyMTkgMjMuODk5NjA5IDE0LjI5OTIxOSAyNy41IDE2LjE5OTIxOSAzMC41IEMgMTYuODk5MjE5IDMxLjYgMTcuNTk5MjE5IDMyLjQ5OTIxOSAxOC4xOTkyMTkgMzMuMTk5MjE5IEMgMTkuMjk5MjE5IDM0LjU5OTIxOSAyMCAzNS41IDIwIDM3IEMgMjAgMzcuNiAyMC40IDM4IDIxIDM4IEwgMzMgMzggQyAzMy42IDM4IDM0IDM3LjYgMzQgMzcgQyAzNCAzNC42IDM0LjUgMzIuNjk5MjE5IDM1IDMwLjY5OTIxOSBDIDM1LjUgMjguNjk5MjE5IDM2IDI2LjYgMzYgMjQgTCAzNiAyMSBDIDM2IDE5LjMgMzQuNyAxOCAzMyAxOCBDIDMyLjYgMTggMzIuMjAwMzkxIDE4LjA5OTIxOSAzMS45MDAzOTEgMTguMTk5MjE5IEMgMzEuNTAwMzkxIDE2Ljg5OTIxOSAzMC40IDE2IDI5IDE2IEMgMjguNSAxNiAyNy45OTk2MDkgMTYuMTAwMzkxIDI3LjU5OTYwOSAxNi40MDAzOTEgQyAyNy4wOTk2MDkgMTUuNjAwMzkxIDI2LjE5OTYwOSAxNSAyNS4wOTk2MDkgMTUgQyAyNC42OTk2MDkgMTUgMjQuMzk5NjA5IDE1LjA5OTIxOSAyNC4wOTk2MDkgMTUuMTk5MjE5IEwgMjQuMDk5NjA5IDExIEMgMjQuMDk5NjA5IDkuMyAyMi43OTk2MDkgOCAyMS4wOTk2MDkgOCB6IE0gMjEgMTAgQyAyMS42IDEwIDIyIDEwLjQgMjIgMTEgTCAyMiAyMCBDIDIyIDIwLjYgMjIuNCAyMSAyMyAyMSBDIDIzLjYgMjEgMjQgMjAuNiAyNCAyMCBMIDI0IDE4IEMgMjQgMTcuNCAyNC40IDE3IDI1IDE3IEMgMjUuNiAxNyAyNiAxNy40IDI2IDE4IEwgMjYgMjEgQyAyNiAyMS42IDI2LjQgMjIgMjcgMjIgQyAyNy42IDIyIDI4IDIxLjYgMjggMjEgTCAyOCAxOSBDIDI4IDE4LjQgMjguNCAxOCAyOSAxOCBDIDI5LjYgMTggMzAgMTguNCAzMCAxOSBMIDMwIDIyIEMgMzAgMjIuNiAzMC40IDIzIDMxIDIzIEMgMzEuNiAyMyAzMiAyMi42IDMyIDIyIEwgMzIgMjEgQyAzMiAyMC40IDMyLjQgMjAgMzMgMjAgQyAzMy42IDIwIDM0IDIwLjQgMzQgMjEgTCAzNCAyNCBDIDM0IDI2LjMgMzMuNSAyOC4xOTkyMTkgMzMgMzAuMTk5MjE5IEMgMzIuNiAzMS45OTkyMTkgMzIuMSAzMy44IDMyIDM2IEwgMjEuOTAwMzkxIDM2IEMgMjEuNzAwMzkxIDM0LjMgMjAuNjk5NjA5IDMzLjIgMTkuNTk5NjA5IDMyIEMgMTguOTk5NjA5IDMxLjIgMTguNDAwNzgxIDMwLjUgMTcuODAwNzgxIDI5LjUgQyAxNS44MDA3ODEgMjYuMyAxNC4zIDIzLjEgMTQgMjIgQyAxMy45IDIxLjUgMTMuOSAyMS4xOTk2MDkgMTQgMjEuMDk5NjA5IEMgMTQuMSAyMC45OTk2MDkgMTQuMyAyMSAxNC41IDIxIEMgMTUuMiAyMSAxNy4xIDIyLjg5OTIxOSAxOCAyNS4xOTkyMTkgTCAxOCAyNiBDIDE4IDI2LjYgMTguNCAyNyAxOSAyNyBDIDE5LjYgMjcgMjAgMjYuNiAyMCAyNiBMIDIwIDExIEMgMjAgMTAuNCAyMC40IDEwIDIxIDEwIHogIgogICAgICAgaWQ9InBhdGg0MTQzIgogICAgICAgZD0ibSAyMS4wOTk2MDksOC40NTExNzE5IGMgLTEuNDY5ODY4LDAgLTIuNTQ4ODI4LDEuMDc4OTU5NCAtMi41NDg4MjgsMi41NDg4MjgxIGwgMCwxMC4zMDA3ODEgYSAwLjQ1MTQ1NjYzLDAuNDUxNDU2NjMgMCAwIDEgLTAuNzk0OTIyLDAuMjkxMDE2IGMgLTEuMDY5MjIzLC0xLjI2MzYyOCAtMi4yMDcyMywtMi4xNDA2MjUgLTMuMTU2MjUsLTIuMTQwNjI1IC0wLjc5OTU1NSwwIC0xLjQ0MDA1MiwwLjI3MjM4MyAtMS43MjQ2MDksMC42OTkyMTkgYSAwLjQ1MTQ1NjYzLDAuNDUxNDU2NjMgMCAwIDEgLTAuMDIzNDQsMC4wMzEyNSBjIC0wLjMwNDAzMSwwLjM4MDAzOSAtMC41ODQ3OSwxLjEwMTg3MyAtMC4yMjA3MDMsMi4yODUxNTYgMC4zNjMxNzIsMS4xODAzMDcgMi4wNzE0NDcsNC44MjYxMTIgMy45NDkyMTksNy43OTEwMTUgMC42ODY2NDMsMS4wNzkwMSAxLjM3MjM1LDEuOTYxNzUzIDEuOTYwOTM4LDIuNjQ4NDM4IGEgMC40NTE0NTY2MywwLjQ1MTQ1NjYzIDAgMCAxIDAuMDEzNjcsMC4wMTM2NyBjIDEuMTAwNTcyLDEuNDAwNzI5IDEuODk2NDg0LDIuNDM5NDgyIDEuODk2NDg0LDQuMDgwMDc4IDAsMC4xOTk2ODYgMC4wNTg3OCwwLjMyMjQ0OSAwLjE0MjU3OCwwLjQwNjI1IDAuMDgzOCwwLjA4MzggMC4yMDY1NjQsMC4xNDI1NzggMC40MDYyNSwwLjE0MjU3OCBsIDEyLDAgYyAwLjE5OTY4NiwwIDAuMzIyNDQ5LC0wLjA1ODc4IDAuNDA2MjUsLTAuMTQyNTc4IDAuMDgzOCwtMC4wODM4IDAuMTQyNTc4LC0wLjIwNjU2NCAwLjE0MjU3OCwtMC40MDYyNSAwLC0yLjQ2MjY5NiAwLjUxNDUyNCwtNC40MTM1NjQgMS4wMTM2NzIsLTYuNDEwMTU2IEMgMzUuMDYxNjQ4LDI4LjU5MzI1MiAzNS41NDg4MjgsMjYuNTQyMTI3IDM1LjU0ODgyOCwyNCBsIDAsLTMgYyAwLC0xLjQ2OTg2OSAtMS4wNzg5NTksLTIuNTQ4ODI4IC0yLjU0ODgyOCwtMi41NDg4MjggLTAuMzI1MzUyLDAgLTAuNjg2MTM4LDAuMDg1NDggLTAuOTU3MDMxLDAuMTc1NzgxIEEgMC40NTE0NTY2MywwLjQ1MTQ1NjYzIDAgMCAxIDMxLjQ2ODc1LDE4LjMzMjAzMSBDIDMxLjExOTk3NywxNy4xOTg1MiAzMC4yMDY3MDYsMTYuNDUxMTcyIDI5LDE2LjQ1MTE3MiBjIC0wLjQzOTU3NiwwIC0wLjgzNDgsMC4wODk5NyAtMS4xMjg5MDYsMC4zMTA1NDcgYSAwLjQ1MTQ1NjYzLDAuNDUxNDU2NjMgMCAwIDEgLTAuNjU0Mjk3LC0wLjEyMzA0NyBjIC0wLjQyNDc2NiwtMC42Nzk2MjYgLTEuMTgxNDQ0LC0xLjE4NzUgLTIuMTE3MTg4LC0xLjE4NzUgLTAuMzI1MzUyLDAgLTAuNTU4MDksMC4wNzYgLTAuODU3NDIxLDAuMTc1NzgxIGEgMC40NTE0NTY2MywwLjQ1MTQ1NjYzIDAgMCAxIC0wLjU5Mzc1LC0wLjQyNzczNCBsIDAsLTQuMTk5MjE5IGMgMCwtMS40Njk4Njg3IC0xLjA3ODk2LC0yLjU0ODgyODEgLTIuNTQ4ODI5LC0yLjU0ODgyODEgeiBNIDIxLDkuNTQ4ODI4MSBjIDAuNDAwMzE0LDAgMC43Nzg3MjMsMC4xNDAwNTExIDEuMDQ0OTIyLDAuNDA2MjUgMC4yNjYxOTksMC4yNjYxOTg5IDAuNDA2MjUsMC42NDQ2MDc5IDAuNDA2MjUsMS4wNDQ5MjE5IGwgMCw5IGMgMCwwLjE5OTY4NiAwLjA1ODc4LDAuMzIyNDQ5IDAuMTQyNTc4LDAuNDA2MjUgMC4wODM4LDAuMDgzOCAwLjIwNjU2NCwwLjE0MjU3OCAwLjQwNjI1LDAuMTQyNTc4IDAuMTk5Njg2LDAgMC4zMjI0NDksLTAuMDU4NzggMC40MDYyNSwtMC4xNDI1NzggMC4wODM4LC0wLjA4MzggMC4xNDI1NzgsLTAuMjA2NTY0IDAuMTQyNTc4LC0wLjQwNjI1IGwgMCwtMiBjIDAsLTAuNDAwMzE0IDAuMTQwMDUxLC0wLjc3ODcyMyAwLjQwNjI1LC0xLjA0NDkyMiAwLjI2NjE5OSwtMC4yNjYxOTkgMC42NDQ2MDgsLTAuNDA2MjUgMS4wNDQ5MjIsLTAuNDA2MjUgMC40MDAzMTQsMCAwLjc3ODcyMywwLjE0MDA1MSAxLjA0NDkyMiwwLjQwNjI1IDAuMjY2MTk5LDAuMjY2MTk5IDAuNDA2MjUsMC42NDQ2MDggMC40MDYyNSwxLjA0NDkyMiBsIDAsMyBjIDAsMC4xOTk2ODYgMC4wNTg3OCwwLjMyMjQ0OSAwLjE0MjU3OCwwLjQwNjI1IDAuMDgzOCwwLjA4MzggMC4yMDY1NjQsMC4xNDI1NzggMC40MDYyNSwwLjE0MjU3OCAwLjE5OTY4NiwwIDAuMzIyNDQ5LC0wLjA1ODc4IDAuNDA2MjUsLTAuMTQyNTc4IDAuMDgzOCwtMC4wODM4IDAuMTQyNTc4LC0wLjIwNjU2NCAwLjE0MjU3OCwtMC40MDYyNSBsIDAsLTIgYyAwLC0wLjQwMDMxNCAwLjE0MDA1MSwtMC43Nzg3MjMgMC40MDYyNSwtMS4wNDQ5MjIgMC4yNjYxOTksLTAuMjY2MTk5IDAuNjQ0NjA4LC0wLjQwNjI1IDEuMDQ0OTIyLC0wLjQwNjI1IDAuNDAwMzE0LDAgMC43Nzg3MjMsMC4xNDAwNTEgMS4wNDQ5MjIsMC40MDYyNSAwLjI2NjE5OSwwLjI2NjE5OSAwLjQwNjI1LDAuNjQ0NjA4IDAuNDA2MjUsMS4wNDQ5MjIgbCAwLDMgYyAwLDAuMTk5Njg2IDAuMDU4NzgsMC4zMjI0NDkgMC4xNDI1NzgsMC40MDYyNSAwLjA4MzgsMC4wODM4IDAuMjA2NTY0LDAuMTQyNTc4IDAuNDA2MjUsMC4xNDI1NzggMC4xOTk2ODYsMCAwLjMyMjQ0OSwtMC4wNTg3OCAwLjQwNjI1LC0wLjE0MjU3OCAwLjA4MzgsLTAuMDgzOCAwLjE0MjU3OCwtMC4yMDY1NjQgMC4xNDI1NzgsLTAuNDA2MjUgbCAwLC0xIGMgMCwtMC40MDAzMTQgMC4xNDAwNTEsLTAuNzc4NzIzIDAuNDA2MjUsLTEuMDQ0OTIyIDAuMjY2MTk5LC0wLjI2NjE5OSAwLjY0NDYwOCwtMC40MDYyNSAxLjA0NDkyMiwtMC40MDYyNSAwLjQwMDMxNCwwIDAuNzc4NzIzLDAuMTQwMDUxIDEuMDQ0OTIyLDAuNDA2MjUgMC4yNjYxOTksMC4yNjYxOTkgMC40MDYyNSwwLjY0NDYwOCAwLjQwNjI1LDEuMDQ0OTIyIGwgMCwzIGMgMCwyLjM2NTQyMiAtMC41MTQ1MzcsNC4zMTIwNTUgLTEuMDEzNjcyLDYuMzA4NTk0IGwgMC4wMDM5LC0wLjAxMTcyIGMgLTAuNDAzNDUsMS44MTU1MjYgLTAuODkyODI2LDMuNTc5Njc4IC0wLjk5MDIzNCw1LjcyMjY1NiBBIDAuNDUxNDU2NjMsMC40NTE0NTY2MyAwIDAgMSAzMiwzNi40NTExNzIgbCAtMTAuMDk5NjA5LDAgQSAwLjQ1MTQ1NjYzLDAuNDUxNDU2NjMgMCAwIDEgMjEuNDUxMTcyLDM2LjA1MjczNCBDIDIxLjI2ODk0OSwzNC41MDM4NCAyMC4zNjY4ODMsMzMuNTAzOTI5IDE5LjI2NzU3OCwzMi4zMDQ2ODggYSAwLjQ1MTQ1NjYzLDAuNDUxNDU2NjMgMCAwIDEgLTAuMDI5MywtMC4wMzMyIGMgLTAuNTg4MDA5LC0wLjc4NDAxMSAtMS4yMDEzNzMsLTEuNTAzMDEyIC0xLjgyMDMxMiwtMi41MzMyMDMgbCAtMC4wMDIsLTAuMDAyIGMgLTguNTZlLTQsLTAuMDAxNCAtMC4wMDExLC0wLjAwMjUgLTAuMDAyLC0wLjAwMzkgLTEuMDA3MjU0LC0xLjYxMjE0NCAtMS44ODYyNzYsLTMuMjIxMjc3IC0yLjU1NDY4NywtNC41NzAzMTMgLTAuNjY5MzA3LC0xLjM1MDg0NCAtMS4xMjM4ODIsLTIuNDE1ODIxIC0xLjI5NDkyMiwtMy4wNDI5NjggYSAwLjQ1MTQ1NjYzLDAuNDUxNDU2NjMgMCAwIDEgLTAuMDA3OCwtMC4wMzEyNSBjIC0wLjA1MzQxLC0wLjI2NzA0NyAtMC4wODM5OSwtMC40ODcyNzggLTAuMDgzOTksLTAuNjg3NSAwLC0wLjIwMDIyMiAtOC4yMWUtNCwtMC40MDkzMzUgMC4yMDg5ODUsLTAuNjE5MTQxIDAuMTU2NjA2LC0wLjE1NjYwNyAwLjMzMTY1NCwtMC4xOTc2NDIgMC40NjY3OTcsLTAuMjE2Nzk3IDAuMTM1MTQyLC0wLjAxOTE2IDAuMjUxODU2LC0wLjAxNTYzIDAuMzUxNTYyLC0wLjAxNTYzIDAuMzc5MTI2LDAgMC42NTY0NDgsMC4xNzk5MDUgMC45ODI0MjIsMC40MTk5MjIgMC4zMjU5NzQsMC4yNDAwMTcgMC42NzY5MTEsMC41Njg1ODEgMS4wMzEyNSwwLjk2ODc1IDAuNzA4Njc3LDAuODAwMzM4IDEuNDMyMzMzLDEuODg2NTM3IDEuOTA2MjUsMy4wOTc2NTYgYSAwLjQ1MTQ1NjYzLDAuNDUxNDU2NjMgMCAwIDEgMC4wMzEyNSwwLjE2NDA2MyBsIDAsMC44MDA3ODEgYyAwLDAuMTk5Njg2IDAuMDU4NzgsMC4zMjI0NDkgMC4xNDI1NzgsMC40MDYyNSAwLjA4MzgsMC4wODM4IDAuMjA2NTY0LDAuMTQyNTc4IDAuNDA2MjUsMC4xNDI1NzggMC4xOTk2ODYsMCAwLjMyMjQ0OSwtMC4wNTg3OCAwLjQwNjI1LC0wLjE0MjU3OCAwLjA4MzgsLTAuMDgzOCAwLjE0MjU3OCwtMC4yMDY1NjQgMC4xNDI1NzgsLTAuNDA2MjUgbCAwLC0xNSBjIDAsLTAuNDAwMzE0IDAuMTQwMDUxLC0wLjc3ODcyMyAwLjQwNjI1LC0xLjA0NDkyMTkgQyAyMC4yMjEyNzcsOS42ODg4NzkyIDIwLjU5OTY4Niw5LjU0ODgyODEgMjEsOS41NDg4MjgxIFoiCiAgICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eToxIiAvPgogIDwvZz4KICA8ZwogICAgIHN0eWxlPSJmaWxsOiMwMGZmZmY7ZmlsbC1vcGFjaXR5OjEiCiAgICAgaWQ9Imc0MTYxLTgiCiAgICAgdHJhbnNmb3JtPSJtYXRyaXgoNS4zMjczMDUsMCwwLDUuMzI3MzA1LDIxNy4zNTE3MiwtNzguOTU4MzgpIiAvPgo8L3N2Zz4K");
  background-size: 16px;
}

.atma-editor .qcolors {
  display: inline-block;
  width: 20px;
  height: 20px;
  opacity: 1;
}

.atma-editor .qcolors:hover {
  cursor: pointer;
}

.atma-editor .qcolors.unset {
  position: relative;
  box-shadow: inset 0 0 1px 0 black;
  overflow: hidden;
}

.atma-editor .qcolors.unset:before {
  content: "";
  background-color: tomato;
  width: 120%;
  height: 2px;
  transform: rotate(-45deg);
  position: absolute;
  top: calc(50% - 1px);
  left: -1px;
}

.atma-editor .qseparator {
  width: 16px;
}

.atma-editor .closeBtn {
  position: relative;
  display: flex;
  justify-content: end;
  border-radius: 50%;
  border: 1px solid rgb(217, 217, 217);
  background-color: white;
  color: #ff4d4f;
  font-size: 0.5rem;
  padding: 4px 6px;
  top: 4px;
  cursor: pointer;
  right: 4px;
  z-index: 9;
}

.atma-editor .customIframe {
  width: 1280px;
  height: auto;
  aspect-ratio: 16/9;
}

.image-resizer {
  display: inline-flex;
  position: relative;
  flex-grow: 0;
}

.image-resizer .resize-trigger {
  position: absolute;
  right: -6px;
  bottom: -9px;
  opacity: 0;
  transition: opacity 0.3s ease;
  color: #3259a5;
}

.image-resizer:hover .resize-trigger {
  opacity: 1;
}

/* внутри редактора */
.atma-editor-content .tableWrapper:has(table[data-bordered=false]) td,
.atma-editor-content .tableWrapper:has(table[data-bordered=false]) th {
  border: none !important;
}

.tableWrapper[data-no-border=true] table,
.tableWrapper[data-no-border=true] td,
.tableWrapper[data-no-border=true] th {
  border: none !important;
}

.toggle-body {
  overflow: hidden;
  transition: max-height 0.5s ease, opacity 0.5s ease;
}

.toggle-body[data-collapsed=true] {
  max-height: 0 !important;
  opacity: 0;
}

.toggle-block[data-open=false] .toggle-body {
  max-height: 0;
  padding: 0;
  border: none;
}

.toggle-block {
  margin-bottom: 12px;
}

.toggle-header-wrapper {
  position: relative;
  display: inline-block;
  margin-bottom: 10px;
}

.toggle-header-measurer {
  visibility: hidden;
  white-space: pre;
  position: absolute;
  top: 0;
  left: 0;
  font: inherit;
  padding: 0;
  border: 0;
}

.toggle-header {
  font: inherit;
  padding: 2px 6px;
  border: 1px solid #D9D9D9;
  border-radius: 4px;
  margin-left: 10px;
  color: rgba(0, 0, 0, 0.8509803922);
  font-weight: bold;
  font-size: 14px;
  line-height: 22px;
  height: 32px;
}

.toggle-button {
  height: 24px;
  width: 24px;
  vertical-align: middle;
  padding: 0;
  border-radius: 50%;
  border: 1px solid #D9D9D9;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzYxMDlfNDAzMjYpIj4KPHJlY3Qgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNNi43NDc1NiA0LjIxMzMzQzYuODc3NDUgNC4wNjQzMSA3LjEyNDkxIDQuMDY0MzEgNy4yNTM0MiA0LjIxMzMzTDExLjc0MjcgOS40MTkzOEMxMS45MDk0IDkuNjEzNTIgMTEuNzU5MSA5Ljg5NzkgMTEuNDg5OCA5Ljg5NzlIMi41MTAyNkMyLjI0MDk5IDkuODk3OSAyLjA5MDcyIDkuNjEzNTIgMi4yNTczMyA5LjQxOTM4TDYuNzQ3NTYgNC4yMTMzM1oiIGZpbGw9ImJsYWNrIiBmaWxsLW9wYWNpdHk9IjAuODUiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF82MTA5XzQwMzI2Ij4KPHJlY3Qgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=);
  background-repeat: no-repeat;
  background-position: 4px 3px;
  transform: rotate(180deg);
  background-color: white;
  cursor: pointer;
}

.toggle-button.open {
  transform: rotate(0deg) !important;
}

.toggle-block {
  position: relative;
}

.toggle-body-wrapper {
  padding: 12px;
  background: #f7f7f7;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  transition: background 0.3s ease, border 0.3s ease;
}
.video-react .video-react-control:before, .video-react .video-react-big-play-button:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-react .video-react-control:before, .video-react .video-react-big-play-button:before {
  text-align: center;
}

@font-face {
  font-family: "video-react";
  src: url(data:application/vnd.ms-fontobject;base64,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?#iefix) format("eot");
}
@font-face {
  font-family: "video-react";
  src: url(data:application/font-woff;base64,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) format("woff"), url(data:application/x-font-ttf;base64,AAEAAAALAIAAAwAwT1MvMg7RD8oAAAC8AAAAYGNtYXAOVuSnAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5Zsdb3FIAAAF4AAAS0GhlYWQLMledAAAUSAAAADZoaGVhB6wEJgAAFIAAAAAkaG10eIgAFM8AABSkAAAAlGxvY2FLllAoAAAVOAAAAExtYXhwACoAyQAAFYQAAAAgbmFtZVtqyukAABWkAAABtnBvc3QAAwAAAAAXXAAAACAAAwQAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADyIAQAAAAAAAQAAAAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg8iD//f//AAAAAAAg8gD//f//AAH/4w4EAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAVYA1gMqAyoAAgAACQIBVgHU/iwDKv7W/tYAAgBWAFYDqgOqAAIAFgAAAS0BNzIeAhUUDgIjIi4CNTQ+AgGqAQD/AFZYnHNDQ3ObWVicc0NDc5sBQMDA6kNzm1lYnHNDQ3ObWVicc0MAAAADAFYAVgOqA6oAEwAnACoAACUyPgI1NC4CIyIOAhUUHgITMh4CFRQOAiMiLgI1ND4CExEFAgBGfV02Nl18R0Z9XTY2XXxHWJxzQ0Nzm1lYnHNDQ3ObAwEAqjZdfEdGfV02Nl18R0Z9XTYDAENzm1lYnHNDQ3ObWVicc0P9lgGAwAAAAAACAQAA1gMAAyoAAwAHAAABMxEjIREzEQJWqqr+qqoDKv2sAlT9rAAAAwBWAFYDqgOqAAMABwAbAAABESMRIxEjERMyHgIVFA4CIyIuAjU0PgICgFZUVoBYnHNDQ3ObWVicc0NDc5sBVgFU/qwBVP6sAlRDc5tZWJxzQ0Nzm1lYnHNDAAAEAFYAVgOqA6oAAwAXACsALwAAAREzEQcyPgI1NC4CIyIOAhUUHgITMh4CFRQOAiMiLgI1ND4CAxEzEQIqVoBGfV02Nl18R0Z9XTY2XXxHWJxzQ0Nzm1lYnHNDQ3ObJ1YBVgFU/qysNl18R0Z9XTY2XXxHRn1dNgMAQ3ObWVicc0NDc5tZWJxzQ/2sAVT+rAABAQABAAMAAwAAAwAAASERIQEAAgD+AAMA/gAAAgBqAQADVgMAAAIABQAACQERIQkBAeoBbP6A/pQBbAIAAQD+AAEAAQAAAAACAKoBAAOWAwAAAgAFAAAJAiERAQIqAWz+lP6AAWwDAP8A/wACAP8AAAAAAAIBAAEAAwADAAACAAYAAAkBEQEzESMBlgFq/gBWVgIAAQD+AAIA/gAAAAAAAgEAAQADAAMAAAMABgAAATMRIyERAQKqVlb+VgFqAwD+AAIA/wAAAAIAqgCAA1YD1gBFAGgAAAEOARUUBjEjNzMVIwcwNjU0MjU0FjsBMhYXHgEXHgEVFAYHDgEHDgEHDgEjIiYnLgEnLgE1MxQWMzI2PwEwNj0BLwEwJiMRMh4CFRQOAiMiLgI1MxQeAjMyPgI1NC4CIxUnNwH4AwsEHgpmSgQEBgUDCAYNAwMKAwcLAQMDBQYGBwMDEQYGDQMDCwYICiIODAMGAwoEBAoJA0Z9XTY2XXxHRn1dNlYpRV01NF5FKSlFXTXW1gG8AQUCAwNeHiYBAwMDAwMDAwMGAwcZDgYNAwMNBgYDAwMBAQMDAgMEFgwLCQEDCAkDGggKBAFuNV17R0Z9XTY2XXxHNF5FKSlFXTU0XkUprNbWAAAEAKoAgANWA9YAGwBGAE0AcAAAARQWMzI2PwEwNj0BMCY1NCYjIgYPATAGHQEwFjcUBg8BMAYjIgYjIiYnLgEnLgE9ATQ2PwEwNjMyNjMyFhceARceARceARUHIzUHNTczEzIeAhUUDgIjIi4CNTMUHgIzMj4CNTQuAiMVJzcCNA4GAwgDCAQEEgQDBgMIBgZUAQMMEAYGDgYGDgYGCAYKCAEDDg4GBg4GBg4GBgoGBgMDAwG2KCpMBi5GfV02Nl18R0Z9XTZWKUVdNTReRSkpRV011tYBeAUJAQMKCQNWCQMECgMDCAkDVgknCRMGGgwEAQMDBgMFKA8eCRMGGgwEAQMDBgMDDgkJEAlqjAweGAEeNV17R0Z9XTY2XXxHNF5FKSlFXTU0XkUprNbWAAAABACqAIADVgPWABsARgCjAMYAAAEUFjMyNj8BMDY9ATQmNTQmIyIGDwEwBh0BMBY3FAYPATAGIyIGIyImJy4BJy4BPQE0Nj8BMDYzMjYzMhYXHgEXHgEXHgEVIzI2PQEwJjU0JisBMAYjIgYdASM0NjMyNjMyFhceAR0BMAYVFAYjIgYHHgEXHgEVFAYHDgEHDgEjIgYjIiYnLgEnLgE1MxUwFhUUFjsBMDYzMjY9ATAmNTQmKwE1EzIeAhUUDgIjIi4CNTMUHgIzMj4CNTQuAiMVJzcCPBAGAwYDCAQEEAQDCAMIBARQAQMMEAYGDgYPFQoGAwMDAwMDDBAGBgwGBg4GBgoGBgMDAwHiDBIEBQMWBQMDASwWDgMOAw0ZCggIBAUDAwgDBg0DAwUBAwMGAwMNBgYOBgYLAwMNBggKJAQFAxYFAwMBBAUDGmZGfV02Nl18R0Z9XTZWKUVdNTReRSkpRV011tYBeAYIAQMKCQNWAwYDBAoDAwgJA1YJJwkTBhoMBAsFAw4JCRAJHgkTBhoMBAEDAwYDAw4JCRAJDgwIBQMDAQQFAwgPHwQHBQQYCg4JAwMFBwMDBwYGDgYGDQMDCgMDBQQBAwMCAwQbCwgFAwMBBAUDFgUDAwEeAWo1XXtHRn1dNjZdfEc0XkUpKUVdNTReRSms1tYAAAIAqgCAA1YD1gBCAGUAAAEOARUUBjEjNzMVIwcwNjU0MjU0FjsBMhYXHgEXHgEVFAYHDgEHDgEjIiYnLgEnLgE1MxQWMzI2PwEwNj0BLwEwJiMlND4CMzUXBzUiDgIVFB4CMzI+AjUzFA4CIyIuAgH0AwsEGgpmSgQEBgUDCAYNAwMKAwcLAQMDBQYIFw8GDQMDCwYICiIODAMGAwoEBAoJA/6uNl18R9bWNF5FKSlFXTU0XkUpVjZdfEdGfV02AbwBBQIDA14eJgEDAwMDAwMDAwYDBxkOBg0DAw0GCAgBAwMCAwQWDAsJAQMICQMaCAoEGkZ8XTWs1tasKUVdNTReRSkpRV01Rn1dNjZdfAAABACqAIADVgPWABsARgBNAHAAAAEUFjMyNj8BMDY9ATAmNTQmIyIGDwEwBh0BMBY3FAYPATAGIyIGIyImJy4BJy4BPQE0Nj8BMDYzMjYzMhYXHgEXHgEXHgEVByM1BzU3MwU0PgIzNRcHNSIOAhUUHgIzMj4CNTMUDgIjIi4CAjQOBgMIAwgEBBIEAwYDCAYGUAEDDBAGBg4GBg4GBggGCggBAw4OBgYOBgYOBgYKBgYDAwMBsigqTAb+2DZdfEfW1jReRSkpRV01NF5FKVY2XXxHRn1dNgF4BQkBAwoJA1YJAwQKAwMICQNWCScJEwYaDAQBAwMGAwUoDx4JEwYaDAQBAwMGAwMOCQkQCWqMDB4YNkZ8XTWs1tasKUVdNTReRSkpRV01Rn1dNjZdfAAAAAQAqgCAA1YD1gAiAD4AaQDGAAATND4CMzUXBzUiDgIVFB4CMzI+AjUzFA4CIyIuAgUUFjMyNj8BMDY9ATAmNTQmIyIGDwEwBh0BMBY3FAYPATAGIyIGIyImJy4BJy4BPQE0Nj8BMDYzMjYzMhYXHgEXHgEXHgEVIzI2PQEwJjU0JisBMAYjIgYdASM0NjMyNjMyFhceAR0BMAYVFAYjIgYHHgEXHgEVFAYHDgEHDgEjIgYjIiYnLgEnLgE1MxUwFhUUFjsBMDYzMjY9ATAmNTQmKwE1qjZdfEfW1jReRSkpRV01NF5FKVY2XXxHRn1dNgGODgYDCAMIBAQSBAMGAwgEBFQBAwwQBgYOBg8VCgYDAwMDAwMMEAYGDAYGDgYGCgYGAwMDAeIMEgQFAxYFAwMBLBYOAw4DDRkKCAgEBQMDCAMGDQMDBQEDAwYDAw0GBg4GBgsDAw0GCAokBAUDFgUDAwEEBQMaAdZGfF01rNbWrClFXTU0XkUpKUVdNUZ9XTY2XXwXBQkBAwoJA1YJAwQKAwMICQNWCScJEwYaDAQLBQMOCQkQCR4JEwYaDAQBAwMGAwMOCQkQCQ4MCAUDAwEEBQMIDx8EBwUEGAoOCQMDBQcDAwcGBg4GBg0DAwoDAwUEAQMDAgMEGwsIBQMDAQQFAxYFAwMBHgAAAAAEAIAAgAOAA4AAAgAUACYALgAAARUnJwEHJw4BBzU+ATcnEScjETMnATQuAic1HgMVFAYHJz4BJxwBByc1HgECAFrwAso2WCJOLBswFbbWqsrKAqofOU0vQG5PLRcVQAoMagJoMDoDVrRahP02NlgbKAtYBxoRtv7g1gEAyv62M1xLNg5YDkVjfEQwWydCGTkeBw0GaF4YWwAAAAABASoAqgKqA1YABQAAATM3EScjASqs1NSsAoDW/VTWAAIA1gCqAxYDVgAFAAwAABMzNxEnIyUUBgcRHgHWqtbWqgJAPDAwPAKA1v1U1oA5WxgBWBhbAAAAAwCAAIoDgAN2ABUAHAAiAAABHgMVFA4CBzU+AzU0LgInExQGBxEeASUzNxEnIwJWQG5PLS1PbUEuTjkfHzlNL2o6MDA6/cCq1taqA3YORWN8RER7Y0YOWA03S1wzM1xLNg7+4jlbGAFYGFtH1v1U1gAAAAAEANYA1gMqAyoABQALABEAFwAAATMVIzUjEzUzFSM1ATUzFSMVHQEzFSM1AlbUVICAVNT+gNSAgNQDKtSA/lSA1FQBLNRUgKyAVNQABADWANYDKgMqAAUACwARABcAAAEzFSM1MwM1MxUjFQE1MxUjNRE1MxUjNQKqgNRUVNSA/qxU1NRUAqpU1P2s1FSAAdSA1FT+rFTUgAAAAAADAIAAqgOAA1YAFwAvAD8AAAE1NCYrASIGHQEUFjsBMjY9ASMVIzUzFSM1NCYrASIGHQEUFjsBMjY9ASMVIzUzFQEyFhURFAYjISImNRE0NjMDABgSgBIaGhKAEhhAVlbqGhKAEhgYEoASGkBWVgGUIjQzI/2sJDIyJAIqLBIYGBKsEhgYEiwWgBYsEhgYEqwSGBgSLBaAFgEsMyP+ACI0MyMCACI0AAAEAIAAgAOAA4AAAwANABkAKQAAATUzFScRMzI2PQE0JiMBESMVIzUjETM1MxUBMhYVERQGIyEiJjURNDYzAmpWlqwSGBgS/wBAVkBAVgGUIjQzI/2sJDIyJAHAgIDA/wAYEqwSGP8AAQBqav8AVlYCADMj/awiNDMjAlQiNAAAAAIAZABWA5wDqgALAFkAAAEyNjU0JiMiBhUUFiUXHgEPAQ4BLwEOAQ8BDgErASImLwEuAScHBiYvASY2PwEuATU8ATcnLgE/AT4BHwE+AT8BPgE7ATIWHwEeARc3NhYfARYGDwEeARUcAQIAPVlYPj1ZWAF8WgYCBFYEDghqECQUEAELCKwHCwIQEyQRagcOBVYEAgZaAQECWgYCBFYEDghqECQUEAELCKwHCwIQEyQRagcOBVYEAgZaAQEBalg+PVlYPj1ZbEYEEAiUBwQDKgwWCHAHCwoIcAcVDioDAwiUBxAFRgoVCwoVC0YEEAiUBwQDKgwWCHAHCwoIcAcVDioDAwiUBxAFRgoVCwoVAAAAAQCAAFgDgAOqADMAAAEyFhUUBiMiJjU8ATclDgEjIiY1NDYzMhYXJS4BNTQ2MzIWFRQGIyImJwUeARUUBgcFPgEDADNJSTMzSQL+0hIsGjRMSzUZLRIBLAEDSzU0TEs1GS0S/tQBAwICATAQLAFSSTMzS0szBw8GsBASSzU0TBERrgcPCDRMSzU0TBMRsAcPCAcPCLAPEQADAFYAVgOqA6oAAwAHABsAAAE1IxUTESMREzIeAhUUDgIjIi4CNTQ+AgIqVFRUKlicc0NDc5tZWJxzQ0NzmwKAVlb+qgEA/wACgENzm1lYnHNDQ3ObWVicc0MAAAQAVgBWA6oDqgADABcAKwAvAAABNTMVAzI+AjU0LgIjIg4CFRQeAhMyHgIVFA4CIyIuAjU0PgITETMRAdZUKkZ9XTY2XXxHRn1dNjZdfEdYnHNDQ3ObWVicc0NDc5svVAKAVlb+KjZdfEdGfV02Nl18R0Z9XTYDAENzm1lYnHNDQ3ObWVicc0P9gAEA/wAAAAEA1gDWAyoDKgALAAABBxcHJwcnNyc3FzcDKu7uPO7uPO7uPO7uAu7u7jzu7jzu7jzu7gABAFUAVQOrA6sAFAAAExQeAjMyPgI1NC4CIyIOAhVVQ3ScWFicdENDdJxYWJx0QwIAWJx0Q0N0nFhYnHRDQ3ScWAAAAAIAVQBVA6sDqwAUACgAAAEiDgIVFB4CMzI+AjU0LgIjESIuAjU0PgIzMh4CFRQOAgIAWJx0Q0N0nFhYnHRDQ3ScWEd8XTU1XXxHR3xdNTVdfAOrQ3ScWFicdENDdJxYWJx0Q/0ANV18R0d8XTU1XXxHR3xdNQAAAAMAVQBVA6sDqwAUACgANAAAASIOAhUUHgIzMj4CNTQuAiMRIi4CNTQ+AjMyHgIVFA4CExQGIyImNTQ2MzIWAgBYnHRDQ3ScWFicdENDdJxYR3xdNTVdfEdHfF01NV18OUs1NUtLNTVLA6tDdJxYWJx0Q0N0nFhYnHRD/QA1XXxHR3xdNTVdfEdHfF01AVU1S0s1NUtLAAAAAQAAAAEAAPEUzolfDzz1AAsEAAAAAADUNIllAAAAANQ0iWUAAAAAA6sD1gAAAAgAAgAAAAAAAAABAAAEAAAAAAAEAAAAAAADqwABAAAAAAAAAAAAAAAAAAAAJQQAAAAAAAAAAAAAAAAAAAAEAAFWBAAAVgQAAFYEAAEABAAAVgQAAFYEAAEABAAAagQAAKoEAAEABAABAAQAAKoEAACqBAAAqgQAAKoEAACqBAAAqgQAAIAEAAEqBAAA1gQAAIAEAADWBAAA1gQAAIAEAACABAAAZAQAAIAEAABWBAAAVgQAANYEAABVBAAAVQQAAFUAAAAAAAoAFAAeACwAVACWAKoA2AEgAS4BRAFaAXABhAIQAqgDpgQuBMYFxAYSBiIGPgZ4Bp4GxgcaB1oH4gguCFwIpAi+COAJHAloAAEAAAAlAMcABAAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQALAAAAAQAAAAAAAgAHAIQAAQAAAAAAAwALAEIAAQAAAAAABAALAJkAAQAAAAAABQALACEAAQAAAAAABgALAGMAAQAAAAAACgAaALoAAwABBAkAAQAWAAsAAwABBAkAAgAOAIsAAwABBAkAAwAWAE0AAwABBAkABAAWAKQAAwABBAkABQAWACwAAwABBAkABgAWAG4AAwABBAkACgA0ANR2aWRlby1yZWFjdAB2AGkAZABlAG8ALQByAGUAYQBjAHRWZXJzaW9uIDEuMABWAGUAcgBzAGkAbwBuACAAMQAuADB2aWRlby1yZWFjdAB2AGkAZABlAG8ALQByAGUAYQBjAHR2aWRlby1yZWFjdAB2AGkAZABlAG8ALQByAGUAYQBjAHRSZWd1bGFyAFIAZQBnAHUAbABhAHJ2aWRlby1yZWFjdAB2AGkAZABlAG8ALQByAGUAYQBjAHRGb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format("truetype");
  font-weight: normal;
  font-style: normal;
}
.video-react-icon, .video-react .video-react-closed-caption, .video-react .video-react-bezel .video-react-bezel-icon, .video-react .video-react-volume-level, .video-react .video-react-mute-control,
.video-react .video-react-volume-menu-button, .video-react .video-react-play-control, .video-react .video-react-play-progress, .video-react .video-react-big-play-button {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "video-react" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.video-react-icon-play-arrow:before, .video-react .video-react-bezel .video-react-bezel-icon-play:before, .video-react .video-react-play-control:before, .video-react .video-react-big-play-button:before {
  content: "\f200";
}

.video-react-icon-play-circle-filled:before {
  content: "\f201";
}

.video-react-icon-play-circle-outline:before {
  content: "\f202";
}

.video-react-icon-pause:before, .video-react .video-react-bezel .video-react-bezel-icon-pause:before, .video-react .video-react-play-control.video-react-playing:before {
  content: "\f203";
}

.video-react-icon-pause-circle-filled:before {
  content: "\f204";
}

.video-react-icon-pause-circle-outline:before {
  content: "\f205";
}

.video-react-icon-stop:before {
  content: "\f206";
}

.video-react-icon-fast-rewind:before, .video-react .video-react-bezel .video-react-bezel-icon-fast-rewind:before {
  content: "\f207";
}

.video-react-icon-fast-forward:before, .video-react .video-react-bezel .video-react-bezel-icon-fast-forward:before {
  content: "\f208";
}

.video-react-icon-skip-previous:before {
  content: "\f209";
}

.video-react-icon-skip-next:before {
  content: "\f20a";
}

.video-react-icon-replay-5:before, .video-react .video-react-bezel .video-react-bezel-icon-replay-5:before {
  content: "\f20b";
}

.video-react-icon-replay-10:before, .video-react .video-react-bezel .video-react-bezel-icon-replay-10:before {
  content: "\f20c";
}

.video-react-icon-replay-30:before, .video-react .video-react-bezel .video-react-bezel-icon-replay-30:before {
  content: "\f20d";
}

.video-react-icon-forward-5:before, .video-react .video-react-bezel .video-react-bezel-icon-forward-5:before {
  content: "\f20e";
}

.video-react-icon-forward-10:before, .video-react .video-react-bezel .video-react-bezel-icon-forward-10:before {
  content: "\f20f";
}

.video-react-icon-forward-30:before, .video-react .video-react-bezel .video-react-bezel-icon-forward-30:before {
  content: "\f210";
}

.video-react-icon-volume-off:before, .video-react .video-react-bezel .video-react-bezel-icon-volume-off:before, .video-react .video-react-mute-control.video-react-vol-muted:before,
.video-react .video-react-volume-menu-button.video-react-vol-muted:before {
  content: "\f211";
}

.video-react-icon-volume-mute:before, .video-react .video-react-mute-control.video-react-vol-0:before,
.video-react .video-react-volume-menu-button.video-react-vol-0:before {
  content: "\f212";
}

.video-react-icon-volume-down:before, .video-react .video-react-bezel .video-react-bezel-icon-volume-down:before, .video-react .video-react-mute-control.video-react-vol-2:before,
.video-react .video-react-volume-menu-button.video-react-vol-2:before, .video-react .video-react-mute-control.video-react-vol-1:before,
.video-react .video-react-volume-menu-button.video-react-vol-1:before {
  content: "\f213";
}

.video-react-icon-volume-up:before, .video-react .video-react-bezel .video-react-bezel-icon-volume-up:before, .video-react .video-react-mute-control:before,
.video-react .video-react-volume-menu-button:before {
  content: "\f214";
}

.video-react-icon-fullscreen:before {
  content: "\f215";
}

.video-react-icon-fullscreen-exit:before {
  content: "\f216";
}

.video-react-icon-closed-caption:before, .video-react .video-react-closed-caption:before {
  content: "\f217";
}

.video-react-icon-hd:before {
  content: "\f218";
}

.video-react-icon-settings:before {
  content: "\f219";
}

.video-react-icon-share:before {
  content: "\f21a";
}

.video-react-icon-info:before {
  content: "\f21b";
}

.video-react-icon-info-outline:before {
  content: "\f21c";
}

.video-react-icon-close:before {
  content: "\f21d";
}

.video-react-icon-circle:before, .video-react .video-react-volume-level:before, .video-react .video-react-play-progress:before {
  content: "\f21e";
}

.video-react-icon-circle-outline:before {
  content: "\f21f";
}

.video-react-icon-circle-inner-circle:before {
  content: "\f220";
}

.video-react {
  display: block;
  vertical-align: top;
  box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  font-size: 10px;
  line-height: 1;
  font-family: serif, Times, "Times New Roman";
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.video-react:-moz-full-screen {
  position: absolute;
}

.video-react:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}

.video-react *,
.video-react *:before,
.video-react *:after {
  box-sizing: inherit;
}

.video-react ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.video-react.video-react-fluid, .video-react.video-react-16-9, .video-react.video-react-4-3 {
  width: 100%;
  max-width: 100%;
  height: 0;
}

.video-react.video-react-16-9 {
  padding-top: 56.25%;
}

.video-react.video-react-4-3 {
  padding-top: 75%;
}

.video-react.video-react-fill {
  width: 100%;
  height: 100%;
}

.video-react .video-react-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-react.video-react-fullscreen {
  width: 100% !important;
  height: 100% !important;
  padding-top: 0 !important;
}

.video-react.video-react-fullscreen.video-react-user-inactive {
  cursor: none;
}

body.video-react-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
  overflow-y: auto;
}

body.video-react-full-window .video-react-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

.video-react button {
  background: none;
  border: none;
  color: inherit;
  display: inline-block;
  cursor: pointer;
  overflow: visible;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.video-react .video-react-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.85;
  text-align: left;
  border: 6px solid rgba(43, 51, 63, 0.7);
  box-sizing: border-box;
  background-clip: padding-box;
  width: 50px;
  height: 50px;
  border-radius: 25px;
}

.video-react .video-react-loading-spinner:before, .video-react .video-react-loading-spinner:after {
  content: "";
  position: absolute;
  margin: -6px;
  box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: white;
  -webkit-animation: video-react-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, video-react-spinner-fade 1.1s linear infinite;
  animation: video-react-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, video-react-spinner-fade 1.1s linear infinite;
}

.video-react-seeking .video-react-loading-spinner,
.video-react-waiting .video-react-loading-spinner {
  display: block;
}

.video-react-seeking .video-react-loading-spinner:before,
.video-react-waiting .video-react-loading-spinner:before {
  border-top-color: white;
}

.video-react-seeking .video-react-loading-spinner:after,
.video-react-waiting .video-react-loading-spinner:after {
  border-top-color: white;
  -webkit-animation-delay: 0.44s;
  animation-delay: 0.44s;
}

@keyframes video-react-spinner-spin {
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes video-react-spinner-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes video-react-spinner-fade {
  0% {
    border-top-color: #73859f;
  }
  20% {
    border-top-color: #73859f;
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: #73859f;
  }
  100% {
    border-top-color: #73859f;
  }
}
@-webkit-keyframes video-react-spinner-fade {
  0% {
    border-top-color: #73859f;
  }
  20% {
    border-top-color: #73859f;
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: #73859f;
  }
  100% {
    border-top-color: #73859f;
  }
}
.video-react .video-react-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.5em;
  width: 3em;
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  border: 0.06666em solid #fff;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  -webkit-border-radius: 0.3em;
  -moz-border-radius: 0.3em;
  border-radius: 0.3em;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.video-react .video-react-big-play-button.video-react-big-play-button-center {
  top: 50%;
  left: 50%;
  margin-top: -0.75em;
  margin-left: -1.5em;
}

.video-react .video-react-big-play-button.big-play-button-hide {
  display: none;
}

.video-react:hover .video-react-big-play-button,
.video-react .video-react-big-play-button:focus {
  outline: 0;
  border-color: #fff;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  -o-transition: all 0s;
  transition: all 0s;
}

.video-react-menu-button {
  cursor: pointer;
}

.video-react-menu-button.video-react-disabled {
  cursor: default;
}

.video-react-menu .video-react-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  overflow: auto;
  font-family: serif, Times, "Times New Roman";
}

.video-react-menu li {
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
}

.video-react-menu li:focus, .video-react-menu li:hover {
  outline: 0;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}

.video-react-menu li.video-react-selected, .video-react-menu li.video-react-selected:focus, .video-react-menu li.video-react-selected:hover {
  background-color: #fff;
  color: #2B333F;
}

.video-react-menu li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default;
}

.video-react-scrubbing .vjs-menu-button:hover .video-react-menu {
  display: none;
}

.video-react .video-react-menu-button-popup .video-react-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0em;
  margin-bottom: 1.5em;
  border-top-color: rgba(43, 51, 63, 0.7);
}

.video-react .video-react-menu-button-popup .video-react-menu .video-react-menu-content {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  max-height: 15em;
}

.video-react-menu-button-popup .video-react-menu.video-react-lock-showing {
  display: block;
}

.video-react .video-react-menu-button-inline {
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  overflow: hidden;
}

.video-react .video-react-menu-button-inline:before {
  width: 2.222222222em;
}

.video-react .video-react-menu-button-inline:hover, .video-react .video-react-menu-button-inline:focus, .video-react .video-react-menu-button-inline.video-react-slider-active {
  width: 12em;
}

.video-react .video-react-menu-button-inline:hover .video-react-menu, .video-react .video-react-menu-button-inline:focus .video-react-menu, .video-react .video-react-menu-button-inline.video-react-slider-active .video-react-menu {
  display: block;
  opacity: 1;
}

.video-react .video-react-menu-button-inline.video-react-slider-active {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}

.video-react .video-react-menu-button-inline .video-react-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 4em;
  top: 0;
  padding: 0;
  margin: 0;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.video-react .video-react-menu-button-inline .video-react-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden;
}

.video-react-no-flex .video-react-menu-button-inline .video-react-menu {
  display: block;
  opacity: 1;
  position: relative;
  width: auto;
}

.video-react-no-flex .video-react-menu-button-inline:hover, .video-react-no-flex .video-react-menu-button-inline:focus, .video-react-no-flex .video-react-menu-button-inline.video-react-slider-active {
  width: auto;
}

.video-react .video-react-poster {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  background-color: #000000;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
}

.video-react .video-react-poster img {
  display: block;
  vertical-align: middle;
  margin: 0 auto;
  max-height: 100%;
  padding: 0;
  width: 100%;
}

.video-react .video-react-slider {
  outline: 0;
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em 0 0.45em;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}

.video-react .video-react-slider:focus {
  -webkit-box-shadow: 0 0 1em #fff;
  -moz-box-shadow: 0 0 1em #fff;
  box-shadow: 0 0 1em #fff;
}

.video-react .video-react-control {
  outline: none;
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
}

.video-react .video-react-control:before {
  font-size: 1.8em;
  line-height: 1.67;
}

.video-react .video-react-control:focus:before, .video-react .video-react-control:hover:before, .video-react .video-react-control:focus {
  text-shadow: 0em 0em 1em #fff, 0em 0em 0.5em #fff;
}

.video-react .video-react-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.video-react-no-flex .video-react-control {
  display: table-cell;
  vertical-align: middle;
}

.video-react .video-react-control-bar {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}

.video-react-has-started .video-react-control-bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  visibility: visible;
  opacity: 1;
  -webkit-transition: visibility 0.1s, opacity 0.1s;
  -moz-transition: visibility 0.1s, opacity 0.1s;
  -o-transition: visibility 0.1s, opacity 0.1s;
  transition: visibility 0.1s, opacity 0.1s;
}

.video-react-has-started.video-react-user-inactive.video-react-playing .video-react-control-bar.video-react-control-bar-auto-hide {
  visibility: visible;
  opacity: 0;
  -webkit-transition: visibility 1s, opacity 1s;
  -moz-transition: visibility 1s, opacity 1s;
  -o-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s;
}

.video-react-controls-disabled .video-react-control-bar,
.video-react-using-native-controls .video-react-control-bar,
.video-react-error .video-react-control-bar {
  display: none !important;
}

.video-react-audio.video-react-has-started.video-react-user-inactive.video-react-playing .video-react-control-bar {
  opacity: 1;
  visibility: visible;
}

.video-react-has-started.video-react-no-flex .video-react-control-bar {
  display: table;
}

.video-react .video-react-progress-control {
  -webkit-box-flex: auto;
  -moz-box-flex: auto;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 4em;
}

.video-react-live .video-react-progress-control {
  display: none;
}

.video-react .video-react-progress-holder {
  -webkit-box-flex: auto;
  -moz-box-flex: auto;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  height: 0.3em;
}

.video-react .video-react-progress-control:hover .video-react-progress-holder {
  font-size: 1.6666666667em;
}

/* If we let the font size grow as much as everything else, the current time tooltip ends up
 ginormous. If you'd like to enable the current time tooltip all the time, this should be disabled
 to avoid a weird hitch when you roll off the hover. */
.video-react .video-react-progress-control:hover .video-react-time-tooltip,
.video-react .video-react-progress-control:hover .video-react-mouse-display:after,
.video-react .video-react-progress-control:hover .video-react-play-progress:after {
  visibility: visible;
  font-size: 0.6em;
}

.video-react .video-react-progress-holder .video-react-play-progress,
.video-react .video-react-progress-holder .video-react-load-progress,
.video-react .video-react-progress-holder .video-react-tooltip-progress-bar,
.video-react .video-react-progress-holder .video-react-load-progress div {
  position: absolute;
  display: block;
  height: 0.3em;
  margin: 0;
  padding: 0;
  width: 0;
  left: 0;
  top: 0;
}

.video-react .video-react-play-progress {
  background-color: #fff;
}

.video-react .video-react-play-progress:before {
  position: absolute;
  top: -0.3333333333em;
  right: -0.5em;
  font-size: 0.9em;
}

.video-react .video-react-time-tooltip,
.video-react .video-react-mouse-display:after,
.video-react .video-react-play-progress:after {
  visibility: hidden;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  right: -1.9em;
  font-size: 0.9em;
  color: #000;
  content: attr(data-current-time);
  padding: 6px 8px 8px 8px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-border-radius: 0.3em;
  -moz-border-radius: 0.3em;
  border-radius: 0.3em;
}

.video-react .video-react-time-tooltip,
.video-react .video-react-play-progress:before,
.video-react .video-react-play-progress:after {
  z-index: 1;
}

.video-react .video-react-progress-control .video-react-keep-tooltips-inside:after {
  display: none;
}

.video-react .video-react-load-progress {
  background: #bfc7d3;
  background: rgba(115, 133, 159, 0.5);
}

.video-react .video-react-load-progress div {
  background: white;
  background: rgba(115, 133, 159, 0.75);
}

.video-react.video-react-no-flex .video-react-progress-control {
  width: auto;
}

.video-react .video-react-time-tooltip {
  display: inline-block;
  height: 2.4em;
  position: relative;
  float: right;
  right: -1.9em;
}

.video-react .video-react-tooltip-progress-bar {
  visibility: hidden;
}

.video-react .video-react-progress-control .video-react-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 1;
}

.video-react-no-flex .video-react-progress-control .video-react-mouse-display {
  z-index: 0;
}

.video-react .video-react-progress-control:hover .video-react-mouse-display {
  display: block;
}

.video-react.video-react-user-inactive .video-react-progress-control .video-react-mouse-display,
.video-react.video-react-user-inactive .video-react-progress-control .video-react-mouse-display:after {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 1s, opacity 1s;
  -moz-transition: visibility 1s, opacity 1s;
  -o-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s;
}

.video-react.video-react-user-inactive.video-react-no-flex .video-react-progress-control .video-react-mouse-display,
.video-react.video-react-user-inactive.video-react-no-flex .video-react-progress-control .video-react-mouse-display:after {
  display: none;
}

.video-react .video-react-mouse-display .video-react-time-tooltip,
.video-react .video-react-progress-control .video-react-mouse-display:after {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}

.video-react .video-react-play-control {
  cursor: pointer;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
}

.video-react .video-react-fullscreen-control {
  cursor: pointer;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
}

.video-react.video-react-fullscreen {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 9999;
}

.video-react .video-react-time-control {
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: 2em;
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}

.video-react .video-react-time-divider {
  line-height: 3em;
  min-width: initial;
  padding: 0;
}

.video-react .video-react-mute-control,
.video-react .video-react-volume-menu-button {
  cursor: pointer;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
}

.video-react .video-react-volume-control {
  width: 5em;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.video-react .video-react-volume-bar {
  margin: 1.35em 0.45em;
}

.video-react .video-react-volume-bar.video-react-slider-horizontal {
  width: 5em;
  height: 0.3em;
}

.video-react .video-react-volume-bar.video-react-slider-horizontal .video-react-volume-level {
  width: 100%;
}

.video-react .video-react-volume-bar.video-react-slider-vertical {
  width: 0.3em;
  height: 5em;
  margin: 1.35em auto;
}

.video-react .video-react-volume-bar.video-react-slider-vertical .video-react-volume-level {
  height: 100%;
}

.video-react .video-react-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
}

.video-react .video-react-volume-level:before {
  position: absolute;
  font-size: 0.9em;
}

.video-react .video-react-slider-vertical .video-react-volume-level {
  width: 0.3em;
}

.video-react .video-react-slider-vertical .video-react-volume-level:before {
  top: -0.5em;
  left: -0.3em;
}

.video-react .video-react-slider-horizontal .video-react-volume-level {
  height: 0.3em;
}

.video-react .video-react-slider-horizontal .video-react-volume-level:before {
  top: -0.3em;
  right: -0.5em;
}

.video-react .video-react-menu-button-popup.video-react-volume-menu-button .video-react-menu {
  display: block;
  width: 0;
  height: 0;
  border-top-color: transparent;
}

.video-react .video-react-menu-button-popup.video-react-volume-menu-button-vertical .video-react-menu {
  left: 0.5em;
  height: 8em;
}

.video-react .video-react-menu-button-popup.video-react-volume-menu-button-horizontal .video-react-menu {
  left: -2em;
}

.video-react .video-react-menu-button-popup.video-react-volume-menu-button .video-react-menu-content {
  height: 0;
  width: 0;
  overflow-x: hidden;
  overflow-y: hidden;
}

.video-react .video-react-volume-menu-button-vertical:hover .video-react-menu-content,
.video-react .video-react-volume-menu-button-vertical:focus .video-react-menu-content,
.video-react .video-react-volume-menu-button-vertical.video-react-slider-active .video-react-menu-content,
.video-react .video-react-volume-menu-button-vertical .video-react-lock-showing .video-react-menu-content {
  height: 8em;
  width: 2.9em;
}

.video-react .video-react-volume-menu-button-horizontal:hover .video-react-menu-content,
.video-react .video-react-volume-menu-button-horizontal:focus .video-react-menu-content,
.video-react .video-react-volume-menu-button-horizontal .video-react-slider-active .video-react-menu-content,
.video-react .video-react-volume-menu-button-horizontal .video-react-lock-showing .video-react-menu-content {
  height: 2.9em;
  width: 8em;
}

.video-react .video-react-volume-menu-button.video-react-menu-button-inline .video-react-menu-content {
  background-color: transparent !important;
}

.video-react .video-react-playback-rate .video-react-playback-rate-value {
  line-height: 3em;
  text-align: center;
}

.video-react .video-react-playback-rate .video-react-menu {
  width: 4em;
  left: 0em;
}

.video-react .video-react-bezel {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 52px;
  height: 52px;
  z-index: 17;
  margin-left: -26px;
  margin-top: -26px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 26px;
}

.video-react .video-react-bezel.video-react-bezel-animation {
  -moz-animation: video-react-bezel-fadeout 0.5s linear 1 normal forwards;
  -webkit-animation: video-react-bezel-fadeout 0.5s linear 1 normal forwards;
  animation: video-react-bezel-fadeout 0.5s linear 1 normal forwards;
  pointer-events: none;
}

.video-react .video-react-bezel.video-react-bezel-animation-alt {
  -moz-animation: video-react-bezel-fadeout-alt 0.5s linear 1 normal forwards;
  -webkit-animation: video-react-bezel-fadeout-alt 0.5s linear 1 normal forwards;
  animation: video-react-bezel-fadeout-alt 0.5s linear 1 normal forwards;
  pointer-events: none;
}

.video-react .video-react-bezel .video-react-bezel-icon {
  width: 36px;
  height: 36px;
  margin: 8px;
  font-size: 26px;
  line-height: 36px;
  text-align: center;
}

@keyframes video-react-bezel-fadeout {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: scale(2);
  }
}
@keyframes video-react-bezel-fadeout-alt {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: scale(2);
  }
}
.video-react .video-react-closed-caption {
  cursor: pointer;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
}

.video-react video::-webkit-media-text-track-container {
  -webkit-transform: translateY(-30px);
  transform: translateY(-30px);
}
/*!
* animate.css - https://animate.style/
* Version - 4.1.1
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2020 Animate.css
*/
:root {
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1;
}

.animate__animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animate__animated.animate__infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animate__animated.animate__repeat-1 {
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: var(--animate-repeat);
  animation-iteration-count: var(--animate-repeat);
}

.animate__animated.animate__repeat-2 {
  -webkit-animation-iteration-count: 2;
  animation-iteration-count: 2;
  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);
  animation-iteration-count: calc(var(--animate-repeat) * 2);
}

.animate__animated.animate__repeat-3 {
  -webkit-animation-iteration-count: 3;
  animation-iteration-count: 3;
  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);
  animation-iteration-count: calc(var(--animate-repeat) * 3);
}

.animate__animated.animate__delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-delay: var(--animate-delay);
  animation-delay: var(--animate-delay);
}

.animate__animated.animate__delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-delay: calc(var(--animate-delay) * 2);
  animation-delay: calc(var(--animate-delay) * 2);
}

.animate__animated.animate__delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
  -webkit-animation-delay: calc(var(--animate-delay) * 3);
  animation-delay: calc(var(--animate-delay) * 3);
}

.animate__animated.animate__delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
  -webkit-animation-delay: calc(var(--animate-delay) * 4);
  animation-delay: calc(var(--animate-delay) * 4);
}

.animate__animated.animate__delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
  -webkit-animation-delay: calc(var(--animate-delay) * 5);
  animation-delay: calc(var(--animate-delay) * 5);
}

.animate__animated.animate__faster {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-duration: calc(var(--animate-duration) / 2);
  animation-duration: calc(var(--animate-duration) / 2);
}

.animate__animated.animate__fast {
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-duration: calc(var(--animate-duration) * 0.8);
  animation-duration: calc(var(--animate-duration) * 0.8);
}

.animate__animated.animate__slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-duration: calc(var(--animate-duration) * 2);
  animation-duration: calc(var(--animate-duration) * 2);
}

.animate__animated.animate__slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-duration: calc(var(--animate-duration) * 3);
  animation-duration: calc(var(--animate-duration) * 3);
}

@media print, (prefers-reduced-motion: reduce) {
  .animate__animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
  }
  .animate__animated[class*=Out] {
    opacity: 0;
  }
}
/* Attention seekers  */
@-webkit-keyframes bounce {
  from, 20%, 53%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }
  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
    transform: translate3d(0, 0, 0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
@keyframes bounce {
  from, 20%, 53%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }
  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
    transform: translate3d(0, 0, 0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
.animate__bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.animate__flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.animate__pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.animate__rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shakeX {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shakeX {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
.animate__shakeX {
  -webkit-animation-name: shakeX;
  animation-name: shakeX;
}

@-webkit-keyframes shakeY {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
}
@keyframes shakeY {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
}
.animate__shakeY {
  -webkit-animation-name: shakeY;
  animation-name: shakeY;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.animate__headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.animate__swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.animate__tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.animate__jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.animate__heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-duration: calc(var(--animate-duration) * 1.3);
  animation-duration: calc(var(--animate-duration) * 1.3);
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

/* Back entrances */
@-webkit-keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(0.7);
    transform: translateY(-1200px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(0.7);
    transform: translateY(-1200px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInDown {
  -webkit-animation-name: backInDown;
  animation-name: backInDown;
}

@-webkit-keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInLeft {
  -webkit-animation-name: backInLeft;
  animation-name: backInLeft;
}

@-webkit-keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInRight {
  -webkit-animation-name: backInRight;
  animation-name: backInRight;
}

@-webkit-keyframes backInUp {
  0% {
    -webkit-transform: translateY(1200px) scale(0.7);
    transform: translateY(1200px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInUp {
  0% {
    -webkit-transform: translateY(1200px) scale(0.7);
    transform: translateY(1200px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInUp {
  -webkit-animation-name: backInUp;
  animation-name: backInUp;
}

/* Back exits */
@-webkit-keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translateY(700px) scale(0.7);
    transform: translateY(700px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translateY(700px) scale(0.7);
    transform: translateY(700px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutDown {
  -webkit-animation-name: backOutDown;
  animation-name: backOutDown;
}

@-webkit-keyframes backOutLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutLeft {
  -webkit-animation-name: backOutLeft;
  animation-name: backOutLeft;
}

@-webkit-keyframes backOutRight {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutRight {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutRight {
  -webkit-animation-name: backOutRight;
  animation-name: backOutRight;
}

@-webkit-keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translateY(-700px) scale(0.7);
    transform: translateY(-700px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translateY(-700px) scale(0.7);
    transform: translateY(-700px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutUp {
  -webkit-animation-name: backOutUp;
  animation-name: backOutUp;
}

/* Bouncing entrances  */
@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.animate__bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
    transform: translate3d(0, 25px, 0) scaleY(0.9);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
    transform: translate3d(0, -10px, 0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
    transform: translate3d(0, 5px, 0) scaleY(0.985);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
    transform: translate3d(0, 25px, 0) scaleY(0.9);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
    transform: translate3d(0, -10px, 0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
    transform: translate3d(0, 5px, 0) scaleY(0.985);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
    transform: translate3d(-10px, 0, 0) scaleX(0.98);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
    transform: translate3d(5px, 0, 0) scaleX(0.995);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
    transform: translate3d(-10px, 0, 0) scaleX(0.98);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
    transform: translate3d(5px, 0, 0) scaleX(0.995);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
    transform: translate3d(10px, 0, 0) scaleX(0.98);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
    transform: translate3d(-5px, 0, 0) scaleX(0.995);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
    transform: translate3d(10px, 0, 0) scaleX(0.98);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
    transform: translate3d(-5px, 0, 0) scaleX(0.995);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
    transform: translate3d(0, 10px, 0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
    transform: translate3d(0, -5px, 0) scaleY(0.985);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
    transform: translate3d(0, 10px, 0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
    transform: translate3d(0, -5px, 0) scaleY(0.985);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

/* Bouncing exits  */
@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.animate__bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
    transform: translate3d(0, 10px, 0) scaleY(0.985);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
    transform: translate3d(0, 2000px, 0) scaleY(3);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
    transform: translate3d(0, 10px, 0) scaleY(0.985);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
    transform: translate3d(0, 2000px, 0) scaleY(3);
  }
}
.animate__bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
    transform: translate3d(20px, 0, 0) scaleX(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
    transform: translate3d(-2000px, 0, 0) scaleX(2);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
    transform: translate3d(20px, 0, 0) scaleX(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
    transform: translate3d(-2000px, 0, 0) scaleX(2);
  }
}
.animate__bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
    transform: translate3d(-20px, 0, 0) scaleX(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
    transform: translate3d(2000px, 0, 0) scaleX(2);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
    transform: translate3d(-20px, 0, 0) scaleX(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
    transform: translate3d(2000px, 0, 0) scaleX(2);
  }
}
.animate__bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
    transform: translate3d(0, -10px, 0) scaleY(0.985);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
    transform: translate3d(0, 20px, 0) scaleY(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
    transform: translate3d(0, -2000px, 0) scaleY(3);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
    transform: translate3d(0, -10px, 0) scaleY(0.985);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
    transform: translate3d(0, 20px, 0) scaleY(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
    transform: translate3d(0, -2000px, 0) scaleY(3);
  }
}
.animate__bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

/* Fading entrances  */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.animate__fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeInTopLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInTopLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInTopLeft {
  -webkit-animation-name: fadeInTopLeft;
  animation-name: fadeInTopLeft;
}

@-webkit-keyframes fadeInTopRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInTopRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInTopRight {
  -webkit-animation-name: fadeInTopRight;
  animation-name: fadeInTopRight;
}

@-webkit-keyframes fadeInBottomLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInBottomLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInBottomLeft {
  -webkit-animation-name: fadeInBottomLeft;
  animation-name: fadeInBottomLeft;
}

@-webkit-keyframes fadeInBottomRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInBottomRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInBottomRight {
  -webkit-animation-name: fadeInBottomRight;
  animation-name: fadeInBottomRight;
}

/* Fading exits */
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.animate__fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.animate__fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.animate__fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.animate__fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.animate__fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.animate__fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.animate__fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.animate__fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.animate__fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes fadeOutTopLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
}
@keyframes fadeOutTopLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
}
.animate__fadeOutTopLeft {
  -webkit-animation-name: fadeOutTopLeft;
  animation-name: fadeOutTopLeft;
}

@-webkit-keyframes fadeOutTopRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
}
@keyframes fadeOutTopRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
}
.animate__fadeOutTopRight {
  -webkit-animation-name: fadeOutTopRight;
  animation-name: fadeOutTopRight;
}

@-webkit-keyframes fadeOutBottomRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
}
@keyframes fadeOutBottomRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
}
.animate__fadeOutBottomRight {
  -webkit-animation-name: fadeOutBottomRight;
  animation-name: fadeOutBottomRight;
}

@-webkit-keyframes fadeOutBottomLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
}
@keyframes fadeOutBottomLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
}
.animate__fadeOutBottomLeft {
  -webkit-animation-name: fadeOutBottomLeft;
  animation-name: fadeOutBottomLeft;
}

/* Flippers */
@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animate__animated.animate__flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.animate__flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.animate__flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.animate__flipOutX {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.animate__flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

/* Lightspeed */
@-webkit-keyframes lightSpeedInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes lightSpeedInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__lightSpeedInRight {
  -webkit-animation-name: lightSpeedInRight;
  animation-name: lightSpeedInRight;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(5deg);
    transform: skewX(5deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes lightSpeedInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(5deg);
    transform: skewX(5deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__lightSpeedInLeft {
  -webkit-animation-name: lightSpeedInLeft;
  animation-name: lightSpeedInLeft;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOutRight {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOutRight {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.animate__lightSpeedOutRight {
  -webkit-animation-name: lightSpeedOutRight;
  animation-name: lightSpeedOutRight;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes lightSpeedOutLeft {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOutLeft {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
}
.animate__lightSpeedOutLeft {
  -webkit-animation-name: lightSpeedOutLeft;
  animation-name: lightSpeedOutLeft;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

/* Rotating entrances */
@-webkit-keyframes rotateIn {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateIn {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}

/* Rotating exits */
@-webkit-keyframes rotateOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.animate__rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.animate__rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.animate__rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.animate__rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.animate__rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}

/* Specials */
@-webkit-keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.animate__hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-duration: calc(var(--animate-duration) * 2);
  animation-duration: calc(var(--animate-duration) * 2);
  -webkit-animation-name: hinge;
  animation-name: hinge;
  -webkit-transform-origin: top left;
  transform-origin: top left;
}

@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.animate__jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.animate__rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

/* Zooming entrances */
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.animate__zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

/* Zooming exits */
@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.animate__zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
  }
}
.animate__zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
  -webkit-transform-origin: left center;
  transform-origin: left center;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
  }
}
.animate__zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
  -webkit-transform-origin: right center;
  transform-origin: right center;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

/* Sliding entrances */
@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

/* Sliding exits */
@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.animate__slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.animate__slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.animate__slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.animate__slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}
.react-finder-container {
  display: flex;
  background-color: white;
  border: solid 1px lightgray;
  min-height: 400px;
  overflow: auto;
}
.react-finder-column {
  border-right: solid 1px lightgray;
  max-height: 600px;
  min-height: inherit;
  min-width: 200px;
  overflow-y: auto;
}
.react-finder-item {
  padding: 6px;
  cursor: pointer;
  font-size: 13px;
}
.react-finder-item:hover {
  background-color: #E6F7FF;
}
.react-finder-item.opened {
  background-color: #DEDEDE;
}
.react-finder-item.selected {
  background-color: #c2e5fa;
}
.react-finder-detail {
  align-items: center;
  border-right: 0;
  display: flex;
  flex: 2;
  justify-content: center;
  padding: 0 1.5em;
}