@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap");

:root {
  --font-family: 'Open Sans', 'Arial', 'Helvetica Neue', sans-serif;
  --hero: #1473E6;
  --confirm: #2bc784;
  --warning: #e6af57;
  --danger: #e64e48;
  --note: #fdc625;
  --message: #8bd779;
  --background: #ffffff;
  --foreground: #3D3D5F;
  --hero-hover: #1267cf;
  --hero-sc: #ffffff;
  --hero-rgb: 20, 115, 230;
  --hero-sc-rgb: 255, 255, 255;
  --confirm-hover: #26b276;
  --confirm-sc: #ffffff;
  --confirm-rgb: 43, 199, 132;
  --confirm-sc-rgb: 255, 255, 255;
  --warning-hover: #e3a441;
  --warning-sc: #ffffff;
  --warning-rgb: 230, 175, 87;
  --warning-sc-rgb: 255, 255, 255;
  --danger-hover: #e33832;
  --danger-sc: #ffffff;
  --danger-rgb: 230, 78, 72;
  --danger-sc-rgb: 255, 255, 255;
  --note-hover: #fdbf0c;
  --note-sc: #000000;
  --note-rgb: 253, 198, 37;
  --note-sc-rgb: 0, 0, 0;
  --message-hover: #7ad165;
  --message-sc: #000000;
  --message-rgb: 139, 215, 121;
  --message-sc-rgb: 0, 0, 0;
  --background-hover: #f2f2f2;
  --background-sc: #000000;
  --background-rgb: 255, 255, 255;
  --background-sc-rgb: 0, 0, 0;
  --foreground-hover: #33334f;
  --foreground-sc: #ffffff;
  --foreground-rgb: 61, 61, 95;
  --foreground-sc-rgb: 255, 255, 255; }

* {
  margin: 0;
  border: 0;
  padding: 0;
  outline: 0;
  border-radius: 0;
  background: none;
  vertical-align: top;
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-tap-highlight-color: transparent; }
  *, *:before, *:after {
    box-sizing: border-box; }

@media screen and (min-width: 1024px) {
  :not(main)::-webkit-scrollbar {
    width: var(--scrollbar-size, 16px);
    height: var(--scrollbar-size, 16px); }
    :not(main)::-webkit-scrollbar-button, :not(main)::-webkit-scrollbar-corner {
      display: none; }
    :not(main)::-webkit-scrollbar-thumb {
      border: var(--scrollbar-space, 4px) solid transparent;
      border-radius: var(--scrollbar-size, 16px);
      background: rgba(var(--background-sc-rgb), 0.05) content-box; }
      :not(main)::-webkit-scrollbar-thumb:hover, :not(main)::-webkit-scrollbar-thumb:active {
        background-color: rgba(var(--background-sc-rgb), 0.1); }
    :not(main)::-webkit-scrollbar-track {
      background: transparent; } }      

a {
  color: inherit;
  text-decoration: none;
  transition: 300ms color, 300ms background; }

table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0; }

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

button,
input,
optgroup,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  font: inherit;
  appearance: none;
  display: block;
  color: inherit; }
  button::-webkit-input-placeholder,
  input::-webkit-input-placeholder,
  optgroup::-webkit-input-placeholder,
  select::-webkit-input-placeholder,
  textarea::-webkit-input-placeholder {
    opacity: 1;
    font-family: inherit; }
  button:-moz-placeholder,
  input:-moz-placeholder,
  optgroup:-moz-placeholder,
  select:-moz-placeholder,
  textarea:-moz-placeholder {
    opacity: 1;
    font-family: inherit; }
  button::-moz-placeholder,
  input::-moz-placeholder,
  optgroup::-moz-placeholder,
  select::-moz-placeholder,
  textarea::-moz-placeholder {
    opacity: 1;
    font-family: inherit; }
  button:-ms-input-placeholder,
  input:-ms-input-placeholder,
  optgroup:-ms-input-placeholder,
  select:-ms-input-placeholder,
  textarea:-ms-input-placeholder {
    opacity: 1;
    font-family: inherit; }

html {
  font: 10px/1.15 var(--font-family);
  -webkit-text-size-adjust: 100%;
  background: var(--page-background, #F0F2F5);
  color: rgba(var(--background-sc-rgb), 0.75);
  height: 100%;
  max-width: 100vw; }
  html.view-small {
    font-size: 8.12px; }
  html.view-normal {
    font-size: 9.12px; }
  html body, html #root {
    width: 100%; }

body {
  font-size: 1.4rem; }

h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
  line-height: normal; }

h1 {
  font-size: 3.2rem; }
  h1.large {
    font-size: 3.8rem; }

h2 {
  font-size: 2.8rem; }

h3 {
  font-size: 1.8rem; }

h4 {
  font-size: 1.6rem; }

h5 {
  font-size: 1.4rem; }

h6 {
  font-size: 1.2rem; }

li {
  display: block; }

.ellipsis-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.capitalize-text {
  text-transform: capitalize; }

input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

input::-ms-clear {
  display: none; }

.pointer-events-none {
  pointer-events: none; }

.cursor-pointer {
  cursor: pointer; }

[data-react-beautiful-dnd-drag-handle="0"] {
  cursor: pointer; }

.color-danger {
  color: var(--danger) !important; }

.color-confirm {
  color: var(--confirm) !important; }

.color-hero {
  color: var(--hero) !important; }

::selection {
  background: rgba(var(--hero-rgb), 0.15);
  color: var(--hero); }

.vertical-resizing-cursor * {
  cursor: col-resize !important; }
  .vertical-resizing-cursor *:not(:active) {
    pointer-events: none; }

.cursor-grab {
  cursor: grab; }
  .cursor-grab:active {
    cursor: grabbing; }

.icon {
  font-size: 2.4rem;
  display: block; }
  .icon.disabled {
    opacity: 0.5;
    pointer-events: none; }
  .icon.bc-icon-loader {
    overflow: hidden; }
    .icon.bc-icon-loader:before {
      display: block;
      -webkit-animation: loader-icon 0.3s infinite linear;
              animation: loader-icon 0.3s infinite linear; }

@-webkit-keyframes loader-icon {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes loader-icon {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

[dir='rtl'] .bc-icon-arrow-right-nav:before {
  content: "\e906"; }

[dir='rtl'] .bc-icon-arrow-left-nav:before {
  content: "\e90a"; }

[dir='rtl'] .bc-icon-arrow-right:before {
  content: "\e907"; }

[dir='rtl'] .bc-icon-arrow-left:before {
  content: "\e90b"; }

[dir='rtl'] .bc-icon-arrow-forward:before {
  content: "\e901"; }

[dir='rtl'] .bc-icon-left-outline:before {
  content: "\e959"; }

[dir='rtl'] .bc-icon-right-outline:before {
  content: "\e955"; }

[dir='rtl'] .bc-icon-forwards:before {
  content: "\e95b"; }

[dir='rtl'] .bc-icon-backwards:before {
  content: "\e95a"; }

@font-face {
  font-family: 'betcore';
  src:
    url('fonts/betcore.ttf?a8t1bv') format('truetype'),
    url('fonts/betcore.woff2?a8t1bv') format('woff2'),
    url('fonts/betcore.woff?a8t1bv') format('woff'),
    url('fonts/betcore.svg?a8t1bv#betcore') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="bc-icon-"], [class*=" bc-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'betcore' !important;
  speak: never;
  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;
}

.bc-icon-arrow-back:before {
  content: "\e901";
}
.bc-icon-arrow-down-nav:before {
  content: "\e902";
}
.bc-icon-arrow-down:before {
  content: "\e903";
}
.bc-icon-arrow-downward:before {
  content: "\e904";
}
.bc-icon-arrow-forward:before {
  content: "\e905";
}
.bc-icon-arrow-left-nav:before {
  content: "\e906";
}
.bc-icon-arrow-left:before {
  content: "\e907";
}
.bc-icon-arrow-next:before {
  content: "\e908";
}
.bc-icon-arrow-previous:before {
  content: "\e909";
}
.bc-icon-arrow-right-nav:before {
  content: "\e90a";
}
.bc-icon-arrow-right:before {
  content: "\e90b";
}
.bc-icon-arrow-up-nav:before {
  content: "\e90c";
}
.bc-icon-arrow-up:before {
  content: "\e90d";
}
.bc-icon-arrow-upward:before {
  content: "\e90e";
}
.bc-icon-clear:before {
  content: "\e914";
}
.bc-icon-close:before {
  content: "\e916";
}

  .btn {
  --size: 3.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: var(--button-external-size, var(--size));
  min-height: var(--button-external-size, var(--size));
  font: 600 1.4rem/2rem var(--font-family);
  cursor: pointer;
  color: inherit;
  border: 1px solid transparent;
  border-radius: var(--button-external-size, var(--size));
  transition: 300ms color, 300ms background, 200ms opacity;
  -webkit-user-select: none;
          user-select: none;
  position: relative; }
  .btn:disabled {
    opacity: 0.5;
    pointer-events: none; }
  .btn.s-medium {
    --size: 3.2rem;
    font-size: 1.2rem; }
  .btn.s-big {
    --size: 4.2rem; }
  .btn.cr-smooth {
    border-radius: 0.4rem; }
  .btn > * + * {
    margin: 0 0 0 0.7rem; }
    html[dir="rtl"] .btn > * + * {
      margin: 0 0.7rem 0 0; }
  .btn.id-end {
    flex-direction: row-reverse; }
    .btn.id-end > * + * {
      margin: 0 0.7rem 0 0; }
      html[dir="rtl"] .btn.id-end > * + * {
        margin: 0 0 0 0.7rem; }
  .btn:not(.c-icon) {
    padding: 0 2rem; }
    .btn:not(.c-icon).f-content-size {
      padding: 0 1.3rem; }
    .btn:not(.c-icon).f-default {
      min-width: 10rem; }
    .btn:not(.c-icon).f-full-width {
      width: 100%; }
  .btn.c-confirm {
    --hero: var(--confirm);
    --hero-sc: var(--confirm-sc);
    --hero-hover: var(--confirm-hover); }
  .btn.c-danger {
    --hero: var(--danger);
    --hero-sc: var(--danger-sc);
    --hero-hover: var(--danger-hover); }
  .btn:not(.active).a-outline {
    border-color: var(--hero);
    color: var(--hero); }
    @media (hover: hover) {
      .btn:not(.active).a-outline:hover {
        background: var(--hero);
        color: var(--hero-sc); } }
    .btn:not(.active).a-outline:active {
      background: var(--hero);
      color: var(--hero-sc); }
  .btn:not(.active).a-minimal:not(.c-default) {
    color: var(--hero); }
  @media (hover: hover) {
    .btn:not(.active).a-minimal:hover {
      background: rgba(var(--background-sc-rgb), 0.03); } }
  .btn:not(.active).a-minimal.active {
    background: rgba(var(--background-sc-rgb), 0.03); }
  .btn:not(.active).a-grayscale:not(:disabled) {
    background: rgba(var(--background-sc-rgb), 0.01); }
    @media (hover: hover) {
      .btn:not(.active).a-grayscale:not(:disabled):hover {
        background: rgba(var(--background-sc-rgb), 0.03); } }
    .btn:not(.active).a-grayscale:not(:disabled).active {
      background: rgba(var(--background-sc-rgb), 0.03); }
  .btn:not(.active).a-grayscale:not(.c-default) {
    color: var(--hero); }
  .btn:not(.active).a-clean:not(.c-default) {
    color: rgba(var(--background-sc-rgb), 0.6); }
  .btn:not(.active).a-clean:not(:disabled) {
    background: rgba(var(--hero-rgb), 0.1);
    color: var(--hero); }
    @media (hover: hover) {
      .btn:not(.active).a-clean:not(:disabled):hover {
        background: var(--hero);
        color: var(--hero-sc); } }
    .btn:not(.active).a-clean:not(:disabled).active {
      background: var(--hero);
      color: var(--hero-sc); }
  .btn:not(.a-grayscale).with-shadow {
    box-shadow: 0 0.2rem 0.4rem 0 rgba(0, 0, 0, 0.1); }
  .btn.a-grayscale:not(:disabled) {
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.16); }
  .btn.a-default, .btn.active {
    background: var(--hero);
    color: var(--hero-sc); }
    @media (hover: hover) {
      .btn.a-default:hover, .btn.active:hover {
        background: var(--hero-hover); } }
  .btn.loading-state > *:not(.btn-loader-holder) {
    color: transparent !important; }
  .btn .btn-loader-holder {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    margin: 0; }

.scroll-holder {
  position: relative; }
  .scroll-holder .scroll-thumb {
    border-radius: var(--scrollbar-size, 16px);
    background: rgba(var(--background-sc-rgb), 0.05);
    transition: 300ms background, 250ms -webkit-transform;
    transition: 300ms background, 250ms transform;
    transition: 300ms background, 250ms transform, 250ms -webkit-transform; }
  .scroll-holder .scroll-track {
    position: absolute;
    cursor: pointer;
    transition: 300ms opacity; }
    .scroll-holder .scroll-track.horizontal {
      width: 100% !important;
      height: var(--scrollbar-size, 16px) !important;
      padding: var(--scrollbar-space, 4px) var(--scrollbar-gutter, 10px);
      left: 0;
      bottom: 0; }
    .scroll-holder .scroll-track.vertical {
      height: 100% !important;
      width: var(--scrollbar-size, 16px) !important;
      padding: var(--scrollbar-gutter, 10px) var(--scrollbar-space, 4px);
      top: 0; }
      html:not([dir="rtl"]) .scroll-holder .scroll-track.vertical {
        right: 0; }
      html[dir="rtl"] .scroll-holder .scroll-track.vertical {
        left: 0; }
    .scroll-holder .scroll-track:hover .scroll-thumb, .scroll-holder .scroll-track:active .scroll-thumb {
      background: rgba(var(--background-sc-rgb), 0.1);
      transition: 300ms background; }
  .scroll-holder:not(:hover):not(:active) .scroll-track {
    opacity: 0; }
  .scroll-holder .scroll-content {
    z-index: 0;
    margin-bottom: var(--sb-margin-bottom);
    -webkit-margin-end: var(--sb-margin-side);
            margin-inline-end: var(--sb-margin-side); }
  .scroll-holder.s-small {
    --scrollbar-size: 10px;
    --scrollbar-thumbSize: 4px;
    --scrollbar-gutter: 3px;
    --scrollbar-space: 3px; }

.option-container {
  width: 100%;
  position: relative;
  z-index: 0;
  transition: 400ms background;
  overflow: hidden;
  min-height: 4rem;
  padding: 0 1.4rem;
  display: flex;
  align-items: center;
  -webkit-user-select: none;
          user-select: none;
  cursor: pointer; }
  .option-container > * {
    transition: 400ms color; }
  .option-container.mobile-view {
    min-height: 4.8rem;
    padding: 0 2rem; }
  .option-container.border-top {
    border-top: 1px solid; }
  .option-container.border-bottom {
    border-bottom: 1px solid; }
  .option-container.border-bottom, .option-container.border-top {
    border-color: rgba(var(--background-sc-rgb), 0.1); }
  .option-container.sticky-top, .option-container.sticky-bottom {
    position: sticky;
    z-index: 1; }
  .option-container.sticky-top {
    top: 0; }
  .option-container.sticky-bottom {
    bottom: 0; }
  @media (hover: hover) {
    .option-container.hovered:hover, .option-container:hover:hover {
      background: rgba(var(--background-sc-rgb), 0.05); } }
  .option-container.c-hero, .option-container.active {
    color: var(--hero); }
  .option-container.disabled {
    pointer-events: none;
    opacity: 0.5; }
  .option-container a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    /* TODO: since Option does not have the ability to be the path, you send it Link
     * and but this is not the right decision, mamen is given, I will not touch
     * the component, only changed styles, but in the future this needs to be fixed
     * @sedrak.ghukasyan
    */
    line-height: 4rem;
    padding: 0 1.4rem;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    /* ------------------------ */ }
    .option-container a.active ~ * {
      color: var(--hero); }

.option-left-elements {
  flex-shrink: 0;
  min-width: 2.4rem;
  min-height: 2.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-margin-end: 1.2rem;
          margin-inline-end: 1.2rem; }

.option-right-elements {
  flex-shrink: 0;
  -webkit-margin-start: 1.2rem;
          margin-inline-start: 1.2rem; }
  .option-right-elements .bc-icon-selected {
    transition: 400ms -webkit-transform;
    transition: 400ms transform;
    transition: 400ms transform, 400ms -webkit-transform; }
    .option-container:not(.mobile-view) .option-right-elements .bc-icon-selected {
      -webkit-margin-end: -1rem;
              margin-inline-end: -1rem; }
    .option-container:not(.active) .option-right-elements .bc-icon-selected {
      -webkit-transform: scale(0);
              transform: scale(0); }

.option-texts {
  flex: auto;
  overflow: hidden;
  display: flex;
  align-items: center;
  font: 600 1.4rem/2rem var(--font-family); }
  .option-texts > li {
    flex-shrink: 0; }
    .option-texts > li:first-child {
      flex: auto;
      overflow: hidden; }
    .option-texts > li.assigned-value {
      -webkit-margin-start: 1rem;
              margin-inline-start: 1rem;
      opacity: 0.7; }

.option-description {
  font: 600 1.2rem/1.6rem var(--font-family);
  opacity: 0.7; }

.menu-items-wrapper {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  min-width: 18rem; }
  .menu-items-wrapper > ul {
    display: flex;
    min-width: 100%;
    transition: 300ms -webkit-transform;
    transition: 300ms transform;
    transition: 300ms transform, 300ms -webkit-transform;
    -webkit-transform: translateX(calc(-1 * var(--translate-x)));
            transform: translateX(calc(-1 * var(--translate-x))); }
    html[dir="rtl"] .menu-items-wrapper > ul {
      -webkit-transform: translateX(var(--translate-x));
              transform: translateX(var(--translate-x)); }
    .menu-items-wrapper > ul.reversed > li:first-child {
      order: 0; }
    .menu-items-wrapper > ul.reversed > li:nth-child(2) {
      order: 2; }
    .menu-items-wrapper > ul.reversed > li:nth-child(3) {
      order: 1; }
    .menu-items-wrapper > ul > li {
      width: 100%;
      flex-shrink: 0;
      display: flex;
      flex-direction: column; }
  .menu-items-wrapper .divider.type-horizontal {
    width: 100%;
    margin: 0; }
    .menu-items-wrapper .divider.type-horizontal.full-width {
      width: 100%;
      margin: 1rem 0; }
  .menu-items-wrapper .menu-item {
    display: flex;
    align-items: center;
    font: 600 1.4rem/2rem var(--font-family);
    padding: 1rem 1.4rem;
    transition: 300ms color, 300ms background;
    cursor: pointer; }
    .popover-positioner.mobile-view .menu-items-wrapper .menu-item {
      padding: 1.4rem 2rem; }
    .menu-items-wrapper .menu-item.highlighted {
      color: var(--hero); }
    @media (hover: hover) {
      .menu-items-wrapper .menu-item:hover {
        background: rgba(var(--background-sc-rgb), 0.05); } }
    @media (hover: hover) {
      .menu-items-wrapper .menu-item.act-direction:hover {
        background: var(--hero);
        color: var(--hero-sc); } }
    .menu-items-wrapper .menu-item .icon {
      margin: -0.2rem 0; }
      .menu-items-wrapper .menu-item .icon.menu-custom-icon {
        -webkit-margin-end: 1rem;
                margin-inline-end: 1rem; }
    .menu-items-wrapper .menu-item.header {
      flex-direction: row-reverse; }
  .menu-items-wrapper .menu-text {
    flex: auto; }
    .menu-items-wrapper .menu-text .small-text {
      font-size: 1.2rem;
      line-height: 1.4rem;
      opacity: 0.7; }

  .popover-positioner {
  z-index: 400;
  --popover-border-radius: 1rem;
  --popover-shadow: 0 0.2rem 0.4rem 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(var(--background-sc-rgb), 0.08); }
  .popover-positioner.cr-smooth-radius {
    --popover-border-radius: 0.4rem; }
  .popover-positioner.mobile-view {
    --popover-border-radius: 0.8rem 0.8rem 0 0;
    --popover-shadow: 0 -1px 0.2rem 0 rgba(0, 0, 0, 0.05);
    position: fixed !important;
    top: 0 !important;
    bottom: 0;
    left: 0 !important;
    width: 100%;
    overflow: hidden; }
  .popover-positioner .popover-top-bottom-padding {
    padding: 1rem 0;
    width: 100%; }
    .popover-positioner .popover-top-bottom-padding > div[style*="width"] {
      width: 100% !important; }

.popover {
  width: 100%; }
  .popover-positioner.mobile-view .popover {
    height: 100%;
    position: relative; }

.popover-content {
  width: 100%;
  background: var(--background);
  border-radius: var(--popover-border-radius);
  box-shadow: var(--popover-shadow);
  overflow: hidden;
  transition: 400ms padding;
  padding: 0 0 env(safe-area-inset-bottom); }
  .popover-positioner.mobile-view .popover-content {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: auto;
    max-height: calc(100% - 10rem);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1; }
  .popover-positioner.mobile-view[style*="opacity: 0"] .popover-content {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation: popover-mobile-hide 250ms forwards;
            animation: popover-mobile-hide 250ms forwards; }

@-webkit-keyframes popover-mobile-hide {
  to {
    -webkit-transform: translateY(100%);
            transform: translateY(100%); } }

@keyframes popover-mobile-hide {
  to {
    -webkit-transform: translateY(100%);
            transform: translateY(100%); } }
  .popover-positioner.mobile-view .popover-content {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    -webkit-animation: popover-mobile-show 450ms forwards 150ms;
            animation: popover-mobile-show 450ms forwards 150ms; }

@-webkit-keyframes popover-mobile-show {
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes popover-mobile-show {
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

.popover-mobile-backdrop {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  opacity: 0;
  -webkit-animation: 1s fadeIn forwards;
          animation: 1s fadeIn forwards; }

@-webkit-keyframes fadeIn {
  to {
    opacity: 1; } }

@keyframes fadeIn {
  to {
    opacity: 1; } }

.popover-footer, .popover-header {
  position: sticky;
  z-index: 1;
  background: var(--background); }

.popover-header {
  border-bottom: 1px solid rgba(var(--background-sc-rgb), 0.1);
  top: 0; }

.popover-footer {
  border-top: 1px solid rgba(var(--background-sc-rgb), 0.1);
  display: flex;
  align-items: stretch;
  bottom: calc(env(safe-area-inset-bottom) * -1);
  padding: 0 0 env(safe-area-inset-bottom);
  transition: 400ms padding; }

.popover-body {
  position: relative;
  z-index: 0; }

.popover-search {
  padding: 1.4rem 1.5rem; }

.empty-data-holder {
  width: 100%;
  height: 19rem;
  display: flex;
  justify-content: center;
  align-items: center; }

.popover-disabled {
  pointer-events: none;
  opacity: 0.5;
  transition: 500ms opacity; }

.m-popup-holder {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 400;
  overflow: hidden; }

.m-popup-backdrop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-animation: 300ms m-popup-backdrop-reveal forwards;
          animation: 300ms m-popup-backdrop-reveal forwards; }

@-webkit-keyframes m-popup-backdrop-reveal {
  to {
    opacity: 1; } }

@keyframes m-popup-backdrop-reveal {
  to {
    opacity: 1; } }

.m-popup-c {
  position: absolute;
  left: 0.5rem;
  right: 0.5rem;
  bottom: 0;
  border-radius: 1rem 1rem 0 0;
  box-shadow: 0 -1px 0.2rem 0 rgba(0, 0, 0, 0.05);
  background: var(--background);
  display: flex;
  flex-direction: column;
  padding: 0 1.6rem;
  -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
  -webkit-animation: 400ms m-popup-c-reveal 250ms forwards;
          animation: 400ms m-popup-c-reveal 250ms forwards;
  max-height: calc(100% - 2rem); }

@-webkit-keyframes m-popup-c-reveal {
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes m-popup-c-reveal {
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

.m-popup-head {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  position: relative;
  height: 5.1rem;
  border-bottom: 1px solid rgba(var(--background-sc-rgb), 0.1);
  font-weight: 700; }
  .m-popup-head > li {
    display: flex;
    align-items: center;
    overflow: hidden; }
    .m-popup-head > li:first-child .mp-action .icon {
      -webkit-margin-end: 1rem;
              margin-inline-end: 1rem; }
    .m-popup-head > li:last-child .mp-action {
      flex-direction: row-reverse; }
      .m-popup-head > li:last-child .mp-action .icon {
        -webkit-margin-start: 1rem;
                margin-inline-start: 1rem; }
    .m-popup-head > li:nth-child(2) {
      padding: 0 1rem; }
    .m-popup-head > li:not(:nth-child(2)) {
      min-width: -webkit-fit-content;
      min-width: -moz-fit-content;
      min-width: fit-content; }
    .m-popup-head > li:nth-child(3) {
      justify-content: flex-end; }
    .m-popup-head > li .mp-action {
      display: flex;
      align-items: center;
      font: 600 1.4rem/3.6rem var(--font-family);
      cursor: pointer;
      color: var(--hero);
      overflow: hidden; }

.m-popup-content {
  flex: auto;
  overflow-y: auto;
  -webkit-overflow-scrolling: auto;
  transition: 400ms padding;
  width: calc(100% + 3.2rem);
  margin: 0 -1.6rem;
  padding: 0 1.6rem env(safe-area-inset-bottom); }

.skeleton-holder {
  max-width: 100%;
  display: block; }
  .skeleton-holder span {
    display: block; }

.card-holder {
  width: 100%;
  position: relative; }
  .card-holder.with-button {
    -webkit-padding-end: 1.2rem;
            padding-inline-end: 1.2rem; }
  .card-holder + .card-holder {
    padding-top: 1rem; }
  .ReactVirtualized__Grid .card-holder {
    position: absolute;
    left: 0;
    width: 100%; }

.card-container {
  width: 100%;
  position: relative; }

.card-more-button-holder {
  position: absolute;
  top: 50%;
  background: var(--background);
  border-radius: 100%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 1; }
  html[dir="rtl"] .card-more-button-holder {
    -webkit-transform: translate(50%, -50%);
            transform: translate(50%, -50%); }
  html:not([dir="rtl"]) .card-more-button-holder {
    left: 100%; }
  html[dir="rtl"] .card-more-button-holder {
    right: 100%; }

.card-c-holder {
  width: 100%;
  padding: 1.4rem 1rem;
  background: var(--background);
  border-radius: 1rem;
  display: grid;
  grid-column-gap: 1rem;
  grid-row-gap: 1.2rem;
  grid-template-columns: 1fr 1fr;
  font: 600 1.6rem/2.2rem var(--font-family);
  position: relative; }
  .card-c-holder.border:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    border: 1px solid var(--background-sc);
    opacity: 0.1;
    pointer-events: none; }
  .card-c-holder.shadow {
    box-shadow: 0 1px 0.3rem 0 rgba(0, 0, 0, 0.1); }
  .card-c-holder .card-list-col {
    overflow: hidden; }
    .card-c-holder .card-list-col .kv-label {
      opacity: 0.5;
      margin: 0 0 0.4rem;
      font: 600 1.2rem/1.6rem var(--font-family); }
  .card-c-holder a {
    color: var(--hero); }

.expand-card-holder {
  width: 100%;
  position: sticky;
  bottom: 0;
  padding: 0 0 1.6rem;
  background: var(--background);
  z-index: 10; }

.static-title-holder {
  display: inline-flex;
  vertical-align: top;
  flex-direction: column;
  max-width: 100%;
  align-items: flex-start; }
  .static-title-holder .st-t {
    opacity: 0.5;
    font: 600 1.4rem/1.8rem var(--font-family);
    margin: 0 0 0.4rem;
    padding: 0 var(--static-title-padding, 0); }
  .static-title-holder .st-c {
    max-width: 100%; }
    .static-title-holder .st-c:nth-child(2) {
      min-height: 3.2rem;
      display: flex;
      align-items: center; }
  .static-title-holder.f-full-width {
    width: 100%; }
    .static-title-holder.f-full-width .st-c {
      width: 100%; }

.tag-c {
  --color: var(--hero);
  background: var(--background);
  position: relative;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  text-align: center;
  justify-content: center;
  max-width: 100%;
  padding: 0 1rem;
  width: 100%;
  height: var(--size);
  color: var(--color);
  font: 600 1.4rem/1.8rem var(--font-family);
  transition: 300ms color;
  -webkit-user-select: none;
          user-select: none;
  flex-shrink: 0; }
  .tag-c.s-small {
    --size: 2.4rem;
    font-size: 1.2rem; }
    html:not([dir="rtl"]) .tag-c.s-small .icon {
      margin-left: 1px; }
    html[dir="rtl"] .tag-c.s-small .icon {
      margin-right: 1px; }
  .tag-c.s-medium {
    --size: 2.6rem; }
    html:not([dir="rtl"]) .tag-c.s-medium .icon {
      margin-left: 0.5rem; }
    html[dir="rtl"] .tag-c.s-medium .icon {
      margin-right: 0.5rem; }
  .tag-c.s-big {
    --size: 3rem; }
    html:not([dir="rtl"]) .tag-c.s-big .icon {
      margin-left: 0.5rem; }
    html[dir="rtl"] .tag-c.s-big .icon {
      margin-right: 0.5rem; }
  .tag-c.f-compact {
    min-width: var(--size); }
    .tag-c.f-compact.s-small {
      padding: 0 0.4rem; }
    .tag-c.f-compact.s-medium {
      padding: 0 0.5rem; }
    .tag-c.f-compact.s-big {
      padding: 0 0.7rem; }
  html:not([dir="rtl"]) .tag-c:not(.f-compact).s-small .icon {
    margin-right: -0.9rem; }
  html[dir="rtl"] .tag-c:not(.f-compact).s-small .icon {
    margin-left: -0.9rem; }
  html:not([dir="rtl"]) .tag-c:not(.f-compact).s-medium .icon {
    margin-right: -0.7rem; }
  html[dir="rtl"] .tag-c:not(.f-compact).s-medium .icon {
    margin-left: -0.7rem; }
  html:not([dir="rtl"]) .tag-c:not(.f-compact).s-big .icon {
    margin-right: -0.2rem; }
  html[dir="rtl"] .tag-c:not(.f-compact).s-big .icon {
    margin-left: -0.2rem; }
  .tag-c.cr-full-radius {
    border-radius: 1.4rem; }
  .tag-c.cr-smooth-radius {
    border-radius: 0.6rem; }
  .tag-c:not(.active).a-simple {
    --color: var(--background-sc); }
    .tag-c:not(.active).a-simple .tag-backdrop:before {
      opacity: 0.1; }
    .tag-c:not(.active).a-simple .tag-backdrop:after {
      content: none; }
  .tag-c:not(.active).a-minimal .tag-backdrop {
    --color: var(--background-sc); }
    .tag-c:not(.active).a-minimal .tag-backdrop:before {
      opacity: 0.03; }
    .tag-c:not(.active).a-minimal .tag-backdrop:after {
      opacity: 0.07; }
  .tag-c:not(.active).a-outline .tag-backdrop:before {
    content: none; }
  .tag-c:not(.active).a-colored .tag-backdrop:before {
    opacity: 0.1; }
  .tag-c:not(.active).a-clean {
    --color: var(--background-sc); }
    @media (hover: hover) {
      .tag-c:not(.active).a-clean:hover {
        --color: var(--hero); } }
    .tag-c:not(.active).a-clean .tag-backdrop:before, .tag-c:not(.active).a-clean .tag-backdrop:after {
      content: none; }
  .tag-c:not(.active).a-light .tag-backdrop:before {
    opacity: 0.1; }
  .tag-c:not(.active).a-light .tag-backdrop:after {
    border: 0; }
  .tag-c.active {
    color: var(--hero-sc); }
  @media (hover: hover) {
    .tag-c:hover .tag-backdrop {
      opacity: 0.6; } }
  .tag-c .tag-cc, .tag-c .icon {
    position: relative;
    z-index: 1;
    transition: 300ms opacity; }
  .tag-c .icon {
    opacity: 0.5;
    cursor: pointer; }
    @media (hover: hover) {
      .tag-c .icon:hover {
        opacity: 1; }
        .tag-c .icon:hover ~ .tag-cp {
          opacity: 0.6; } }

.tag-backdrop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: 300ms opacity;
  border-radius: inherit; }
  .tag-backdrop:before, .tag-backdrop:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit; }
  .tag-backdrop:before {
    background: var(--color);
    transition: 300ms background, 300ms opacity; }
  .tag-backdrop:after {
    border: 1px solid var(--color);
    transition: 300ms border-color, 300ms opacity; }


.slider-holder {
  --left: 0;
  --sliderWidth: 30rem;
  display: flex;
  align-items: center;
  width: 100%; }
  .slider-holder.disabled {
    opacity: 0.5;
    pointer-events: none; }
  .slider-holder > * {
    flex-shrink: 0; }
    .slider-holder > *.slider-comp {
      flex: auto; }
    .slider-holder > * + * {
      margin: 0 0 0 2.2rem; }
      html[dir="rtl"] .slider-holder > * + * {
        margin: 0 2.2rem 0 0; }
  .slider-holder.negative-value, .slider-holder.gradient-value [class*='rc-slider-handle'][style*='min-coloring'] {
    --hero: var(--danger);
    --hero-hover: var(--danger-hover);
    --hero-sc: var(--danger-sc);
    --hero-rgb: var(--danger-rgb);
    --hero-sc-rgb: var(--danger-sc-rgb); }
  .slider-holder.positive-value, .slider-holder.gradient-value [class*='rc-slider-handle'][style*='max-coloring'] {
    --hero: var(--confirm);
    --hero-hover: var(--confirm-hover);
    --hero-sc: var(--confirm-sc);
    --hero-rgb: var(--confirm-rgb);
    --hero-sc-rgb: var(--confirm-sc-rgb); }

.rc-slider {
  position: relative;
  flex: auto;
  touch-action: none;
  height: 0.3rem; }

.rc-slider-rail {
  position: absolute;
  height: 0.3rem;
  border-radius: 0.2rem;
  width: 100%;
  background: rgba(var(--background-sc-rgb), 0.1);
  top: 0;
  left: 0; }

.rc-slider-track {
  position: absolute;
  left: 0;
  height: 0.3rem;
  border-radius: 0.2rem 0 0 0.2rem;
  background: var(--hero);
  overflow: hidden; }
  html[dir="rtl"] .rc-slider-track {
    border-radius: 0 0.2rem 0.2rem 0; }
  .gradient-value .rc-slider-track:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: var(--sliderWidth);
    height: 100%;
    background-image: linear-gradient(to right, var(--danger), var(--warning) 50%, var(--confirm));
    -webkit-transform: translateX(var(--left));
            transform: translateX(var(--left));
    border-radius: 0.2rem; }

.rc-slider-handle {
  width: 1.1rem;
  height: 1.1rem;
  position: absolute;
  background: var(--hero);
  border-radius: 100%;
  top: -0.4rem;
  transition: 300ms color, 300ms background, 300ms box-shadow;
  box-shadow: 0 0 0 rgba(var(--hero-rgb), 0.2);
  cursor: grab;
  touch-action: pan-x;
  font-size: 0; }
  .rc-slider-handle[style*='middle-coloring'] {
    --hero: var(--warning);
    --hero-hover: var(--warning-hover);
    --hero-sc: var(--warning-sc);
    --hero-rgb: var(--warning-rgb);
    --hero-sc-rgb: var(--warning-sc-rgb); }
  .size-small .rc-slider-handle {
    width: 0.9rem;
    height: 0.9rem;
    top: -0.3rem; }
  .rc-slider-handle:not(:focus):not(:active):hover {
    width: 1.3rem;
    height: 1.3rem;
    top: -0.5rem; }
    .size-small .rc-slider-handle:not(:focus):not(:active):hover {
      width: 1.1rem;
      height: 1.1rem;
      top: -0.4rem; }
  .rc-slider-handle:focus, .rc-slider-handle:active {
    cursor: grabbing; }
  .slider-holder:not(.show-on-drag) .rc-slider-handle, .rc-slider-handle:focus, .rc-slider-handle:active {
    --s1s: 0.5rem;
    box-shadow: 0 0 0 var(--s1s) rgba(var(--hero-rgb), 0.2); }
    .slider-holder:not(.show-on-drag) .rc-slider-handle[style*='middle-size'], .rc-slider-handle:focus[style*='middle-size'], .rc-slider-handle:active[style*='middle-size'] {
      --s1s: 0.8rem; }
    .slider-holder:not(.show-on-drag) .rc-slider-handle[style*='max-size'], .rc-slider-handle:focus[style*='max-size'], .rc-slider-handle:active[style*='max-size'] {
      --s1s: 1rem; }
    .size-small .slider-holder:not(.show-on-drag) .rc-slider-handle, .size-small .rc-slider-handle:focus, .size-small .rc-slider-handle:active {
      --s1s: 0.6rem; }
      .size-small .slider-holder:not(.show-on-drag) .rc-slider-handle[style*='middle-size'], .size-small .rc-slider-handle:focus[style*='middle-size'], .size-small .rc-slider-handle:active[style*='middle-size'] {
        --s1s: 0.8rem; }
      .size-small .slider-holder:not(.show-on-drag) .rc-slider-handle[style*='max-size'], .size-small .rc-slider-handle:focus[style*='max-size'], .size-small .rc-slider-handle:active[style*='max-size'] {
        --s1s: 1rem; }
    .slider-holder:not(.show-on-drag) .rc-slider-handle[style*="c-type-2"], .slider-holder:not(.show-on-drag) .rc-slider-handle[style*="c-type-3"], .rc-slider-handle:focus[style*="c-type-2"], .rc-slider-handle:focus[style*="c-type-3"], .rc-slider-handle:active[style*="c-type-2"], .rc-slider-handle:active[style*="c-type-3"] {
      --s1s: 0.5rem;
      --s2s: 0.6rem; }
      .slider-holder:not(.show-on-drag) .rc-slider-handle[style*="c-type-2"][style*='middle-size'], .slider-holder:not(.show-on-drag) .rc-slider-handle[style*="c-type-3"][style*='middle-size'], .rc-slider-handle:focus[style*="c-type-2"][style*='middle-size'], .rc-slider-handle:focus[style*="c-type-3"][style*='middle-size'], .rc-slider-handle:active[style*="c-type-2"][style*='middle-size'], .rc-slider-handle:active[style*="c-type-3"][style*='middle-size'] {
        --s1s: 0.8rem;
        --s2s: 0.9rem; }
      .slider-holder:not(.show-on-drag) .rc-slider-handle[style*="c-type-2"][style*='max-size'], .slider-holder:not(.show-on-drag) .rc-slider-handle[style*="c-type-3"][style*='max-size'], .rc-slider-handle:focus[style*="c-type-2"][style*='max-size'], .rc-slider-handle:focus[style*="c-type-3"][style*='max-size'], .rc-slider-handle:active[style*="c-type-2"][style*='max-size'], .rc-slider-handle:active[style*="c-type-3"][style*='max-size'] {
        --s1s: 1rem;
        --s2s: 1.1rem; }
    .slider-holder:not(.show-on-drag) .rc-slider-handle[style*="c-type-2"], .rc-slider-handle:focus[style*="c-type-2"], .rc-slider-handle:active[style*="c-type-2"] {
      box-shadow: 0 0 0 var(--s1s) rgba(var(--background-rgb), 0.8), 0 0 0 var(--s2s) rgba(var(--hero-rgb), 0.2); }
    .slider-holder:not(.show-on-drag) .rc-slider-handle[style*="c-type-3"], .rc-slider-handle:focus[style*="c-type-3"], .rc-slider-handle:active[style*="c-type-3"] {
      box-shadow: 0 0 0 var(--s1s) var(--background), 0 1px 0.2rem var(--s2s) rgba(0, 0, 0, 0.1); }

.rc-slider-mark {
  position: absolute;
  top: 1.8rem;
  left: 0;
  width: 100%;
  font-size: 1.2rem; }

.rc-slider-mark-text {
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  color: rgba(var(--background-sc-rgb), 0.4); }
  .rc-slider-mark-text-active {
    color: rgba(var(--background-sc-rgb), 0.6); }

.rc-slider-step {
  position: absolute;
  width: 100%;
  height: 0.4rem;
  background: transparent;
  cursor: pointer; }

.rc-slider-dot {
  position: absolute;
  bottom: -0.2rem;
  margin-left: -0.4rem;
  width: 0.8rem;
  height: 0.8rem;
  border: 0.2rem solid rgba(var(--background-sc-rgb), 0.1);
  background: var(--background);
  cursor: pointer;
  border-radius: 50%;
  vertical-align: middle; }
  .rc-slider-dot-active {
    border-color: rgba(var(--hero-rgb), 0.2); }

.rc-slider-vertical {
  width: 1.4rem;
  height: 100%;
  padding: 0 0.5rem; }
  .rc-slider-vertical .rc-slider-rail {
    height: 100%;
    width: 0.4rem; }
  .rc-slider-vertical .rc-slider-track {
    left: 0.5rem;
    bottom: 0;
    width: 0.4rem; }
  .rc-slider-vertical .rc-slider-handle {
    margin-left: -0.5rem;
    margin-bottom: -0.7rem;
    touch-action: pan-y; }
  .rc-slider-vertical .rc-slider-mark {
    top: 0;
    left: 1.8rem;
    height: 100%; }
  .rc-slider-vertical .rc-slider-step {
    height: 100%;
    width: 0.4rem; }
  .rc-slider-vertical .rc-slider-dot {
    left: 0.2rem;
    margin-bottom: -0.4rem; }
    .rc-slider-vertical .rc-slider-dot:first-child {
      margin-bottom: -0.4rem; }
    .rc-slider-vertical .rc-slider-dot:last-child {
      margin-bottom: -0.4rem; }

.rc-slider-tooltip-zoom-down-enter, .rc-slider-tooltip-zoom-down-appear, .rc-slider-tooltip-zoom-down-leave {
  display: block !important; }

.tooltip-el {
  position: fixed;
  pointer-events: none;
  padding: 0.8rem 0; }
  .tooltip-el-hidden {
    display: none; }
  .tooltip-el .tooltip-el-content {
    border-radius: 0.4rem;
    background: rgba(var(--background-sc-rgb), 0.6);
    color: var(--background);
    padding: 0.6rem 1rem;
    font: 600 1.2rem/1.6rem var(--font-family);
    position: relative; }
  .tooltip-el-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid; }
  .tooltip-el.tooltip-el-placement-top .tooltip-el-arrow, .tooltip-el.tooltip-el-placement-bottom .tooltip-el-arrow {
    margin: 0 0 0 -0.5rem;
    left: 50%; }
  .tooltip-el.tooltip-el-placement-bottom .tooltip-el-arrow {
    bottom: 100%;
    border-width: 0 0.5rem 0.5rem 0.5rem;
    border-bottom-color: rgba(var(--background-sc-rgb), 0.6); }
  .tooltip-el.tooltip-el-placement-top .tooltip-el-arrow {
    top: 100%;
    border-width: 0.5rem 0.5rem 0;
    border-top-color: rgba(var(--background-sc-rgb), 0.6); }
  .tooltip-el.tooltip-el-placement-left, .tooltip-el.tooltip-el-placement-right {
    padding: 0 0.8rem; }
    .tooltip-el.tooltip-el-placement-left .tooltip-el-arrow, .tooltip-el.tooltip-el-placement-right .tooltip-el-arrow {
      top: 50%;
      margin: -0.5rem 0 0; }
  .tooltip-el.tooltip-el-placement-left .tooltip-el-arrow {
    left: 100%;
    border-width: 0.5rem 0 0.5rem 0.5rem;
    border-left-color: rgba(var(--background-sc-rgb), 0.6); }
  .tooltip-el.tooltip-el-placement-right .tooltip-el-arrow {
    right: 100%;
    border-width: 0.5rem 0.5rem 0.5rem 0;
    border-right-color: rgba(var(--background-sc-rgb), 0.6); }

.slider-actions {
  display: flex;
  align-items: center; }
  .slider-actions > * + * {
    margin: 0 0 0 1.2rem; }
    html[dir="rtl"] .slider-actions > * + * {
      margin: 0 1.2rem 0 0; }
  .slider-actions .icon {
    border: solid 1px rgba(var(--background-sc-rgb), 0.1);
    border-radius: 100%;
    color: rgba(var(--background-sc-rgb), 0.7);
    cursor: pointer;
    transition: 300ms color; }
    .slider-actions .icon:hover {
      color: var(--hero); }
    .slider-actions .icon.disabled {
      opacity: 0.5; }

.slider-holder {
  height: 2rem; }
  .slider-holder > .icon {
    cursor: pointer;
    padding: 1px;
    border-radius: 100%;
    color: rgba(var(--background-sc-rgb), 0.4);
    background: rgba(var(--background-sc-rgb), 0.05);
    transition: 300ms color, 300ms background; }
    .slider-holder > .icon.half {
      background: rgba(var(--hero-rgb), 0.05);
      color: rgba(var(--hero-rgb), 0.5); }
    .slider-holder > .icon.active {
      background: rgba(var(--hero-rgb), 0.1);
      color: var(--hero); }
    .slider-holder > .icon.negative-value {
      --hero: var(--danger);
      --hero-hover: var(--danger-hover);
      --hero-sc: var(--danger-sc);
      --hero-rgb: var(--danger-rgb);
      --hero-sc-rgb: var(--danger-sc-rgb); }
    .slider-holder > .icon.positive-value {
      --hero: var(--confirm);
      --hero-hover: var(--confirm-hover);
      --hero-sc: var(--confirm-sc);
      --hero-rgb: var(--confirm-rgb);
      --hero-sc-rgb: var(--confirm-sc-rgb); }

.input-holder {
  position: relative;
  max-width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  transition: 300ms opacity;
  -webkit-user-select: none;
          user-select: none;
  --input-message-padding-side: 2rem;
  --input-element-padding-side: 0.5rem;
  --input-element-height: 3.6rem;
  --textarea-height: 21.5rem;
  --number-actions-holder-padding: 0 0.5rem;
  --swap-label-color: inherit; }
  .input-holder.disabled {
    opacity: 0.5; }
  .input-holder.read-only {
    cursor: inherit;
    -webkit-user-select: text;
            user-select: text; }
  .input-holder:not(.f-content-size) {
    width: 100%; }
  .input-holder.s-big {
    --input-element-height: 4.2rem;
    --textarea-height: 52rem; }
  .input-holder.s-small {
    --input-element-height: 3.2rem;
    --textarea-height: 14.8rem; }
  .input-holder.id-start .validation-icon {
    -webkit-margin-end: -0.5rem;
            margin-inline-end: -0.5rem; }
  .input-holder.id-end {
    --direction: row-reverse; }
    .input-holder.id-end .validation-icon {
      -webkit-margin-start: -0.5rem;
              margin-inline-start: -0.5rem; }
  .input-holder.cr-smooth-radius {
    --input-element-border-radius: 0.4rem;
    --textarea-border-radius: 0.4rem; }
  .input-holder .end-add-on {
    height: var(--input-element-height);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 var(--input-structure-padding, 1.5rem);
    font: 600 1.4rem/1.5 var(--font-family);
    margin: 1px 0;
    -webkit-margin-start: var(--input-structure-padding, 1.5rem);
            margin-inline-start: var(--input-structure-padding, 1.5rem);
    -webkit-margin-end: calc((var(--input-structure-padding, 1.5rem) * -1) + 1px);
            margin-inline-end: calc((var(--input-structure-padding, 1.5rem) * -1) + 1px);
    border-radius: 0 var(--input-element-border-radius, 4.2rem) var(--input-element-border-radius, 4.2rem) 0;
    transition: 300ms background, 300ms border-color, 300ms opacity; }
  .input-holder.a-outline {
    --input-element-border-color: rgba(var(--background-sc-rgb), 0.2); }
    .input-holder.a-outline:not(.t-textarea) .end-add-on {
      background: rgba(var(--background-sc-rgb), 0.03);
      height: calc(var(--input-element-height) - 0.2rem);
      -webkit-border-start: 1px solid var(--input-element-border-color, transparent);
              border-inline-start: 1px solid var(--input-element-border-color, transparent); }
    .input-holder.a-outline.read-only {
      --input-element-border-color: rgba(var(--background-sc-rgb), 0.05); }
    .input-holder.a-outline.filled:not(:focus-within) {
      --input-element-border-color: rgba(var(--background-sc-rgb), 0.3); }
    .input-holder.a-outline:not(.read-only):focus-within {
      --input-element-border-color: var(--hero);
      --swap-label-color: var(--hero); }
  .input-holder.a-minimal {
    --input-element-background: rgba(var(--background-sc-rgb), 0.02); }
    .input-holder.a-minimal.read-only {
      --input-element-background: rgba(var(--background-sc-rgb), 0.01); }
    .input-holder.a-minimal.filled:not(:focus-within) {
      --input-element-background: rgba(var(--background-sc-rgb), 0.03); }
    .input-holder.a-minimal:not(.read-only):focus-within {
      --input-element-background: rgba(var(--background-sc-rgb), 0.03); }
    .input-holder.a-minimal.s-small {
      --input-message-padding-side: 0.7rem;
      --input-element-background: rgba(var(--background-sc-rgb), 0.03);
      --input-element-padding-side: 0.3rem;
      --number-actions-holder-padding: 0;
      --input-structure-padding: 0.4rem; }
      .input-holder.a-minimal.s-small.read-only {
        --input-element-background: rgba(var(--background-sc-rgb), 0.01); }
      .input-holder.a-minimal.s-small.filled:not(:focus-within) {
        --input-element-background: rgba(var(--background-sc-rgb), 0.03); }
      .input-holder.a-minimal.s-small:not(.read-only):focus-within {
        --input-element-background: transparent;
        --input-element-border-color: var(--hero);
        --swap-label-color: var(--hero); }
  .input-holder.a-light:not(.read-only):focus-within {
    --input-element-background: rgba(var(--background-sc-rgb), 0.05); }
  @media (hover: hover) {
    .input-holder.a-light:hover {
      --input-element-background: rgba(var(--background-sc-rgb), 0.05); } }
  .input-holder.a-light.popover-opened {
    --input-element-background: rgba(var(--background-sc-rgb), 0.05); }
  .input-holder.error-color, .input-holder.success-color {
    --input-element-background: transparent !important; }
  .input-holder.error-color {
    --input-element-border-color: var(--danger) !important; }
    .input-holder.error-color:not(.read-only):focus-within {
      --swap-label-color: var(--danger) !important; }
  .input-holder.success-color {
    --input-element-border-color: var(--confirm) !important; }
    .input-holder.success-color:not(.read-only):focus-within {
      --swap-label-color: var(--confirm) !important; }
  .input-holder.t-textarea .end-add-on {
    align-self: flex-end; }

.input-structure {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 var(--input-structure-padding, 1.5rem);
  flex-direction: var(--direction, row); }
  .input-structure > * {
    flex-shrink: 0; }
    .input-structure > *:not(label) {
      position: relative;
      z-index: 1; }
      .input-holder.a-minimal.s-small .input-structure > *:not(label) {
        margin: 0 0.3rem; }
      .input-structure > *:not(label).bc-icon-clear {
        transition: 400ms background, 400ms color;
        border-radius: 100%; }
        @media (hover: hover) {
          .input-structure > *:not(label).bc-icon-clear:hover {
            background: rgba(var(--background-sc-rgb), 0.03);
            color: var(--hero); } }
  .input-structure > label {
    flex: auto;
    display: block;
    overflow: hidden;
    cursor: inherit; }
  .input-structure .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 300ms color, 300ms background;
    z-index: 10; }

.input-element-back {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: var(--input-element-background, var(--background));
  border: 1px solid var(--input-element-border-color, transparent);
  border-radius: var(--input-element-border-radius, 4.2rem);
  transition: 300ms background, 300ms border-color, 300ms opacity; }
  .t-textarea .input-element-back {
    border-radius: var(--textarea-border-radius, 1rem); }
  .read-only .input-element-back:empty {
    opacity: 0; }

.fit-content-hack {
  opacity: 0;
  pointer-events: none;
  height: 0;
  overflow: hidden; }

.input-element-relative {
  position: relative;
  width: 100%;
  z-index: 1; }

.input-element {
  position: relative;
  width: 100%;
  height: var(--input-element-height);
  padding: 0 var(--input-element-padding-side);
  font: 600 1.4rem var(--font-family);
  color: rgba(var(--background-sc-rgb), 0.75);
  resize: none;
  transition: 150ms opacity;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
  .input-element:-webkit-autofill {
    -webkit-text-fill-color: var(--background-sc);
    -webkit-background-clip: text; }
    .input-element:-webkit-autofill::selection {
      -webkit-text-fill-color: var(--hero); }
  .input-element.hide {
    opacity: 0; }
  .input-element::-webkit-input-placeholder {
    font-weight: 600;
    font-size: 1.4rem;
    color: rgba(var(--background-sc-rgb), 0.375);
    -webkit-transition: 150ms color;
    transition: 150ms color; }
  .input-element:-moz-placeholder {
    font-weight: 600;
    font-size: 1.4rem;
    color: rgba(var(--background-sc-rgb), 0.375);
    -moz-transition: 150ms color;
    transition: 150ms color; }
  .input-element::-moz-placeholder {
    font-weight: 600;
    font-size: 1.4rem;
    color: rgba(var(--background-sc-rgb), 0.375);
    -moz-transition: 150ms color;
    transition: 150ms color; }
  .input-element:-ms-input-placeholder {
    font-weight: 600;
    font-size: 1.4rem;
    color: rgba(var(--background-sc-rgb), 0.375);
    -ms-transition: 150ms color;
    transition: 150ms color; }
  .input-element:focus:not([readonly])::-webkit-input-placeholder {
    color: transparent; }
  .input-element:focus:not([readonly]):-moz-placeholder {
    color: transparent; }
  .input-element:focus:not([readonly])::-moz-placeholder {
    color: transparent; }
  .input-element:focus:not([readonly]):-ms-input-placeholder {
    color: transparent; }
  .input-element.read-only:not(.textarea-element) {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  textarea.input-element, .textarea-element {
    padding: 1rem var(--input-element-padding-side);
    border: 1px solid transparent;
    overflow: auto;
    white-space: normal;
    text-overflow: unset;
    padding-right: 70px !important;
    cursor: auto;
    height: var(--textarea-height); }
    textarea.input-element.read-only, .textarea-element.read-only {
      height: auto; }
    textarea.input-element::-webkit-scrollbar, .textarea-element::-webkit-scrollbar {
      width: 1.6rem;
      height: 1.6rem; }
      textarea.input-element::-webkit-scrollbar-thumb, .textarea-element::-webkit-scrollbar-thumb {
        background: rgba(var(--background-sc-rgb), 0.05);
        border-radius: 1.6rem;
        border: 0.4rem solid var(--background); }
  div.input-element {
    display: flex;
    justify-content: flex-start;
    align-items: center; }
    div.input-element.placeholder {
      color: rgba(var(--background-sc-rgb), 0.375); }
      div.input-element.placeholder:focus {
        color: rgba(var(--background-sc-rgb), 0); }
  .input-element[readonly] {
    cursor: inherit; }
    .input-element[readonly]::selection {
      background: transparent;
      color: inherit; }
  .input-element[type="date"], .input-element[type="time"], .input-element[type="datetime-local"] {
    line-height: var(--input-element-height); }

.input-fake-placeholder {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  pointer-events: none;
  -webkit-user-select: none;
          user-select: none;
  transition: 150ms opacity;
  font: 600 1.4rem/1.8rem var(--font-family);
  color: rgba(var(--background-sc-rgb), 0.375);
  padding: 0 var(--input-element-padding-side); }
  .input-fake-placeholder.hide {
    opacity: 0; }

.input-swap-label {
  pointer-events: none;
  position: absolute;
  top: -0.9rem;
  left: 0;
  width: 100%;
  font: 600 1rem/1.8rem var(--font-family);
  padding: 0 var(--input-message-padding-side);
  display: flex;
  z-index: 5; }
  .input-swap-label .icon {
    font-size: 1.8rem;
    transition: none; }

.input-swap {
  overflow: hidden;
  max-width: 100%; }

.input-swap-animate {
  padding: 0 0.4rem;
  color: var(--swap-label-color);
  background: var(--background);
  box-shadow: inset 0 -0.8rem 0 var(--input-element-background);
  transition: opacity 300ms 100ms, color 300ms, -webkit-transform 300ms;
  transition: transform 300ms, opacity 300ms 100ms, color 300ms;
  transition: transform 300ms, opacity 300ms 100ms, color 300ms, -webkit-transform 300ms;
  max-width: 100%;
  display: flex;
  align-items: center; }
  .input-swap-animate > * + * {
    -webkit-margin-start: 0.5rem;
            margin-inline-start: 0.5rem; }
  .input-swap-animate.hide {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    opacity: 0; }

.number-actions-holder {
  padding: var(--number-actions-holder-padding); }
  .number-actions-holder > ul {
    width: 1.5rem;
    border-radius: 0.7rem;
    border: solid 1px rgba(var(--background-sc-rgb), 0.1);
    font-size: 1rem;
    color: inherit;
    background: var(--background); }
    .number-actions-holder > ul > li {
      cursor: pointer;
      transition: 300ms color, 300ms background, 300ms opacity; }
      .number-actions-holder > ul > li:first-child {
        border-radius: 0.7rem 0.7rem 0 0; }
      .number-actions-holder > ul > li:last-child {
        border-radius: 0 0 0.7rem 0.7rem; }
      .number-actions-holder > ul > li.disabled {
        opacity: 0.5;
        pointer-events: none; }
      @media (hover: hover) {
        .number-actions-holder > ul > li:hover {
          background: rgba(var(--background-sc-rgb), 0.03);
          color: var(--hero); } }

.information-message {
  width: 100%;
  margin: 0.6rem 0 0;
  padding: 0 var(--input-message-padding-side);
  font: 600 1.2rem/1.42 var(--font-family);
  cursor: default; }
  .information-message:empty {
    display: none; }

.input-description {
  max-width: 100%;
  margin: 1rem 0 0;
  font: 600 1.4rem/2rem var(--font-family);
  cursor: default;
  opacity: 0.7; }
  .input-structure ~ .input-description {
    padding: 0 1rem; }

.input-title {
  max-width: 100%;
  padding: 0 var(--input-message-padding-side);
  opacity: 0.5;
  margin: 0 0 0.4rem;
  display: flex;
  align-items: center;
  cursor: default;
  font: 600 1.4rem/2rem var(--font-family); }
  .input-title > * + * {
    -webkit-margin-start: 0.5rem;
            margin-inline-start: 0.5rem; }

.pagination-holder {
  display: flex;
  align-items: center; }
  .pagination-holder .icon {
    cursor: pointer; }
  .pagination-holder .defaultCursor {
    cursor: default; }
  .pagination-holder .input-element {
    text-align: center; }

.popover-positioner {
  z-index: 400;
  --popover-border-radius: 1rem;
  --popover-shadow: 0 0.2rem 0.4rem 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(var(--background-sc-rgb), 0.08); }
  .popover-positioner.cr-smooth-radius {
    --popover-border-radius: 0.4rem; }
  .popover-positioner.mobile-view {
    --popover-border-radius: 0.8rem 0.8rem 0 0;
    --popover-shadow: 0 -1px 0.2rem 0 rgba(0, 0, 0, 0.05);
    position: fixed !important;
    top: 0 !important;
    bottom: 0;
    left: 0 !important;
    width: 100%;
    overflow: hidden;
    -webkit-transform: translate(0, 0) !important;
            transform: translate(0, 0) !important; }
  .popover-positioner .popover-top-bottom-padding {
    padding: 1rem 0;
    width: 100%; }
    .popover-positioner .popover-top-bottom-padding > div[style*="width"] {
      width: 100% !important; }

.popover {
  width: 100%; }
  .popover-positioner.mobile-view .popover {
    height: 100%;
    position: relative; }

.popover-track {
  width: 100%; }

.popover-content {
  width: 100%;
  background: var(--background);
  border-radius: var(--popover-border-radius);
  box-shadow: var(--popover-shadow);
  overflow: hidden;
  transition: 400ms padding;
  padding: 0 0 env(safe-area-inset-bottom); }
  .popover-positioner.mobile-view .popover-content {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: auto;
    max-height: calc(100% - 10rem);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1; }
  .popover-positioner.mobile-view[style*="opacity: 0"] .popover-content {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation: popover-mobile-hide 250ms forwards;
            animation: popover-mobile-hide 250ms forwards; }

@-webkit-keyframes popover-mobile-hide {
  to {
    -webkit-transform: translateY(100%);
            transform: translateY(100%); } }

@keyframes popover-mobile-hide {
  to {
    -webkit-transform: translateY(100%);
            transform: translateY(100%); } }
  .popover-positioner.mobile-view .popover-content {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    -webkit-animation: popover-mobile-show 450ms forwards 150ms;
            animation: popover-mobile-show 450ms forwards 150ms; }

@-webkit-keyframes popover-mobile-show {
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes popover-mobile-show {
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

.popover-mobile-backdrop {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  opacity: 0;
  -webkit-animation: 1s fadeIn forwards;
          animation: 1s fadeIn forwards; }

@-webkit-keyframes fadeIn {
  to {
    opacity: 1; } }

@keyframes fadeIn {
  to {
    opacity: 1; } }

.popover-footer, .popover-header {
  position: sticky;
  z-index: 1;
  background: var(--background); }

.popover-header {
  border-bottom: 1px solid rgba(var(--background-sc-rgb), 0.1);
  top: 0; }

.popover-footer {
  border-top: 1px solid rgba(var(--background-sc-rgb), 0.1);
  display: flex;
  align-items: stretch;
  bottom: calc(env(safe-area-inset-bottom) * -1);
  padding: 0 0 env(safe-area-inset-bottom);
  transition: 400ms padding; }

.popover-body {
  position: relative;
  z-index: 0; }

.popover-search {
  padding: 1.4rem 1.5rem; }

.empty-data-holder {
  width: 100%;
  height: 19rem;
  display: flex;
  justify-content: center;
  align-items: center; }

.popover-disabled {
  pointer-events: none;
  opacity: 0.5;
  transition: 500ms opacity; }

.dropdown-holder {
  max-width: 100%;
  --input-message-padding-side: 2rem; }
  .dropdown-holder:not(.f-content-size) {
    width: 100%; }
  .dropdown-holder.a-minimal.s-small {
    --input-message-padding-side: 0.7rem; }

.dropdown-actions {
  width: 100%;
  height: 6.1rem;
  display: flex;
  align-items: center;
  font: 600 1.6rem/2rem var(--font-family);
  color: var(--hero);
  -webkit-padding-start: 2rem;
          padding-inline-start: 2rem;
  -webkit-padding-end: 3rem;
          padding-inline-end: 3rem; }
  .dropdown-actions:not(:only-child) {
    border-bottom: 1px solid rgba(var(--background-sc-rgb), 0.1); }
  .dropdown-actions > li:first-child {
    flex: auto; }
  .dropdown-actions > li:nth-child(2) {
    flex-shrink: 0; }

.dropdown-item {
  width: 100%;
  display: flex;
  align-items: center;
  font: 600 1.4rem/1.8rem var(--font-family);
  transition: 400ms color, 400ms background;
  height: 4rem;
  padding: 0 1.4rem;
  justify-content: flex-start; }
  @media (hover: hover) {
    .dropdown-item:not(.hover-disabled):hover {
      background: rgba(var(--background-sc-rgb), 0.05); } }
  @media (hover: hover) {
    .dropdown-item.hovered {
      background: rgba(var(--background-sc-rgb), 0.05); } }
  html[dir="rtl"] .dropdown-item {
    justify-content: flex-end; }
  .dropdown-item:not(.read-only) {
    cursor: pointer; }
  html[dir="rtl"] .dropdown-item .crs-holder .label-holder.has-label {
    grid-template-columns: 1fr auto; }
    html[dir="rtl"] .dropdown-item .crs-holder .label-holder.has-label > *:first-child {
      order: 0; }
    html[dir="rtl"] .dropdown-item .crs-holder .label-holder.has-label > *:last-child {
      order: 1; }
  .dropdown-item.sticky-option {
    position: sticky;
    z-index: 10;
    top: 0; }
    .dropdown-item.sticky-option.hovered {
      background: var(--background-hover); }
    .dropdown-item.sticky-option:not(.hovered) {
      background: var(--background); }
    @media (hover: hover) {
      .dropdown-item.sticky-option:not(.hover-disabled):hover {
        background: var(--background-hover); } }
  .dropdown-item > p {
    flex: auto;
    display: flex;
    align-items: center;
    overflow: hidden; }
    .dropdown-item > p i {
      flex-shrink: 0; }
      html:not([dir="rtl"]) .dropdown-item > p i {
        margin-right: 1.2rem; }
      html[dir="rtl"] .dropdown-item > p i {
        margin-left: 1.2rem; }
    .dropdown-item > p span {
      flex: auto;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
  .dropdown-item > small {
    flex-shrink: 0; }
    .dropdown-item > small.bc-icon-selected:before {
      display: block;
      transition: 400ms -webkit-transform;
      transition: 400ms transform;
      transition: 400ms transform, 400ms -webkit-transform;
      -webkit-transform: scale(0);
              transform: scale(0); }
      .selected.dropdown-item > small.bc-icon-selected:before {
        -webkit-transform: scale(1);
                transform: scale(1); }
  .dropdown-item.selected {
    color: var(--hero); }
  .dropdown-item.disabled {
    opacity: 0.5;
    pointer-events: none; }
  .popover-positioner.mobile-view .dropdown-item {
    height: 4.8rem;
    padding: 0 2rem; }

.temporary-full-width {
  width: 100%; }

.dropdown-item-tag {
  font: 600 1.4rem/1.8rem var(--font-family);
  opacity: 0.5;
  flex-shrink: 0; }

.wrapped-editor {
  width: 100%;
  --editor-main-height: 38rem;
  --editor-toolbar-padding: 0.6rem;
  --editor-border-color: rgba(var(--background-sc-rgb), 0.1);
  --editor-status-color: rgba(var(--background-sc-rgb), 0.8); }
  .wrapped-editor.error {
    --editor-border-color: var(--danger) !important;
    --editor-status-color: var(--danger) !important; }
  .wrapped-editor.success {
    --editor-border-color: var(--confirm) !important;
    --editor-status-color: var(--confirm) !important; }
  .wrapped-editor.disabled {
    opacity: 0.5;
    pointer-events: none; }
  .wrapped-editor:not(.mobile) .rdw-option-wrapper,
  .wrapped-editor:not(.mobile) .rdw-dropdown-selectedtext {
    cursor: pointer; }
    .wrapped-editor:not(.mobile) .rdw-option-wrapper:hover, [aria-expanded="true"] > .wrapped-editor:not(.mobile) .rdw-option-wrapper,
    .wrapped-editor:not(.mobile) .rdw-dropdown-selectedtext:hover, [aria-expanded="true"] >
    .wrapped-editor:not(.mobile) .rdw-dropdown-selectedtext {
      background: rgba(var(--hero-rgb), 0.1);
      color: var(--hero); }
  .wrapped-editor:not(.mobile) .rdw-dropdown-optionwrapper,
  .wrapped-editor:not(.mobile) .rdw-colorpicker-modal,
  .wrapped-editor:not(.mobile) .rdw-link-modal,
  .wrapped-editor:not(.mobile) .rdw-embedded-modal,
  .wrapped-editor:not(.mobile) .rdw-emoji-modal,
  .wrapped-editor:not(.mobile) .rdw-image-modal {
    position: absolute;
    top: 100%;
    min-width: 100%;
    margin: 0.3rem 0 0;
    box-shadow: 0 0.2rem 0.4rem 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(var(--background-sc-rgb), 0.08);
    background: var(--background);
    border-radius: 1rem;
    padding: 0.6rem 0;
    z-index: 20; }
    html:not([dir="rtl"]) .wrapped-editor:not(.mobile) .rdw-dropdown-optionwrapper, html:not([dir="rtl"])
    .wrapped-editor:not(.mobile) .rdw-colorpicker-modal, html:not([dir="rtl"])
    .wrapped-editor:not(.mobile) .rdw-link-modal, html:not([dir="rtl"])
    .wrapped-editor:not(.mobile) .rdw-embedded-modal, html:not([dir="rtl"])
    .wrapped-editor:not(.mobile) .rdw-emoji-modal, html:not([dir="rtl"])
    .wrapped-editor:not(.mobile) .rdw-image-modal {
      left: 0; }
    html[dir="rtl"] .wrapped-editor:not(.mobile) .rdw-dropdown-optionwrapper, html[dir="rtl"]
    .wrapped-editor:not(.mobile) .rdw-colorpicker-modal, html[dir="rtl"]
    .wrapped-editor:not(.mobile) .rdw-link-modal, html[dir="rtl"]
    .wrapped-editor:not(.mobile) .rdw-embedded-modal, html[dir="rtl"]
    .wrapped-editor:not(.mobile) .rdw-emoji-modal, html[dir="rtl"]
    .wrapped-editor:not(.mobile) .rdw-image-modal {
      right: 0; }
  .wrapped-editor:not(.mobile) .rdw-dropdownoption-default {
    font: 600 1.4rem/1.8rem var(--font-family);
    display: flex;
    align-items: center;
    cursor: pointer;
    min-width: 100%;
    height: 3.6rem;
    -webkit-padding-start: 2rem;
            padding-inline-start: 2rem;
    -webkit-padding-end: 6rem;
            padding-inline-end: 6rem;
    white-space: nowrap;
    position: relative;
    transition: 400ms color; }
    .wrapped-editor:not(.mobile) .rdw-dropdownoption-default:after {
      content: "\e95f";
      font: 2.4rem/1 "BetCore";
      transition: 400ms -webkit-transform;
      transition: 400ms transform;
      transition: 400ms transform, 400ms -webkit-transform;
      position: absolute;
      top: calc(50% - 1.2rem);
      right: 1.4rem;
      -webkit-transform: scale(0);
              transform: scale(0); }
    .wrapped-editor:not(.mobile) .rdw-dropdownoption-default.rdw-dropdownoption-active:after {
      -webkit-transform: scale(1);
              transform: scale(1); }
    .wrapped-editor:not(.mobile) .rdw-dropdownoption-default.rdw-dropdownoption-active, .wrapped-editor:not(.mobile) .rdw-dropdownoption-default.rdw-dropdownoption-highlighted {
      color: var(--hero); }
  .wrapped-editor:not(.mobile) [class*="rdw-dropdown-caret"] {
    display: block;
    font: 2rem/2.4rem "BetCore";
    padding: 0 0.6rem;
    opacity: 0.6;
    transition: 400ms -webkit-transform;
    transition: 400ms transform;
    transition: 400ms transform, 400ms -webkit-transform; }
    .wrapped-editor:not(.mobile) [class*="rdw-dropdown-caret"]:before {
      content: "\e903"; }
    .wrapped-editor:not(.mobile) [class*="rdw-dropdown-caret"].rdw-dropdown-carettoclose {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }
  .wrapped-editor.mobile .rdw-option-wrapper {
    font: 1.6rem/1.8rem "BetCore";
    margin-left: 0.6rem; }
  .wrapped-editor.mobile .rdw-editor-wrapper {
    display: flex;
    flex-direction: column-reverse; }
    .wrapped-editor.mobile .rdw-editor-wrapper .rdw-editor-main {
      --editor-main-height: 12rem; }
  .wrapped-editor.mobile .rdw-editor-toolbar {
    --editor-toolbar-padding: 0.4rem;
    flex-wrap: nowrap;
    overflow: auto;
    border-top: 1px solid var(--editor-border-color, transparent);
    border-bottom: none; }
    .wrapped-editor.mobile .rdw-editor-toolbar .rdw-text-align-wrapper {
      flex-wrap: nowrap;
      margin-bottom: 0; }
    .wrapped-editor.mobile .rdw-editor-toolbar button.btn {
      min-width: -webkit-fit-content;
      min-width: -moz-fit-content;
      min-width: fit-content; }
    .wrapped-editor.mobile .rdw-editor-toolbar .rdw-dropdown-wrapper {
      display: flex; }
      .wrapped-editor.mobile .rdw-editor-toolbar .rdw-dropdown-wrapper .rdw-dropdown-optionwrapper {
        display: flex; }
        .wrapped-editor.mobile .rdw-editor-toolbar .rdw-dropdown-wrapper .rdw-dropdown-optionwrapper .rdw-dropdownoption-default {
          height: 3.6rem;
          min-width: 3.6rem;
          padding: 0 0.6rem;
          border-radius: 0.4rem;
          font-size: 1.4rem;
          font-weight: 600;
          display: flex;
          justify-content: center;
          align-items: center;
          white-space: nowrap; }
          .wrapped-editor.mobile .rdw-editor-toolbar .rdw-dropdown-wrapper .rdw-dropdown-optionwrapper .rdw-dropdownoption-default.rdw-dropdownoption-active {
            background: var(--hero);
            color: var(--hero-sc); }
  .wrapped-editor.mobile .rdw-dropdown-selectedtext {
    font-size: 1.6rem;
    font-weight: 900;
    white-space: nowrap; }
    .wrapped-editor.mobile .rdw-dropdown-selectedtext [class*="rdw-dropdown-caret"] {
      display: block;
      font: 2.4rem/2.4rem "BetCore";
      padding: 0 0.6rem;
      opacity: 0.6;
      transition: 400ms -webkit-transform;
      transition: 400ms transform;
      transition: 400ms transform, 400ms -webkit-transform;
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
      .wrapped-editor.mobile .rdw-dropdown-selectedtext [class*="rdw-dropdown-caret"]:before {
        content: "\e903"; }
      .wrapped-editor.mobile .rdw-dropdown-selectedtext [class*="rdw-dropdown-caret"].rdw-dropdown-carettoclose {
        -webkit-transform: rotate(90deg);
                transform: rotate(90deg); }
  .wrapped-editor .editor-information-message {
    width: 100%;
    margin: 0.6rem 0 0;
    padding: 0 20px;
    font: 600 1.2rem/1.42 var(--font-family);
    color: var(--editor-status-color, transparent); }
  .wrapped-editor .public-DraftEditorPlaceholder-root.public-DraftEditorPlaceholder-hasFocus {
    opacity: 0; }
  .wrapped-editor .DraftEditor-root,
  .wrapped-editor .DraftEditor-editorContainer {
    height: 100%; }
    .wrapped-editor .DraftEditor-root .public-DraftEditor-content,
    .wrapped-editor .DraftEditor-editorContainer .public-DraftEditor-content {
      min-height: 100%; }

.rdw-editor-wrapper {
  width: 100%;
  background: var(--background);
  border: 1px solid var(--editor-border-color, transparent);
  border-radius: 1rem; }
  @media (-webkit-max-device-pixel-ratio: 1) {
    .rdw-editor-wrapper ::-webkit-scrollbar {
      width: 1.6rem;
      height: 1.6rem; }
      .rdw-editor-wrapper ::-webkit-scrollbar-thumb {
        background: rgba(var(--background-sc-rgb), 0.05);
        border-radius: 1.6rem;
        border: 0.4rem solid var(--background); } }

.rdw-editor-toolbar {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  border-bottom: 1px solid var(--editor-border-color, transparent);
  padding: var(--editor-toolbar-padding);
  position: relative;
  z-index: 10; }
  .rdw-editor-toolbar > div {
    display: flex;
    align-items: center;
    position: relative; }
    .rdw-editor-toolbar > div:not(:last-child):after {
      content: "";
      display: block;
      width: 1px;
      height: 2rem;
      background: rgba(var(--background-sc-rgb), 0.2);
      margin: 0 0.8rem; }

.rdw-option-disabled {
  pointer-events: none;
  opacity: 0.3; }

.rdw-dropdown-wrapper {
  position: relative; }

.rdw-option-wrapper, .rdw-dropdown-selectedtext {
  height: 3.6rem;
  min-width: 3.6rem;
  border-radius: 0.4rem;
  font: 600 1.4rem/1.8rem var(--font-family);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: color 400ms, background 400ms, opacity 400ms; }
  .rdw-option-wrapper.rdw-option-active, .rdw-dropdown-selectedtext.rdw-option-active {
    background: var(--hero);
    color: var(--hero-sc); }

.rdw-dropdown-selectedtext {
  -webkit-padding-start: 1rem;
          padding-inline-start: 1rem; }

.rdw-option-wrapper {
  font: 1.4rem/1.8rem "BetCore"; }
  .rdw-option-wrapper > img {
    display: none; }
  .rdw-option-wrapper[title*="Bold"]:before {
    content: "\e964"; }
  .rdw-option-wrapper[title*="Italic"]:before {
    content: "\e969"; }
  .rdw-option-wrapper[title*="Underline"]:before {
    content: "\e975"; }
  .rdw-option-wrapper[title*="Strikethrough"]:before {
    content: "\e972"; }
  .rdw-option-wrapper[title*="Monospace"]:before {
    content: "\e96d"; }
  .rdw-option-wrapper[title*="Superscript"]:before {
    content: "\e974"; }
  .rdw-option-wrapper[title*="Subscript"]:before {
    content: "\e973"; }
  .rdw-option-wrapper[title*="Unordered"]:before {
    content: "\e96c"; }
  .rdw-option-wrapper[title*="Ordered"]:before {
    content: "\e96b"; }
  .rdw-option-wrapper[title*="Indent"]:before {
    content: "\e968"; }
  .rdw-option-wrapper[title*="Outdent"]:before {
    content: "\e96e"; }
  .rdw-option-wrapper[title*="Left"]:before {
    content: "\e962"; }
  .rdw-option-wrapper[title*="Center"]:before {
    content: "\e942"; }
  .rdw-option-wrapper[title*="Right"]:before {
    content: "\e963"; }
  .rdw-option-wrapper[title*="Justify"]:before {
    content: "\e961"; }
  [title*="Color Picker"] > .rdw-option-wrapper:before {
    content: "\e96f"; }
  .rdw-option-wrapper[title*="Link"]:before {
    content: "\e96a"; }
  .rdw-option-wrapper[title*="Unlink"]:before {
    content: "\e977"; }
  .rdw-option-wrapper[title*="Embedded"]:before {
    content: "\e966"; }
  [title*="Emoji"] > .rdw-option-wrapper:before {
    content: "\e971"; }
  .rdw-option-wrapper[title*="Image"]:before {
    content: "\e967"; }
  .rdw-option-wrapper[title*="Clean formatting"]:before {
    content: "\e965"; }
  .rdw-option-wrapper[title*="Undo"]:before {
    content: "\e976"; }
  .rdw-option-wrapper[title*="Redo"]:before {
    content: "\e970"; }

.rdw-editor-main {
  height: var(--editor-main-height);
  padding: 2rem;
  caret-color: var(--hero);
  overflow: auto;
  resize: vertical; }
  .rdw-editor-main ul, .rdw-editor-main ol {
    -webkit-padding-start: 4rem;
            padding-inline-start: 4rem; }
    .rdw-editor-main ul li, .rdw-editor-main ol li {
      display: list-item; }
  .rdw-editor-main blockquote {
    -webkit-border-start: 0.4rem solid var(--hero);
            border-inline-start: 0.4rem solid var(--hero);
    -webkit-padding-start: 0.5rem;
            padding-inline-start: 0.5rem; }
  .rdw-editor-main pre, .rdw-editor-main [style*="monospace"] {
    background: rgba(var(--hero-rgb), 0.05) !important;
    border-radius: 0.3rem !important;
    color: var(--hero) !important; }

.rdw-colorpicker-modal,
.rdw-link-modal,
.rdw-embedded-modal,
.rdw-emoji-modal,
.rdw-image-modal {
  width: 28rem;
  max-height: 30rem;
  overflow-y: auto;
  overflow-x: hidden; }

.rdw-colorpicker-modal-header, .rdw-embedded-modal-header, .rdw-image-modal-header {
  display: flex;
  width: 100%;
  align-items: center;
  box-shadow: inset 0 -1px 0 rgba(var(--background-sc-rgb), 0.05); }
  .rdw-colorpicker-modal-header > span, .rdw-embedded-modal-header > span, .rdw-image-modal-header > span {
    display: block;
    text-align: center;
    font: 600 1.4rem/4.2rem var(--font-family);
    cursor: pointer;
    transition: color 400ms, box-shadow 400ms;
    box-shadow: inset 0 0 0 var(--hero);
    width: 100%;
    position: relative; }
    .rdw-colorpicker-modal-header > span.rdw-colorpicker-modal-style-label-active, .rdw-colorpicker-modal-header > span:only-child, .rdw-embedded-modal-header > span.rdw-colorpicker-modal-style-label-active, .rdw-embedded-modal-header > span:only-child, .rdw-image-modal-header > span.rdw-colorpicker-modal-style-label-active, .rdw-image-modal-header > span:only-child {
      color: var(--hero);
      box-shadow: inset 0 -0.3rem 0 var(--hero); }
    @media (hover: hover) {
      .rdw-colorpicker-modal-header > span:hover, .rdw-embedded-modal-header > span:hover, .rdw-image-modal-header > span:hover {
        color: var(--hero); } }

.rdw-colorpicker-modal-options,
.rdw-emoji-modal {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 2rem;
  margin-bottom: -0.6rem;
  justify-content: center; }
  .rdw-colorpicker-modal-options .rdw-colorpicker-option,
  .rdw-emoji-modal .rdw-colorpicker-option {
    width: 4.8rem;
    height: 4.8rem; }

.rdw-colorpicker-cube {
  width: 2.8rem;
  height: 2.8rem;
  display: block;
  border-radius: 100%;
  box-shadow: inset 0 0 0 1px rgba(var(--background-sc-rgb), 0.05); }

.rdw-emoji-icon {
  width: 4rem;
  height: 4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.4rem;
  cursor: pointer;
  transition: color 400ms, background 400ms, opacity 400ms;
  font-size: 2.4rem; }
  .rdw-emoji-icon:hover {
    background: rgba(var(--hero-rgb), 0.1); }

.rdw-link-modal-buttonsection, .rdw-image-modal-btn-section, .rdw-embedded-modal-btn-section {
  min-width: 100%;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: center;
  border-top: 1px solid rgba(var(--background-sc-rgb), 0.05);
  margin: 2.6rem 0 0;
  padding: 1.5rem 0; }
  .rdw-link-modal-buttonsection button, .rdw-image-modal-btn-section button, .rdw-embedded-modal-btn-section button {
    display: flex;
    align-items: center;
    height: 3.6rem;
    font: 600 1.4rem/1.8rem var(--font-family);
    cursor: pointer;
    padding: 0 2.4rem;
    transition: 400ms opacity, 400ms background, 400ms color;
    border-radius: 3.6rem;
    min-width: 10rem;
    justify-content: center;
    text-align: center; }
    .rdw-link-modal-buttonsection button:disabled, .rdw-image-modal-btn-section button:disabled, .rdw-embedded-modal-btn-section button:disabled {
      opacity: 0.5;
      pointer-events: none; }
    .rdw-link-modal-buttonsection button:last-child:not(:hover), .rdw-image-modal-btn-section button:last-child:not(:hover), .rdw-embedded-modal-btn-section button:last-child:not(:hover) {
      opacity: 0.7; }
    .rdw-link-modal-buttonsection button:not(:last-child), .rdw-image-modal-btn-section button:not(:last-child), .rdw-embedded-modal-btn-section button:not(:last-child) {
      background: var(--hero);
      color: var(--hero-sc); }
      @media (hover: hover) {
        .rdw-link-modal-buttonsection button:not(:last-child):hover, .rdw-image-modal-btn-section button:not(:last-child):hover, .rdw-embedded-modal-btn-section button:not(:last-child):hover {
          background: var(--hero-hover); } }

.rdw-link-modal-buttonsection, .rdw-image-modal-btn-section {
  width: calc(100% + 4rem);
  -webkit-margin-start: -2rem;
          margin-inline-start: -2rem; }

.rdw-link-modal,
.rdw-image-modal,
.rdw-embedded-modal-link-section {
  min-width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 2.4rem 2rem 0;
  font: 600 1.2rem/1.6rem var(--font-family); }
  .rdw-link-modal input:not([type="checkbox"]),
  .rdw-image-modal input:not([type="checkbox"]),
  .rdw-embedded-modal-link-section input:not([type="checkbox"]) {
    height: 3.6rem;
    width: 100%;
    display: block;
    background: rgba(var(--background-sc-rgb), 0.03);
    border-radius: 3.6rem;
    font: 600 1.4rem var(--font-family);
    padding: 0 2rem;
    transition: 400ms background; }
    .rdw-link-modal input:not([type="checkbox"]):not(.rdw-image-modal-size-input),
    .rdw-image-modal input:not([type="checkbox"]):not(.rdw-image-modal-size-input),
    .rdw-embedded-modal-link-section input:not([type="checkbox"]):not(.rdw-image-modal-size-input) {
      margin: 0.4rem 0 1.4rem; }
    .rdw-link-modal input:not([type="checkbox"]):focus,
    .rdw-image-modal input:not([type="checkbox"]):focus,
    .rdw-embedded-modal-link-section input:not([type="checkbox"]):focus {
      background: rgba(var(--background-sc-rgb), 0.05); }

.rdw-link-modal-label {
  max-width: 100%;
  -webkit-padding-start: 2rem;
          padding-inline-start: 2rem; }

.rdw-link-modal-target-option {
  display: flex;
  cursor: pointer;
  -webkit-padding-start: 2rem;
          padding-inline-start: 2rem; }
  .rdw-link-modal-target-option input {
    -webkit-appearance: checkbox;
    appearance: checkbox;
    width: 1.4rem;
    height: 1.4rem;
    -webkit-margin-end: 0.8rem;
            margin-inline-end: 0.8rem; }

.rdw-embedded-modal-link-input-wrapper, .rdw-image-modal-url-section {
  display: flex;
  width: 100%; }
  .rdw-embedded-modal-link-input-wrapper input, .rdw-image-modal-url-section input {
    margin-top: 0 !important; }

.rdw-embedded-modal-size {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 2rem; }
  .rdw-embedded-modal-size > span {
    width: 100%;
    display: flex;
    align-items: flex-start; }

.rdw-image-mandatory-sign {
  color: var(--danger);
  -webkit-margin-start: 0.4rem;
          margin-inline-start: 0.4rem;
  margin-top: 0.8rem;
  align-self: flex-start; }

.rdw-image-modal-size {
  display: flex;
  align-items: center;
  width: 100%; }

.rdw-image-modal-header {
  margin: -1.4rem 0 2.4rem;
  -webkit-margin-start: -2rem;
          margin-inline-start: -2rem;
  width: calc(100% + 4rem); }
  .rdw-image-modal-header .rdw-image-modal-header-label {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.3rem;
    box-shadow: inset 0 0 0 var(--hero);
    transition: 400ms box-shadow; }
    .rdw-image-modal-header .rdw-image-modal-header-label:after {
      content: "";
      display: block;
      position: absolute;
      bottom: 0.3rem;
      left: 0;
      width: 100%;
      height: 3.9rem;
      background: var(--hero);
      mix-blend-mode: color;
      opacity: 0;
      transition: 400ms opacity; }
    .rdw-image-modal-header .rdw-image-modal-header-label.rdw-image-modal-header-label-highlighted {
      box-shadow: inset 0 -0.3rem 0 var(--hero); }
      .rdw-image-modal-header .rdw-image-modal-header-label.rdw-image-modal-header-label-highlighted:after {
        opacity: 1; }

.rdw-image-modal-upload-option-input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none; }

.rdw-image-modal-upload-option-label {
  margin: 0 0 1.4rem;
  width: 25rem;
  height: 4.5rem;
  border: 1px dashed var(--hero);
  padding: 1.5rem;
  display: flex;
  color: var(--hero);
  background: rgba(var(--hero-rgb), 0.05);
  font: 600 1.2rem/1.6rem var(--font-family);
  text-align: center;
  justify-content: center;
  align-items: center;
  border-radius: 3.6rem;
  cursor: pointer;
  transition: 400ms background; }
  @media (hover: hover) {
    .rdw-image-modal-upload-option-label:hover {
      background: rgba(var(--hero-rgb), 0.1); } }

.rdw-image-alignment {
  display: flex; }
  .rdw-image-alignment.rdw-image-left {
    float: left; }
  .rdw-image-alignment.rdw-image-right {
    float: right; }
  .rdw-image-alignment.rdw-image-center {
    flex-direction: column;
    align-items: center; }
  .rdw-image-alignment .rdw-image-imagewrapper {
    position: relative; }
    .rdw-image-alignment .rdw-image-imagewrapper .rdw-image-alignment-options-popup {
      z-index: 1000;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      background: rgba(0, 0, 0, 0.6); }
      .rdw-image-alignment .rdw-image-imagewrapper .rdw-image-alignment-options-popup > * {
        --size: 3.6rem;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 0.2rem;
        min-width: var(--size);
        min-height: var(--size);
        font: 600 1.4rem/2rem var(--font-family);
        cursor: pointer;
        color: inherit;
        border: 1px solid transparent;
        border-radius: var(--size);
        transition: 300ms color, 300ms background, 200ms opacity;
        box-shadow: inset 0 0 0 5rem #ffffffe6; }

.public-DraftEditor-content[contenteditable=true] {
  -webkit-user-modify: read-write-plaintext-only; }

.DraftEditor-root {
  position: relative; }

.DraftEditor-editorContainer {
  position: relative;
  z-index: 1; }

.public-DraftEditor-block {
  position: relative; }

.DraftEditor-alignLeft .public-DraftEditorPlaceholder-root {
  left: 0; }

.DraftEditor-alignCenter .public-DraftEditorPlaceholder-root {
  margin: 0 auto;
  width: 100%; }

.DraftEditor-alignRight .public-DraftEditorPlaceholder-root {
  right: 0; }

.public-DraftEditorPlaceholder-root {
  position: absolute;
  z-index: 0; }

.DraftEditorPlaceholder-hidden {
  display: none; }

.public-DraftStyleDefault-block {
  position: relative;
  white-space: pre-wrap; }

.public-DraftStyleDefault-ltr {
  direction: ltr; }

.public-DraftStyleDefault-rtl {
  direction: rtl; }

.public-DraftStyleDefault-listLTR {
  direction: ltr; }

.public-DraftStyleDefault-listRTL {
  direction: rtl; }

.public-DraftStyleDefault-ol, .public-DraftStyleDefault-ul {
  padding: 1.6rem 0; }

.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listRTL {
  padding-right: 1.5em; }

.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR {
  padding-left: 3em; }

.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listRTL {
  padding-right: 3em; }

.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR {
  padding-left: 4.5em; }

.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listRTL {
  padding-right: 4.5em; }

.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR {
  padding-left: 6em; }

.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listRTL {
  padding-right: 6em; }

.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR {
  padding-left: 7.5em; }

.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listRTL {
  padding-right: 7.5em; }

.public-DraftStyleDefault-unorderedListItem {
  list-style-type: square;
  position: relative; }

.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth0 {
  list-style-type: disc; }

.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1 {
  list-style-type: circle; }

.public-DraftStyleDefault-orderedListItem {
  list-style-type: none;
  position: relative; }

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listLTR:before {
  left: -3.6rem;
  position: absolute;
  text-align: right;
  width: 3rem; }

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listRTL:before {
  position: absolute;
  right: -3.6rem;
  text-align: left;
  width: 3rem; }

.public-DraftStyleDefault-orderedListItem:before {
  content: counter(ol0) ". ";
  counter-increment: ol0; }

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before {
  content: counter(ol1) ". ";
  counter-increment: ol1; }

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before {
  content: counter(ol2) ". ";
  counter-increment: ol2; }

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before {
  content: counter(ol3) ". ";
  counter-increment: ol3; }

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before {
  content: counter(ol4) ". ";
  counter-increment: ol4; }

.public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset {
  counter-reset: ol0; }

.public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset {
  counter-reset: ol1; }

.public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset {
  counter-reset: ol2; }

.public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset {
  counter-reset: ol3; }

.public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset {
  counter-reset: ol4; }

.rdw-text-align-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  flex-wrap: wrap; }

.rdw-text-align-dropdown {
  width: 50px;
  z-index: 90; }

.rdw-text-align-dropdownOption {
  height: 40px;
  display: flex;
  justify-content: center; }

.rdw-right-aligned-block {
  text-align: right; }

.rdw-left-aligned-block {
  text-align: left !important; }

.rdw-center-aligned-block {
  text-align: center !important; }

.rdw-justify-aligned-block {
  text-align: justify !important; }

.rdw-right-aligned-block > div {
  display: inline-block; }

.rdw-left-aligned-block > div {
  display: inline-block; }

.rdw-center-aligned-block > div {
  display: inline-block; }

.rdw-justify-aligned-block > div {
  display: inline-block; }

.media-preview-holder {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  color: white;
  display: flex;
  z-index: 500; }
  .media-preview-holder .bc-icon-close {
    position: absolute;
    top: 2.2rem;
    right: 2.2rem;
    cursor: pointer; }

.media-preview {
  margin: auto;
  display: flex;
  flex-direction: column;
  position: relative;
  padding: 3rem 0 0; }
  .media-preview .mp-title {
    font: 600 1.4rem/1.8rem var(--font-family);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; }

.mp-details {
  margin: 0.5rem 0 0;
  font: 600 1.4rem/2rem var(--font-family); }
  .mp-details > li {
    margin: 1rem 0 0; }
  .mp-details span {
    opacity: 0.7; }

.mp-element {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: calc(100vh - 20rem); }

.uploaded-item {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0 1px 0 0.8rem;
  height: 2.8rem;
  border-radius: 0.4rem;
  transition: 400ms background, 400ms color, 400ms border-color; }
  html[dir="rtl"] .uploaded-item {
    padding: 0 0.8rem 0 1px; }
  .uploaded-item:not(.error) {
    cursor: pointer; }
  .uploaded-item > li {
    flex-shrink: 0;
    display: flex;
    align-items: center; }
    .uploaded-item > li.ui-title {
      flex: auto;
      overflow: hidden; }
  .uploaded-item .ui-preview-holder {
    position: relative; }
    .uploaded-item .ui-preview-holder small {
      display: block;
      text-align: center;
      position: absolute;
      top: 0.8rem;
      left: 0;
      width: 100%;
      text-transform: uppercase;
      font: 700 0.5rem/0.9rem var(--font-family); }
  .uploaded-item .ui-title {
    padding: 0 2rem;
    font: 600 1.4rem/normal var(--font-family); }
  .uploaded-item .ui-actions-holder small {
    display: block;
    -webkit-padding-end: 0.8rem;
            padding-inline-end: 0.8rem;
    opacity: 0.7;
    font: 600 1rem/1.4rem var(--font-family);
    text-transform: uppercase; }
  .uploaded-item .ui-actions-holder .icon {
    cursor: pointer;
    transition: 400ms opacity; }
  .uploaded-item.ui-light .ui-actions-holder .icon, .uploaded-item.ui-minimal .ui-actions-holder .icon {
    opacity: 0; }
    @media (hover: hover) {
      .uploaded-item.ui-light .ui-actions-holder .icon:hover, .uploaded-item.ui-minimal .ui-actions-holder .icon:hover {
        opacity: 1; } }
  @media (hover: hover) {
    .uploaded-item.ui-light:hover, .uploaded-item.ui-minimal:hover {
      background: rgba(var(--background-sc-rgb), 0.05); }
      .uploaded-item.ui-light:hover .ui-actions-holder .icon:not(:hover), .uploaded-item.ui-minimal:hover .ui-actions-holder .icon:not(:hover) {
        opacity: 0.5; } }
  .uploaded-item.ui-light.error, .uploaded-item.ui-minimal.error {
    color: var(--danger); }
    @media (hover: hover) {
      .uploaded-item.ui-light.error:hover, .uploaded-item.ui-minimal.error:hover {
        background: rgba(var(--danger-rgb), 0.05); } }
    .uploaded-item.ui-light.error .ui-actions-holder .icon:not(:hover), .uploaded-item.ui-minimal.error .ui-actions-holder .icon:not(:hover) {
      opacity: 0.5; }
  .uploaded-item.ui-detailed {
    height: 4.2rem;
    border-radius: 0.8rem;
    border: 1px solid rgba(var(--background-sc-rgb), 0.08);
    padding: 0 0.8rem 0 1.4rem; }
    html[dir="rtl"] .uploaded-item.ui-detailed {
      padding: 0 1.4rem 0 0.8rem; }
    .uploaded-item.ui-detailed img {
      width: 2.6rem;
      height: 2.6rem;
      object-fit: cover;
      border-radius: 0.4rem; }
    .uploaded-item.ui-detailed .ui-title {
      padding: 0 1.4rem;
      font-size: 1.2rem; }
    .uploaded-item.ui-detailed .ui-actions-holder .icon {
      opacity: 0.5; }
      @media (hover: hover) {
        .uploaded-item.ui-detailed .ui-actions-holder .icon:hover {
          opacity: 1; } }
    @media (hover: hover) {
      .uploaded-item.ui-detailed:hover {
        border-color: rgba(var(--background-sc-rgb), 0.38); } }
    .uploaded-item.ui-detailed.error {
      border-color: rgba(var(--danger-rgb), 0.5); }
      .uploaded-item.ui-detailed.error .ui-actions-holder .icon {
        color: var(--danger); }
      @media (hover: hover) {
        .uploaded-item.ui-detailed.error:hover {
          border-color: var(--danger); }
          .uploaded-item.ui-detailed.error:hover .ui-actions-holder .icon {
            opacity: 1; } }

.drop-area-holder {
  position: relative;
  transition: opacity 400ms;
  max-width: 100%; }
  .drop-area-holder.disabled {
    pointer-events: none;
    opacity: 0.5; }
  .drop-area-holder:not(.ua-button) {
    width: 100%; }
  .drop-area-holder.ua-input .uploader-chooser-holder {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-areas: 'input button';
    position: relative; }
    .drop-area-holder.ua-input .uploader-chooser-holder .input-holder {
      grid-area: input; }
    html:not([dir="rtl"]) .drop-area-holder.ua-input .uploader-chooser-holder .input-element-back {
      border-top-right-radius: 0; }
    html[dir="rtl"] .drop-area-holder.ua-input .uploader-chooser-holder .input-element-back {
      border-top-left-radius: 0; }
    html:not([dir="rtl"]) .drop-area-holder.ua-input .uploader-chooser-holder .input-element-back {
      border-bottom-right-radius: 0; }
    html[dir="rtl"] .drop-area-holder.ua-input .uploader-chooser-holder .input-element-back {
      border-bottom-left-radius: 0; }
    html:not([dir="rtl"]) .drop-area-holder.ua-input .uploader-chooser-holder .input-element-back {
      border-right: 0; }
    html[dir="rtl"] .drop-area-holder.ua-input .uploader-chooser-holder .input-element-back {
      border-left: 0; }
    .drop-area-holder.ua-input .uploader-chooser-holder .btn {
      grid-area: button; }
      html:not([dir="rtl"]) .drop-area-holder.ua-input .uploader-chooser-holder .btn {
        border-top-left-radius: 0; }
      html[dir="rtl"] .drop-area-holder.ua-input .uploader-chooser-holder .btn {
        border-top-right-radius: 0; }
      html:not([dir="rtl"]) .drop-area-holder.ua-input .uploader-chooser-holder .btn {
        border-bottom-left-radius: 0; }
      html[dir="rtl"] .drop-area-holder.ua-input .uploader-chooser-holder .btn {
        border-bottom-right-radius: 0; }
      html:not([dir="rtl"]) .drop-area-holder.ua-input .uploader-chooser-holder .btn {
        border-left: 0; }
      html[dir="rtl"] .drop-area-holder.ua-input .uploader-chooser-holder .btn {
        border-right: 0; }
    .drop-area-holder.ua-input .uploader-chooser-holder.dirty input[type="file"] {
      grid-area: input; }
  .drop-area-holder.ua-box .uploader-chooser-holder {
    padding: 100% 0 0;
    position: relative; }

.uploader-chooser-holder {
  transition: opacity 400ms;
  display: block; }
  .drop-area-holder.active .uploader-chooser-holder {
    opacity: 0; }
  .uploader-chooser-holder input[type="file"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 1; }
    .uploader-chooser-holder input[type="file"]::-webkit-file-upload-button {
      visibility: hidden; }

.drop-here-element {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 400ms;
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1rem;
  border: 1px dashed var(--hero);
  background: rgba(var(--hero-rgb), 0.1);
  color: var(--hero);
  font: 600 1.4rem/1.8rem var(--font-family);
  padding: 0 1rem;
  z-index: 10; }
  .drop-area-holder:not(.active) .drop-here-element {
    opacity: 0; }
  .ua-button .drop-here-element.cr-round, .ua-input .drop-here-element.cr-round {
    border-radius: 3.6rem; }
  .ua-button .drop-here-element.cr-smooth, .ua-input .drop-here-element.cr-smooth {
    border-radius: 0.4rem; }
  .ua-cloud .drop-here-element {
    border-radius: 0.8rem; }

.cloud-box-uploader {
  width: 100%;
  min-height: 28rem;
  border-radius: 0.8rem;
  border: dashed 1px rgba(var(--background-sc-rgb), 0.2);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  font: 600 2rem/2.4rem var(--font-family);
  transition: 400ms background, 400ms border-color; }
  .uploader-chooser-holder:hover .cloud-box-uploader {
    border-color: var(--hero);
    background: rgba(var(--hero-rgb), 0.02); }
  .s-uploading .cloud-box-uploader {
    background: rgba(var(--background-sc-rgb), 0.01); }
  .cloud-box-uploader.error {
    border-color: var(--danger);
    background: rgba(var(--danger-rgb), 0.02); }
  .cloud-box-uploader > p {
    opacity: 0.8; }
  .cloud-box-uploader > .icon {
    font-size: 9.6rem;
    opacity: 0.23;
    margin: 1rem 0 0.4rem; }
  .cloud-box-uploader > h5 {
    font: inherit;
    opacity: 0.8; }
  .cloud-box-uploader > small {
    opacity: 0.5;
    display: block;
    margin: 1rem 0 1.5rem;
    font: 600 1.4rem/1.8rem var(--font-family); }

.box-uploader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 1rem;
  border: dashed 1px rgba(var(--background-sc-rgb), 0.2);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  transition: 400ms background, 400ms border-color; }
  .uploader-chooser-holder:hover .box-uploader {
    border-color: var(--hero);
    background: rgba(var(--hero-rgb), 0.02); }
  .s-uploading .box-uploader {
    border-style: solid; }
  .box-uploader.error {
    border-color: var(--danger);
    background: rgba(var(--danger-rgb), 0.02); }
  .box-uploader h5 {
    font: 600 1.4rem/normal var(--font-family);
    margin: 1rem 0 0;
    opacity: 0.8; }
  .box-uploader .responsive-plus-icon-holder {
    opacity: 0.2;
    width: 23.24561%;
    min-width: 3.6rem;
    min-height: 3.6rem;
    max-width: 6.4rem;
    max-height: 6.4rem; }

.responsive-plus-icon {
  padding: 100% 0 0;
  position: relative; }
  .responsive-plus-icon:before, .responsive-plus-icon:after {
    content: "";
    display: block;
    position: absolute;
    width: 88.67925%;
    padding: 7.54717% 0 0;
    background: var(--background-sc);
    border-radius: 1rem;
    top: 50%;
    left: 50%; }
  .responsive-plus-icon:before {
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
  .responsive-plus-icon:after {
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
            transform: translate(-50%, -50%) rotate(90deg); }

.uploader-holder {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start; }
  .uploader-holder .grid-child {
    position: relative;
    min-height: 2.8rem; }

.uploader-header {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start; }
  .uploader-header:not(.only-child) {
    margin: 0 0 1.4rem; }

.uploader-footer {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start; }
  .ua-cloud > .uploader-footer {
    align-items: center; }
  .ua-input > .uploader-footer {
    padding: 0 2rem; }
  .uploader-footer .uploader-footer-button {
    margin: 1.8rem 0 0; }

.switcher-element {
  --size: 1.8rem;
  display: flex;
  border-radius: 2rem;
  background: rgba(var(--background-sc-rgb), 0.38);
  min-width: calc(var(--size) * 2);
  height: var(--size);
  justify-content: center;
  align-items: center;
  font: 600 0.8rem/1rem var(--font-family);
  color: var(--background);
  position: relative;
  transition: 200ms color, 200ms background, 200ms border-color, 200ms min-width, 200ms height;
  border: 1px solid transparent;
  -webkit-padding-start: var(--size);
          padding-inline-start: var(--size);
  -webkit-padding-end: 0.3rem;
          padding-inline-end: 0.3rem;
  cursor: pointer; }
  .switcher-element small {
    position: absolute;
    box-shadow: 0 0.2rem 0.4rem 0 rgba(0, 0, 0, 0.16);
    background: var(--background);
    width: calc(var(--size) - 4px);
    height: calc(var(--size) - 4px);
    border-radius: 1.4rem;
    top: 1px;
    transition: 200ms width, 200ms left, 200ms right, 200ms background, 200ms box-shadow, 200ms -webkit-transform;
    transition: 200ms width, 200ms left, 200ms right, 200ms transform, 200ms background, 200ms box-shadow;
    transition: 200ms width, 200ms left, 200ms right, 200ms transform, 200ms background, 200ms box-shadow, 200ms -webkit-transform; }
    html:not([dir="rtl"]) .switcher-element small {
      left: 1px; }
    html[dir="rtl"] .switcher-element small {
      right: 1px; }
  @media (hover: hover) {
    .crs-label:hover ~ .crs-component .switcher-element, .crs-component .switcher-element:hover, .crs-holder:focus-within .switcher-element {
      color: transparent; }
      .crs-label:hover ~ .crs-component .switcher-element small, .crs-component .switcher-element:hover small, .crs-holder:focus-within .switcher-element small {
        width: var(--size); } }
  .switcher-element.active {
    background: var(--hero);
    color: var(--hero-sc);
    -webkit-padding-start: 0.3rem;
            padding-inline-start: 0.3rem;
    -webkit-padding-end: var(--size);
            padding-inline-end: var(--size); }
    .switcher-element.active small {
      background: var(--hero-sc);
      -webkit-transform: translateX(-100%);
              transform: translateX(-100%); }
      html:not([dir="rtl"]) .switcher-element.active small {
        left: calc(100% - 1px); }
      html[dir="rtl"] .switcher-element.active small {
        right: calc(100% - 1px); }
      html[dir="rtl"] .switcher-element.active small {
        -webkit-transform: translateX(100%);
                transform: translateX(100%); }
  .switcher-element.s-big {
    --size: 2rem; }
  .switcher-element.error-color {
    background: var(--danger);
    color: var(--danger-sc); }
    .switcher-element.error-color small {
      background: var(--danger-sc); }
  .switcher-element.read-only {
    background: none;
    border-color: rgba(var(--background-sc-rgb), 0.38);
    color: rgba(var(--background-sc-rgb), 0.38); }
    .switcher-element.read-only small {
      background: rgba(var(--background-sc-rgb), 0.38);
      box-shadow: none; }
    .switcher-element.read-only.active {
      color: var(--hero); }
      .switcher-element.read-only.active small {
        background: var(--hero); }

.datepicker-holder {
  font-weight: 600;
  padding: 1rem 2rem 2rem;
  background: var(--background);
  display: inline-grid;
  grid-template-columns: auto;
  grid-template-rows: auto auto;
  grid-template-areas: "date-box-1" "date-actions";
  min-width: 20.8rem;
  vertical-align: top; }
  .datepicker-holder .not-clickable {
    pointer-events: none;
    opacity: 0.5; }
  .datepicker-holder:not(.range-mode) {
    padding-bottom: 0; }
  .datepicker-holder.range-mode {
    grid-template-columns: auto auto auto;
    grid-template-rows: auto;
    grid-template-areas: "date-box-1 date-box-2 date-actions"; }
    .datepicker-holder.range-mode:not(.simple-range-mode) > li + li {
      margin: 0 0 0 3rem; }
      html[dir="rtl"] .datepicker-holder.range-mode:not(.simple-range-mode) > li + li {
        margin: 0 3rem 0 0; }
    .datepicker-holder.range-mode .date-box {
      display: grid;
      grid-template-rows: auto 1fr auto; }
    .datepicker-holder.range-mode.simple-range-mode {
      grid-template-columns: auto auto;
      grid-template-rows: auto auto;
      grid-template-areas: "date-box-1 date-box-2" "date-actions date-actions"; }
      .datepicker-holder.range-mode.simple-range-mode .date-box-2 {
        margin: 0 0 0 3rem; }
        html[dir="rtl"] .datepicker-holder.range-mode.simple-range-mode .date-box-2 {
          margin: 0 3rem 0 0; }
      .datepicker-holder.range-mode.simple-range-mode .date-actions {
        margin: 2.4rem 0 0; }
  .datepicker-holder .date-box-1 {
    grid-area: date-box-1; }
  .datepicker-holder .date-box-2 {
    grid-area: date-box-2; }
  .datepicker-holder .date-actions {
    grid-area: date-actions; }

.calendar-days > ul {
  display: flex;
  margin: 0 0 0.5rem; }
  .calendar-days > ul + ul {
    margin: 2px 0 0; }
  .calendar-days > ul > li {
    position: relative;
    width: 3.6rem;
    height: 3.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    border-radius: 100%;
    transition: 300ms color, 300ms border-color, 300ms background;
    cursor: pointer;
    text-align: center; }
    .calendar-days > ul > li + li {
      margin: 0 0 0 2px; }
      html[dir="rtl"] .calendar-days > ul > li + li {
        margin: 0 2px 0 0; }
    .calendar-days > ul > li > span {
      display: block;
      z-index: 0; }
      .calendar-days > ul > li > span:before {
        content: "";
        display: block;
        position: absolute;
        top: -1px;
        left: -2px;
        right: -2px;
        bottom: -1px;
        transition: 300ms background;
        pointer-events: none;
        z-index: -1; }
    .calendar-days > ul > li.heading {
      font-weight: 700;
      pointer-events: none;
      color: rgba(var(--background-sc-rgb), 32); }
      .calendar-days > ul > li.heading > span {
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
    .calendar-days > ul > li.disabled {
      color: rgba(var(--background-sc-rgb), 0.5);
      pointer-events: none; }
    .calendar-days > ul > li.current {
      border-color: var(--hero);
      color: var(--hero); }
    .calendar-days > ul > li.will-be-current {
      background: rgba(var(--hero-rgb), 0.15); }
    .calendar-days > ul > li:hover {
      background: rgba(var(--background-sc-rgb), 0.03); }
    .calendar-days > ul > li.selected {
      background: var(--hero) !important;
      color: var(--hero-sc) !important; }
      .calendar-days > ul > li.selected:hover {
        background: var(--hero-hover) !important; }
    .range-mode .calendar-days > ul > li:hover {
      background: rgba(var(--hero-rgb), 0.15); }
    html:not([dir="rtl"]) .calendar-days > ul > li:first-child > span:before, html:not([dir="rtl"]) .calendar-days > ul > li.range-start > span:before {
      border-top-left-radius: 3.8rem; }
    html[dir="rtl"] .calendar-days > ul > li:first-child > span:before, html[dir="rtl"] .calendar-days > ul > li.range-start > span:before {
      border-top-right-radius: 3.8rem; }
    html:not([dir="rtl"]) .calendar-days > ul > li:first-child > span:before, html:not([dir="rtl"]) .calendar-days > ul > li.range-start > span:before {
      border-bottom-left-radius: 3.8rem; }
    html[dir="rtl"] .calendar-days > ul > li:first-child > span:before, html[dir="rtl"] .calendar-days > ul > li.range-start > span:before {
      border-bottom-right-radius: 3.8rem; }
    html:not([dir="rtl"]) .calendar-days > ul > li:last-child > span:before, html:not([dir="rtl"]) .calendar-days > ul > li.range-end > span:before {
      border-top-right-radius: 3.8rem; }
    html[dir="rtl"] .calendar-days > ul > li:last-child > span:before, html[dir="rtl"] .calendar-days > ul > li.range-end > span:before {
      border-top-left-radius: 3.8rem; }
    html:not([dir="rtl"]) .calendar-days > ul > li:last-child > span:before, html:not([dir="rtl"]) .calendar-days > ul > li.range-end > span:before {
      border-bottom-right-radius: 3.8rem; }
    html[dir="rtl"] .calendar-days > ul > li:last-child > span:before, html[dir="rtl"] .calendar-days > ul > li.range-end > span:before {
      border-bottom-left-radius: 3.8rem; }
    .calendar-days > ul > li.ranged > span:before {
      background: rgba(var(--hero-rgb), 0.15); }
  .calendar-days > ul.hover-row:hover > li > span:before {
    background: rgba(var(--hero-rgb), 0.15); }

.date-actions ul {
  display: flex;
  flex-direction: column; }

.date-actions.horizontal li:only-child {
  margin: 0.5rem 0 0;
  border-top: 1px solid rgba(var(--background-sc-rgb), 0.1);
  display: flex;
  justify-content: center;
  padding: 0.8rem 0; }
  .date-actions.horizontal li:only-child .btn {
    font-weight: 700; }

.date-actions.vertical .btn:not(.a-outline) {
  margin: 0 0 1.2rem; }

.date-actions.vertical .btn.a-outline {
  margin: 0.8rem 0 0; }

.simple-range-mode .date-actions ul {
  flex-direction: row; }
  .simple-range-mode .date-actions ul li {
    flex-shrink: 0; }
    .simple-range-mode .date-actions ul li:first-child {
      flex: auto; }

.date-heading {
  display: flex;
  text-align: center;
  align-items: center;
  font: 700 1.6rem var(--font-family);
  margin: 0 0 1.8rem; }
  .date-heading > li {
    flex-shrink: 0; }
    .date-heading > li:not(.title) {
      flex: auto;
      width: 50%;
      display: flex;
      justify-content: flex-start;
      align-items: center; }
      .date-heading > li:not(.title) > * + * {
        margin: 0 0 0 0.4rem; }
        html[dir="rtl"] .date-heading > li:not(.title) > * + * {
          margin: 0 0.4rem 0 0; }
      .date-heading > li:not(.title):last-child {
        justify-content: flex-end; }
    .date-heading > li.title {
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap; }
  .date-heading .clickable {
    cursor: pointer;
    transition: 300ms color; }
    .date-heading .clickable:hover, .date-heading .clickable.active {
      color: var(--hero); }
  .date-heading .icon {
    cursor: pointer;
    transition: 300ms background;
    width: 3rem;
    height: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%; }
    .date-heading .icon:hover {
      background: rgba(var(--background-sc-rgb), 0.03); }

.month-years-select {
  width: 26.4rem;
  min-height: 22.9rem; }
  .month-years-select li {
    display: flex; }
    .month-years-select li + li {
      margin: 3.6rem 0 0; }
  .month-years-select button {
    display: block;
    width: calc((100% - 4.4rem) / 3);
    height: 3rem;
    border-radius: 3rem;
    transition: 300ms color, 300ms background;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font: 600 1.6rem var(--font-family); }
    .month-years-select button:nth-child(2) {
      margin: 0 2.2rem; }
    .month-years-select button:hover {
      background: rgba(var(--background-sc-rgb), 0.03); }
    .month-years-select button.disabled {
      color: rgba(var(--background-sc-rgb), 0.3);
      pointer-events: none; }
    .month-years-select button.selected {
      background: var(--hero);
      color: var(--hero-sc); }

.time-inputs-str {
  display: flex;
  align-items: center;
  justify-content: center;
  font: 600 1.6rem var(--font-family);
  margin: 1.2rem 0 0; }
  .time-inputs-str li {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
    .time-inputs-str li > *:first-child {
      order: 0; }
    .time-inputs-str li > *:nth-child(2) {
      order: 2; }
    .time-inputs-str li > *:nth-child(3) {
      order: 1; }
    .time-inputs-str li > * + * {
      margin: 0.2rem 0 0; }
    .time-inputs-str li + li {
      margin: 0 0 0 1rem; }
      html[dir="rtl"] .time-inputs-str li + li {
        margin: 0 1rem 0 0; }

.time-input-el {
  width: 5.8rem;
  height: 3.6rem;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(var(--background-sc-rgb), 0.03);
  border-radius: 0.3rem;
  cursor: default;
  border: 1px solid rgba(var(--hero-rgb), 0);
  transition: 400ms border-color, 400ms background; }
  button:active ~ .time-input-el {
    background: transparent;
    border-color: var(--hero); }

.week-picker:hover {
  background: rgba(var(--background-sc-rgb), 0.03); }

.mobile-date-ranges-holder {
  width: 100%; }

.md-range-title {
  padding: 0 1rem;
  font: 600 1.6rem/2.2rem var(--font-family);
  margin: 0 0 1.5rem; }

.default-cursor {
  cursor: default  !important; }

.mobile-date-ranges-picker {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, calc(50% - 1rem));
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-areas: 'm-start-date m-end-date'; }
  .mobile-date-ranges-picker.with-time {
    grid-template-columns: calc(55% - 1rem) calc(45% - 1rem);
    grid-template-areas: 'm-start-date m-start-time' 'm-end-date m-end-time'; }
  .mobile-date-ranges-picker .m-start-date {
    grid-area: m-start-date; }
  .mobile-date-ranges-picker .m-end-date {
    grid-area: m-end-date; }
  .mobile-date-ranges-picker .m-start-time {
    grid-area: m-start-time; }
  .mobile-date-ranges-picker .m-end-time {
    grid-area: m-end-time; }

.modal-splash {
  position: fixed;
  top: var(--header-height, 0);
  left: 0;
  width: 100%;
  height: calc(100% - var(--header-height, 0px));
  display: flex;
  opacity: 0;
  overflow-y: auto;
  padding: 2.8rem;
  -webkit-animation: 300ms modal-splash forwards;
          animation: 300ms modal-splash forwards;
  z-index: 300; }

@-webkit-keyframes modal-splash {
  to {
    opacity: 1; } }

@keyframes modal-splash {
  to {
    opacity: 1; } }
  .modal-splash.p-top {
    padding-top: 0; }
  .modal-splash.p-bottom {
    padding-bottom: 0; }
  .modal-splash.light-background {
    background: rgba(255, 255, 255, 0.6); }
  .modal-splash.dark-background {
    background: rgba(0, 0, 0, 0.4); }

.modal-content {
  margin: auto;
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: 2rem;
  box-shadow: 0 0.2rem 0.4rem 0 rgba(0, 0, 0, 0.1);
  border: solid 1px rgba(var(--background-sc-rgb), 0.1);
  background: var(--background);
  max-width: 100%;
  opacity: 0;
  -webkit-animation: 400ms modal-content 100ms forwards;
          animation: 400ms modal-content 100ms forwards; }

@-webkit-keyframes modal-content {
  to {
    opacity: 1; } }

@keyframes modal-content {
  to {
    opacity: 1; } }
  .modal-content.s-default {
    width: 35rem; }
  .modal-content .modal-close {
    position: absolute;
    top: 0.5rem; }
    html:not([dir="rtl"]) .modal-content .modal-close {
      right: 1.6rem; }
    html[dir="rtl"] .modal-content .modal-close {
      left: 1.6rem; }
  .modal-splash.p-top .modal-content {
    margin: 0 auto;
    align-self: flex-start;
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
  .modal-splash.p-bottom .modal-content {
    margin: 0 auto;
    align-self: flex-end;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: 0 -0.2rem 0.4rem 0 rgba(0, 0, 0, 0.1); }

.modal-head {
  width: 100%;
  text-align: center;
  font: 700 1.4rem/1.8rem var(--font-family);
  border-bottom: solid 1px rgba(var(--background-sc-rgb), 0.1);
  min-height: 4rem;
  display: flex;
  padding: 0 5.4rem;
  align-items: center;
  justify-content: center;
  position: relative; }
  .modal-head .modal-close {
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
  .a-compact .modal-head {
    border-bottom: 0;
    line-height: 1.6rem;
    margin: 2.6rem 0 0.6rem;
    min-height: inherit; }

.modal-body {
  padding: 2rem;
  font: 600 1.2rem/1.42 var(--font-family);
  color: rgba(var(--background-sc-rgb), 0.62);
  width: 100%; }

.modal-footer {
  width: 100%;
  border-top: solid 1px rgba(var(--background-sc-rgb), 0.1);
  display: flex;
  justify-content: center;
  padding: 1.5rem 2.5rem; }
  .modal-footer > * {
    margin: 0 0.5rem; }

.accordion-holder {
  width: 100%;
  overflow: hidden; }
  .accordion-holder.a-minimal:not(.active) + .a-minimal {
    margin: 1.5rem 0 0; }
  .accordion-holder.a-minimal.active .accordion-head-arrow {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  .accordion-holder.a-minimal .a-minimal:not(.active) .accordion-head-arrow {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg); }
    html[dir="rtl"] .accordion-holder.a-minimal .a-minimal:not(.active) .accordion-head-arrow {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
  .accordion-holder.a-default {
    border: 1px solid rgba(var(--background-sc-rgb), 0.05); }
    .accordion-holder.a-default + .a-default {
      margin: 0.5rem 0 0; }
    .accordion-holder.a-default:first-of-type {
      border-top-left-radius: 1rem;
      border-top-right-radius: 1rem; }
    .accordion-holder.a-default:last-of-type {
      border-bottom-left-radius: 1rem;
      border-bottom-right-radius: 1rem; }
    .accordion-holder.a-default:not(.active) .accordion-head-arrow {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
      html[dir="rtl"] .accordion-holder.a-default:not(.active) .accordion-head-arrow {
        -webkit-transform: rotate(90deg);
                transform: rotate(90deg); }
  .accordion-holder.disabled {
    pointer-events: none;
    opacity: 0.5; }

.accordion-head {
  display: flex;
  align-items: center;
  font: 600 1.4rem/2.4rem var(--font-family);
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none; }
  .a-default > .accordion-head {
    height: 4rem;
    background: rgba(var(--background-sc-rgb), 0.02);
    padding: 0 1.2rem; }
    .a-default > .accordion-head > li {
      flex-shrink: 0; }
      .a-default > .accordion-head > li + li {
        margin: 0 0 0 1.8rem; }
        html[dir="rtl"] .a-default > .accordion-head > li + li {
          margin: 0 1.8rem 0 0; }
      .a-default > .accordion-head > li.ellipsis-text {
        flex: auto; }
  .a-minimal > .accordion-head > li {
    flex-shrink: 0; }
    .a-minimal > .accordion-head > li.ellipsis-text {
      margin: 0 1rem 0 0.4rem; }
      html[dir="rtl"] .a-minimal > .accordion-head > li.ellipsis-text {
        margin: 0 0.4rem 0 1rem; }
    .a-minimal > .accordion-head > li.line {
      flex: auto; }
  .a-minimal > .accordion-head .line {
    height: 1px;
    background: rgba(var(--background-sc-rgb), 0.1); }
  .accordion-head .accordion-head-arrow {
    transition: 300ms -webkit-transform;
    transition: 300ms transform;
    transition: 300ms transform, 300ms -webkit-transform; }

.accordion-body {
  font: 1.2rem/1.33 var(--font-family); }
  .a-default .accordion-body {
    padding: 1rem 2rem; }
  .a-minimal .accordion-body {
    padding: 1rem 0 1rem 2.8rem; }
    html[dir="rtl"] .a-minimal .accordion-body {
      padding: 1rem 2.8rem 1rem 0; }

.static-title-holder {
  display: inline-flex;
  vertical-align: top;
  flex-direction: column;
  max-width: 100%;
  align-items: flex-start; }
  .static-title-holder .st-t {
    opacity: 0.5;
    font: 600 1.4rem/1.8rem var(--font-family);
    margin: 0 0 0.4rem;
    padding: 0 var(--static-title-padding, 0); }
  .static-title-holder .st-c {
    max-width: 100%; }
    .static-title-holder .st-c:nth-child(2) {
      min-height: 3.2rem;
      display: flex;
      align-items: center; }
  .static-title-holder.f-full-width {
    width: 100%; }
    .static-title-holder.f-full-width .st-c {
      width: 100%; }

.status-holder {
  display: flex;
  align-items: center;
  font: 600 1.4rem/2.4rem var(--font-family); }
  .status-holder p {
    height: 2.4rem;
    overflow: hidden; }
  .status-holder span {
    display: block;
    overflow: hidden; }
  .status-holder > * + * {
    margin: 0 0 0 0.7rem; }
    html[dir="rtl"] .status-holder > * + * {
      margin: 0 0.7rem 0 0; }
  .status-holder .status-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    color: var(--hero);
    transition: 300ms color, 300ms opacity;
    position: relative; }
    .status-holder .status-icon:before, .status-holder .status-icon:after {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      transition: opacity 300ms, background 300ms, border-color 300ms;
      opacity: 0;
      border-radius: 100%; }
    .status-holder .status-icon:before {
      background: var(--hero); }
    .status-holder .status-icon:after {
      border: 1px solid var(--hero); }
    .status-holder .status-icon .icon {
      position: relative;
      z-index: 2; }
  .status-holder:not(:hover) .hover-text, .status-holder:hover .hover-text + span {
    height: 0; }
  @media (hover: hover) {
    .status-holder.clickable:hover .status-icon:before {
      opacity: 0.05; }
    .status-holder.clickable:hover .status-icon:after {
      opacity: 0.66; } }

.profile-menu-holder {
  width: 100%;
  min-width: 25rem; }

.user-profile-c {
  display: flex;
  align-items: center;
  padding: 0.3rem;
  border-radius: 1.6rem;
  box-shadow: 0 0.3rem 0.6rem 0 rgba(0, 0, 0, 0.16);
  background: rgba(var(--background-sc-rgb), 0.05);
  font: 600 1.2rem/1.6rem var(--font-family);
  color: var(--background-sc);
  transition: 300ms color, 300ms background;
  cursor: pointer; }
  .user-profile-c > p {
    padding: 0.3rem 1.6rem;
    max-width: 25.6rem; }
  .user-profile-c > .icon {
    margin: 0 0.7rem 0 0; }
    html[dir="rtl"] .user-profile-c > .icon {
      margin: 0 0 0 0.7rem; }
  .user-profile-c:hover {
    background: rgba(var(--background-sc-rgb), 0.2); }
  .user-profile-c.active {
    background-color: rgba(var(--background-sc-rgb), 0.1); }

.profile-module {
  width: 100%;
  display: flex;
  align-items: center;
  font: 600 1.7rem/2.3rem var(--font-family); }
  .popover-content .profile-module {
    padding: 0 1.5rem; }
  .profile-module > li:first-child {
    flex-shrink: 0; }
    html:not([dir="rtl"]) .profile-module > li:first-child {
      padding-right: 1.8rem; }
    html[dir="rtl"] .profile-module > li:first-child {
      padding-left: 1.8rem; }
  .profile-module > li:nth-child(2) {
    flex: auto;
    overflow: hidden; }
  .popover-holder.mobile-view .profile-module {
    padding: 0.8rem 1.4rem;
    border-bottom: 1px solid rgba(var(--background-sc-rgb), 0.05);
    margin-bottom: 2rem; }

.profile-module-sub-title {
  margin: 0.4rem 0 0;
  font: 600 1.3rem/1.7rem var(--font-family);
  opacity: 0.7; }

.charts-map-chart {
  position: relative; }
  .charts-map-chart .chart-activity-box {
    width: 24rem;
    height: 24rem;
    padding: 1rem;
    border-radius: 4px;
    color: white;
    background-color: rgba(0, 0, 0, 0.7);
    position: absolute;
    right: 7rem;
    top: 3rem;
    pointer-events: none;
    opacity: 0;
    transition: 0.4s;
    font-weight: 600;
    text-align: center; }
    .charts-map-chart .chart-activity-box.active {
      opacity: 1; }
    .charts-map-chart .chart-activity-box .headline {
      line-height: 1.36; }
    .charts-map-chart .chart-activity-box .content {
      height: calc(100% - 36px);
      display: flex;
      align-items: center;
      justify-content: center; }
  .charts-map-chart .highcharts-reset-zoom {
    display: none; }
  .charts-map-chart .actions-box {
    position: absolute;
    z-index: 10;
    right: 2.8rem;
    top: 2.8rem; }
    .charts-map-chart .actions-box .zoom-button {
      cursor: pointer;
      width: 2.8rem;
      height: 2.8rem;
      margin-bottom: 1rem;
      border-radius: 100%;
      background-color: rgba(0, 0, 0, 0.6);
      color: white;
      display: flex;
      align-items: center;
      justify-content: center; }
      .charts-map-chart .actions-box .zoom-button:hover {
        background-color: rgba(0, 0, 0, 0.8); }
      .charts-map-chart .actions-box .zoom-button.disabled {
        pointer-events: none;
        background-color: rgba(0, 0, 0, 0.2); }
      .charts-map-chart .actions-box .zoom-button .icon {
        font-size: 2rem; }
  .charts-map-chart .map-inline-data {
    display: flex;
    justify-content: center;
    width: 100%;
    align-items: center;
    padding: 1.5rem;
    font-weight: 600;
    overflow-x: auto; }
    .charts-map-chart .map-inline-data.isMobile {
      justify-content: flex-start; }
      .charts-map-chart .map-inline-data.isMobile li {
        padding: 0.5rem; }
    .charts-map-chart .map-inline-data > li {
      padding: 1.5rem 2.5rem;
      display: flex;
      align-items: center;
      white-space: nowrap; }
      .charts-map-chart .map-inline-data > li:last-child span {
        opacity: 0.5; }
    .charts-map-chart .map-inline-data small {
      display: block;
      margin: 0 1rem;
      width: 1.2rem;
      height: 1.2rem;
      border-radius: 100%; }

.whiteDrillDown .highcharts-drillup-button.highcharts-button:not(:hover) text {
  fill: white !important; }

.chart-overflow-holder.column-chart .highcharts-series-0 .highcharts-point {
  y: 0;
  height: 100%; }

.highcharts-drillup-button rect {
  display: none; }

.highcharts-drillup-button.highcharts-button text {
  font-size: 1.4rem !important;
  font-weight: 600 !important;
  fill: #3c4043 !important; }

.highcharts-drillup-button.highcharts-button:hover text {
  fill: var(--hero) !important; }

.chart-overflow-holder.area-chart .area-chart-lengend {
  display: flex;
  flex-direction: column;
  position: relative; }
  .chart-overflow-holder.area-chart .area-chart-lengend.mobile .area-chart-lengend-shadow {
    display: block; }
  .chart-overflow-holder.area-chart .area-chart-lengend.mobile .area-chart-lengend-content {
    max-width: 36rem;
    padding: 1.2rem; }
    .chart-overflow-holder.area-chart .area-chart-lengend.mobile .area-chart-lengend-content .area-chart-legend-item {
      padding: 0.6rem; }
      .chart-overflow-holder.area-chart .area-chart-lengend.mobile .area-chart-lengend-content .area-chart-legend-item:first-child {
        padding-left: 1.2rem; }
      .chart-overflow-holder.area-chart .area-chart-lengend.mobile .area-chart-lengend-content .area-chart-legend-item:last-child {
        padding-right: 2rem; }
  .chart-overflow-holder.area-chart .area-chart-lengend .area-chart-lengend-shadow {
    width: 100%;
    height: 100%;
    position: absolute;
    max-width: 36rem;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    pointer-events: none;
    display: none; }
    .chart-overflow-holder.area-chart .area-chart-lengend .area-chart-lengend-shadow:before, .chart-overflow-holder.area-chart .area-chart-lengend .area-chart-lengend-shadow:after {
      content: '';
      position: absolute;
      width: 2.6rem;
      height: 100%; }
    .chart-overflow-holder.area-chart .area-chart-lengend .area-chart-lengend-shadow:before {
      left: 0;
      background: linear-gradient(to right, white 20%, rgba(255, 255, 255, 0) 100%); }
    .chart-overflow-holder.area-chart .area-chart-lengend .area-chart-lengend-shadow:after {
      right: 0;
      background: linear-gradient(to left, white 20%, rgba(255, 255, 255, 0) 100%); }
  .chart-overflow-holder.area-chart .area-chart-lengend .area-chart-lengend-content {
    width: 100%;
    margin: 0 auto;
    overflow-x: auto;
    display: flex;
    align-items: center;
    flex-direction: row;
    padding: 1.5rem; }
    .chart-overflow-holder.area-chart .area-chart-lengend .area-chart-lengend-content.mobile {
      max-width: 36rem;
      padding: 1.2rem; }
      .chart-overflow-holder.area-chart .area-chart-lengend .area-chart-lengend-content.mobile .area-chart-legend-item {
        padding: 0.6rem; }
        .chart-overflow-holder.area-chart .area-chart-lengend .area-chart-lengend-content.mobile .area-chart-legend-item:first-child {
          padding-left: 1.2rem; }
        .chart-overflow-holder.area-chart .area-chart-lengend .area-chart-lengend-content.mobile .area-chart-legend-item:last-child {
          padding-right: 2rem; }
    .chart-overflow-holder.area-chart .area-chart-lengend .area-chart-lengend-content .area-chart-legend-item {
      display: flex;
      align-items: center;
      padding: 2rem;
      cursor: pointer; }
      .chart-overflow-holder.area-chart .area-chart-lengend .area-chart-lengend-content .area-chart-legend-item.disabled {
        color: #cccccc; }
        .chart-overflow-holder.area-chart .area-chart-lengend .area-chart-lengend-content .area-chart-legend-item.disabled .area-chart-legend-symbol {
          background-color: #cccccc !important; }
      .chart-overflow-holder.area-chart .area-chart-lengend .area-chart-lengend-content .area-chart-legend-item .area-chart-legend-symbol {
        width: 1rem;
        height: 1rem;
        border-radius: 50%;
        margin-right: 1rem; }
      .chart-overflow-holder.area-chart .area-chart-lengend .area-chart-lengend-content .area-chart-legend-item .area-chart-legend-text {
        white-space: nowrap;
        font-size: 1.4rem;
        font-weight: 600; }

.buttonBack___1mlaL,.buttonFirst___2rhFr,.buttonLast___2yuh0,.buttonNext___2mOCa,.buttonNext___3Lm3s,.dot___3c3SI{cursor:pointer}.image___xtQGH{display:block;width:100%;height:100%}.spinner___27VUp{position:absolute;top:calc(50% - 15px);left:calc(50% - 15px);width:30px;height:30px;-webkit-animation-name:spin___S3UuE;animation-name:spin___S3UuE;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;border:4px solid #a9a9a9;border-top-color:#000;border-radius:30px}@-webkit-keyframes spin___S3UuE{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin___S3UuE{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.container___2O72F{position:relative;overflow:hidden;height:100%;width:100%}.overlay___IV4qY{position:absolute;top:0;left:0;bottom:0;right:0;opacity:0;cursor:zoom-in;transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s;transition:opacity .3s,transform .3s,-webkit-transform .3s}.hover___MYy31,.loading___1pvNI,.zoom___3kqYk{opacity:1}.imageLoadingSpinnerContainer___3UIPD{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#f4f4f4}.slide___3-Nqo{position:relative;display:block;box-sizing:border-box;height:0;margin:0;list-style-type:none}.slide___3-Nqo:focus{outline:none!important}.slideHorizontal___1NzNV{float:left}[dir=rtl] .slideHorizontal___1NzNV{direction:rtl;-webkit-transform:scaleX(-1);transform:scaleX(-1)}.slideInner___2mfX9{position:absolute;top:0;left:0;width:100%;height:100%}.focusRing___1airF{position:absolute;top:5px;right:5px;bottom:5px;left:5px;pointer-events:none;outline-width:5px;outline-style:solid;outline-color:Highlight}@media (-webkit-min-device-pixel-ratio:0){.focusRing___1airF{outline-style:auto;outline-color:-webkit-focus-ring-color}}.horizontalSlider___281Ls{position:relative;overflow:hidden}[dir=rtl] .horizontalSlider___281Ls{direction:ltr;-webkit-transform:scaleX(-1);transform:scaleX(-1)}.horizontalSliderTray___1L-0W{overflow:hidden;width:100%}.verticalSlider___34ZFD{position:relative;overflow:hidden}.verticalSliderTray___267D8{overflow:hidden}.verticalTray___12Key{float:left}.verticalSlideTrayWrap___2nO7o{overflow:hidden}.sliderTray___-vHFQ{display:block;list-style:none;padding:0;margin:0}.sliderAnimation___300FY{transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s, -webkit-transform .5s;transition-timing-function:cubic-bezier(.645,.045,.355,1);will-change:transform}.masterSpinnerContainer___1Z6hB{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#f4f4f4}


.chart-custom-legend * {
  outline: none !important; }

.chart-custom-legend.vertical {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  overflow-y: auto;
  height: 100%;
  max-width: 30rem;
  max-height: 40rem;
  margin: 0 3rem 0 2rem; }
  .chart-custom-legend.vertical .legend-item {
    margin-bottom: 1.8rem; }

.chart-custom-legend.horizontal {
  width: 100%;
  padding: 2rem;
  margin: 0 auto; }
  .chart-custom-legend.horizontal .carousel {
    position: relative; }
    .chart-custom-legend.horizontal .carousel__back-button, .chart-custom-legend.horizontal .carousel__next-button {
      position: absolute;
      margin: 0;
      top: 50%;
      -webkit-transform: translate(0, -50%);
              transform: translate(0, -50%); }
      .chart-custom-legend.horizontal .carousel__back-button[disabled], .chart-custom-legend.horizontal .carousel__next-button[disabled] {
        color: #cccccc; }
    .chart-custom-legend.horizontal .carousel__back-button {
      left: -2.4rem; }
    .chart-custom-legend.horizontal .carousel__next-button {
      right: -2.4rem; }
  .chart-custom-legend.horizontal .legend-item {
    justify-content: center; }
    .chart-custom-legend.horizontal .legend-item .item-name {
      text-align: center; }

.chart-custom-legend.mobile .legend-item:active {
  cursor: grabbing; }

.chart-custom-legend.mobile .legend-item .item-symbol {
  min-width: 1rem;
  max-width: 1rem;
  min-height: 1rem;
  max-height: 1rem; }

.chart-custom-legend .legend-item {
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: 1.2rem;
  padding: 0 0.3rem;
  height: 100%; }
  .chart-custom-legend .legend-item.inactive, .chart-custom-legend .legend-item.disabled {
    color: #cccccc; }
    .chart-custom-legend .legend-item.inactive .item-symbol, .chart-custom-legend .legend-item.disabled .item-symbol {
      background-color: transparent !important; }
  .chart-custom-legend .legend-item.disabled {
    cursor: default;
    pointer-events: none; }
  .chart-custom-legend .legend-item .item-symbol {
    min-width: 1.4rem;
    max-width: 1.4rem;
    min-height: 1.4rem;
    max-height: 1.4rem;
    border-radius: 50%;
    margin-right: 1rem;
    border-width: 0.2rem;
    border-style: solid; }

.charts-pie-chart {
  overflow: hidden; }
  .charts-pie-chart.vertical-legend {
    width: 100%;
    display: flex;
    align-items: center; }

.charts-donut-chart {
  overflow: hidden; }
  .charts-donut-chart.direction-row .chart-wrapper {
    width: calc(100% - 30rem); }

.scatter-chart-holder {
  height: 100rem; }
  .scatter-chart-holder .chart-overflow-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 10px 0;
    padding: 0 10px 0 50px;
    height: 40px; }
    .scatter-chart-holder .chart-overflow-header .chart-label {
      display: flex;
      align-items: center; }
      .scatter-chart-holder .chart-overflow-header .chart-label .label {
        max-width: 200px;
        color: #3c4043; }
      .scatter-chart-holder .chart-overflow-header .chart-label .static-title-holder {
        margin-left: 10px; }
        .scatter-chart-holder .chart-overflow-header .chart-label .static-title-holder .tag-c {
          color: white;
          background: rgba(20, 115, 230, 0.5); }
  .scatter-chart-holder .highcharts-selection-marker {
    stroke-width: 0.5;
    stroke: var(--hero);
    stroke-linecap: round;
    stroke-dasharray: 1, 3; }
  .scatter-chart-holder .highcharts-button path, .scatter-chart-holder .highcharts-button rect {
    fill: var(--hero) !important; }
    .scatter-chart-holder .highcharts-button path:hover, .scatter-chart-holder .highcharts-button rect:hover {
      fill: var(--hero-hover) !important; }

.highcharts-container * {
  font-family: var(--font-family) !important; }
  .highcharts-container * .highcharts-column-series {
    opacity: 1 !important; }

.fullWidth {
  width: 100%; }

.chart-selected-title {
  display: flex !important;
  justify-content: center;
  position: absolute;
  top: 2rem;
  z-index: 1; }
  .chart-selected-title span {
    box-shadow: 0 0.2rem 0.4rem 0 rgba(60, 64, 67, 0.1);
    background-color: #fff;
    height: 4.4rem;
    border-radius: 2.2rem;
    font-size: 1.5rem;
    line-height: 4.4rem;
    padding: 0 2rem; }

.chart-activity-table {
  display: flex !important;
  justify-content: center;
  align-items: center;
  flex-direction: column; }
  .chart-activity-table.active .view-activity .icon {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg); }
  .chart-activity-table.active .chart-activity-data {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  .chart-activity-table .chart-activity-data {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    height: 100%;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    overflow: hidden;
    background-color: #fff;
    transition: all 0.3s linear;
    display: flex;
    flex-direction: column; }
    .chart-activity-table .chart-activity-data .chart-activity-title {
      display: inline-flex;
      justify-content: center;
      flex-direction: column;
      color: rgba(60, 64, 67, 0.8);
      text-align: center;
      cursor: pointer;
      padding-top: 1rem; }
      .chart-activity-table .chart-activity-data .chart-activity-title span {
        font-size: 2.2rem;
        color: #3c4043; }
      .chart-activity-table .chart-activity-data .chart-activity-title .icon {
        height: 2.5rem;
        -webkit-transform: rotate(-90deg);
                transform: rotate(-90deg); }
  .chart-activity-table .view-activity {
    display: inline-flex;
    justify-content: center;
    flex-direction: column;
    color: rgba(60, 64, 67, 0.8);
    text-align: center;
    position: relative;
    top: -0.5rem;
    cursor: pointer; }
    .chart-activity-table .view-activity span {
      font-size: 1.5rem; }
    .chart-activity-table .view-activity .icon {
      height: 2.5rem;
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }

.chart-lengend-block {
  min-width: inherit !important;
  padding: 1.2rem;
  display: flex !important;
  position: absolute;
  flex-direction: column;
  top: 6rem;
  right: 2rem; }
  .chart-lengend-block:before {
    content: '';
    position: absolute;
    width: 1.2rem;
    height: 100%;
    top: 0;
    left: 1.2rem;
    background-color: rgba(255, 255, 255, 0.75); }
  .chart-lengend-block:after {
    content: '';
    position: absolute;
    width: 1.5rem;
    height: 100%;
    top: 0;
    right: 1.2rem;
    background-color: rgba(255, 255, 255, 0.75); }
  .chart-lengend-block .custom-legends-content {
    padding-right: 1.5rem;
    flex-direction: row;
    display: flex;
    overflow-x: auto;
    padding-bottom: 15px; }
  .chart-lengend-block.mobile {
    max-width: 36rem;
    width: 100%;
    padding: 1.2rem;
    margin: 0 auto;
    flex-direction: row;
    position: relative;
    top: 0;
    right: 0; }
    .chart-lengend-block.mobile .chart-legend-item {
      margin-bottom: 0; }
      .chart-lengend-block.mobile .chart-legend-item:first-child {
        margin-left: 1.2rem; }
      .chart-lengend-block.mobile .chart-legend-item:last-child {
        padding-right: 1.5rem; }
      .chart-lengend-block.mobile .chart-legend-item .chart-legend-symbol {
        width: 1rem;
        height: 1rem; }
      .chart-lengend-block.mobile .chart-legend-item .chart-legend-text {
        font-size: 1.4rem;
        font-weight: 400; }
  .chart-lengend-block .chart-legend-item {
    display: flex;
    align-items: center;
    padding: 0.6rem;
    cursor: pointer;
    margin-bottom: 1rem; }
    .chart-lengend-block .chart-legend-item.disabled {
      color: rgba(60, 64, 67, 0.5); }
      .chart-lengend-block .chart-legend-item.disabled .chart-legend-symbol {
        background-color: transparent !important; }
    .chart-lengend-block .chart-legend-item .chart-legend-symbol {
      width: 1.4rem;
      height: 1.4rem;
      border-radius: 50%;
      margin-right: 1rem;
      border-width: 2px;
      border-style: solid; }
    .chart-lengend-block .chart-legend-item .chart-legend-text {
      white-space: nowrap;
      font-size: 1.5rem;
      font-weight: 600; }

.highcharts-tooltip {
  z-index: 3; }
  .highcharts-tooltip .highcharts-label-box.highcharts-shadow {
    display: none; }
  .highcharts-tooltip .highcharts-label-box.highcharts-tooltip-box {
    stroke: none;
    fill: rgba(0, 0, 0, 0.7); }
  .highcharts-tooltip text, .highcharts-tooltip span {
    fill: white !important;
    color: white !important; }
  .highcharts-tooltip text, .highcharts-tooltip span, .highcharts-tooltip tspan {
    font: 600 1.2rem var(--font-family) !important; }
  .highcharts-tooltip ul {
    padding: 0 0 0 1.4rem; }
    .highcharts-tooltip ul li {
      display: list-item; }

.highcharts-button path, .highcharts-button rect {
  fill: rgba(0, 0, 0, 0.6) !important;
  stroke: none;
  cursor: pointer; }

.highcharts-button:hover path, .highcharts-button:hover rect {
  fill: rgba(0, 0, 0, 0.8) !important; }

.highcharts-button text {
  fill: white !important; }

.highcharts-credits {
  display: none !important; }

.axisText {
  font-family: var(--font-family) !important;
  font-size: 1.6rem;
  font-weight: bold;
  color: #3c4043; }

.hs-tooltip {
  color: #fff;
  font-size: 1.4rem;
  font-weight: 600;
  text-align: center;
  border: none; }
  .hs-tooltip .fixed {
    width: 25rem !important;
    height: 25rem !important; }
  .hs-tooltip.tree-map-tp {
    max-width: 19.6rem;
    text-align: start;
    white-space: normal;
    width: -webkit-max-content;
    width: max-content;
    font: 600 1.4rem/1.36 var(--font-family); }
    .hs-tooltip.tree-map-tp p {
      margin: 0 0 1.6rem; }
    .hs-tooltip.tree-map-tp small {
      display: block;
      font-size: 1.2rem;
      line-height: 1.42; }

.chart-overflow-holder {
  width: 100%;
  overflow-y: hidden;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  background-color: #fff;
  position: relative; }
  .chart-overflow-holder.direction-row {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: center;
    align-content: stretch; }
    .chart-overflow-holder.direction-row .highcharts-container {
      margin: 0 auto; }
  .chart-overflow-holder.mobile .chart-title {
    font-size: 1.8rem; }
  .chart-overflow-holder.mobile .chart-subtitle {
    font-size: 1.6rem; }
  .chart-overflow-holder .chart-title,
  .chart-overflow-holder .chart-subtitle {
    color: #3c4043;
    text-align: center;
    z-index: 1;
    padding: 0.6rem 0; }
  .chart-overflow-holder .chart-title {
    font-weight: 600;
    font-size: 2rem; }
  .chart-overflow-holder .chart-subtitle {
    font-weight: 400;
    font-size: 1.8rem; }
  .chart-overflow-holder.charts-pie-chart .highcharts-graph, .chart-overflow-holder.charts-donut-chart .highcharts-graph {
    stroke: none;
    fill: rgba(60, 64, 67, 0.02); }
  .chart-overflow-holder.charts-donut-chart {
    position: relative; }
    .chart-overflow-holder.charts-donut-chart.mobile .highcharts-title {
      width: 18rem;
      height: 18rem;
      font-size: 2.3rem; }
    .chart-overflow-holder.charts-donut-chart.empty .chart-subtitle {
      color: rgba(60, 64, 67, 0.5); }
    .chart-overflow-holder.charts-donut-chart.empty .highcharts-title {
      z-index: 3;
      color: rgba(60, 64, 67, 0.5) !important; }
    .chart-overflow-holder.charts-donut-chart .highcharts-root {
      position: relative;
      z-index: 2; }
      .chart-overflow-holder.charts-donut-chart .highcharts-root .highcharts-background {
        fill: transparent; }
    .chart-overflow-holder.charts-donut-chart .highcharts-title {
      z-index: 1;
      width: 20rem;
      height: 20rem;
      border-radius: 100%;
      background-color: #ffffff;
      overflow: hidden;
      display: flex !important;
      text-align: center;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      margin: 0;
      top: calc(50% - 3px) !important;
      left: calc(50% + 5px) !important;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }

.progress-holder {
  display: flex;
  flex-direction: column;
  font: 600 1.6rem/2rem var(--font-family);
  color: rgba(var(--background-sc-rgb), 0.64); }
  .progress-holder:not(.a-circular) {
    width: 100%; }
  .progress-holder.a-default.s-medium {
    font-size: 1.4rem; }
  .progress-holder.a-default.s-small {
    font-size: 1.2rem; }
  .progress-holder.a-default .progress-line {
    margin: 0.5rem 0 0; }
  .progress-holder:not(.a-default) {
    font: 700 1.2rem/1.6rem var(--font-family); }
    .progress-holder:not(.a-default) .progress-sub-title {
      margin: 0.5rem 0 0;
      font: 600 1rem/1.4rem var(--font-family);
      text-transform: capitalize; }
  .progress-holder.c-success {
    --hero: var(--confirm);
    --hero-hover: var(--confirm-hover);
    --hero-sc: var(--confirm-sc);
    --hero-rgb: var(--confirm-rgb);
    --hero-sc-rgb: var(--confirm-sc-rgb); }
  .progress-holder.c-fail {
    --hero: var(--danger);
    --hero-hover: var(--danger-hover);
    --hero-sc: var(--danger-sc);
    --hero-rgb: var(--danger-rgb);
    --hero-sc-rgb: var(--danger-sc-rgb); }
  .progress-holder .to-be-colored {
    color: var(--hero); }
  .progress-holder.a-box-bar, .progress-holder.a-box-circular {
    border: solid 1px rgba(var(--background-sc-rgb), 0.1);
    background: var(--background);
    box-shadow: 0 0.6rem 0.9rem 0 rgba(0, 0, 0, 0.05); }
  .progress-holder.a-box-circular {
    border-radius: 2rem; }

.progress-line {
  border-radius: 1rem;
  background: rgba(var(--background-sc-rgb), 0.06);
  height: 0.8rem;
  width: 100%;
  display: flex; }
  .a-box-bar > .progress-line {
    height: 0.5rem;
    border-radius: 0;
    background: none; }
  .s-medium .progress-line {
    height: 0.6rem; }
  .s-small .progress-line {
    height: 0.3rem; }
  .progress-line .progress-line-fill {
    transition: 300ms width;
    max-width: 100%;
    border-radius: inherit;
    background: var(--hero); }
  .a-linear .progress-line {
    height: 1.6rem;
    background: rgba(var(--background-sc-rgb), 0.19); }
    .a-linear .progress-line .progress-line-fill {
      background: repeating-linear-gradient(-45deg, rgba(var(--background-sc-rgb), 0.34), rgba(var(--background-sc-rgb), 0.34) 1rem, transparent 1rem, transparent 2rem) 0 0/11.3rem 10rem;
      -webkit-animation: linear-animation 800ms linear infinite;
              animation: linear-animation 800ms linear infinite; }

@-webkit-keyframes linear-animation {
  100% {
    background-position: 11.3rem 0; } }

@keyframes linear-animation {
  100% {
    background-position: 11.3rem 0; } }
  .a-linear.s-small .progress-line {
    height: 0.8rem; }

.progress-structure {
  display: flex;
  align-items: center; }
  .a-detailed > .progress-structure {
    min-height: 5.2rem; }
  .a-box-bar > .progress-structure, .a-box-circular > .progress-structure {
    min-height: 7.3rem;
    padding: 0 2rem; }
  .a-box-circular > .progress-structure {
    min-height: 7.8rem; }
  .progress-structure .left-info {
    flex: auto;
    overflow: hidden; }
  .progress-structure .right-info {
    flex-shrink: 0; }
  .progress-structure .blended {
    color: rgba(var(--background-sc-rgb), 0.06); }
  .progress-structure .bc-icon-success {
    color: var(--confirm);
    margin: 0 0.8rem; }
  .progress-structure .left-additional-info {
    width: 5rem;
    font: 600 1.6rem/2rem var(--font-family);
    margin: 0 4rem 0 0; }
    html[dir="rtl"] .progress-structure .left-additional-info {
      margin: 0 0 0 4rem; }

.progress-actions {
  display: flex;
  align-items: center; }

.circular-progress-inner {
  --size: 12rem;
  --borderSize: 0.8rem;
  width: var(--size);
  height: var(--size);
  position: relative;
  font: 600 2.2rem/2.6rem var(--font-family); }
  .circular-progress-inner:not(:hover) .layer-action, .circular-progress-inner:hover .layer-text {
    opacity: 0; }
  .circular-progress-inner .icon {
    cursor: pointer; }
  .circular-progress-inner:not(.s-very-small) .icon {
    font-size: 3.6rem; }
  .circular-progress-inner.s-medium {
    font-size: 2rem;
    --size: 10rem;
    --borderSize: 0.6rem; }
  .circular-progress-inner.s-small {
    font-size: 1.8rem;
    --size: 8rem;
    --borderSize: 0.5rem; }
    .circular-progress-inner.s-small .icon {
      font-size: 3rem; }
  .circular-progress-inner.s-very-small {
    --size: 5rem;
    --borderSize: 0.4rem;
    font-size: 1.2rem;
    font-weight: 700; }
  .circular-progress-inner svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block; }
    .circular-progress-inner svg path {
      stroke: var(--hero);
      stroke-dasharray: 0, 30rem;
      stroke-dashoffset: 0;
      stroke-linecap: round;
      stroke-width: 6;
      fill-opacity: 0; }

.circular-progress-back {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: solid var(--borderSize) rgba(var(--background-sc-rgb), 0.06); }

.circular-progress-layer {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: flex;
  justify-content: center; }
  .circular-progress-layer > div {
    transition: 300ms opacity; }
  .circular-progress-layer .layer-action {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
            transform: translate3d(-50%, -50%, 0); }

.linear-progress-text {
  margin: 0.5rem 0 0;
  width: 100%;
  text-align: center;
  font: 600 1.8rem/2.2rem var(--font-family); }

.on-hover-layers {
  position: relative;
  min-width: 4rem;
  min-height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center; }
  .on-hover-layers > li {
    transition: 300ms opacity; }
    .on-hover-layers > li:nth-child(2) {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      opacity: 0; }
  .progress-holder:hover .on-hover-layers > li:nth-child(2) {
    opacity: 1; }
  .progress-holder:hover .on-hover-layers > li:nth-last-child(2) {
    opacity: 0; }

.mob-navigation-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  border-top: 1px solid rgba(var(--background-sc-rgb), 0.06);
  text-align: center;
  font: 600 1rem/1.4rem var(--font-family);
  background: var(--background);
  z-index: 200; }
  .mob-navigation-bar > ul {
    width: 100%;
    display: table;
    table-layout: fixed; }
    .mob-navigation-bar > ul > li {
      display: table-cell;
      padding: 0.8rem 0 0.4rem;
      overflow: hidden;
      position: relative;
      transition: 300ms color, 300ms opacity; }
      .mob-navigation-bar > ul > li:before {
        content: "";
        display: block;
        width: 5.2rem;
        height: 0.3rem;
        background: var(--hero);
        border-radius: 0 0 0.5rem 0.5rem;
        position: absolute;
        top: 0;
        left: calc(50% - 2.6rem);
        transition: 300ms -webkit-transform;
        transition: 300ms transform;
        transition: 300ms transform, 300ms -webkit-transform;
        -webkit-transform: translateY(-100%);
                transform: translateY(-100%); }
      .mob-navigation-bar > ul > li.active {
        color: var(--hero); }
        .mob-navigation-bar > ul > li.active:before {
          -webkit-transform: translateY(0);
                  transform: translateY(0); }
      .mob-navigation-bar > ul > li.disabled {
        pointer-events: none;
        opacity: 0.5; }
  .mob-navigation-bar .icon {
    margin: 0 0 0.2rem; }

.products-switcher-holder {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 0.5rem 2rem;
  justify-content: flex-start;
  text-align: center; }
  .products-switcher-holder .divider {
    margin-left: auto;
    margin-right: auto; }

.product-item {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  border: 1px solid transparent;
  padding: 1rem 0.5rem;
  width: calc(100% / 3);
  border-radius: 1rem;
  font: 600 1.2rem/1.42 var(--font-family);
  cursor: pointer;
  margin: 0.5rem 0; }
  .product-item .icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 5rem;
    height: 5rem;
    margin: 0 0 0.5rem;
    background: rgba(var(--background-sc-rgb), 0.05);
    border-radius: 100%;
    transition: 200ms color, 200ms background; }
  .product-item p {
    width: 100%; }
  @media (hover: hover) {
    .product-item:hover .icon {
      color: var(--hero-sc);
      background: var(--hero); } }
  .product-item.active .icon {
    color: var(--hero-sc);
    background: var(--hero); }
  .product-item.active {
    pointer-events: none; }
  @media (hover: hover) {
    .product-item:hover {
      border-color: rgba(var(--background-sc-rgb), 0.11); } }

.bread-crumbs-holder {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  font-weight: 600;
  min-height: 3.6rem; }
  .bread-crumbs-holder > * + *:not(button) {
    margin: 0 0 0 1rem; }
    html[dir="rtl"] .bread-crumbs-holder > * + *:not(button) {
      margin: 0 1rem 0 0; }
  .bread-crumbs-holder > button {
    margin: 0 0.4rem; }
    .bread-crumbs-holder > button + .icon {
      margin: 0; }
      html[dir="rtl"] .bread-crumbs-holder > button + .icon {
        margin: 0; }

.breadcrumbs-link {
  color: inherit;
  cursor: pointer; }
  @media (hover: hover) {
    .breadcrumbs-link:hover {
      color: var(--hero); } }
  .breadcrumbs-link.active {
    color: var(--hero); }

.title-holder {
  display: flex;
  width: 100%;
  align-items: center;
  font: 600 1.4rem/1.8rem var(--font-family);
  min-height: 3.2rem; }
  .title-holder.c-hero .title-text {
    color: var(--hero); }
  .title-holder > li {
    flex-shrink: 0;
    display: flex;
    align-items: center; }
    .title-holder > li.line {
      flex: auto; }
      .title-holder > li.line i {
        display: block;
        width: 100%;
        height: 1px;
        background: rgba(var(--background-sc-rgb), 0.1); }
    .title-holder > li ~ li {
      margin: 0 0 0 1rem; }
      html[dir="rtl"] .title-holder > li ~ li {
        margin: 0 1rem 0 0; }
  .title-holder .divider {
    margin: 0 1rem; }

.section-holder {
  width: 100%;
  background: var(--background);
  border: 1px solid rgba(var(--background-sc-rgb), 0.1);
  border-radius: 2rem;
  padding: 0 2rem 2rem; }
  .section-holder + .section-holder {
    margin: 1.3rem 0 0; }

.section-head {
  display: flex;
  align-items: center;
  width: 100%;
  height: 5.4rem; }

.section-body {
  display: flex;
  flex-direction: column;
  align-items: stretch; }

.section-sub-group {
  width: 100%; }
  .section-sub-group:not(:last-child) {
    margin-bottom: 1.4rem; }
  .section-sub-group:not(:first-child) {
    margin-top: 0.7rem; }

.time-picker-holder {
  width: 100%; }
  .time-picker-holder.read-only .cursor-pointer {
    cursor: default; }
  .time-picker-holder.mobile {
    caret-color: transparent;
    color: transparent;
    text-shadow: 0 0 0 rgba(var(--background-sc-rgb), 0.75); }
  .time-picker-holder.disabled {
    pointer-events: none;
    opacity: 0.6; }
  .time-picker-holder > ul {
    display: flex;
    width: 100%;
    align-items: center; }
    .time-picker-holder > ul > li.no-shrink {
      flex-shrink: 0;
      display: flex;
      justify-content: center;
      align-items: center; }
      .time-picker-holder > ul > li.no-shrink > span {
        margin: 0 0.5rem;
        font-weight: 600;
        display: block; }
    .time-picker-holder > ul > li.shrink-auto {
      flex: auto; }
    .time-picker-holder > ul > li.icon-holder {
      -webkit-margin-end: 0.5rem;
              margin-inline-end: 0.5rem;
      width: 4rem; }

.time-picker-drop-holder {
  width: 100%;
  display: flex; }
  .time-picker-drop-holder > li {
    width: 100%; }
    .time-picker-drop-holder > li + li {
      -webkit-border-start: 1px solid rgba(var(--background-sc-rgb), 0.08);
              border-inline-start: 1px solid rgba(var(--background-sc-rgb), 0.08); }

.time-picker-drop {
  width: 100%;
  font: 600 1.4rem/1.8rem var(--font-family);
  padding: 1rem 0; }
  .time-picker-drop ul {
    width: 100%; }
    .time-picker-drop ul li {
      width: 100%;
      display: flex;
      text-align: center;
      justify-content: center;
      align-items: center;
      height: 4rem;
      cursor: pointer;
      transition: 400ms background, 400ms color; }
      @media (hover: hover) {
        .time-picker-drop ul li:hover {
          background: rgba(var(--background-sc-rgb), 0.05); } }
      .time-picker-drop ul li.active {
        color: var(--hero); }

.color-picker-holder {
  padding: 1.2rem;
  width: 27.6rem;
  background: var(--background); }
  .color-picker-holder .react-colorful {
    width: 100%;
    display: grid;
    height: auto;
    grid-template-columns: 100%;
    grid-row-gap: 1.2rem; }
    .color-picker-holder .react-colorful .react-colorful__saturation {
      height: 14rem;
      border-radius: 0.5rem; }
    .color-picker-holder .react-colorful .react-colorful__hue, .color-picker-holder .react-colorful .react-colorful__alpha {
      height: 1.6rem;
      border-radius: 1.6rem; }
    .color-picker-holder .react-colorful .react-colorful__pointer {
      box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3);
      width: 2rem;
      height: 2rem; }

.color-picker-samples {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  margin: 2.4rem 0 0; }
  .color-picker-samples button {
    padding: 100% 0 0;
    border-radius: 0.5rem;
    border: 1px solid rgba(var(--background-sc-rgb), 0.05);
    cursor: pointer;
    position: relative;
    transition: 400ms border-color; }
    .color-picker-samples button:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      opacity: 0;
      background: white;
      border-radius: 0.3rem;
      transition: 400ms opacity; }
    @media (hover: hover) {
      .color-picker-samples button:hover {
        border-color: rgba(var(--background-sc-rgb), 0.15); }
        .color-picker-samples button:hover:after {
          opacity: 0.15; } }
    .color-picker-samples button small {
      display: block;
      height: 0.2rem;
      background: #e86a6a;
      position: absolute;
      top: 50%;
      left: 50%;
      width: 110%;
      -webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
              transform: translate3d(-50%, -50%, 0) rotate(-45deg);
      border-radius: 0.2rem; }

.color-picker-inputs {
  margin: 1.2rem 0 0;
  display: grid;
  grid-template-columns: 100%;
  grid-column-gap: 0.5rem; }
  .alpha-enabled .color-picker-inputs {
    grid-template-columns: 1fr 0.75fr; }
  .color-picker-inputs input {
    height: 3.2rem;
    width: 100%;
    padding: 0 1.2rem;
    border-radius: 0.8rem;
    border: 1px solid rgba(var(--background-sc-rgb), 0.15);
    background-color: var(--b);
    transition: border-color 400ms;
    text-align: center; }
    .color-picker-inputs input:focus {
      border-color: rgba(var(--background-sc-rgb), 0.3); }

.bc-navigation-menu {
  --size: 3.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 1rem;
  min-width: var(--button-external-size, var(--size));
  min-height: var(--button-external-size, var(--size));
  font: 600 1.4rem/2rem var(--font-family);
  border: 1px solid transparent;
  border-radius: var(--button-external-size, var(--size));
  transition: 300ms color, 300ms background, 200ms opacity;
  color: #fff;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  position: relative; }
  @media (hover: hover) {
    .bc-navigation-menu:hover {
      background: rgba(255, 255, 255, 0.1); } }
  .bc-navigation-menu.active {
    background: rgba(255, 255, 255, 0.1); }
  .bc-navigation-menu:disabled {
    opacity: 0.5;
    pointer-events: none; }
  .bc-navigation-menu_head {
    display: flex;
    align-items: center;
    justify-content: center; }
  .bc-navigation-menu_layer {
    display: flex;
    align-items: center;
    margin: 0 0.8rem;
    opacity: 0.7; }
    .bc-navigation-menu_layer:last-child {
      opacity: 1; }
    .bc-navigation-menu_layer:not(.bc-navigation-menu_layer:last-child):after {
      content: '';
      display: block;
      width: 1px;
      height: 2.3rem;
      margin-left: 1.5rem;
      background-color: #fff;
      -webkit-transform: rotate(15deg);
              transform: rotate(15deg); }
    .bc-navigation-menu_layer.active {
      opacity: 1; }
  .bc-navigation-menu_content {
    display: flex;
    padding: 1rem 0; }
  .bc-navigation-menu_content-menu {
    width: 25.8rem; }
    .bc-navigation-menu_content-menu:not(.bc-navigation-menu_content-menu:last-child) {
      border-right: 1px solid rgba(0, 0, 0, 0.1); }

.module-header {
  display: flex;
  width: 100%;
  background: var(--background);
  height: 5rem;
  padding: 0 0.5rem 0 2rem;
  flex-shrink: 0; }
  html[dir="rtl"] .module-header {
    padding: 0 2rem 0 0.5rem; }
  .module-header.headerBorder.p-top {
    border-bottom: solid 1px rgba(var(--background-sc-rgb), 0.1); }
    .module-header.headerBorder.p-top.cr-position-radius {
      border-radius: 2rem 2rem 0 0; }
  .module-header.headerBorder.p-bottom {
    border-top: solid 1px rgba(var(--background-sc-rgb), 0.1); }
    .module-header.headerBorder.p-bottom.cr-position-radius {
      border-radius: 0 0 2rem 2rem; }
  .module-header.cr-full-radius {
    border-radius: 2rem; }
  .module-header > li {
    display: flex;
    align-items: center; }
    .module-header > li.left-content {
      flex: auto;
      position: relative;
      overflow: hidden; }
      .module-header > li.left-content .left-inner {
        max-width: 100%; }
        .module-header > li.left-content .left-inner:nth-last-child(2) {
          max-width: calc(100% - 3.2rem); }
      .module-header > li.left-content .left-inner-icon {
        -webkit-margin-start: 0.8rem;
                margin-inline-start: 0.8rem; }
    .module-header > li.right-content {
      flex-shrink: 0; }
  .module-header.s-small {
    height: 3rem; }
    .module-header.s-small .module-title, .module-header.s-small .module-description-title .m-title {
      font-size: 1.2rem;
      line-height: normal; }
  .module-header.s-medium {
    height: 4rem; }
  .module-header.s-extra-big {
    height: 6rem; }

.module-title {
  font: 600 1.4rem/1.8rem var(--font-family); }
  .module-title:before {
    content: "";
    display: block;
    position: absolute;
    height: 0.3rem;
    width: 3.4rem;
    background: var(--hero); }
    html:not([dir="rtl"]) .module-title:before {
      left: 0; }
    html[dir="rtl"] .module-title:before {
      right: 0; }
    .p-top .module-title:before {
      bottom: 0; }
    .p-bottom .module-title:before {
      top: 0; }

.module-title-without-border {
  font: 600 1.4rem/1.8rem var(--font-family); }

.module-description-title {
  width: 100%; }
  .module-description-title .m-description {
    font: 600 1.2rem/1.6rem var(--font-family); }
  .module-description-title .m-title {
    font: 600 1.6rem/2.8rem var(--font-family); }

.overlay-back-drop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(var(--background-rgb), 0.6);
  opacity: 0;
  -webkit-animation: 1s fadeIn forwards;
          animation: 1s fadeIn forwards;
  z-index: 299; }

@-webkit-keyframes fadeIn {
  to {
    opacity: 1; } }

@keyframes fadeIn {
  to {
    opacity: 1; } }

.overlay-holder {
  position: fixed;
  display: flex;
  flex-direction: column;
  transition: 400ms width, 400ms height;
  z-index: 300; }
  .overlay-holder.t-horizontal {
    top: var(--header-height, 0);
    bottom: 0;
    background: var(--background);
    -webkit-animation: slideInX 400ms forwards linear;
            animation: slideInX 400ms forwards linear; }

@-webkit-keyframes slideInX {
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@keyframes slideInX {
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }
    .overlay-holder.t-horizontal.p-left {
      box-shadow: 0.5rem 0 0.6rem 0 rgba(0, 0, 0, 0.05);
      -webkit-transform: translateX(-120%);
              transform: translateX(-120%); }
      html:not([dir="rtl"]) .overlay-holder.t-horizontal.p-left {
        left: 0; }
      html[dir="rtl"] .overlay-holder.t-horizontal.p-left {
        right: 0; }
      html[dir="rtl"] .overlay-holder.t-horizontal.p-left {
        box-shadow: -0.5rem 0 0.6rem 0 rgba(0, 0, 0, 0.05); }
      html[dir="rtl"] .overlay-holder.t-horizontal.p-left {
        -webkit-transform: translateX(120%);
                transform: translateX(120%); }
      .overlay-holder.t-horizontal.p-left .overlay-close {
        box-shadow: 0.5rem 0 0.6rem 0 rgba(0, 0, 0, 0.05);
        border-radius: 0 0.4rem 0.4rem 0; }
        html:not([dir="rtl"]) .overlay-holder.t-horizontal.p-left .overlay-close {
          left: 100%; }
        html[dir="rtl"] .overlay-holder.t-horizontal.p-left .overlay-close {
          right: 100%; }
        html[dir="rtl"] .overlay-holder.t-horizontal.p-left .overlay-close {
          box-shadow: -0.5rem 0 0.6rem 0 rgba(0, 0, 0, 0.05); }
        html[dir="rtl"] .overlay-holder.t-horizontal.p-left .overlay-close {
          border-radius: 0.4rem 0 0 0.4rem; }
    .overlay-holder.t-horizontal.p-right {
      box-shadow: -0.5rem 0 0.6rem 0 rgba(0, 0, 0, 0.05);
      -webkit-transform: translateX(120%);
              transform: translateX(120%); }
      html:not([dir="rtl"]) .overlay-holder.t-horizontal.p-right {
        right: 0; }
      html[dir="rtl"] .overlay-holder.t-horizontal.p-right {
        left: 0; }
      html[dir="rtl"] .overlay-holder.t-horizontal.p-right {
        box-shadow: 0.5rem 0 0.6rem 0 rgba(0, 0, 0, 0.05); }
      html[dir="rtl"] .overlay-holder.t-horizontal.p-right {
        -webkit-transform: translateX(-120%);
                transform: translateX(-120%); }
      .overlay-holder.t-horizontal.p-right .overlay-close {
        box-shadow: -0.5rem 0 0.6rem 0 rgba(0, 0, 0, 0.05);
        border-radius: 0.4rem 0 0 0.4rem; }
        html:not([dir="rtl"]) .overlay-holder.t-horizontal.p-right .overlay-close {
          right: 100%; }
        html[dir="rtl"] .overlay-holder.t-horizontal.p-right .overlay-close {
          left: 100%; }
        html[dir="rtl"] .overlay-holder.t-horizontal.p-right .overlay-close {
          box-shadow: 0.5rem 0 0.6rem 0 rgba(0, 0, 0, 0.05); }
        html[dir="rtl"] .overlay-holder.t-horizontal.p-right .overlay-close {
          border-radius: 0 0.4rem 0.4rem 0; }
    .overlay-holder.t-horizontal.s-half {
      width: 50%; }
    .overlay-holder.t-horizontal.s-wide {
      width: 75%; }
    .overlay-holder.t-horizontal.s-minimal {
      width: 30rem; }
  .overlay-holder.t-vertical {
    width: 100%;
    left: 0;
    background: var(--background);
    height: 25vh;
    -webkit-animation: slideInY 400ms forwards linear;
            animation: slideInY 400ms forwards linear; }

@-webkit-keyframes slideInY {
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes slideInY {
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }
    .overlay-holder.t-vertical.s-extended {
      height: 50vh; }
    .overlay-holder.t-vertical.p-top {
      top: 0;
      box-shadow: 0 0.3rem 0.6rem 0 rgba(0, 0, 0, 0.05);
      border-radius: 0 0 2rem 2rem;
      -webkit-transform: translateY(-120%);
              transform: translateY(-120%); }
      .overlay-holder.t-vertical.p-top .extend-reduce {
        box-shadow: 0 0.3rem 0.6rem 0 rgba(0, 0, 0, 0.05);
        top: 100%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%); }
    .overlay-holder.t-vertical.p-bottom {
      bottom: 0;
      box-shadow: 0 -0.3rem 0.6rem 0 rgba(0, 0, 0, 0.05);
      flex-direction: column-reverse;
      border-radius: 2rem 2rem 0 0;
      -webkit-transform: translateY(120%);
              transform: translateY(120%); }
      .overlay-holder.t-vertical.p-bottom .extend-reduce {
        box-shadow: 0 -0.3rem 0.6rem 0 rgba(0, 0, 0, 0.05);
        bottom: 100%;
        -webkit-transform: translate(-50%, 50%);
                transform: translate(-50%, 50%); }

.overlay-head {
  position: relative;
  flex-shrink: 0;
  z-index: 1; }

.overlay-close {
  position: absolute;
  top: 0;
  height: 6rem;
  width: 6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--background); }

.overlay-body {
  flex: auto;
  display: flex;
  flex-direction: column;
  position: relative; }
  .overlay-body > .scroll-holder {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    .overlay-body > .scroll-holder > .scroll-content {
      display: flex;
      flex-direction: column;
      align-items: stretch;
      justify-content: flex-start; }
  .overlay-body .overlay-content {
    padding: 2.1rem 1.9rem;
    flex: auto; }
  .overlay-body .overlay-footer {
    flex-shrink: 0;
    display: flex;
    justify-content: flex-end; }
    .overlay-body .overlay-footer > * {
      margin: 1rem; }

.extend-reduce {
  position: absolute;
  left: 50%;
  min-width: 14rem;
  text-align: center;
  height: 3.6rem;
  background: var(--background);
  border-radius: 3.6rem;
  font: 600 1.4rem/1.8rem var(--font-family);
  color: var(--hero);
  transition: 300ms color, 300ms background;
  cursor: pointer;
  padding: 0 2rem; }
  .extend-reduce:hover {
    background: var(--hero);
    color: var(--hero-sc); }

.widget-holder {
  width: 100%;
  border-radius: 2rem;
  background: var(--background);
  height: 6rem; }
  .widget-holder.s-small {
    border-radius: 1rem;
    --font-size: 1.6rem; }
  .widget-holder.s-medium {
    height: 8rem;
    border-radius: 1rem; }
  .widget-holder.s-big {
    height: 11rem; }
  .widget-holder .no-data {
    opacity: 0.5; }
  .widget-holder.shadow {
    box-shadow: 0 0.3rem 0.6rem 0 rgba(0, 0, 0, 0.05); }
  .widget-holder.border {
    border: solid 1px rgba(var(--background-sc-rgb), 0.05); }
  .widget-holder .module-title {
    text-transform: uppercase; }
  .widget-holder.widget-grid {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: 1fr 1fr;
    grid-template-areas: "image head" "image text"; }
    .widget-holder.widget-grid.t-default {
      padding: 0 2rem 0 0; }
      html[dir="rtl"] .widget-holder.widget-grid.t-default {
        padding: 0 0 0 2rem; }
      .widget-holder.widget-grid.t-default .module-title {
        font-size: 1.2rem; }
      .widget-holder.widget-grid.t-default .module-header {
        padding: 0; }
      .widget-holder.widget-grid.t-default .image {
        padding: 0 3.5rem; }
        .widget-holder.widget-grid.t-default .image img {
          width: 5rem;
          height: 5rem; }
        .s-small.widget-holder.widget-grid.t-default .image {
          padding: 0 1.5rem; }
          .s-small.widget-holder.widget-grid.t-default .image img {
            width: 3.4rem;
            height: 3.4rem; }
        .s-medium.widget-holder.widget-grid.t-default .image {
          padding: 0 2rem; }
          .s-medium.widget-holder.widget-grid.t-default .image img {
            width: 4.8rem;
            height: 4.8rem; }
    .widget-holder.widget-grid.t-compact {
      grid-template-areas: "head head" "image text";
      grid-template-rows: auto 1fr; }
      .widget-holder.widget-grid.t-compact .image {
        padding: 0 1.5rem; }
        .widget-holder.widget-grid.t-compact .image img {
          width: 4.8rem;
          height: 4.8rem; }
        .s-small.widget-holder.widget-grid.t-compact .image {
          display: none; }
        .s-medium.widget-holder.widget-grid.t-compact .image {
          padding: 0 2rem; }
          .s-medium.widget-holder.widget-grid.t-compact .image img {
            width: 3rem;
            height: 3rem; }
      .widget-holder.widget-grid.t-compact .text {
        padding: 0 2rem; }
        .widget-holder.widget-grid.t-compact .text > p {
          text-align: end; }
  .widget-holder > li {
    display: flex;
    align-items: center; }
    .widget-holder > li.image {
      grid-area: image;
      justify-content: center; }
    .widget-holder > li.head {
      grid-area: head;
      overflow: hidden;
      padding: 0 0 1px; }
    .widget-holder > li.text {
      grid-area: text;
      overflow: hidden; }
      .widget-holder > li.text > p {
        flex: auto;
        font: 700 var(--font-size, 1.8rem)/3rem var(--font-family); }
      .widget-holder > li.text .icon {
        flex-shrink: 0; }
  .widget-holder.t-minimal {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0 0.8rem;
    border-radius: 1rem; }
    .widget-holder.t-minimal.shadow {
      box-shadow: 0 0.2rem 0.4rem 0 rgba(0, 0, 0, 0.05); }
    .widget-holder.t-minimal > li {
      width: 100%;
      justify-content: center; }
      .widget-holder.t-minimal > li:first-child {
        font: 600 1.2rem/1.6rem var(--font-family);
        color: rgba(var(--background-sc-rgb), 0.61); }
      .widget-holder.t-minimal > li:nth-child(2) {
        font-weight: 600;
        margin: 1rem 0 0; }
      .widget-holder.t-minimal > li > i {
        display: block;
        width: 0.8rem;
        height: 0.8rem;
        border-radius: 100%;
        flex-shrink: 0; }
        html:not([dir="rtl"]) .widget-holder.t-minimal > li > i {
          margin-right: 0.8rem; }
        html[dir="rtl"] .widget-holder.t-minimal > li > i {
          margin-left: 0.8rem; }
  .widget-holder.t-colorful {
    display: block;
    position: relative;
    padding: 1rem 1.4rem 0.8rem;
    border: 1px solid var(--hero);
    width: auto;
    min-width: 14rem;
    max-width: 100%; }
    .widget-holder.t-colorful:before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: var(--hero);
      border-radius: inherit;
      opacity: 0.03; }
    .widget-holder.t-colorful > li {
      position: relative; }
    .widget-holder.t-colorful .widget-c-title {
      opacity: 0.8;
      font: 600 1.2rem/1.6rem var(--font-family);
      margin: 0 0 0.4rem; }
    .widget-holder.t-colorful .widget-c-text {
      font: 700 1.6rem/2.2rem var(--font-family); }

.comparison-icons-holder {
  --status-color: inherit;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  -webkit-margin-start: 0.6rem;
          margin-inline-start: 0.6rem;
  transition: 400ms color;
  font: 700 1.4rem/1.8rem var(--font-family);
  color: var(--status-color); }
  .comparison-icons-holder.cs-up {
    --status-color: #51cf78; }
    .comparison-icons-holder.cs-up .bc-icon-comparison-down {
      color: rgba(var(--background-sc-rgb), 0.1); }
  .comparison-icons-holder.cs-down {
    --status-color: #e84855; }
    .comparison-icons-holder.cs-down .bc-icon-comparison-up {
      color: rgba(var(--background-sc-rgb), 0.1); }
  .comparison-icons-holder .icon + .icon {
    position: absolute;
    top: 0;
    left: 0; }

.comparison-icons {
  position: relative; }

.holder {
  --delay: 200ms;
  --width: 1.9rem;
  --opened-width: 39.9rem;
  position: relative;
  top: 0;
  width: var(--width);
  height: 100%;
  background: var(--background);
  transition: width 400ms var(--delay);
  z-index: 200; }
  .holder.disabled {
    pointer-events: none; }
    .holder.disabled .holder-toggle .icon {
      opacity: 0.5; }
  .holder.pinned {
    --width: var(--opened-width);
    --delay: 0ms; }
    .holder.pinned.opened .layer-1 {
      -webkit-transform: scale(1);
              transform: scale(1); }
  .holder.opened {
    --delay: 400ms; }
    .holder.opened .holder-wrapper {
      opacity: 1;
      width: var(--opened-width); }
  .holder:not(.pinned):not(.opened) .layer-2 {
    -webkit-transform: scale(1);
            transform: scale(1); }
  .holder:not(.pinned).opened .layer-3 {
    -webkit-transform: scale(1);
            transform: scale(1); }

.holder-c-wrapper {
  min-width: 100%;
  height: 100%;
  background: var(--background);
  position: absolute;
  top: 0; }

.holder-toggle {
  position: absolute;
  padding: 0.5rem;
  top: 1rem; }
  .holder-toggle button {
    border-radius: 100%;
    cursor: pointer;
    width: 3rem;
    height: 3rem;
    background: var(--background);
    box-shadow: 0 0 0.2rem rgba(var(--background-sc-rgb), 0.16);
    color: var(--hero);
    transition: 250ms color, 250ms background;
    position: relative; }
    @media (hover: hover) {
      .holder-toggle button:hover {
        background: var(--hero);
        color: var(--hero-sc); } }
    .holder-toggle button.active {
      background: var(--hero);
      color: var(--hero-sc); }
    @media (hover: hover) {
      .holder-toggle button.active:hover {
        background: var(--hero-hover); } }
  .holder-toggle .icon {
    padding: 0.3rem;
    position: absolute;
    top: 0;
    left: 0;
    transition: opacity 400ms, -webkit-transform 400ms;
    transition: transform 400ms, opacity 400ms;
    transition: transform 400ms, opacity 400ms, -webkit-transform 400ms;
    -webkit-transform: scale(0);
            transform: scale(0); }

.holder-wrapper {
  height: 100%;
  width: var(--width);
  opacity: 0;
  transition: opacity 150ms var(--delay), width 400ms var(--delay);
  overflow: hidden;
  position: relative; }

html:not([dir="rtl"]) .holder-left {
  left: 0; }

html[dir="rtl"] .holder-left {
  right: 0; }

.holder-left .holder-c-wrapper {
  -webkit-border-end: 1px solid rgba(var(--background-sc-rgb), 0.1);
          border-inline-end: 1px solid rgba(var(--background-sc-rgb), 0.1); }
  html:not([dir="rtl"]) .holder-left .holder-c-wrapper {
    left: 0; }
  html[dir="rtl"] .holder-left .holder-c-wrapper {
    right: 0; }

html:not([dir="rtl"]) .holder-left .module-header {
  padding-right: 1.5rem; }

html[dir="rtl"] .holder-left .module-header {
  padding-left: 1.5rem; }

html:not([dir="rtl"]) .holder-left .holder-toggle {
  right: -2rem; }

html[dir="rtl"] .holder-left .holder-toggle {
  left: -2rem; }

html:not([dir="rtl"]) .holder-right {
  right: 0; }

html[dir="rtl"] .holder-right {
  left: 0; }

.holder-right .holder-c-wrapper {
  -webkit-border-start: 1px solid rgba(var(--background-sc-rgb), 0.1);
          border-inline-start: 1px solid rgba(var(--background-sc-rgb), 0.1); }
  html:not([dir="rtl"]) .holder-right .holder-c-wrapper {
    right: 0; }
  html[dir="rtl"] .holder-right .holder-c-wrapper {
    left: 0; }

html:not([dir="rtl"]) .holder-right .holder-toggle {
  left: -2rem; }

html[dir="rtl"] .holder-right .holder-toggle {
  right: -2rem; }

.holder-content {
  width: var(--opened-width);
  height: 100%;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: auto 1fr auto;
  grid-template-areas: 'head' 'body' 'footer';
  overflow: hidden; }
  .holder-content .module-header {
    grid-area: head; }
  .holder-content .holder-body {
    grid-area: body; }

.holder-footer {
  grid-area: footer;
  display: flex;
  padding: 2rem;
  border-top: 1px solid rgba(var(--background-sc-rgb), 0.1); }
  .holder-footer:empty {
    display: none; }

.holder-body-c {
  display: flex;
  flex-wrap: wrap;
  padding: 1rem; }
  .holder-body-c > * {
    margin: 1rem; }
  .holder-body-c .holder-title {
    margin-bottom: 0.5rem;
    font: 600 1.6rem/2rem var(--font-family);
    width: 100%;
    padding: 0 1rem; }
  .holder-body-c .col-6 {
    width: 50%; }

.paper {
  display: flex;
  width: 100%;
  align-content: flex-start; }
  .paper:not(.bg-transparent) {
    background: var(--background); }
  .paper.with-shadow {
    box-shadow: 0 0.3rem 0.6rem 0 rgba(0, 0, 0, 0.05); }
  .paper.top-radius {
    border-radius: 2rem 2rem 0 0; }
  .paper.bottom-radius {
    border-radius: 0 0 2rem 2rem; }
  .paper.full-radius {
    border-radius: 2rem; }
  .paper.with-border {
    border: 1px solid rgba(var(--background-sc-rgb), 0.1); }

.pd-row {
  flex-direction: row; }

.pd-row-reverse {
  flex-direction: row-reverse; }

.pd-column {
  flex-direction: column; }

.pd-column-reverse {
  flex-direction: column-reverse; }

.pw-nowrap {
  flex-wrap: nowrap; }

.pw-wrap {
  flex-wrap: wrap; }

.pw-wrap-reverse {
  flex-wrap: wrap-reverse; }

.jc-paper-start {
  justify-content: flex-start; }

.jc-paper-end {
  justify-content: flex-end; }

.jc-center {
  justify-content: center; }

.jc-start {
  justify-content: start; }

.jc-end {
  justify-content: end; }

.jc-left {
  justify-content: left; }

.jc-right {
  justify-content: right; }

.jc-normal {
  justify-content: normal; }

.jc-space-between {
  justify-content: space-between; }

.jc-space-around {
  justify-content: space-around; }

.jc-space-evenly {
  justify-content: space-evenly; }

.jc-stretch {
  justify-content: stretch; }

.jc-inherit {
  justify-content: inherit; }

.jc-initial {
  justify-content: initial; }

.jc-unset {
  justify-content: unset; }

.ai-normal {
  align-items: normal; }

.ai-stretch {
  align-items: stretch; }

.ai-center {
  align-items: center; }

.ai-start {
  align-items: start; }

.ai-end {
  align-items: end; }

.ai-paper-start {
  align-items: flex-start; }

.ai-paper-end {
  align-items: flex-end; }

.ai-self-start {
  align-items: self-start; }

.ai-self-end {
  align-items: self-end; }

.ai-baseline {
  align-items: baseline; }

.ai-inherit {
  align-items: inherit; }

.ai-initial {
  align-items: initial; }

.ai-unset {
  align-items: unset; }

.time-holder {
  display: flex;
  align-items: center;
  font-weight: 600;
  white-space: nowrap;
  line-height: 3.2rem; }
  .time-holder > * + * {
    margin: 0 0 0 0.3rem; }
    html[dir="rtl"] .time-holder > * + * {
      margin: 0 0.3rem 0 0; }

.mobile-table-holder {
  width: 100%;
  position: relative; }
  .paper > .mobile-table-holder {
    padding: 1.6rem; }
    .m-popup-content > .paper > .mobile-table-holder {
      padding: 1.6rem 0; }

.mobile-table-head {
  width: 100%;
  margin: 0 0 1rem; }
  .mobile-table-head > ul {
    width: 100%;
    display: flex;
    align-items: center; }
    .mobile-table-head > ul > li {
      display: flex;
      align-items: center;
      flex-shrink: 0; }
      .mobile-table-head > ul > li + li {
        margin: 0 0 0 3rem; }
      .mobile-table-head > ul > li:nth-child(2) {
        flex: auto;
        max-width: 20rem; }

.mt-results-holder {
  font: 600 1.4rem/1.8rem var(--font-family);
  opacity: 0.7;
  padding: 0 1rem; }
  .mt-results-holder:not(:first-child) {
    margin: 1.6rem 0 0; }

.mobile-table-cc {
  width: 19.6rem;
  -webkit-margin-end: 3rem;
          margin-inline-end: 3rem; }

.mobile-sort-button {
  cursor: pointer;
  display: flex;
  align-items: center;
  font: 600 1.4rem/2.4rem var(--font-family); }
  .mobile-sort-button p {
    transition: 400ms color; }
  .mobile-sort-button .active {
    color: var(--hero); }

.mobile-sort-icons {
  width: 2.4rem;
  height: 2.4rem;
  position: relative;
  -webkit-margin-start: 1.2rem;
          margin-inline-start: 1.2rem; }
  .mobile-sort-icons .icon {
    transition: 400ms color;
    position: absolute;
    top: 0;
    left: 0; }
    .mobile-sort-icons .icon:not(.active) {
      color: rgba(var(--background-sc-rgb), 0.5); }

.mobile-table-body {
  width: 100%; }
  .mobile-table-body .ReactVirtualized__Grid, .mobile-table-body .ReactVirtualized__Grid__innerScrollContainer {
    overflow: visible !important; }

.mobile-table-loading {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2.4rem 0; }
  .mobile-table-loading.absolute-splash {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: rgba(var(--background-rgb), 0.6); }

.cards-empty-holder {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: calc(100vh - 35.7rem); }

.quick-view-holder {
  width: 100%;
  padding: 1.6rem 0; }
  .quick-view-holder > .card-list-col {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 3.8rem;
    align-items: center;
    font: 600 1.4rem/2.2rem var(--font-family); }
    .quick-view-holder > .card-list-col + .card-list-col {
      margin: 2rem 0 0; }
    .quick-view-holder > .card-list-col .kv-label {
      opacity: 0.7; }
    .quick-view-holder > .card-list-col .kv-value {
      white-space: normal;
      word-break: break-word; }
  .quick-view-holder a:not([class]) {
    color: var(--hero); }

.mc-widgets-holder {
  width: calc(100% + 3.2rem);
  padding: 0 1.6rem 1.6rem;
  margin: 0 -1.6rem;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: auto; }
  .mc-widgets-holder > ul {
    min-width: 100%;
    display: flex;
    align-items: center; }
    .mc-widgets-holder > ul > li {
      -webkit-margin-end: 1rem;
              margin-inline-end: 1rem; }
  .mc-widgets-holder + .mobile-table-head {
    padding: 1.6rem 0 0;
    border-top: 1px solid rgba(var(--background-sc-rgb), 0.1); }

.checkbox-group-with-search-holder {
  width: 100%;
  background: var(--background); }

.empty-data-holder {
  width: 100%;
  height: 19rem;
  display: flex;
  justify-content: center;
  align-items: center; }

.c-g-w-s-content {
  display: flex;
  flex-direction: column;
  width: 100%;
  background: rgba(var(--background-sc-rgb), 0.01); }
  .c-g-w-s-content > li {
    width: 100%;
    display: flex; }

.c-g-w-s-head {
  padding: 1.5rem;
  border-bottom: 1px solid rgba(var(--background-sc-rgb), 0.1); }

.c-g-w-s-footer {
  padding: 1.5rem 0;
  display: flex;
  justify-content: center;
  border-top: 1px solid rgba(var(--background-sc-rgb), 0.1); }
  .c-g-w-s-footer > * + * {
    -webkit-margin-start: 1rem;
            margin-inline-start: 1rem; }

.c-g-w-s-body-content {
  width: 100%;
  padding: 1.5rem 0;
  max-height: 31rem; }

.grouped-checkbox-with-search {
  flex-direction: column; }
  .grouped-checkbox-with-search > div {
    padding: 1rem !important; }

@media (hover: hover) {
  .checkbox-group-with-search-holder .crs-holder.active {
    background: rgba(var(--background-sc-rgb), 0.05); } }

.date-filters-holder {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: flex-end; }
  .date-filters-holder > *:not(:last-child) {
    flex-shrink: 0; }

.date-filter-input {
  -webkit-margin-start: 1rem;
          margin-inline-start: 1rem; }
  html:not([dir="rtl"]) .date-filter-input .input-structure {
    padding-right: 0; }
  html[dir="rtl"] .date-filter-input .input-structure {
    padding-left: 0; }
  .date-filter-input .icon {
    width: 3.6rem;
    height: 3.6rem;
    border-radius: var(--input-element-border-radius, 100%);
    margin: 0 0 0 0.5rem; }
    html[dir="rtl"] .date-filter-input .icon {
      margin: 0 0.5rem 0 0; }
  .date-filter-input.active .icon {
    background: var(--hero);
    color: var(--hero-sc); }
  .date-filter-input.active .input-element-back {
    background: transparent;
    border-color: var(--hero); }

.bc-drawer {
  --width: 7.2rem;
  --head-justify: center;
  --item-width: 4.2rem;
  --item-padding: 0;
  --item-justify: center;
  --item-title-display: none;
  --item-icon-margin: 0;
  top: 0;
  left: 0;
  overflow: hidden;
  width: var(--width);
  transition: width 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  background: var(--background);
  border-right: 1px solid rgba(var(--background-sc-rgb), 0.1);
  z-index: 200; }
  .bc-drawer.open {
    --width: 30rem;
    --head-justify: space-between;
    --item-width: 100%;
    --item-padding: 0 14px;
    --item-justify: flex-start;
    --item-title-display: block;
    --item-icon-margin: 17px; }
    .bc-drawer.open .bc-drawer-head::after {
      content: '';
      width: 34px;
      height: 3px;
      margin: 17px 198px 0 0;
      background-color: #1473e6;
      position: absolute;
      bottom: 0;
      left: 20px; }
  .bc-drawer .bc-drawer-head {
    width: var(--width);
    position: relative;
    height: 64px;
    padding: 20px;
    border-bottom: 1px solid rgba(var(--background-sc-rgb), 0.1);
    display: flex;
    align-items: center;
    justify-content: var(--head-justify); }
    .bc-drawer .bc-drawer-head .bc-drawer-head-title {
      font-size: 16px;
      font-weight: 600; }
    .bc-drawer .bc-drawer-head .bc-drawer-head-icon {
      cursor: pointer; }
      .bc-drawer .bc-drawer-head .bc-drawer-head-icon:hover {
        color: #1473e6; }
  .bc-drawer .bc-drawer-content {
    overflow-y: auto;
    overflow-x: hidden;
    width: var(--width);
    height: calc(100% - 64px);
    padding: 10px 12px;
    display: flex;
    flex-direction: column; }
  .bc-drawer .bc-drawer-item {
    cursor: pointer;
    overflow: hidden;
    width: var(--item-width);
    padding: var(--item-padding);
    height: 42px;
    min-height: 42px;
    border-radius: 21px;
    display: flex;
    align-items: center;
    position: relative;
    justify-content: var(--item-justify);
    position: relative;
    transition: width 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    transition: 300ms color, 300ms background, 200ms opacity; }
    .bc-drawer .bc-drawer-item:hover {
      background-color: rgba(0, 0, 0, 0.03); }
    .bc-drawer .bc-drawer-item.disabled {
      opacity: 0.5;
      pointer-events: none; }
    .bc-drawer .bc-drawer-item.active:not(.nested) {
      color: white;
      background-color: #1473e6; }
    .bc-drawer .bc-drawer-item.active.nested {
      color: #1473e6;
      background-color: rgba(20, 115, 230, 0.03); }
    .bc-drawer .bc-drawer-item.nested {
      padding-left: 57px; }
    .bc-drawer .bc-drawer-item .bc-drawer-item-icon {
      margin-right: var(--item-icon-margin); }
    .bc-drawer .bc-drawer-item .bc-drawer-item-title {
      display: var(--item-title-display);
      font-weight: 600; }
    .bc-drawer .bc-drawer-item .bc-drawer-item-arrow {
      position: absolute;
      right: 17px;
      transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
      .bc-drawer .bc-drawer-item .bc-drawer-item-arrow.open {
        -webkit-transform: rotateZ(-180deg);
                transform: rotateZ(-180deg); }
  .bc-drawer .bc-drawer-item-nested-list {
    width: 100%;
    max-height: 0;
    overflow: hidden;
    transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
    .bc-drawer .bc-drawer-item-nested-list.open {
      max-height: 100%; }

.form-buttons {
  margin: 2rem 0 0; }
  .form-buttons > * + * {
    -webkit-margin-start: 1rem;
            margin-inline-start: 1rem; }

form {
  width: 100%; }

.overspread-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 300;
  overflow: hidden; }

.overspread-holder {
  width: 100%;
  height: 100%;
  background: var(--background);
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: auto 1fr;
  -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
  -webkit-animation: overspread-reveal 500ms forwards;
          animation: overspread-reveal 500ms forwards; }

@-webkit-keyframes overspread-reveal {
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes overspread-reveal {
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

.overspread-head {
  width: 100%;
  padding: 0 1rem;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  grid-template-areas: 'left center right';
  border-bottom: 1px solid rgba(var(--background-sc-rgb), 0.05);
  position: relative; }
  .overspread-head > li {
    height: 4.6rem;
    overflow: hidden;
    display: flex;
    align-items: center; }
    .overspread-head > li.over-h-act {
      width: 100%;
      font: 600 1.5rem/2.3rem var(--font-family);
      grid-area: left;
      min-width: -webkit-fit-content;
      min-width: -moz-fit-content;
      min-width: fit-content; }
      .overspread-head > li.over-h-act:last-child {
        justify-content: flex-end;
        grid-area: right; }
    .overspread-head > li.over-h-tt {
      font: 600 1.7rem/2.3rem var(--font-family);
      grid-area: center; }
    .overspread-head > li > * {
      margin: 0 0.5rem; }
    .overspread-head > li .color-hero {
      color: var(--hero); }
  .overspread-head button {
    transition: 400ms opacity; }
    .overspread-head button:disabled {
      pointer-events: none;
      opacity: 0.5; }

.overspread-body {
  padding: 1.5rem;
  -webkit-overflow-scrolling: touch;
  overflow-y: auto; }

.overspread-search {
  position: relative; }
  .overspread-search:not(:focus-within):not(.show-search) input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0; }
  .overspread-search:not(:focus-within):not(.show-search) .bc-icon-search {
    pointer-events: none; }
  .overspread-search:not(:focus-within):not(.show-search) .bc-icon-close {
    display: none; }
  .overspread-search:focus-within, .overspread-search.show-search {
    position: absolute;
    left: 0;
    width: 100%;
    top: 50%;
    background: var(--background);
    display: flex;
    padding: 0 1rem;
    margin: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 10; }
    .overspread-search:focus-within > *, .overspread-search.show-search > * {
      padding: 0 0.5rem; }
    .overspread-search:focus-within .bc-icon-search, .overspread-search.show-search .bc-icon-search {
      display: none; }
    .overspread-search:focus-within input, .overspread-search.show-search input {
      height: 2.4rem;
      font: 600 1.4rem var(--font-family);
      width: 100%; }
      .overspread-search:focus-within input::-webkit-input-placeholder, .overspread-search.show-search input::-webkit-input-placeholder {
        font-weight: 600;
        font-size: 1.4rem;
        color: rgba(var(--background-sc-rgb), 0.5); }
      .overspread-search:focus-within input:-moz-placeholder, .overspread-search.show-search input:-moz-placeholder {
        font-weight: 600;
        font-size: 1.4rem;
        color: rgba(var(--background-sc-rgb), 0.5); }
      .overspread-search:focus-within input::-moz-placeholder, .overspread-search.show-search input::-moz-placeholder {
        font-weight: 600;
        font-size: 1.4rem;
        color: rgba(var(--background-sc-rgb), 0.5); }
      .overspread-search:focus-within input:-ms-input-placeholder, .overspread-search.show-search input:-ms-input-placeholder {
        font-weight: 600;
        font-size: 1.4rem;
        color: rgba(var(--background-sc-rgb), 0.5); }

.back-button-holder {
  display: flex;
  align-items: center;
  cursor: pointer; }

.item:hover{
    opacity:.8
}
@font-face{
    font-family:"icomoon";
    src:url(fonts/icomoon.215f2b06.eot);
    src:url(fonts/icomoon.215f2b06.eot#iefix) format("embedded-opentype"),
    url(fonts/icomoon.65db3ac9.ttf) format("truetype"),
    url(fonts/icomoon.b703e232.woff) format("woff"),
    url(fonts/icomoon.6aac08af.svg#icomoon) format("svg");
    font-weight:400;
    font-style:normal;
    font-display:block
}
[class*=" icon-"],[class^=icon-]{
    font-family:"icomoon"!important;
    speak:none;
    font-style:normal;
    font-weight:400;
    -webkit-font-feature-settings:normal;
    font-feature-settings:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.icon-brackets:before{
    content:"\e90c"
}
.icon-youtube:before{
    content:"\e90d"
}
.icon-affiliates:before{
    content:"\e900"
}
.icon-chevron:before{
    content:"\e901"
}
.icon-cpa:before{
    content:"\e902"
}
.icon-earn:before{
    content:"\e903"
}
.icon-html5:before{
    content:"\e904"
}
.icon-hybrid:before{
    content:"\e905"
}
.icon-link:before{
    content:"\e906"
}
.icon-promote:before{
    content:"\e907"
}
.icon-quotes:before{
    content:"\e908"
}
.icon-share:before{
    content:"\e909"
}
.icon-sign_up:before{
    content:"\e90a"
}
.icon-xml:before{
    content:"\e90b"
}

