/* zIndex group */
/* horizontal lines on both sides of the text */
@-webkit-keyframes pinPulse {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
}
@keyframes pinPulse {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
}
@-webkit-keyframes border-pulse-mode {
  0%,
  100% {
    border: 5px solid rgba(0, 0, 0, 0.05);
  }
  50% {
    border: 5px solid rgba(0, 0, 0, 0.15);
  }
}
@keyframes border-pulse-mode {
  0%,
  100% {
    border: 5px solid rgba(0, 0, 0, 0.05);
  }
  50% {
    border: 5px solid rgba(0, 0, 0, 0.15);
  }
}
@-webkit-keyframes blink-opacity {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes blink-opacity {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes max-width {
  100% {
    max-width: 100%;
  }
}
@keyframes max-width {
  100% {
    max-width: 100%;
  }
}
@-webkit-keyframes animate-hidden {
  100% {
    opacity: 1;
    visibility: visible;
  }
}
@keyframes animate-hidden {
  100% {
    opacity: 1;
    visibility: visible;
  }
}
@-webkit-keyframes animate-visible {
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes animate-visible {
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
/* some merge libraries overrides global styles and our UI is broken - it's workaround */
/* CORE: global styles */
[class*="ds-icon--font__"]:before {
  text-align: center;
  font-family: 'uxpds-icons';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  speak: none;
  text-transform: none;
  line-height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[class*="ds-icon--custom__"]:before {
  font-family: "ProximaNova", sans-serif;
}
.ds-icon--font__action-add-random:before {
  content: '\E000';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-add-to-favorites:before {
  content: '\E001';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-archive:before {
  content: '\E002';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-unarchive:before {
  content: '\E058';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-arrange-left:before {
  content: '\E004';
  color: #919191;
  font-size: 14px;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.ds-icon--font__action-arrange-right:before {
  content: '\E004';
  color: #919191;
  font-size: 14px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.ds-icon--font__action-arrange-top:before {
  content: '\E004';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-arrange-bottom:before {
  content: '\E004';
  color: #919191;
  font-size: 14px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.ds-icon--font__action-arrange-center-vertical:before {
  content: '\E003';
  color: #919191;
  font-size: 14px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.ds-icon--font__action-arrange-center-horizontal:before {
  content: '\E003';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-attach-to-side-right:before {
  content: '\E005';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-attach-to-side-left:before {
  content: '\E005';
  color: #919191;
  font-size: 14px;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
.ds-icon--font__action-autoresize:before {
  content: '\E006';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-break-symbol:before {
  content: '\E007';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-change-project-group:before {
  content: '\E008';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-close:before {
  content: '\E010';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-close-bold:before {
  content: '\E010';
  color: #919191;
  font-size: 14px;
  font-weight: bold;
}
.ds-icon--font__action-close-panel:before {
  content: '\E009';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-detaching-handler:before {
  content: '\E011';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-direction-horizontal:before {
  content: '\E012';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-direction-vertical:before {
  content: '\E013';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-disable:before {
  content: '\E014';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-distribute-horizontal:before {
  content: '\E016';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-distribute-on-grid:before {
  content: '\E015';
  color: #919191;
  font-size: 14px;
  -webkit-transform: translateX(0.5px);
          transform: translateX(0.5px);
}
.ds-icon--font__action-distribute-vertical:before {
  content: '\E016';
  color: #919191;
  font-size: 14px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.ds-icon--font__action-duplicate:before {
  content: '\E017';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-element-align-bottom:before {
  content: '\E019';
  color: #919191;
  font-size: 11px;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.ds-icon--font__action-element-align-center-vertical:before {
  content: '\E018';
  color: #919191;
  font-size: 11px;
}
.ds-icon--font__action-element-align-center-horizontal:before {
  content: '\E018';
  color: #919191;
  font-size: 11px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.ds-icon--font__action-element-align-left:before {
  content: '\E019';
  color: #919191;
  font-size: 11px;
  -webkit-transform: translateX(0.5px);
          transform: translateX(0.5px);
}
.ds-icon--font__action-element-align-right:before {
  content: '\E019';
  color: #919191;
  font-size: 11px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.ds-icon--font__action-element-align-top:before {
  content: '\E019';
  color: #919191;
  font-size: 11px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.ds-icon--font__action-element-flip-horizontal:before {
  content: '\E020';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-element-flip-vertical:before {
  content: '\E020';
  color: #919191;
  font-size: 14px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.ds-icon--font__action-enable:before {
  content: '\E021';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-exit:before {
  content: '\E022';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-frame-add:before {
  content: '\E025';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-frame-remove:before {
  content: '\E026';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-filter:before {
  content: '\E024';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-filter-text:before {
  content: '\E023';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-full-screen:before {
  content: '\E027';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-resizing-auto-horizontal:before {
  content: '\E050';
  color: #919191;
  font-size: 14px;
  -webkit-transform: translateX(0.5px);
          transform: translateX(0.5px);
}
.ds-icon--font__action-resizing-fill-horizontal:before {
  content: '\E051';
  color: #919191;
  font-size: 14px;
  -webkit-transform: translateX(0.5px);
          transform: translateX(0.5px);
}
.ds-icon--font__action-resizing-fixed-horizontal:before {
  content: '\E052';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-resizing-auto-vertical:before {
  content: '\E050';
  color: #919191;
  font-size: 14px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.ds-icon--font__action-resizing-fill-vertical:before {
  content: '\E051';
  color: #919191;
  font-size: 14px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.ds-icon--font__action-resizing-fixed-vertical:before {
  content: '\E052';
  color: #919191;
  font-size: 14px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.ds-icon--font__action-insert-data:before {
  content: '\E028';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-log-out:before {
  content: '\E029';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-mask:before {
  content: '\E030';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-move-behind:before {
  content: '\E031';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-move-by:before {
  content: '\E032';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-move-forward:before {
  content: '\E033';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-move-to:before {
  content: '\E036';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-move-to-back:before {
  content: '\E034';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-move-to-front:before {
  content: '\E035';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-multiproperty-lock:before {
  content: '\E037';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-multiproperty-unlock-borders:before {
  content: '\E038';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-multiproperty-unlock-corners:before {
  content: '\E039';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-next-state:before {
  content: '\E040';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-path-break:before {
  content: '\E041';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-path-default:before {
  content: '\E042';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-path-difference:before {
  content: '\E043';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-path-intersect:before {
  content: '\E044';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-path-subtract:before {
  content: '\E045';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-path-union:before {
  content: '\E046';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-pause:before {
  content: '\E047';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-previous-state:before {
  content: '\E048';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-remove-from-group:before {
  content: '\E049';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-set-content:before {
  content: '\E053';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-set-property:before {
  content: '\E054';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-set-storybook-property:before {
  content: '\E055';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-symbol-sync:before {
  content: '\E057';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-switch:before {
  content: '\E056';
  color: #919191;
  font-size: 8px;
}
.ds-icon--font__action-unmask:before {
  content: '\E059';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__adjust-settings:before {
  content: '\E060';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__advanced-animation:before {
  content: '\E061';
  color: #919191;
  font-size: 12px;
}
.ds-icon--font__angle:before {
  content: '\E063';
  color: #919191;
  font-size: 8px;
}
.ds-icon--font__api-request:before {
  content: '\E065';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__arrow-left:before {
  content: '\E079';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__arrow-right:before {
  content: '\E079';
  color: #919191;
  font-size: 14px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.ds-icon--font__arrow-up:before {
  content: '\E079';
  color: #919191;
  font-size: 14px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.ds-icon--font__arrow-down:before {
  content: '\E079';
  color: #919191;
  font-size: 14px;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.ds-icon--font__arrow-axis:before {
  content: '\E066';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__arrow-enter:before {
  content: '\E067';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__arrow-go-back:before {
  content: '\E068';
  color: #919191;
  font-size: 12px;
}
.ds-icon--font__arrow-play:before {
  content: '\E069';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__arrow-redo:before {
  content: '\E070';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__arrow-repeat:before {
  content: '\E071';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__arrow-replace:before {
  content: '\E072';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__arrow-retrieve:before {
  content: '\E073';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__arrow-rotate:before {
  content: '\E074';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__state-base:before {
  content: '\E284';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__arrow-show-vertical:before {
  content: '\E075';
  color: #919191;
  font-size: 9px;
}
.ds-icon--font__arrow-show-horizontal:before {
  content: '\E075';
  color: #919191;
  font-size: 9px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.ds-icon--font__arrow-size:before {
  content: '\E076';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__arrow-thin-left:before {
  content: '\E077';
  color: #919191;
  font-size: 14px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.ds-icon--font__arrow-thin-right:before {
  content: '\E077';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__arrow-thin-up:before {
  content: '\E077';
  color: #919191;
  font-size: 14px;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.ds-icon--font__arrow-thin-down:before {
  content: '\E077';
  color: #919191;
  font-size: 14px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.ds-icon--font__arrow-undo:before {
  content: '\E078';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__brand-apple:before {
  content: '\E080';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__brand-google-simple:before {
  content: '\E081';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__brand-google:before {
  content: '\E082';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__brand-npm:before {
  content: '\E083';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__brand-react:before {
  content: '\E084';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__brand-sketch:before {
  content: '\E085';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__brand-slack:before {
  content: '\E086';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__brand-storybook:before {
  content: '\E087';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__brand-twitter:before {
  content: '\E088';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__brand-uxpin:before {
  content: '\E089';
  width: 40px;
  height: 40px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: transparent;
  color: rgba(0, 0, 0, 0.4);
  font-size: 10px;
}
.ds-icon--font__brand-windows:before {
  content: '\E090';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__building:before {
  content: '\E091';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__bulb:before {
  content: '\E092';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__calendar:before {
  content: '\E094';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__calendar-grey:before {
  content: '\E093';
  color: #919191;
  font-size: 16px;
}
.ds-icon--font__changelog:before {
  content: '\E095';
  color: #919191;
  font-size: 11px;
}
.ds-icon--font__chevron-down:before {
  content: '\E096';
  color: #919191;
  font-size: 7px;
}
.ds-icon--font__chevron-up:before {
  content: '\E096';
  color: #919191;
  font-size: 7px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.ds-icon--font__chevron-left:before {
  content: '\E096';
  color: #919191;
  font-size: 7px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.ds-icon--font__chevron-right:before {
  content: '\E096';
  color: #919191;
  font-size: 7px;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.ds-icon--font__clock:before {
  content: '\E097';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__code-block:before {
  content: '\E098';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__code-inline:before {
  content: '\E099';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__color-drop:before {
  content: '\E100';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__color-gradient-angle:before {
  content: '\E101';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__color-gradient-linear:before {
  content: '\E102';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__color-gradient-radial:before {
  content: '\E103';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__color-solid:before {
  content: '\E104';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__colors-dropper:before {
  content: '\E105';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__colors-schemes:before {
  content: '\E106';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__colors-swatches:before {
  content: '\E107';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__connection-connected:before {
  content: '\E108';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__connection-disconnected:before {
  content: '\E109';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__connection-locally:before {
  content: '\E110';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__corner-top-left:before {
  content: '\E111';
  color: #919191;
  font-size: 7px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.ds-icon--font__corner-top-right:before {
  content: '\E111';
  color: #919191;
  font-size: 7px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.ds-icon--font__corner-bottom-right:before {
  content: '\E111';
  color: #919191;
  font-size: 7px;
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
}
.ds-icon--font__corner-bottom-left:before {
  content: '\E111';
  color: #919191;
  font-size: 7px;
}
.ds-icon--font__cursor-crosshair:before {
  content: '\E112';
  color: #919191;
  font-size: 12px;
}
.ds-icon--font__cursor-default:before {
  content: '\E113';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__cursor-pointer:before {
  content: '\E114';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__desktop-app:before {
  content: '\E115';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__dollar:before {
  content: '\E116';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__dot:before {
  content: '\E118';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__dot-grey:before {
  content: '\E117';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__dots-horizontal:before {
  content: '\E119';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__dots-vertical:before {
  content: '\E119';
  color: #919191;
  font-size: 14px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.ds-icon--font__elements-audio:before {
  content: '\E123';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__elements-flexbox:before {
  content: '\E120';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__elements-html:before {
  content: '\E121';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__elements-text-merge:before {
  content: '\E122';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__elements-box:before {
  content: '\E126';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__elements-box-with-label:before {
  content: '\E125';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__elements-box-rounded:before {
  content: '\E124';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__elements-button:before {
  content: '\E127';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__elements-checkbox:before {
  content: '\E128';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__elements-circle:before {
  content: '\E129';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__elements-component-from-library:before {
  content: '\E131';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__elements-code-component:before {
  content: '\E130';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__elements-element:before {
  content: '\E132';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__elements-frame:before {
  content: '\E133';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__elements-generic:before {
  content: '\E134';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__elements-grid:before {
  content: '\E138';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__elements-grid-layout:before {
  content: '\E136';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__elements-grid-baseline:before {
  content: '\E135';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__elements-grid-square:before {
  content: '\E137';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__elements-hotspot:before {
  content: '\E139';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__elements-icon:before {
  content: '\E140';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__elements-image:before {
  content: '\E141';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__elements-input:before {
  content: '\E142';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__elements-line:before {
  content: '\E143';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__elements-merge-user-pattern:before {
  content: '\E146';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__elements-merge-pattern:before {
  content: '\E145';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__elements-merge-mui:before {
  content: '\E144';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__elements-multi-select:before {
  content: '\E147';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__elements-multistates:before {
  content: '\E149';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__elements-multistates-edit:before {
  content: '\E148';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__elements-navigation:before {
  content: '\E150';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__elements-note:before {
  content: '\E151';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__elements-path:before {
  content: '\E152';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__elements-pencil:before {
  content: '\E153';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__elements-radio:before {
  content: '\E154';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__elements-select-list:before {
  content: '\E155';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__elements-slice:before {
  content: '\E156';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__elements-storybook:before {
  content: '\E157';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__elements-symbol:before {
  content: '\E158';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__elements-table:before {
  content: '\E159';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__elements-text-block:before {
  content: '\E160';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__elements-text-element:before {
  content: '\E161';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__elements-text-experimental-element:before {
  content: '\E162';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__elements-textarea:before {
  content: '\E163';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__elements-triangle:before {
  content: '\E165';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__elements-tooltip:before {
  content: '\E164';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__elements-unsymbol:before {
  content: '\E166';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__elements-video:before {
  content: '\E167';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__endpoint-empty-circle:before {
  content: '\E168';
  color: #5e5e5e;
  font-size: 16px;
}
.ds-icon--font__endpoint-empty-rectangle:before {
  content: '\E169';
  color: #5e5e5e;
  font-size: 16px;
}
.ds-icon--font__endpoint-empty-rhomb:before {
  content: '\E170';
  color: #5e5e5e;
  font-size: 16px;
}
.ds-icon--font__endpoint-empty-triangle:before {
  content: '\E171';
  color: #5e5e5e;
  font-size: 16px;
}
.ds-icon--font__endpoint-filled-arrow:before {
  content: '\E172';
  color: #5e5e5e;
  font-size: 16px;
}
.ds-icon--font__endpoint-filled-circle:before {
  content: '\E173';
  color: #5e5e5e;
  font-size: 16px;
}
.ds-icon--font__endpoint-filled-rectangle:before {
  content: '\E174';
  color: #5e5e5e;
  font-size: 16px;
}
.ds-icon--font__endpoint-filled-rhomb:before {
  content: '\E175';
  color: #5e5e5e;
  font-size: 16px;
}
.ds-icon--font__endpoint-filled-triangle:before {
  content: '\E176';
  color: #5e5e5e;
  font-size: 16px;
}
.ds-icon--font__endpoint-line:before {
  content: '\E177';
  color: #5e5e5e;
  font-size: 16px;
}
.ds-icon--font__endpoint-mirrored-triangle:before {
  content: '\E178';
  color: #5e5e5e;
  font-size: 16px;
}
.ds-icon--font__endpoint-none:before {
  content: '\E179';
  color: #5e5e5e;
  font-size: 16px;
}
.ds-icon--font__endpoint-opened-triangle:before {
  content: '\E180';
  color: #5e5e5e;
  font-size: 16px;
}
.ds-icon--font__exclamation-mark:before {
  content: '\E181';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__expander-collapsed:before {
  content: '\E182';
  color: #919191;
  font-size: 5px;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.ds-icon--font__expander-expanded:before {
  content: '\E182';
  color: #919191;
  font-size: 5px;
}
.ds-icon--font__external-link:before {
  content: '\E183';
  color: #919191;
  font-size: 12px;
}
.ds-icon--font__feature-accessibility:before {
  content: '\E184';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__feature-animations:before {
  content: '\E185';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__feature-approval:before {
  content: '\E186';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__feature-auto-backup:before {
  content: '\E187';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__feature-chat:before {
  content: '\E188';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__feature-comments:before {
  content: '\E189';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__feature-community:before {
  content: '\E190';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__feature-discussion:before {
  content: '\E191';
  color: #919191;
  font-size: 11px;
}
.ds-icon--font__feature-uxpin-docs:before {
  content: '\E205';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__feature-documentation:before {
  content: '\E192';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__feature-grid:before {
  content: '\E193';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__feature-iteration:before {
  content: '\E194';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__feature-layers:before {
  content: '\E195';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__feature-overview:before {
  content: '\E201';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__feature-overview-big:before {
  content: '\E198';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__feature-overview-medium:before {
  content: '\E199';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__feature-overview-small:before {
  content: '\E200';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__feature-responsive:before {
  content: '\E202';
  color: #919191;
  font-size: 10px;
}
.ds-icon--font__feature-sitemap:before {
  content: '\E203';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__feature-live-presentation:before {
  content: '\E196';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__feature-mobile:before {
  content: '\E197';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__feature-usability-testing:before {
  content: '\E204';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__feature-version-control:before {
  content: '\E206';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__files-download:before {
  content: '\E022';
  color: #919191;
  font-size: 14px;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.ds-icon--font__files-download-cloud:before {
  content: '\E207';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__files-upload:before {
  content: '\E208';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__folder-closed:before {
  content: '\E211';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__folder-closed-outline:before {
  content: '\E210';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__folder-opened:before {
  content: '\E212';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__font-adobe:before {
  content: '\E213';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__font-local:before {
  content: '\E214';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__font-uploaded:before {
  content: '\E215';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__gap-horizontal:before {
  content: '\E216';
  color: #919191;
  font-size: 8px;
}
.ds-icon--font__gap-vertical:before {
  content: '\E217';
  color: #919191;
  font-size: 8px;
}
.ds-icon--font__gear:before {
  content: '\E218';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__git:before {
  content: '\E219';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__stackblitz:before {
  content: '\E281';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__quickstart:before {
  content: '\E266';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__watchvid:before {
  content: '\E344';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__link-html:before {
  content: '\E238';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__html-el:before {
  content: '\E223';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__header-html:before {
  content: '\E221';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__grid:before {
  content: '\E220';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__flexbox:before {
  content: '\E209';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__ai:before {
  content: '\E062';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__tailwind:before {
  content: '\E307';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__antd:before {
  content: '\E064';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__react-bootstrap:before {
  content: '\E267';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__heart:before {
  content: '\E222';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__info-simple:before {
  content: '\E224';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__info-warning:before {
  content: '\E225';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__info-warning-bold:before {
  content: '\E225';
  color: #919191;
  font-size: 14px;
  font-weight: bold;
}
.ds-icon--font__key-arrow-all:before {
  content: '\E226';
  color: #919191;
  font-size: 12px;
}
.ds-icon--font__keyboard:before {
  content: '\E227';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__laptop:before {
  content: '\E228';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__layout-list:before {
  content: '\E229';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__layout-medium-tile:before {
  content: '\E231';
  color: #919191;
  font-size: 13px;
}
.ds-icon--font__layout-medium-tile-outline:before {
  content: '\E230';
  color: #919191;
  font-size: 13px;
}
.ds-icon--font__layout-small-tile:before {
  content: '\E232';
  color: #919191;
  font-size: 13px;
}
.ds-icon--font__libraries-design-libraries:before {
  content: '\E233';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__libraries-more:before {
  content: '\E234';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__libraries-simple:before {
  content: '\E235';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__link-chain:before {
  content: '\E237';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__link-chain-break:before {
  content: '\E236';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__list-indentation-add:before {
  content: '\E239';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__list-indentation-remove:before {
  content: '\E240';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__list-ordered:before {
  content: '\E241';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__list-unordered:before {
  content: '\E242';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__mail:before {
  content: '\E243';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__mask:before {
  content: '\E244';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__media-pause:before {
  content: '\E245';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__media-play:before {
  content: '\E246';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__media-stop:before {
  content: '\E247';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__minus-outline:before {
  content: '\E248';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__moon:before {
  content: '\E249';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__opacity:before {
  content: '\E250';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__options-view:before {
  content: '\E251';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__padlock-broken:before {
  content: '\E252';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__padlock-locked:before {
  content: '\E253';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__padlock-unlocked:before {
  content: '\E254';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__pencil:before {
  content: '\E256';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__piggy-bank:before {
  content: '\E257';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__pen-tool:before {
  content: '\E255';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__pin-map:before {
  content: '\E259';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__pin-map-solid:before {
  content: '\E258';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__pin-simple:before {
  content: '\E260';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__plugins:before {
  content: '\E261';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__plus:before {
  content: '\E263';
  color: #919191;
  font-size: 8px;
}
.ds-icon--font__plus-outline:before {
  content: '\E262';
  color: #919191;
  font-size: 11px;
}
.ds-icon--font__question-mark:before {
  content: '\E265';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__question-mark-solid:before {
  content: '\E264';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__scroll-to:before {
  content: '\E268';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__search:before {
  content: '\E269';
  color: #919191;
  font-size: 12px;
}
.ds-icon--font__settings:before {
  content: '\E270';
  color: #919191;
  font-size: 12px;
}
.ds-icon--font__shape-diamond:before {
  content: '\E271';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__shape-rhombus:before {
  content: '\E272';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__shape-star:before {
  content: '\E273';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__shape-triangle-right-angled:before {
  content: '\E274';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__shape-triangle:before {
  content: '\E275';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__share-closed:before {
  content: '\E276';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__share-opened:before {
  content: '\E277';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__shopping-cart:before {
  content: '\E278';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__sound-mute:before {
  content: '\E279';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__sound-unmute:before {
  content: '\E280';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__star-outline:before {
  content: '\E282';
  color: #63ad0e;
  font-size: 14px;
}
.ds-icon--font__star-solid:before {
  content: '\E283';
  color: #63ad0e;
  font-size: 14px;
}
.ds-icon--font__status-approved-solid:before {
  content: '\E285';
  color: #63ad0e;
  font-size: 14px;
}
.ds-icon--font__status-approved:before {
  content: '\E286';
  color: #63ad0e;
  font-size: 14px;
}
.ds-icon--font__status-paused:before {
  content: '\E287';
  color: #a6a6a6;
  font-size: 14px;
}
.ds-icon--font__status-progress:before {
  content: '\E288';
  color: #a6a6a6;
  font-size: 14px;
}
.ds-icon--font__status-rejected-solid:before {
  content: '\E289';
  color: #fb0d00;
  font-size: 14px;
}
.ds-icon--font__status-rejected:before {
  content: '\E290';
  color: #fb0d00;
  font-size: 14px;
}
.ds-icon--font__status-waiting:before {
  content: '\E291';
  color: #ffc000;
  font-size: 14px;
}
.ds-icon--font__stroke-end-butt:before {
  content: '\E293';
  color: #919191;
  font-size: 14px;
  top: 1px;
}
.ds-icon--font__stroke-end-round:before {
  content: '\E294';
  color: #919191;
  font-size: 11px;
}
.ds-icon--font__stroke-end-square:before {
  content: '\E295';
  color: #919191;
  font-size: 11px;
}
.ds-icon--font__stroke-join-bevel:before {
  content: '\E297';
  color: #919191;
  font-size: 11px;
}
.ds-icon--font__stroke-join-miter:before {
  content: '\E298';
  color: #919191;
  font-size: 11px;
}
.ds-icon--font__stroke-center:before {
  content: '\E292';
  color: #919191;
  font-size: 11px;
}
.ds-icon--font__stroke-inside:before {
  content: '\E296';
  color: #919191;
  font-size: 11px;
}
.ds-icon--font__stroke-outside:before {
  content: '\E300';
  color: #919191;
  font-size: 11px;
}
.ds-icon--font__stroke-join-round:before {
  content: '\E299';
  color: #919191;
  font-size: 11px;
}
.ds-icon--font__stroke-point-asymmetric:before {
  content: '\E301';
  color: #919191;
  font-size: 13px;
}
.ds-icon--font__stroke-point-disconnected:before {
  content: '\E302';
  color: #919191;
  font-size: 13px;
}
.ds-icon--font__stroke-point-mirrored:before {
  content: '\E303';
  color: #919191;
  font-size: 13px;
}
.ds-icon--font__stroke-point-straight:before {
  content: '\E304';
  color: #919191;
  font-size: 13px;
}
.ds-icon--font__sun:before {
  content: '\E306';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__sun-half:before {
  content: '\E305';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__thunder:before {
  content: '\E308';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__ticker:before {
  content: '\E309';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__tooltip-left:before {
  content: '\E310';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__tooltip-right:before {
  content: '\E310';
  color: #919191;
  font-size: 14px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.ds-icon--font__tooltip-top:before {
  content: '\E311';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__tooltip-bottom:before {
  content: '\E311';
  color: #919191;
  font-size: 14px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.ds-icon--font__trash:before {
  content: '\E312';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__tutorial-text:before {
  content: '\E313';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__typography-align-center:before {
  content: '\E314';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__typography-align-justify:before {
  content: '\E315';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__typography-align-left:before {
  content: '\E316';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__typography-align-right:before {
  content: '\E316';
  color: #919191;
  font-size: 14px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.ds-icon--font__typography-auto-height:before {
  content: '\E317';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__typography-auto-width:before {
  content: '\E318';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__typography-bold:before {
  content: '\E319';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__typography-capitalize:before {
  content: '\E320';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__typography-fixed-size:before {
  content: '\E321';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__typography-fixed-width:before {
  content: '\E322';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__typography-font-size:before {
  content: '\E323';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__typography-fraction:before {
  content: '\E324';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__typography-italic:before {
  content: '\E325';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__typography-letter-spacing:before {
  content: '\E326';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__typography-ligature:before {
  content: '\E327';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__typography-line-height:before {
  content: '\E328';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__typography-lowercase:before {
  content: '\E329';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__typography-small-caps:before {
  content: '\E330';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__typography-strike:before {
  content: '\E331';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__typography-superscription:before {
  content: '\E333';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__typography-subscription:before {
  content: '\E332';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__typography-underline:before {
  content: '\E334';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__typography-uppercase:before {
  content: '\E335';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__typography-vertical-align-bottom:before {
  content: '\E337';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__typography-vertical-align-center:before {
  content: '\E336';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__typography-vertical-align-top:before {
  content: '\E337';
  color: #919191;
  font-size: 14px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.ds-icon--font__user-add:before {
  content: '\E338';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__user-simple:before {
  content: '\E339';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__variable:before {
  content: '\E340';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__visibility-hidden:before {
  content: '\E341';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__visibility-toggle:before {
  content: '\E342';
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__visibility-visible:before {
  content: '\E343';
  color: #919191;
  font-size: 14px;
}
.ds-icon--custom__element-line:before {
  content: '';
  width: 10px;
  height: 1px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  background: #919191;
}
.ds-icon--custom__element-hr:before {
  content: '\2014';
  color: #919191;
  font-size: 17px;
  font-weight: bold;
}
.ds-icon--custom__key-alt:before {
  content: 'Alt';
  color: #fff;
  font-size: 12px;
  font-family: "ProximaNova", sans-serif;
}
.mac .ds-icon--custom__key-alt:before {
  content: '\2325';
  font-size: 10px;
}
.ds-icon--custom__key-cmd:before {
  content: 'Ctrl';
  color: #fff;
  font-size: 12px;
  font-family: "ProximaNova", sans-serif;
}
.mac .ds-icon--custom__key-cmd:before {
  content: '\2318';
}
.ds-icon--custom__key-shift:before {
  content: 'Shift';
  color: #fff;
  font-size: 12px;
  font-family: "ProximaNova", sans-serif;
}
.mac .ds-icon--custom__key-shift:before {
  content: '\21E7';
  font-size: 10px;
}
.ds-icon--custom__minus:before {
  content: '-';
  color: #919191;
  font-size: 14px;
}
.ds-icon--custom__typography-h1:before {
  content: 'H1';
  color: #919191;
  font-size: 14px;
}
.ds-icon--custom__typography-h2:before {
  content: 'H2';
  color: #919191;
  font-size: 14px;
}
.ds-icon--custom__typography-h3:before {
  content: 'H3';
  color: #919191;
  font-size: 14px;
}
.ds-icon--custom__typography-blockquote:before {
  content: '\201D';
  color: #919191;
  font-size: 26px;
}
.ds-icon--size-parent:before {
  font-size: inherit;
}
.ds-icon--size-xs:before {
  font-size: 10px;
}
.ds-icon--size-s:before {
  font-size: 12px;
}
.ds-icon--size-m:before {
  font-size: 14px;
}
.ds-icon--size-l:before {
  font-size: 16px;
}
.ds-action-icon-base {
  box-sizing: border-box;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  padding: 0;
  display: -webkit-box;
  display: flex;
  width: 34px;
  height: 34px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  position: relative;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  flex-shrink: 0;
  background-color: transparent;
  color: #5e5e5e;
  text-decoration: none;
  cursor: pointer;
}
.ds-action-icon-base:before,
.ds-action-icon-base:after {
  box-sizing: border-box;
}
.ds-action-icon-base:active,
.ds-action-icon-base:focus {
  outline: none;
}
.ds-action-icon-base:hover,
.ds-action-icon-base.ds-util-is-marked {
  border-color: rgba(0, 0, 0, 0.1);
  background-color: rgba(0, 0, 0, 0.05);
}
.ds-action-icon-base:active,
.ds-action-icon-base.ds-util-is-active {
  border-color: rgba(0, 0, 0, 0.1);
  background-color: rgba(0, 0, 0, 0.1);
}
.ds-action-icon-base--size-s {
  width: 24px;
  height: 24px;
}
.ds-action-icon-base--size-s.ds-action-icon-base--is-working:after {
  width: 12px;
  height: 12px;
  margin: -6px 0 0 -6px;
}
.ds-action-icon-base--size-s:before {
  font-size: 12px;
}
.ds-action-icon-base--size-xs {
  width: 18px;
  height: 18px;
}
.ds-action-icon-base--size-xs.ds-action-icon-base--is-working:after {
  width: 8px;
  height: 8px;
  margin: -4px 0 0 -4px;
  border-width: 1px;
}
.ds-action-icon-base--weight-light.ds-action-icon-base--size-xs.ds-action-icon-base--is-working:after {
  width: 10px;
  height: 10px;
  margin: -5px 0 0 -5px;
}
.ds-action-icon-base--weight-x-light.ds-action-icon-base--size-xs.ds-action-icon-base--is-working:after {
  width: 10px;
  height: 10px;
  margin: -5px 0 0 -5px;
}
.ds-action-icon-base--size-xs:before {
  font-size: 8px;
}
.ds-action-icon-base--weight-light.ds-action-icon-base--size-xs:before {
  font-size: 10px;
}
.ds-action-icon-base--weight-x-light.ds-action-icon-base--size-xs:before {
  font-size: 10px;
}
.ds-action-icon-base--stretched {
  width: 100%;
  height: 100%;
  border-radius: initial;
}
.ds-action-icon-base--style-approve {
  border-color: rgba(113, 197, 16, 0.3);
  color: #71c510;
}
.ds-action-icon-base--style-approve:hover,
.ds-action-icon-base--style-approve.ds-util-is-marked {
  border-color: rgba(113, 197, 16, 0.3);
  background-color: rgba(113, 197, 16, 0.05);
}
.ds-action-icon-base--style-approve:active,
.ds-action-icon-base--style-approve.ds-util-is-active {
  border-color: #71c510;
  background-color: #71c510;
  color: #fff;
}
.ds-action-icon-base--style-chameleon {
  border-color: rgba(255, 255, 255, 0.3);
  color: #fff;
}
.ds-action-icon-base--style-chameleon:hover,
.ds-action-icon-base--style-chameleon.ds-util-is-marked {
  background-color: rgba(255, 255, 255, 0.2);
}
.ds-action-icon-base--style-chameleon:active,
.ds-action-icon-base--style-chameleon.ds-util-is-active {
  background-color: rgba(255, 255, 255, 0.3);
}
.ds-action-icon-base--style-destructive {
  border-color: rgba(251, 13, 0, 0.15);
  color: #fb0d00;
}
.ds-action-icon-base--style-destructive:hover,
.ds-action-icon-base--style-destructive.ds-util-is-marked {
  border-color: rgba(251, 13, 0, 0.15);
  background-color: rgba(251, 13, 0, 0.05);
}
.ds-action-icon-base--style-destructive:active,
.ds-action-icon-base--style-destructive.ds-util-is-active {
  border-color: rgba(251, 13, 0, 0.15);
  background-color: rgba(251, 13, 0, 0.1);
  color: #fb0d00;
}
.ds-action-icon-base--weight-light {
  border: none;
}
.ds-action-icon-base--weight-light:hover,
.ds-action-icon-base--weight-light.ds-util-is-marked {
  background-color: rgba(0, 0, 0, 0.05);
}
.ds-action-icon-base--weight-light:active,
.ds-action-icon-base--weight-light.ds-util-is-active {
  background-color: rgba(0, 0, 0, 0.1);
}
.ds-action-icon-base--weight-light.ds-action-icon-base--style-approve {
  color: #5e5e5e;
}
.ds-action-icon-base--weight-light.ds-action-icon-base--style-approve:hover,
.ds-action-icon-base--weight-light.ds-action-icon-base--style-approve.ds-util-is-marked {
  background-color: rgba(0, 0, 0, 0.05);
}
.ds-action-icon-base--weight-light.ds-action-icon-base--style-approve:active,
.ds-action-icon-base--weight-light.ds-action-icon-base--style-approve.ds-util-is-active {
  background-color: #71c510;
  color: #fff;
}
.ds-action-icon-base--weight-light.ds-action-icon-base--style-destructive {
  color: #5e5e5e;
}
.ds-action-icon-base--weight-light.ds-action-icon-base--style-destructive:hover,
.ds-action-icon-base--weight-light.ds-action-icon-base--style-destructive.ds-util-is-marked {
  background-color: rgba(0, 0, 0, 0.05);
}
.ds-action-icon-base--weight-light.ds-action-icon-base--style-destructive:active,
.ds-action-icon-base--weight-light.ds-action-icon-base--style-destructive.ds-util-is-active {
  background-color: rgba(251, 13, 0, 0.05);
  color: #e20c00;
}
.ds-action-icon-base--weight-light.ds-action-icon-base--style-chameleon {
  color: #fff;
}
.ds-action-icon-base--weight-light.ds-action-icon-base--style-chameleon:hover,
.ds-action-icon-base--weight-light.ds-action-icon-base--style-chameleon.ds-util-is-marked {
  background-color: rgba(255, 255, 255, 0.2);
}
.ds-action-icon-base--weight-light.ds-action-icon-base--style-chameleon:active,
.ds-action-icon-base--weight-light.ds-action-icon-base--style-chameleon.ds-util-is-active {
  background-color: rgba(255, 255, 255, 0.3);
}
.ds-action-icon-base--weight-x-light {
  border: none;
}
.ds-action-icon-base--weight-x-light:hover,
.ds-action-icon-base--weight-x-light.ds-util-is-marked {
  background-color: transparent;
}
.ds-action-icon-base--weight-x-light:active,
.ds-action-icon-base--weight-x-light.ds-util-is-active {
  background-color: transparent;
}
.ds-action-icon-base--weight-x-light.ds-action-icon-base--style-approve {
  color: #5e5e5e;
}
.ds-action-icon-base--weight-x-light.ds-action-icon-base--style-approve:hover,
.ds-action-icon-base--weight-x-light.ds-action-icon-base--style-approve.ds-util-is-marked {
  background-color: transparent;
  color: #71c510;
}
.ds-action-icon-base--weight-x-light.ds-action-icon-base--style-approve:active,
.ds-action-icon-base--weight-x-light.ds-action-icon-base--style-approve.ds-util-is-active {
  background-color: transparent;
  color: #63ad0e;
}
.ds-action-icon-base--weight-x-light.ds-action-icon-base--style-destructive {
  color: #5e5e5e;
}
.ds-action-icon-base--weight-x-light.ds-action-icon-base--style-destructive:hover,
.ds-action-icon-base--weight-x-light.ds-action-icon-base--style-destructive.ds-util-is-marked {
  background-color: transparent;
  color: #fb0d00;
}
.ds-action-icon-base--weight-x-light.ds-action-icon-base--style-destructive:active,
.ds-action-icon-base--weight-x-light.ds-action-icon-base--style-destructive.ds-util-is-active {
  background-color: transparent;
  color: #e20c00;
}
.ds-action-icon-base--weight-x-light.ds-action-icon-style-chameleon {
  color: #fff;
}
.ds-action-icon-base--weight-x-light.ds-action-icon-style-chameleon:hover,
.ds-action-icon-base--weight-x-light.ds-action-icon-style-chameleon.ds-util-is-marked {
  background-color: transparent;
}
.ds-action-icon-base--weight-x-light.ds-action-icon-style-chameleon:active,
.ds-action-icon-base--weight-x-light.ds-action-icon-style-chameleon.ds-util-is-active {
  background-color: transparent;
}
.ds-action-icon-base:disabled,
.ds-action-icon-base.ds-util-is-disabled {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ds-action-icon-base:disabled,
.ds-action-icon-base.ds-util-is-disabled,
.ds-action-icon-base:disabled:hover,
.ds-action-icon-base.ds-util-is-disabled:hover,
.ds-action-icon-base:disabled.ds-util-is-marked,
.ds-action-icon-base.ds-util-is-disabled.ds-util-is-marked {
  color: #c0c0c0;
}
.ds-action-icon-base:disabled:active:not(.ds-action-icon-base--weight-x-light),
.ds-action-icon-base.ds-util-is-disabled:active:not(.ds-action-icon-base--weight-x-light),
.ds-action-icon-base:disabled.ds-util-is-active:not(.ds-action-icon-base--weight-x-light),
.ds-action-icon-base.ds-util-is-disabled.ds-util-is-active:not(.ds-action-icon-base--weight-x-light) {
  background-color: rgba(0, 0, 0, 0.05);
}
.ds-action-icon-base--is-working:after {
  content: '';
  width: 16px;
  height: 16px;
  margin: -8px 0 0 -8px;
  border-radius: 100%;
  border: 2px solid currentColor;
  border-top-color: transparent !important;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 5;
  -webkit-animation: loading 0.5s infinite linear;
          animation: loading 0.5s infinite linear;
}
@-webkit-keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.ds-action-icon-base--is-working:before {
  display: none;
}
.ds-action-icon-base--has-only-icon {
  position: relative;
  -webkit-box-pack: left;
          justify-content: left;
  font-size: 0;
  text-indent: 5000px;
  white-space: nowrap;
  overflow: hidden;
}
.ds-action-icon-base--has-only-icon:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  text-indent: 0;
}
.ds-action-icon-base:before {
  color: currentColor;
}
.ds-avatar-base {
  box-sizing: border-box;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  padding: 0;
  display: -webkit-box;
  display: flex;
  border-radius: 50%;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  font-family: "ProximaNova", sans-serif;
  text-transform: uppercase;
  overflow: hidden;
}
.ds-avatar-base:before,
.ds-avatar-base:after {
  box-sizing: border-box;
}
.ds-avatar-base--size-s {
  font-size: 12px;
  line-height: 16px;
  width: 24px;
  height: 24px;
}
.ds-avatar-base--size-xs {
  font-size: 10px;
  line-height: 16px;
  width: 18px;
  height: 18px;
}
.ds-avatar-base--content-position-helper {
  padding-top: 1px;
}
.ds-choose-base {
  box-sizing: border-box;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  padding: 0;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}
.ds-choose-base:before,
.ds-choose-base:after {
  box-sizing: border-box;
}
.ds-choose-base .ds-choose-base {
  padding-left: 20px;
}
.ds-choose-base .ds-tip--hint {
  margin-left: 20px;
}
.ds-choose-base__label {
  position: relative;
  -webkit-box-align: center;
          align-items: center;
  cursor: pointer;
}
.ds-choose-base__label:hover .ds-choose-base__helper {
  border-color: #b3b3b3;
}
.ds-choose-base__label:empty .ds-choose-base__helper {
  margin-top: 0;
}
.ds-choose-base__label.ds-label--style-chameleon:hover .ds-choose-base__helper {
  border-color: rgba(255, 255, 255, 0.3);
  background: transparent;
}
.ds-choose-base__label.ds-label--style-chameleon .ds-choose-base__helper {
  border-color: rgba(255, 255, 255, 0.3);
  background: transparent;
}
.ds-choose-base__helper {
  box-sizing: border-box;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  padding: 0;
  width: 12px;
  height: 12px;
  margin-top: 3px;
  margin-right: 8px;
  border: 1px solid #cdcdcd;
  position: relative;
  flex-shrink: 0;
  background-color: #fff;
}
.ds-choose-base__helper:before,
.ds-choose-base__helper:after {
  box-sizing: border-box;
}
.ds-choose-base__helper:after {
  content: '';
  width: 4px;
  height: 4px;
  position: absolute;
  top: 3px;
  left: 3px;
}
.ds-choose-base__helper--no-child {
  margin: 0;
}
.ds-choose-base--text-monospace .ds-radio-button__label .ds-choose-base__helper {
  top: 0;
}
.ds-choose-base--is-disabled {
  pointer-events: none;
  opacity: 0.4;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ds-choose-base--is-error .ds-choose-base__label:hover .ds-choose-base__helper {
  border-color: #ff3b30;
}
.ds-choose-base--is-error .ds-choose-base__label .ds-choose-base__helper {
  border-color: #ff3b30;
}
.ds-choose-base--stretched .ds-choose-base__label {
  width: 100%;
}
.ds-choose-base--switched-side .ds-choose-base__label .ds-choose-base__helper {
  margin-right: 0;
  -webkit-box-ordinal-group: 2;
          order: 1;
}
.ds-choose-base--line-distributed .ds-choose-base__label {
  -webkit-box-pack: justify;
          justify-content: space-between;
}
.ds-choose-base__input {
  display: none;
}
.ds-choose-base__input:checked + .ds-choose-base__label:hover .ds-choose-base__helper {
  background: #006cff;
}
.ds-choose-base--is-error .ds-choose-base__input:checked + .ds-choose-base__label:hover .ds-choose-base__helper {
  border-color: #ff3b30;
}
.ds-choose-base--is-error .ds-choose-base__input:checked + .ds-choose-base__label .ds-choose-base__helper {
  border-color: #ff3b30;
  background: #ff3b30;
}
.ds-choose-base__input:checked + .ds-choose-base__label .ds-choose-base__helper {
  border-color: #006cff;
  background: #006cff;
}
.ds-avatar {
  flex-shrink: 0;
  color: #fff;
  font-weight: 600;
}
.ds-avatar--size-s.ds-avatar--has-border {
  padding: 2px;
}
.ds-avatar--size-xs.ds-avatar--has-border {
  padding: 1px;
}
.ds-avatar--has-default-bg {
  background-color: #111111;
}
.ds-avatar--has-text-dark {
  color: rgba(0, 0, 0, 0.8);
}
.ds-avatar__photo {
  display: -webkit-box;
  display: flex;
}
.ds-avatar__photo--rounded {
  border-radius: 50%;
}
.ds-avatar-placeholder {
  background-color: rgba(0, 0, 0, 0.07);
  color: #5e5e5e;
}
.ds-avatar-placeholder--has-placeholder {
  position: relative;
  -webkit-box-pack: left;
          justify-content: left;
  font-size: 0;
  text-indent: 5000px;
  white-space: nowrap;
  overflow: hidden;
}
.ds-avatar-placeholder--has-placeholder:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  text-indent: 0;
}
.ds-avatar-placeholder:before {
  color: inherit;
}
.ds-avatar-placeholder--size-s:before {
  font-size: 10px;
}
.ds-avatar-placeholder--size-xs:before {
  font-size: 8px;
}
.ds-badge {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  text-indent: 0;
  display: -webkit-inline-box;
  display: inline-flex;
  margin: 0;
  padding: 0;
  border-radius: 2px;
  position: relative;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  white-space: nowrap;
}
.ds-badge:before,
.ds-badge:after {
  box-sizing: border-box;
}
.ds-badge:before {
  position: static;
  color: inherit;
  vertical-align: middle;
  line-height: inherit;
  display: inline-block;
  font-size: 10px;
}
.ds-badge--type-text .ds-badge:before {
  margin-top: -1px;
  margin-right: 6px;
}
.ds-badge--type-text {
  padding-right: 6px;
  padding-left: 6px;
}
.ds-badge--type-icon {
  width: 18px;
  cursor: default;
}
.ds-badge--style-default {
  background-color: #006cff;
  color: #fff;
}
.ds-badge--style-neutral {
  background-color: rgba(0, 0, 0, 0.06);
  color: #777777;
}
.ds-badge--style-warning {
  background-color: #ffe080;
  color: #444;
}
.ds-badge--size-s {
  font-size: 12px;
  line-height: 16px;
  height: 18px;
}
.ds-badge--size-xs {
  font-size: 10px;
  line-height: 16px;
  height: 14px;
  text-transform: uppercase;
}
.ds-badge--space-left-s {
  margin-left: 6px;
}
.ds-badge--space-right-s {
  margin-right: 6px;
}
.ds-badge--stretched {
  width: 100%;
}
.ds-badge--is-clickable {
  cursor: pointer;
}
.ds-badge--is-working {
  background-color: #e6e6e6;
  color: #e6e6e6;
  overflow: hidden;
}
.ds-badge--is-working:after {
  content: '';
  width: 8px;
  height: 8px;
  margin: -4px 0 0 -4px;
  border-radius: 100%;
  border: 1px solid #919191;
  border-top-color: transparent !important;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 5;
  -webkit-animation: loading 0.5s infinite linear;
          animation: loading 0.5s infinite linear;
}
@keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.ds-badge--weight-light {
  border-width: 1px;
  border-style: solid;
  background-color: transparent;
}
.ds-badge--weight-light.ds-badge-style-default {
  border-color: #006cff;
  color: #006cff;
}
.ds-badge--weight-light.ds-badge--style-neutral {
  border-color: rgba(0, 0, 0, 0.1);
  color: #777777;
}
.ds-badge--weight-light.ds-badge--style-warning {
  border-color: #ffe080;
  color: #444;
}
.ds-badge--weight-light.ds-badge--is-working {
  border-color: #e6e6e6;
  color: transparent;
}
.ds-btn {
  box-sizing: border-box;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  display: -webkit-box;
  display: flex;
  height: 34px;
  padding: 0 20px;
  border: none;
  border-radius: 2px;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  font-family: "ProximaNova", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 100%;
  text-decoration: none;
  white-space: pre;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ds-btn:before,
.ds-btn:after {
  box-sizing: border-box;
}
.ds-btn:active,
.ds-btn:focus {
  outline: none;
}
.ds-btn[class*='icon-']:before {
  position: static;
  color: inherit;
  vertical-align: middle;
  line-height: inherit;
  margin-right: 6px;
}
.ds-btn--link-type {
  display: -webkit-inline-box;
  display: inline-flex;
}
.ds-btn--size-l {
  height: 50px;
  padding: 0 24px;
  font-size: 16px;
}
.ds-btn--size-s,
.ds-btn--size-xs {
  font-size: 12px;
}
.ds-btn--size-s[class*='icon-']:before,
.ds-btn--size-xs[class*='icon-']:before {
  margin-right: 5px;
}
.ds-btn--size-s {
  height: 24px;
  padding: 0 10px;
}
.ds-btn--size-xs {
  height: 18px;
  padding: 0 6px;
  font-weight: 400;
}
.ds-btn--stretched {
  display: -webkit-box;
  display: flex;
  width: 100%;
}
.ds-btn--style-default {
  background-color: #006cff;
  box-shadow: rgba(0, 0, 0, 0.15) 0 1px 2px 0;
  color: #fff;
}
.ds-btn--style-default:hover,
.ds-btn--style-default:focus {
  background-color: #0061e6;
}
.ds-btn--style-default:active {
  background-color: #004cb3;
}
.ds-btn--style-neutral {
  background-color: rgba(0, 0, 0, 0.06);
  color: #5e5e5e;
  box-shadow: rgba(0, 0, 0, 0.1) 0 1px 0 0;
}
.ds-btn--style-neutral:hover,
.ds-btn--style-neutral:focus {
  background-color: rgba(0, 0, 0, 0.09);
}
.ds-btn--style-neutral:active {
  background-color: rgba(0, 0, 0, 0.12);
}
.ds-btn--style-approve {
  background-color: #71c510;
  color: #fff;
}
.ds-btn--style-approve:hover,
.ds-btn--style-approve:focus {
  background-color: #63ad0e;
}
.ds-btn--style-approve:active {
  background-color: #3b6608;
}
.ds-btn--style-chameleon {
  background-color: rgba(255, 255, 255, 0.1);
  color: #f3f3f3;
}
.ds-btn--style-chameleon:hover,
.ds-btn--style-chameleon:focus {
  background-color: rgba(255, 255, 255, 0.13);
}
.ds-btn--style-chameleon:active {
  background-color: rgba(255, 255, 255, 0.15);
}
.ds-btn--style-destructive {
  background-color: #fb0d00;
  color: #fff;
}
.ds-btn--style-destructive:hover,
.ds-btn--style-destructive:focus {
  background-color: #e20c00;
}
.ds-btn--style-destructive:active {
  background-color: #af0900;
}
.ds-btn--style-warning {
  background-color: #ffe080;
  color: #444;
}
.ds-btn--style-warning:hover,
.ds-btn--style-warning:focus {
  background-color: #ffc61a;
}
.ds-btn--style-warning:active {
  background-color: #e6ad00;
}
.ds-btn--style-code {
  background-color: #2b2b2b !important;
  color: #fff;
}
.ds-btn--style-code:hover,
.ds-btn--style-code:focus {
  background-color: #1e1e1e;
}
.ds-btn--style-code:active {
  background-color: #111111;
}
.ds-btn--weight-light {
  font-weight: 400;
}
.ds-btn--weight-light.ds-btn--style-default {
  box-shadow: inset 0 0 0 1px #99c4ff;
  background-color: transparent;
  color: #006cff;
}
.ds-btn--weight-light.ds-btn--style-default:hover,
.ds-btn--weight-light.ds-btn--style-default:focus {
  background-color: rgba(240, 246, 255, 0.6);
}
.ds-btn--weight-light.ds-btn--style-default:active {
  background-color: #f0f6ff;
  color: #006cff;
}
.ds-btn--weight-light.ds-btn--style-neutral {
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
  background-color: transparent;
  color: #5e5e5e;
}
.ds-btn--weight-light.ds-btn--style-neutral:hover,
.ds-btn--weight-light.ds-btn--style-neutral:focus {
  background-color: rgba(0, 0, 0, 0.05);
}
.ds-btn--weight-light.ds-btn--style-neutral:active {
  box-shadow: inset 0 0 0 1px #e6e6e6;
  background-color: rgba(0, 0, 0, 0.1);
}
.ds-btn--weight-light.ds-btn--style-approve {
  box-shadow: inset 0 0 0 1px #71c510;
  background-color: transparent;
  color: #56950c;
}
.ds-btn--weight-light.ds-btn--style-approve:hover,
.ds-btn--weight-light.ds-btn--style-approve:focus {
  background-color: #f0fde1;
}
.ds-btn--weight-light.ds-btn--style-approve:active {
  box-shadow: inset 0 0 0 1px #71c510;
  background-color: #71c510;
  color: #fff;
}
.ds-btn--weight-light.ds-btn--style-destructive {
  box-shadow: inset 0 0 0 1px #ff6b62;
  background-color: transparent;
  color: #fb0d00;
}
.ds-btn--weight-light.ds-btn--style-destructive:hover,
.ds-btn--weight-light.ds-btn--style-destructive:focus {
  background-color: #ffedec;
}
.ds-btn--weight-light.ds-btn--style-destructive:active {
  box-shadow: inset 0 0 0 1px #ff6b62;
  background-color: #ff6b62;
  color: #fff;
}
.ds-btn--weight-light.ds-btn--style-chameleon {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3);
  background-color: transparent;
  color: #fff;
}
.ds-btn--weight-light.ds-btn--style-chameleon:hover,
.ds-btn--weight-light.ds-btn--style-chameleon:focus {
  background-color: rgba(255, 255, 255, 0.2);
}
.ds-btn--weight-light.ds-btn--style-chameleon:active {
  box-shadow: inset 0 0 0 1px transparent;
  background-color: rgba(255, 255, 255, 0.5);
}
.ds-btn--weight-light.ds-btn--style-warning {
  box-shadow: inset 0 0 0 1px #b38600;
  background-color: transparent;
  color: #806000;
}
.ds-btn--weight-light.ds-btn--style-warning:hover,
.ds-btn--weight-light.ds-btn--style-warning:focus {
  background-color: #fff9e5;
}
.ds-btn--weight-light.ds-btn--style-warning:active {
  box-shadow: inset 0 0 0 1px #b38600;
  background-color: #b38600;
  color: #fff;
}
.ds-btn:disabled,
.ds-btn--is-disabled {
  pointer-events: none;
  opacity: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  box-shadow: none;
}
.ds-btn:disabled,
.ds-btn--is-disabled,
.ds-btn:disabled:hover,
.ds-btn--is-disabled:hover {
  background-color: #f3f3f3;
  color: #c0c0c0;
}
.ds-btn:disabled.ds-btn--weight-light,
.ds-btn--is-disabled.ds-btn--weight-light,
.ds-btn:disabled.ds-btn--weight-light:hover,
.ds-btn--is-disabled.ds-btn--weight-light:hover {
  box-shadow: inset 0 0 0 1px #e6e6e6;
  background-color: transparent;
  color: #a6a6a6;
}
.ds-btn:disabled.ds-btn--weight-light.ds-btn--style-chameleon,
.ds-btn--is-disabled.ds-btn--weight-light.ds-btn--style-chameleon,
.ds-btn:disabled.ds-btn--weight-light.ds-btn--style-chameleon:hover,
.ds-btn--is-disabled.ds-btn--weight-light.ds-btn--style-chameleon:hover {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
  background-color: transparent;
  color: rgba(255, 255, 255, 0.1);
}
.ds-btn--is-working {
  position: relative;
  color: transparent !important;
  pointer-events: none;
}
.ds-btn--is-working:after {
  content: '';
  width: 16px;
  height: 16px;
  margin: -8px 0 0 -8px;
  border-radius: 100%;
  border: 2px solid #fff;
  border-top-color: transparent !important;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 5;
  -webkit-animation: loading 0.5s infinite linear;
          animation: loading 0.5s infinite linear;
}
@keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.ds-btn--is-working[class*='icon-']:before {
  opacity: 0;
}
.ds-btn--is-working.ds-btn--size-l:after {
  width: 24px;
  height: 24px;
  margin-top: -12px;
  margin-left: -12px;
}
.ds-btn--is-working.ds-btn--size-s:after {
  width: 12px;
  height: 12px;
  margin-top: -6px;
  margin-left: -6px;
}
.ds-btn--is-working.ds-btn--weight-light:after {
  border-color: #006cff;
}
.ds-btn--is-working.ds-btn--weight-light.ds-btn--style-approve:after {
  border-color: #56950c;
}
.ds-btn--is-working.ds-btn--weight-light.ds-btn--style-destructive:after {
  border-color: #fb0d00;
}
.ds-btn--is-working.ds-btn--weight-light.ds-btn--style-chameleon:after {
  border-color: #fff;
}
.ds-btn--is-working.ds-btn--weight-light.ds-btn--style-warning:after {
  border-color: #806000;
}
.ds-btn--is-working.ds-btn--style-neutral:after,
.ds-btn--is-working.ds-btn--weight-light.ds-btn--style-neutral:after {
  border-color: #5e5e5e;
}
.ds-btn--is-working:disabled:after,
.ds-btn--is-working.ds-btn--weight-light:disabled:after,
.ds-btn--is-working.ds-btn--is-disabled:after,
.ds-btn--is-working.ds-btn--weight-light.ds-btn--is-disabled:after {
  border-color: #5e5e5e;
}
.ds-btn-group {
  display: -webkit-box;
  display: flex;
}
.ds-btn-group--direction-horizontal {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-align: center;
          align-items: center;
}
.ds-btn-group--direction-horizontal.ds-btn-group--stretched {
  width: 100%;
}
.ds-btn-group--direction-vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}
.ds-btn-group--direction-vertical.ds-btn-group--stretched {
  height: 100%;
}
.ds-btn-group--stretched {
  -webkit-box-pack: justify;
          justify-content: space-between;
}
.ds-btn-group--space-horizontal-s {
  gap: 6px;
}
.ds-btn-group--space-horizontal-m {
  gap: 10px;
}
.ds-btn-group--space-horizontal-l {
  gap: 16px;
}
.ds-btn-group--space-vertical-s {
  gap: 6px;
}
.ds-btn-group--space-vertical-m {
  gap: 10px;
}
.ds-btn-group--space-vertical-l {
  gap: 16px;
}
.ds-btn-group__item {
  list-style: none;
}
.ds-btn-icon {
  text-decoration: none;
}
.ds-btn-icon--has-state-indicator {
  width: 46px;
}
.ds-btn-icon--has-state-indicator:before {
  margin-left: -12px;
}
.ds-btn-icon--has-state-indicator:after {
  content: '\E096';
  color: #919191;
  font-size: 7px;
  text-align: center;
  font-family: 'uxpds-icons';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  speak: none;
  text-transform: none;
  line-height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 8px;
  text-indent: 0;
}
.ds-btn-icon--has-state-indicator.ds-btn-icon--size-s {
  width: 36px;
}
.ds-btn-icon--has-state-indicator.ds-btn-icon--size-s:after {
  right: 4px;
}
.ds-btn-icon--has-state-indicator.ds-btn-icon--size-xs {
  width: 30px;
}
.ds-btn-icon--has-state-indicator.ds-btn-icon--size-xs:after {
  right: 2px;
}
.ds-btn-icon--has-state-indicator:active:after,
.ds-btn-icon--has-state-indicator.ds-util-is-active:after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.ds-checkbox {
  box-sizing: border-box;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  padding: 0;
}
.ds-checkbox:before,
.ds-checkbox:after {
  box-sizing: border-box;
}
.ds-checkbox:active,
.ds-checkbox:focus {
  outline: none;
}
.ds-checkbox .ds-choose-base__label .ds-choose-base__helper {
  border-radius: 2px;
  align-self: flex-start;
}
.ds-checkbox .ds-choose-base__input:checked + .ds-choose-base__label .ds-choose-base__helper:after {
  content: '\E309';
  color: #fff;
  font-size: 4px;
  text-align: center;
  font-family: 'uxpds-icons';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  speak: none;
  text-transform: none;
  line-height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ds-decoration-icon {
  box-sizing: border-box;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  padding: 0;
  display: -webkit-inline-box;
  display: inline-flex;
}
.ds-decoration-icon:before,
.ds-decoration-icon:after {
  box-sizing: border-box;
}
.ds-decoration-icon:before {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}
.ds-decoration-icon--has-placeholder {
  font-size: 0;
}
.ds-heading-separator {
  box-sizing: border-box;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  padding: 0;
  font-size: 14px;
  line-height: 21px;
  color: #5e5e5e;
  display: -webkit-box;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
          align-items: center;
}
.ds-heading-separator:before,
.ds-heading-separator:after {
  box-sizing: border-box;
}
.ds-heading-separator--text-uppercase {
  font-size: 10px;
  color: #b3b3b3;
  font-weight: normal;
  line-height: 16px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.ds-heading-separator--text-center:after,
.ds-heading-separator--text-center:before {
  content: '';
  display: -webkit-box;
  display: flex;
  height: 1px;
  background-color: #f3f3f3;
  -webkit-box-flex: 1;
          flex-grow: 1;
}
.ds-heading-separator--text-on-left:after {
  content: '';
  display: -webkit-box;
  display: flex;
  height: 1px;
  background-color: #f3f3f3;
  -webkit-box-flex: 1;
          flex-grow: 1;
}
.ds-heading-separator--style-chameleon {
  color: #919191;
}
.ds-heading-separator--style-chameleon:after,
.ds-heading-separator--style-chameleon:before {
  background-color: rgba(255, 255, 255, 0.3);
}
.ds-heading-separator__text-helper--text-center {
  padding: 0 10px;
}
.ds-heading-separator__text-helper--text-on-left {
  padding-right: 10px;
}
.ds-hulk-select {
  box-sizing: border-box;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  padding: 0;
  display: block;
  width: 100%;
  position: relative;
}
.ds-hulk-select:before,
.ds-hulk-select:after {
  box-sizing: border-box;
}
.ds-hulk-select__header,
.ds-hulk-select__footer {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  padding: 0;
  display: block;
  margin: 0;
  padding: 6px 20px;
  color: #414141;
}
.ds-hulk-select__header:before,
.ds-hulk-select__footer:before,
.ds-hulk-select__header:after,
.ds-hulk-select__footer:after {
  box-sizing: border-box;
}
.ds-hulk-select__header:not(.ds-hulk-select__footer--inverted) {
  border-bottom: 1px solid #f3f3f3;
}
.ds-hulk-select__header--inverted {
  border-top: 1px solid #f3f3f3;
}
.ds-hulk-select__footer:not(.ds-hulk-select__footer--inverted) {
  border-top: 1px solid #f3f3f3;
}
.ds-hulk-select__footer--inverted {
  border-bottom: 1px solid #f3f3f3;
}
.ds-hulk-select .ds-hulk-select__input .ds-input__field {
  padding-right: 10px;
}
.ds-hulk-select__input {
  position: relative;
}
.ds-hulk-select__input-chevron {
  box-sizing: border-box;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  padding: 0;
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  cursor: pointer;
}
.ds-hulk-select__input-chevron:before,
.ds-hulk-select__input-chevron:after {
  box-sizing: border-box;
}
.ds-hulk-select__input-chevron:before {
  content: '\E096';
  color: rgba(0, 0, 0, 0.4);
  font-size: 7px;
  text-align: center;
  font-family: 'uxpds-icons';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  speak: none;
  text-transform: none;
  line-height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ds-hulk-select--style-chameleon .ds-hulk-select__input-chevron:before {
  color: rgba(255, 255, 255, 0.4);
}
.ds-util-is-disabled .ds-hulk-select__input-chevron {
  opacity: 0;
  visibility: hidden;
}
.ds-util-is-active .ds-hulk-select__input-chevron {
  -webkit-transform: translateY(-50%) rotate(-180deg);
          transform: translateY(-50%) rotate(-180deg);
}
.ds-hulk-select__input-autosuggest {
  position: relative;
}
.ds-hulk-select__input-autosuggest-helper {
  width: 100%;
  padding-right: 10px;
  position: absolute;
  padding-block: 1px;
  top: 0;
  z-index: 1;
  color: #b3b3b3;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
@supports (-moz-appearance:meterbar) {
  .ds-hulk-select__input-autosuggest-helper {
    top: 2px;
  }
}
.ds-hulk-select__input-autosuggest-helper .ds-util-is-hidden {
  color: transparent;
}
.ds-hulk-select__container {
  opacity: 0;
  visibility: hidden;
  box-sizing: border-box;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  padding: 0;
  display: -webkit-box;
  display: flex;
  border-radius: 2px;
  position: fixed;
  z-index: 2147483547;
  top: 0;
  left: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  background-color: #fff;
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.2);
}
.ds-hulk-select__container:before,
.ds-hulk-select__container:after {
  box-sizing: border-box;
}
.ds-hulk-select__container:active,
.ds-hulk-select__container:focus {
  outline: none;
}
.ds-hulk-select__container--visible {
  visibility: visible;
}
.ds-hulk-select__container--has-preview {
  padding-left: 170px;
}
.ds-hulk-select__container--searching {
  padding-top: 6px;
  padding-bottom: 6px;
}
.ds-hulk-select__container--searching .ds-hulk-select__group {
  padding: 0;
}
.ds-hulk-select__container--searching .ds-hulk-select__footer:not(.ds-hulk-select__footer--inverted) {
  padding-bottom: 0;
}
.ds-hulk-select__options {
  box-sizing: border-box;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  padding: 0;
  display: -webkit-box;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  overflow-y: auto;
}
.ds-hulk-select__options:before,
.ds-hulk-select__options:after {
  box-sizing: border-box;
}
.ds-hulk-select__separator {
  box-sizing: border-box;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  padding: 0;
  display: -webkit-box;
  display: flex;
  width: 100%;
  min-height: 1px;
  margin: 5px 0;
  border: none;
  position: relative;
  z-index: 1;
  -webkit-box-align: center;
          align-items: center;
}
.ds-hulk-select__separator:before,
.ds-hulk-select__separator:after {
  box-sizing: border-box;
}
.ds-hulk-select__separator--empty {
  margin: 0;
}
.ds-hulk-select__separator-item {
  box-sizing: border-box;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-size: 10px;
  color: #848484;
  font-weight: normal;
  line-height: 16px;
  letter-spacing: 1px;
  text-transform: uppercase;
  display: block;
  margin: 0 auto;
  padding: 0 10px;
  background-color: #fff;
}
.ds-hulk-select__separator-item:before,
.ds-hulk-select__separator-item:after {
  box-sizing: border-box;
}
.ds-hulk-select__separator:before {
  content: '';
  width: 100%;
  height: 1px;
  position: absolute;
  top: 50%;
  z-index: -1;
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  background-color: #f0f0f0;
}
.ds-hulk-select__group {
  box-sizing: border-box;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  display: block;
  width: calc(100% - 10px * 2);
  padding: 6px 0;
  margin-left: auto;
  margin-right: auto;
  cursor: default;
  list-style: none;
}
.ds-hulk-select__group:before,
.ds-hulk-select__group:after {
  box-sizing: border-box;
}
.ds-hulk-select__container--has-preview .ds-hulk-select__group {
  width: auto;
}
.ds-hulk-select__preview-container {
  overflow: hidden;
  display: -webkit-box;
  display: flex;
  width: 170px;
  height: inherit;
  padding: 20px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  background-color: #f3f3f3;
}
.ds-hulk-select__empty-state,
.ds-hulk-select__item {
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-size: 14px;
  line-height: 21px;
  color: #414141;
  display: -webkit-box;
  display: flex;
  box-sizing: border-box;
  width: 100%;
}
.ds-hulk-select__empty-state:before,
.ds-hulk-select__item:before,
.ds-hulk-select__empty-state:after,
.ds-hulk-select__item:after {
  box-sizing: border-box;
}
.ds-hulk-select__empty-state {
  padding: 0 20px;
  color: #919191;
}
.ds-hulk-select__empty-state + .ds-hulk-select__group {
  display: none;
}
.ds-hulk-select__item {
  padding: 1px 10px 0 24px;
  border: 1px solid #fff;
  border-radius: 2px;
  position: relative;
  -webkit-box-align: center;
          align-items: center;
  color: #414141;
}
.ds-hulk-select__item-single {
  box-sizing: border-box;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  padding: 0;
  display: block;
  width: 100%;
}
.ds-hulk-select__item-single:before,
.ds-hulk-select__item-single:after {
  box-sizing: border-box;
}
.ds-hulk-select__item--hidden {
  display: none;
}
.ds-hulk-select__item.ds-util-is-marked,
.ds-hulk-select__item--selected {
  z-index: 1;
}
.ds-hulk-select__item.ds-util-is-marked:not(.selected) {
  border-color: #f3f3f3;
  background-color: #f3f3f3;
}
.ds-hulk-select__item--selected {
  border-color: #f3f3f3;
}
.ds-hulk-select__item--selected:before {
  content: '\E309';
  color: #444;
  font-size: 5px;
  text-align: center;
  font-family: 'uxpds-icons';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  speak: none;
  text-transform: none;
  line-height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: calc(50% - 5px / 2);
  left: 10px;
}
.ds-hulk-select__item-preview {
  display: none;
}
.ds-hulk-select__item-preview--is-visible {
  display: block;
}
.ds-hulk-select--fit-to-option .ds-hulk-select__container,
.ds-hulk-select--fit-to-option .ds-hulk-select__options,
.ds-hulk-select--fit-to-option .ds-hulk-select__item {
  width: auto;
}
.ds-hulk-select--weight-light .ds-hulk-select__input-chevron {
  right: 0 !important;
}
.ds-hulk-select--size-s {
  height: 24px;
}
.ds-hulk-select--size-s .ds-hulk-select__input-chevron {
  right: 6px;
}
.ds-hulk-select--size-m {
  height: 34px;
}
.ds-hulk-select--size-l {
  height: 50px;
}
.ds-hulk-select--size-l .ds-hulk-select__input-chevron {
  right: 20px;
}
.ds-hulk-select--width-xxs {
  width: 30px;
}
.ds-hulk-select--width-xs {
  width: 70px;
}
.ds-hulk-select--width-s {
  width: 150px;
}
.ds-hulk-select--width-m {
  width: 230px;
}
.ds-hulk-select--width-l {
  width: 310px;
}
.ds-hulk-select--width-xl {
  width: 310px;
}
.ds-inline-edit {
  box-sizing: border-box;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  padding: 0;
  display: block;
  max-width: 100%;
  text-decoration: inherit;
}
.ds-inline-edit:before,
.ds-inline-edit:after {
  box-sizing: border-box;
}
.ds-inline-edit--is-inline {
  display: inline;
}
.ds-inline-edit:focus,
.ds-inline-edit__field:focus,
.ds-inline-edit:active,
.ds-inline-edit__field:active {
  outline: none;
}
.ds-inline-edit__field {
  box-sizing: border-box;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  padding: 0;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  font-variant: inherit;
  line-height: inherit;
  text-decoration: inherit;
  text-transform: inherit;
  display: inline-block;
  max-width: 100%;
  margin-top: -0.25em;
  padding-top: 0.25em;
  vertical-align: top;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(0, 0, 0, 0.3)), color-stop(50%, transparent));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.3) 50%, transparent 50%);
  background-repeat: repeat-x;
  background-position: 0 100%;
  background-size: 2px 1px;
  cursor: default;
}
.ds-inline-edit__field:before,
.ds-inline-edit__field:after {
  box-sizing: border-box;
}
.ds-inline-edit__field:hover {
  background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(0, 0, 0, 0.8)), color-stop(50%, transparent));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.8) 50%, transparent 50%);
}
.ds-inline-edit__field--is-active,
.ds-inline-edit__field--is-active:focus,
.ds-inline-edit__field--is-active:active,
.ds-inline-edit__field--is-active:hover {
  background-image: none;
  text-overflow: initial;
  cursor: auto;
  -webkit-user-select: initial;
     -moz-user-select: initial;
      -ms-user-select: initial;
          user-select: initial;
}
.ds-inline-edit__field--is-active:empty {
  display: inline-block;
  overflow: initial;
}
.ds-inline-edit__field--is-active:empty:before {
  content: '';
  display: inline-block;
  min-width: 1px;
  height: 1px;
  overflow: hidden;
}
.ds-inline-edit__field--is-active:empty:after {
  display: none;
}
.ds-inline-edit__field--is-disabled {
  pointer-events: none;
}
.ds-inline-edit__field--is-disabled,
.ds-inline-edit__field--weight-x-light,
.ds-inline-edit__field--is-disabled:hover,
.ds-inline-edit__field--weight-x-light:hover {
  background-image: none;
}
.ds-inline-edit__field--style-chameleon {
  background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(218, 218, 218, 0.3)), color-stop(50%, transparent));
  background-image: linear-gradient(to right, rgba(218, 218, 218, 0.3) 50%, transparent 50%);
}
.ds-inline-edit__field--style-chameleon:hover {
  background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(230, 230, 230, 0.8)), color-stop(50%, transparent));
  background-image: linear-gradient(to right, rgba(230, 230, 230, 0.8) 50%, transparent 50%);
}
.ds-inline-edit__field--weight-light {
  background-image: none;
}
.ds-inline-edit__field--has-placeholder:empty:after {
  content: attr(data-placeholder);
}
.ds-inline-edit__field--has-text-cursor {
  cursor: text;
}
.ds-inline-edit__field--wrapped {
  display: inline;
  text-overflow: initial;
  white-space: normal;
  overflow: auto;
}
.ds-input20 {
  box-sizing: border-box;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  padding: 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  color: #5e5e5e;
  font-family: "ProximaNova", sans-serif;
  font-size: 14px;
  cursor: text;
}
.ds-input20:before,
.ds-input20:after {
  box-sizing: border-box;
}
.ds-input20--weight-heavy {
  border-radius: 2px;
  border-width: 1px;
  border-style: solid;
  background-color: #fff;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);
}
.ds-input20--weight-light {
  border-radius: 0;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
.ds-input20--style-default {
  border-color: #e6e6e6;
  color: #5e5e5e;
}
.ds-util-is-active.ds-input20--style-default:not(.ds-input20--is-readonly),
.ds-input20--static:focus-within.ds-input20--style-default:not(.ds-input20--is-readonly) {
  border-color: #006cff;
}
.ds-input20--style-chameleon {
  border-color: rgba(243, 243, 243, 0.3);
  background-color: transparent;
  color: #dadada;
}
.ds-input20--static:focus-within.ds-input20--style-chameleon:not(.ds-input20--is-readonly) {
  border-color: rgba(255, 255, 255, 0.5);
}
.ds-input20--style-chameleon .ds-input20__field::-webkit-input-placeholder, .ds-input20__field--is-disabled .ds-input20--style-chameleon .ds-input20__field::-webkit-input-placeholder {
  color: rgba(179, 179, 179, 0.4);
}
.ds-input20--style-chameleon .ds-input20__field::-moz-placeholder, .ds-input20__field--is-disabled .ds-input20--style-chameleon .ds-input20__field::-moz-placeholder {
  color: rgba(179, 179, 179, 0.4);
}
.ds-input20--style-chameleon .ds-input20__field:-ms-input-placeholder, .ds-input20__field--is-disabled .ds-input20--style-chameleon .ds-input20__field:-ms-input-placeholder {
  color: rgba(179, 179, 179, 0.4);
}
.ds-input20--style-chameleon .ds-input20__field::-ms-input-placeholder, .ds-input20__field--is-disabled .ds-input20--style-chameleon .ds-input20__field::-ms-input-placeholder {
  color: rgba(179, 179, 179, 0.4);
}
.ds-input20--style-chameleon .ds-input20__field::placeholder,
.ds-input20__field--is-disabled .ds-input20--style-chameleon .ds-input20__field::placeholder {
  color: rgba(179, 179, 179, 0.4);
}
.ds-input20--style-error {
  border-color: #ff3b30;
  color: #ff3b30;
}
.ds-input20--style-transparent {
  background-color: transparent;
}
.ds-input20--size-s {
  height: 24px;
  line-height: 16px;
}
.ds-input20--weight-heavy.ds-input20--size-s .ds-input20__field {
  padding-top: 3px;
  padding-bottom: 3px;
}
:not(.ds-input20--has-end-element).ds-input20--weight-heavy.ds-input20--size-s .ds-input20__field,
.ds-input20--is-end-element-on-focus:not(.ds-util-is-active).ds-input20--weight-heavy.ds-input20--size-s .ds-input20__field,
.ds-input20--is-end-element-on-focus.ds-input20--static:not(:focus-within).ds-input20--weight-heavy.ds-input20--size-s .ds-input20__field {
  padding-right: 6px;
}
:not(.ds-input20--has-start-element).ds-input20--weight-heavy.ds-input20--size-s .ds-input20__field,
.ds-input20--is-start-element-on-focus:not(.ds-util-is-active).ds-input20--weight-heavy.ds-input20--size-s .ds-input20__field,
.ds-input20--is-start-element-on-focus.ds-input20--static:not(:focus-within).ds-input20--weight-heavy.ds-input20--size-s .ds-input20__field {
  padding-left: 6px;
}
.ds-input20--size-m {
  height: 34px;
  line-height: 21px;
}
:not(.ds-input20--has-end-element).ds-input20--weight-heavy.ds-input20--size-m .ds-input20__field,
.ds-input20--is-end-element-on-focus:not(.ds-util-is-active).ds-input20--weight-heavy.ds-input20--size-m .ds-input20__field,
.ds-input20--is-end-element-on-focus.ds-input20--static:not(:focus-within).ds-input20--weight-heavy.ds-input20--size-m .ds-input20__field {
  padding-right: 10px;
}
:not(.ds-input20--has-start-element).ds-input20--weight-heavy.ds-input20--size-m .ds-input20__field,
.ds-input20--is-start-element-on-focus:not(.ds-util-is-active).ds-input20--weight-heavy.ds-input20--size-m .ds-input20__field,
.ds-input20--is-start-element-on-focus.ds-input20--static:not(:focus-within).ds-input20--weight-heavy.ds-input20--size-m .ds-input20__field {
  padding-left: 10px;
}
.ds-input20--size-l {
  height: 50px;
  font-size: 16px;
  line-height: 24px;
}
.ds-input20--weight-heavy.ds-input20--size-l .ds-input20__field {
  padding-top: 12px;
  padding-bottom: 12px;
}
:not(.ds-input20--has-end-element).ds-input20--weight-heavy.ds-input20--size-l .ds-input20__field,
.ds-input20--is-end-element-on-focus:not(.ds-util-is-active).ds-input20--weight-heavy.ds-input20--size-l .ds-input20__field,
.ds-input20--is-start-element-on-focus.ds-input20--static:not(:focus-within).ds-input20--weight-heavy.ds-input20--size-l .ds-input20__field {
  padding-right: 20px;
}
:not(.ds-input20--has-start-element).ds-input20--weight-heavy.ds-input20--size-l .ds-input20__field,
.ds-input20--is-start-element-on-focus:not(.ds-util-is-active).ds-input20--weight-heavy.ds-input20--size-l .ds-input20__field,
.ds-input20--is-end-element-on-focus.ds-input20--static:not(:focus-within).ds-input20--weight-heavy.ds-input20--size-l .ds-input20__field {
  padding-left: 20px;
}
.ds-input20--size-l .ds-input20__field.ds-input20__field--text-monospace {
  font-size: 15px;
}
.ds-input20--width-xxs {
  width: 30px;
}
.ds-input20--width-xs {
  width: 70px;
}
.ds-input20--width-s {
  width: 150px;
}
.ds-input20--width-m {
  width: 230px;
}
.ds-input20--width-l {
  width: 310px;
}
.ds-input20--width-xl {
  width: 310px;
}
.ds-input20--width-stretched {
  width: 100%;
}
.ds-input20--is-readonly {
  border-color: #f6f6f6;
  box-shadow: none;
}
.ds-input20--is-readonly.ds-input20--weight-heavy {
  background-color: #f6f6f6;
}
.ds-input20--is-readonly.ds-input20--style-chameleon {
  border-color: transparent;
}
.ds-input20--is-readonly.ds-input20--style-chameleon.ds-input20--weight-heavy {
  background-color: rgba(243, 243, 243, 0.1);
}
.ds-input20--is-disabled {
  pointer-events: none;
  opacity: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  color: #5e5e5e;
  -webkit-text-fill-color: #5e5e5e;
  border-color: transparent !important;
  box-shadow: none;
}
.ds-input20__field {
  box-sizing: border-box;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  padding: 0;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  width: 100%;
  height: 100%;
  border: none;
  background-color: transparent;
}
.ds-input20__field:before,
.ds-input20__field:after {
  box-sizing: border-box;
}
.ds-input20__field:active,
.ds-input20__field:focus {
  outline: none;
}
.ds-input20__field::-webkit-inner-spin-button,
.ds-input20__field::-webkit-outer-spin-button {
  margin: 0;
  -webkit-appearance: none;
          appearance: none;
}
.ds-input20__field--is-inactive.ds-input20__field::-moz-selection {
  color: inherit;
  background-color: transparent;
}
.ds-input20__field--is-inactive.ds-input20__field::selection {
  color: inherit;
  background-color: transparent;
}
:not(.ds-input20__field--is-inactive).ds-input20__field::-moz-selection {
  color: #fff;
  background-color: #006cff;
}
:not(.ds-input20__field--is-inactive).ds-input20__field::selection {
  color: #fff;
  background-color: #006cff;
}
.ds-input20__field::-webkit-input-placeholder, .ds-input20__field--is-disabled .ds-input20__field::-webkit-input-placeholder {
  color: #b3b3b3;
}
.ds-input20__field::-moz-placeholder, .ds-input20__field--is-disabled .ds-input20__field::-moz-placeholder {
  color: #b3b3b3;
}
.ds-input20__field:-ms-input-placeholder, .ds-input20__field--is-disabled .ds-input20__field:-ms-input-placeholder {
  color: #b3b3b3;
}
.ds-input20__field::-ms-input-placeholder, .ds-input20__field--is-disabled .ds-input20__field::-ms-input-placeholder {
  color: #b3b3b3;
}
.ds-input20__field::placeholder,
.ds-input20__field--is-disabled .ds-input20__field::placeholder {
  color: #b3b3b3;
}
.ds-input20__field--text-ellipsis {
  text-overflow: ellipsis;
}
.ds-input20__field--text-monospace {
  font-size: 13px;
  font-family: "SourceCodePro", "Courier New", Courier, monospace;
}
.ds-input20__field--text-uppercase {
  text-transform: uppercase;
}
.ds-input20__field--text-center {
  text-align: center;
}
.ds-input20__field--text-on-right {
  text-align: right;
}
.ds-input20__extra-element {
  display: -webkit-box;
  display: flex;
  height: 100%;
  -webkit-box-flex: 0;
          flex-grow: 0;
  -webkit-box-align: center;
          align-items: center;
  flex-shrink: 0;
  line-height: inherit;
}
.ds-input20--size-s .ds-input20__extra-element--end-element {
  padding-left: 3px;
}
.ds-input20--weight-heavy.ds-input20--size-s .ds-input20__extra-element--end-element {
  padding-right: 6px;
}
.ds-input20--size-m .ds-input20__extra-element--end-element {
  padding-left: 5px;
}
.ds-input20--weight-heavy.ds-input20--size-m .ds-input20__extra-element--end-element {
  padding-right: 10px;
}
.ds-input20--size-l .ds-input20__extra-element--end-element {
  padding-left: 10px;
}
.ds-input20--weight-heavy.ds-input20--size-l .ds-input20__extra-element--end-element {
  padding-right: 20px;
}
.ds-input20__extra-element--end-element:not(:empty):before {
  -webkit-box-ordinal-group: 10000;
          order: 9999;
}
.ds-input20--size-s .ds-input20__extra-element--end-element:not(:empty):before {
  margin-left: 3px;
}
.ds-input20--size-m .ds-input20__extra-element--end-element:not(:empty):before {
  margin-left: 5px;
}
.ds-input20--size-l .ds-input20__extra-element--end-element:not(:empty):before {
  margin-left: 10px;
}
.ds-input20--size-s .ds-input20__extra-element--start-element {
  padding-right: 3px;
}
.ds-input20--weight-heavy.ds-input20--size-s .ds-input20__extra-element--start-element {
  padding-left: 6px;
}
.ds-input20--size-m .ds-input20__extra-element--start-element {
  padding-right: 5px;
}
.ds-input20--weight-heavy.ds-input20--size-m .ds-input20__extra-element--start-element {
  padding-left: 10px;
}
.ds-input20--size-l .ds-input20__extra-element--start-element {
  padding-right: 10px;
}
.ds-input20--weight-heavy.ds-input20--size-l .ds-input20__extra-element--start-element {
  padding-left: 20px;
}
.ds-input20--size-s .ds-input20__extra-element--start-element:not(:empty):before {
  margin-right: 3px;
}
.ds-input20--size-m .ds-input20__extra-element--start-element:not(:empty):before {
  margin-right: 5px;
}
.ds-input20--size-l .ds-input20__extra-element--start-element:not(:empty):before {
  margin-right: 10px;
}
.ds-input20--static:not(:focus-within) .ds-input20__extra-element--is-visible-on-focus,
.ds-input20:not(.ds-util-is-active) .ds-input20__extra-element--is-visible-on-focus {
  display: none;
}
.ds-input {
  box-sizing: border-box;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  padding: 0;
}
.ds-input:before,
.ds-input:after {
  box-sizing: border-box;
}
.ds-input.with-icon-on-left,
.ds-input.with-icon-on-right {
  position: relative;
}
.ds-input .ds-input__field {
  box-sizing: border-box;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  width: 100%;
  height: 34px;
  padding-right: 10px;
  padding-left: 10px;
  border-color: #e6e6e6;
  border-radius: 2px;
  border-style: solid;
  border-width: 1px;
  background: #fff;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);
  color: #5e5e5e;
  font-family: "ProximaNova", sans-serif;
  font-size: 14px;
  line-height: 21px;
  cursor: text;
}
.ds-input .ds-input__field:before,
.ds-input .ds-input__field:after {
  box-sizing: border-box;
}
.ds-input .ds-input__field:active,
.ds-input .ds-input__field:focus {
  outline: none;
}
.with-icon-on-left.ds-input .ds-input__field {
  padding-left: 30px !important;
}
.ds-icon--size-s.with-icon-on-left.ds-input .ds-input__field {
  padding-left: 20px !important;
}
.ds-icon--size-xs.with-icon-on-left.ds-input .ds-input__field {
  padding-left: 17px !important;
}
.with-icon-on-right.ds-input .ds-input__field {
  padding-right: 30px !important;
}
.ds-icon--size-s.with-icon-on-right.ds-input .ds-input__field {
  padding-right: 20px !important;
}
.ds-icon--size-xs.with-icon-on-right.ds-input .ds-input__field {
  padding-right: 17px !important;
}
.ds-input .ds-input__field::-webkit-input-placeholder {
  color: #b3b3b3;
}
.ds-input .ds-input__field::-moz-placeholder {
  color: #b3b3b3;
}
.ds-input .ds-input__field:-ms-input-placeholder {
  color: #b3b3b3;
}
.ds-input .ds-input__field::-ms-input-placeholder {
  color: #b3b3b3;
}
.ds-input .ds-input__field::placeholder {
  color: #b3b3b3;
}
.ds-input .ds-input__field::-moz-selection {
  background-color: #006cff;
  color: #fff;
}
.ds-input .ds-input__field::selection {
  background-color: #006cff;
  color: #fff;
}
.ds-input .ds-input__field:active:not(.ds-input__field--is-readonly),
.ds-input .ds-input__field:focus:not(.ds-input__field--is-readonly) {
  border-color: #006cff;
}
.ds-input .ds-input__field:disabled {
  pointer-events: none;
  opacity: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  color: #5e5e5e;
  -webkit-text-fill-color: #5e5e5e;
  border-color: transparent !important;
  box-shadow: none;
}
.ds-input .ds-input__field::-webkit-inner-spin-button,
.ds-input .ds-input__field::-webkit-outer-spin-button {
  margin: 0;
  -webkit-appearance: none;
          appearance: none;
}
.ds-input .ds-input__field--is-readonly {
  border-color: #f6f6f6;
  background-color: #f6f6f6;
  box-shadow: none;
}
.ds-input .ds-input__field--is-readonly.ds-input__field--style-chameleon {
  border-color: transparent;
  background-color: rgba(243, 243, 243, 0.1);
}
.ds-input .ds-input__field--hasBtnIconIndent {
  padding-left: 40px;
}
.ds-input .ds-input__field--hasBtnIconRightIndent {
  padding-right: 40px;
}
.ds-input .ds-input__field--size-s {
  height: 24px;
  padding: 3px 6px;
  line-height: 16px;
}
.ds-input .ds-input__field--size-s.ds-input__field--text-monospace {
  font-family: "SourceCodePro", "Courier New", Courier, monospace;
  font-size: 11px;
  line-height: 16px;
}
.ds-input .ds-input__field--size-s.ds-input__field--hasBtnIconIndent {
  padding-left: 30px;
}
.ds-input .ds-input__field--size-s.ds-input__field--hasBtnIconRightIndent {
  padding-right: 30px;
}
.ds-input .ds-input__field--size-l {
  height: 50px;
  padding: 12px 20px;
  font-size: 16px;
  line-height: 24px;
}
.ds-input .ds-input__field--size-l.ds-input__field--hasBtnIconIndent {
  padding-left: 44px;
}
.ds-input .ds-input__field--size-l.ds-input__field--hasBtnIconRightIndent {
  padding-right: 44px;
}
.ds-input .ds-input__field--style-chameleon {
  border-color: rgba(243, 243, 243, 0.3);
  background: transparent;
  color: #dadada;
}
.ds-input .ds-input__field--style-chameleon::-webkit-input-placeholder {
  color: rgba(179, 179, 179, 0.4);
}
.ds-input .ds-input__field--style-chameleon::-moz-placeholder {
  color: rgba(179, 179, 179, 0.4);
}
.ds-input .ds-input__field--style-chameleon:-ms-input-placeholder {
  color: rgba(179, 179, 179, 0.4);
}
.ds-input .ds-input__field--style-chameleon::-ms-input-placeholder {
  color: rgba(179, 179, 179, 0.4);
}
.ds-input .ds-input__field--style-chameleon::placeholder {
  color: rgba(179, 179, 179, 0.4);
}
.ds-input .ds-input__field--style-chameleon:active:not(.ds-input__field--is-readonly),
.ds-input .ds-input__field--style-chameleon:focus:not(.ds-input__field--is-readonly) {
  border-color: rgba(255, 255, 255, 0.5);
}
.ds-input .ds-input__field--style-transparent {
  background: transparent;
}
.ds-input .ds-input__field--weight-light {
  padding: 0;
  border-top: none;
  border-right: none;
  border-left: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.ds-input .ds-input__field--weight-light.size-l {
  padding-right: 0;
  padding-left: 0;
}
.with-icon-on-left.ds-input .ds-input__field--weight-light {
  padding-left: 20px !important;
}
.ds-icon--size-s.with-icon-on-left.ds-input .ds-input__field--weight-light {
  padding-left: 10px !important;
}
.ds-icon--size-xs.with-icon-on-left.ds-input .ds-input__field--weight-light {
  padding-left: 7px !important;
}
.with-icon-on-right.ds-input .ds-input__field--weight-light {
  padding-right: 20px !important;
}
.ds-icon--size-s.with-icon-on-right.ds-input .ds-input__field--weight-light {
  padding-right: 10px !important;
}
.ds-icon--size-xs.with-icon-on-right.ds-input .ds-input__field--weight-light {
  padding-right: 7px !important;
}
.ds-input .ds-input__field--text-on-right {
  text-align: right;
}
.ds-input .ds-input__field--text-center {
  text-align: center;
}
.ds-input .ds-input__field--text-uppercase {
  text-transform: uppercase;
}
.ds-input .ds-input__field--text-monospace {
  font-family: "SourceCodePro", "Courier New", Courier, monospace;
}
.ds-input .ds-input__field--is-error {
  border-color: #ff3b30;
  color: #ff3b30;
}
.ds-input .ds-input__field--is-inactive {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ds-input .ds-input__field--is-ellipsis {
  text-overflow: ellipsis;
}
.ds-input--width-xs {
  width: 70px;
}
.ds-input--width-s {
  width: 150px;
}
.ds-input--width-m {
  width: 230px;
}
.ds-input--width-l {
  width: 310px;
}
.ds-input--width-xl {
  width: 310px;
}
.ds-input--width-stretched {
  width: 100%;
}
.ds-input-copy {
  position: relative;
}
.ds-input-copy--width-xxs {
  width: 30px;
}
.ds-input-copy--width-xs {
  width: 70px;
}
.ds-input-copy--width-s {
  width: 150px;
}
.ds-input-copy--width-m {
  width: 230px;
}
.ds-input-copy--width-l {
  width: 310px;
}
.ds-input-copy--width-xl {
  width: 310px;
}
.ds-input-copy__copiedInfo {
  position: absolute;
  top: 50%;
  right: 10px;
  z-index: 2;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.ds-input-copy__copyField {
  position: relative;
  z-index: 1;
}
.ds-input-copy__copyBtn {
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 2;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.ds-item-list__item-wrapper {
  display: grid;
  grid-template-areas: "option removeBtn";
  grid-template-columns: 1fr -webkit-max-content;
  grid-template-columns: 1fr max-content;
}
.ds-item-list__item-name {
  grid-area: option;
}
.ds-item-list__remove-btn {
  margin: -2px -7px -1px 0;
  grid-area: removeBtn;
}
.ds-item-list__new-item-field {
  margin-top: 6px;
}
.ds-item-list__enter-icon:before {
  color: #c0c0c0;
}
.ds-label {
  box-sizing: border-box;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  padding: 0;
  font-family: "ProximaNova", sans-serif;
  font-size: 14px;
  line-height: 21px;
  color: #6a6a6a;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  text-indent: 0;
  display: -webkit-box !important;
  display: flex !important;
}
.ds-label:before,
.ds-label:after {
  box-sizing: border-box;
}
.ds-label--text-monospace {
  font-family: "SourceCodePro", "Courier New", Courier, monospace;
  font-size: 13px;
  line-height: 21px;
  color: #5e5e5e;
}
.ds-label--has-inherit-style {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  font-variant: inherit;
  line-height: inherit;
  text-decoration: inherit;
  text-transform: inherit;
}
.ds-label--style-chameleon {
  color: #dadada;
}
.ds-link {
  box-sizing: border-box;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  padding: 0;
  display: inline;
  max-width: 100%;
  color: #006cff;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  line-height: inherit;
  text-decoration: none;
}
.ds-link:before,
.ds-link:after {
  box-sizing: border-box;
}
.ds-link:active .ds-link__text {
  box-shadow: none !important;
}
.ds-link[class*='ds-icon']:before {
  position: static;
  color: inherit;
  vertical-align: middle;
  line-height: inherit;
  display: inline-block;
  margin-top: -2px;
  margin-right: 6px;
}
.ds-link:not(.ds-link--inverted-style):not(.ds-util-is-working):not(.ds-util-is-disabled) .ds-link__text {
  box-shadow: inset 0 -1px 0 0 rgba(0, 108, 255, 0.3);
}
.ds-link--style-contextual.ds-link:not(.ds-link--inverted-style):not(.ds-util-is-working):not(.ds-util-is-disabled) .ds-link__text {
  box-shadow: inset 0 -1px 0 0 currentColor;
}
.ds-link--style-chameleon.ds-link:not(.ds-link--inverted-style):not(.ds-util-is-working):not(.ds-util-is-disabled) .ds-link__text {
  box-shadow: inset 0 -1px 0 0 rgba(230, 230, 230, 0.3);
}
.ds-link--style-neutral.ds-link:not(.ds-link--inverted-style):not(.ds-util-is-working):not(.ds-util-is-disabled) .ds-link__text {
  box-shadow: inset 0 -1px 0 0 rgba(94, 94, 94, 0.3);
}
.ds-link--style-destructive.ds-link:not(.ds-link--inverted-style):not(.ds-util-is-working):not(.ds-util-is-disabled) .ds-link__text {
  box-shadow: inset 0 -1px 0 0 rgba(251, 13, 0, 0.3);
}
:hover.ds-link:not(.ds-util-is-working):not(.ds-util-is-disabled) .ds-link__text,
.ds-util-is-marked.ds-link:not(.ds-util-is-working):not(.ds-util-is-disabled) .ds-link__text {
  box-shadow: inset 0 -1px 0 0 rgba(0, 108, 255, 0.5);
}
:hover.ds-link--style-contextual.ds-link:not(.ds-util-is-working):not(.ds-util-is-disabled) .ds-link__text,
.ds-util-is-marked.ds-link--style-contextual.ds-link:not(.ds-util-is-working):not(.ds-util-is-disabled) .ds-link__text {
  box-shadow: inset 0 -1px 0 0 currentColor;
}
:hover.ds-link--style-chameleon.ds-link:not(.ds-util-is-working):not(.ds-util-is-disabled) .ds-link__text,
.ds-util-is-marked.ds-link--style-chameleon.ds-link:not(.ds-util-is-working):not(.ds-util-is-disabled) .ds-link__text {
  box-shadow: inset 0 -1px 0 0 rgba(230, 230, 230, 0.5);
}
:hover.ds-link--style-neutral.ds-link:not(.ds-util-is-working):not(.ds-util-is-disabled) .ds-link__text,
.ds-util-is-marked.ds-link--style-neutral.ds-link:not(.ds-util-is-working):not(.ds-util-is-disabled) .ds-link__text {
  box-shadow: inset 0 -1px 0 0 rgba(71, 71, 71, 0.5);
}
:hover.ds-link--style-destructive.ds-link:not(.ds-util-is-working):not(.ds-util-is-disabled) .ds-link__text,
.ds-util-is-marked.ds-link--style-destructive.ds-link:not(.ds-util-is-working):not(.ds-util-is-disabled) .ds-link__text {
  box-shadow: inset 0 -1px 0 0 rgba(201, 11, 0, 0.5);
}
.ds-link--ellipsis-style {
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
          align-items: center;
}
.ds-link--style-contextual,
.ds-link--style-contextual:hover,
.ds-link--style-contextual.ds-util-is-marked {
  color: inherit;
}
.ds-link--style-chameleon {
  color: #fff;
}
.ds-link--style-chameleon:hover,
.ds-link--style-chameleon.ds-util-is-marked {
  color: rgba(255, 255, 255, 0.8);
}
.ds-link--style-neutral {
  color: #5e5e5e;
}
.ds-link--style-neutral:hover,
.ds-link--style-neutral.ds-util-is-marked {
  color: #474747;
}
.ds-link--style-destructive {
  color: #fb0d00;
}
.ds-link--style-destructive:hover,
.ds-link--style-destructive.ds-util-is-marked {
  color: #c90b00;
}
.ds-link.ds-util-is-disabled {
  color: #c0c0c0;
  pointer-events: none;
}
.ds-link.ds-util-is-disabled.ds-link--style-chameleon {
  color: rgba(255, 255, 255, 0.1);
}
.ds-link.ds-util-is-disabled.ds-link--style-contextual {
  opacity: 0.5;
  color: inherit;
}
.ds-link.ds-util-is-working {
  display: inline-block;
  position: relative;
  color: transparent;
  pointer-events: none;
}
.ds-link.ds-util-is-working:after {
  content: '';
  width: 16px;
  height: 16px;
  margin: -8px 0 0 -8px;
  border-radius: 100%;
  border: 2px solid #006cff;
  border-top-color: transparent !important;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 5;
  -webkit-animation: loading 0.5s infinite linear;
          animation: loading 0.5s infinite linear;
}
@keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.ds-link.ds-util-is-working[class*='ds-icon']:before {
  opacity: 0;
}
.ds-link.ds-util-is-working.ds-link--style-chameleon:after {
  border-color: #fff;
}
.ds-link.ds-util-is-working.ds-link--style-neutral:after {
  border-color: #5e5e5e;
}
.ds-link.ds-util-is-working.ds-link--style-destructive:after {
  border-color: #fb0d00;
}
.ds-link__ellipsis-helper {
  box-sizing: border-box;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  padding: 0;
  display: -webkit-inline-box;
  display: inline-flex;
  max-width: 100%;
  min-width: 0;
}
.ds-link__ellipsis-helper:before,
.ds-link__ellipsis-helper:after {
  box-sizing: border-box;
}
.ds-link__ellipsis-helper .ds-link__text {
  line-height: 100%;
}
.ds-link__text {
  box-sizing: border-box;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  padding: 0;
  display: inline;
  vertical-align: top;
}
.ds-link__text:before,
.ds-link__text:after {
  box-sizing: border-box;
}
.ds-radio-button {
  box-sizing: border-box;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  padding: 0;
}
.ds-radio-button:before,
.ds-radio-button:after {
  box-sizing: border-box;
}
.ds-radio-button:active,
.ds-radio-button:focus {
  outline: none;
}
.ds-radio-button .ds-choose-base__label .ds-choose-base__helper {
  border-radius: 50%;
  align-self: flex-start;
}
.ds-radio-button .ds-choose-base__input:checked + .ds-choose-base__label .ds-choose-base__helper:after {
  border-radius: 50%;
  background-color: #fff;
}
.ds-radio-group {
  box-sizing: border-box;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  padding: 0;
}
.ds-radio-group:before,
.ds-radio-group:after {
  box-sizing: border-box;
}
.ds-radio-group__item {
  box-sizing: border-box;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  padding: 0;
  list-style: none;
}
.ds-radio-group__item:before,
.ds-radio-group__item:after {
  box-sizing: border-box;
}
.ds-switcher {
  box-sizing: border-box;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  padding: 0;
  line-height: 21px;
  color: #5e5e5e;
  font-family: "ProximaNova", sans-serif;
  font-size: 14px;
}
.ds-switcher:before,
.ds-switcher:after {
  box-sizing: border-box;
}
.ds-switcher--stretched {
  width: 100%;
}
.ds-switcher--size-s {
  height: 24px;
}
.ds-switcher--size-s .ds-switcher__label {
  padding: 0 10px;
}
.ds-switcher--size-m {
  height: 34px;
}
.ds-switcher--size-m .ds-switcher__label {
  padding: 0 16px;
}
.ds-switcher--is-disabled {
  opacity: 0.5;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
  cursor: default;
}
.ds-switcher__input {
  display: none;
}
.ds-switcher__input:checked ~ .ds-switcher__options-wrapper [attr-option="checked"] {
  pointer-events: none;
  background-color: #f0f0f0;
  cursor: default;
}
.ds-switcher__input:not(:checked) ~ .ds-switcher__options-wrapper [attr-option="unchecked"] {
  pointer-events: none;
  background-color: #f0f0f0;
  cursor: default;
}
.ds-switcher__options-wrapper {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(2, 1fr);
  border-radius: 2px;
  border: 1px solid #e6e6e6;
}
.ds-switcher__option {
  list-style: none;
}
.ds-switcher__option--is-active {
  pointer-events: none;
  background-color: #f0f0f0;
  cursor: default;
}
.ds-switcher__option--has-separator {
  border-left: 1px solid #e6e6e6;
}
.ds-switcher__label {
  display: -webkit-box;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  cursor: pointer;
}
.ds-switcher__label::before {
  margin-right: 6px;
}
.ds-textarea {
  box-sizing: border-box;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  display: block;
  width: 100%;
  padding: 5.5px 10px;
  border-color: #e6e6e6;
  border-radius: 2px;
  border-style: solid;
  border-width: 1px;
  background: #fff;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);
  color: #5e5e5e;
  font-family: "ProximaNova", sans-serif;
  font-size: 14px;
  line-height: 21px;
  cursor: text;
  resize: none;
}
.ds-textarea:before,
.ds-textarea:after {
  box-sizing: border-box;
}
.ds-textarea:active,
.ds-textarea:focus {
  outline: none;
}
.ds-textarea.ds-util-is-disabled {
  pointer-events: none;
  opacity: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  color: #5e5e5e;
  -webkit-text-fill-color: #5e5e5e;
}
.ds-textarea::-moz-selection {
  background-color: #006cff;
  color: #fff;
}
.ds-textarea::selection {
  background-color: #006cff;
  color: #fff;
}
.ds-textarea::-webkit-input-placeholder {
  color: #b3b3b3;
}
.ds-textarea::-moz-placeholder {
  color: #b3b3b3;
}
.ds-textarea:-ms-input-placeholder {
  color: #b3b3b3;
}
.ds-textarea::-ms-input-placeholder {
  color: #b3b3b3;
}
.ds-textarea::placeholder {
  color: #b3b3b3;
}
.ds-textarea:active:not([readonly]),
.ds-textarea:focus:not([readonly]) {
  border-color: #006cff;
}
.ds-textarea[readonly] {
  border-color: #f6f6f6;
  background-color: #f6f6f6;
  box-shadow: none;
}
.ds-textarea--is-error {
  border-color: #ff3b30;
  color: #ff3b30;
}
.ds-textarea--style-chameleon {
  border-color: rgba(243, 243, 243, 0.3);
  background: transparent;
  color: #dadada;
}
.ds-textarea--style-chameleon::-webkit-input-placeholder {
  color: rgba(179, 179, 179, 0.4);
}
.ds-textarea--style-chameleon::-moz-placeholder {
  color: rgba(179, 179, 179, 0.4);
}
.ds-textarea--style-chameleon:-ms-input-placeholder {
  color: rgba(179, 179, 179, 0.4);
}
.ds-textarea--style-chameleon::-ms-input-placeholder {
  color: rgba(179, 179, 179, 0.4);
}
.ds-textarea--style-chameleon::placeholder {
  color: rgba(179, 179, 179, 0.4);
}
.ds-textarea--style-chameleon:active,
.ds-textarea--style-chameleon:focus {
  border-color: rgba(255, 255, 255, 0.5);
}
.ds-textarea--style-transparent {
  background: transparent;
}
.ds-textarea--size-s {
  padding: 3px 6px;
  line-height: 16px;
}
.ds-textarea--size-s.ds-textarea--text-monospace {
  font-family: "SourceCodePro", "Courier New", Courier, monospace;
  font-size: 11px;
  line-height: 16px;
}
.ds-textarea--size-l {
  padding: 12px 20px;
  font-size: 16px;
  line-height: 24px;
}
.ds-textarea--width-xxs {
  width: 30px;
}
.ds-textarea--width-xs {
  width: 70px;
}
.ds-textarea--width-s {
  width: 150px;
}
.ds-textarea--width-m {
  width: 230px;
}
.ds-textarea--width-l {
  width: 310px;
}
.ds-textarea--width-xl {
  width: 310px;
}
.ds-textarea--text-monospace {
  font-family: "SourceCodePro", "Courier New", Courier, monospace;
}
.ds-textarea--text-uppercase {
  text-transform: uppercase;
}
.ds-textarea--weight-light {
  border-radius: 0;
  box-shadow: none;
}
.ds-tip {
  box-sizing: border-box;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  padding: 0;
  font-family: "ProximaNova", sans-serif;
  font-size: 12px;
  line-height: 16px;
  display: block;
  color: #848484;
}
.ds-tip:before,
.ds-tip:after {
  box-sizing: border-box;
}
.ds-tip--style-chameleon {
  color: #b3b3b3;
}
.ds-tip--style-error {
  color: #ff3b30;
}
.ds-tip--size-xs {
  font-size: 10px;
  line-height: 16px;
}
.ds-tooltip {
  --tooltipOffset: 10px;
  box-sizing: border-box;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-family: "ProximaNova", sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  text-indent: 0;
  opacity: 0;
  visibility: hidden;
  display: block;
  min-height: 24px;
  padding: 5px 10px 3px;
  border-radius: 2px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2147483647;
  background: rgba(4, 4, 4, 0.9);
  color: #b3b3b3;
  white-space: nowrap;
  pointer-events: none;
}
.ds-tooltip:before,
.ds-tooltip:after {
  box-sizing: border-box;
}
[attr-show-node="ds-tooltip"]:hover .ds-tooltip {
  opacity: 1;
  visibility: visible;
}
[attr-show-node="ds-tooltip"]:hover .ds-tooltip--delayed {
  -webkit-transition-delay: 200ms;
          transition-delay: 200ms;
}
.ds-tooltip__arrow {
  box-sizing: border-box;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  padding: 0;
  height: 6px;
  position: fixed;
  border: 3px solid transparent;
}
.ds-tooltip__arrow:before,
.ds-tooltip__arrow:after {
  box-sizing: border-box;
}
.ds-tooltip--visible {
  opacity: 1;
  visibility: visible;
}
.ds-tooltip--is-clickable {
  pointer-events: auto;
}
.ds-tooltip--is-clickable:before {
  content: '';
  display: block;
  position: absolute;
}
.ds-tooltip--is-clickable-top:before,
.ds-tooltip--is-clickable-bottom:before {
  height: calc(var(--tooltipOffset) + 5px);
  right: 0;
  left: 0;
}
.ds-tooltip--is-clickable-top:before {
  bottom: calc((var(--tooltipOffset) + 5px) * -1);
}
.ds-tooltip--is-clickable-bottom:before {
  top: calc((var(--tooltipOffset) + 5px) * -1);
}
.ds-tooltip--is-clickable-right:before,
.ds-tooltip--is-clickable-left:before {
  width: calc(var(--tooltipOffset) + 5px);
  top: 0;
  bottom: 0;
}
.ds-tooltip--is-clickable-right:before {
  left: calc((var(--tooltipOffset) + 5px) * -1);
}
.ds-tooltip--is-clickable-left:before {
  right: calc((var(--tooltipOffset) + 5px) * -1);
}
.ds-tooltip--bottom,
.ds-tooltip--top {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.ds-tooltip--bottom .ds-tooltip__arrow,
.ds-tooltip--top .ds-tooltip__arrow {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.ds-tooltip--top {
  top: -10px;
  -webkit-transform: translateX(-50%) translateY(-100%);
          transform: translateX(-50%) translateY(-100%);
}
.ds-tooltip--top .ds-tooltip__arrow {
  border-top-color: rgba(4, 4, 4, 0.9);
  bottom: -6px;
}
.ds-tooltip--bottom {
  top: calc(100% + 10px);
}
.ds-tooltip--bottom .ds-tooltip__arrow {
  border-bottom-color: rgba(4, 4, 4, 0.9);
  top: -6px;
}
.ds-tooltip--right,
.ds-tooltip--left {
  top: 50%;
}
.ds-tooltip--right .ds-tooltip__arrow,
.ds-tooltip--left .ds-tooltip__arrow {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.ds-tooltip--right {
  left: calc(100% + 10px);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.ds-tooltip--right .ds-tooltip__arrow {
  border-right-color: rgba(4, 4, 4, 0.9);
  left: -6px;
}
.ds-tooltip--left {
  left: -10px;
  -webkit-transform: translateX(-100%) translateY(-50%);
          transform: translateX(-100%) translateY(-50%);
}
.ds-tooltip--left .ds-tooltip__arrow {
  border-left-color: rgba(4, 4, 4, 0.9);
  right: -6px;
}
.ds-fieldset {
  display: grid;
}
.ds-fieldset--direction-vertical {
  grid-template-areas: "label" "fields" "tip";
  grid-template-rows: -webkit-max-content -webkit-max-content -webkit-max-content;
  grid-template-rows: max-content max-content max-content;
}
.ds-fieldset--direction-horizontal {
  -webkit-column-gap: 6px;
     -moz-column-gap: 6px;
          column-gap: 6px;
  grid-template-areas: "label fields" "label tip";
  grid-template-columns: -webkit-max-content 1fr;
  grid-template-columns: max-content 1fr;
  grid-template-rows: -webkit-max-content -webkit-max-content;
  grid-template-rows: max-content max-content;
}
.ds-fieldset--width-xxs {
  width: 30px;
}
.ds-fieldset--width-xs {
  width: 70px;
}
.ds-fieldset--width-s {
  width: 150px;
}
.ds-fieldset--width-m {
  width: 230px;
}
.ds-fieldset--width-l {
  width: 310px;
}
.ds-fieldset--width-xl {
  width: 310px;
}
.ds-fieldset--width-stretched {
  width: 100%;
}
.ds-fieldset__label {
  margin-bottom: 1px;
  grid-area: label;
}
.ds-fieldset__fields {
  display: -webkit-box;
  display: flex;
  grid-area: fields;
}
.ds-fieldset__fields--direction-vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}
.ds-fieldset__fields--direction-horizontal {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
}
.ds-fieldset__fields--space-horizontal-s {
  gap: 6px;
}
.ds-fieldset__fields--space-horizontal-m {
  gap: 10px;
}
.ds-fieldset__fields--space-horizontal-l {
  gap: 16px;
}
.ds-fieldset__fields--space-horizontal-xl {
  gap: 20px;
}
.ds-fieldset__fields--space-vertical-s {
  gap: 6px;
}
.ds-fieldset__fields--space-vertical-m {
  gap: 10px;
}
.ds-fieldset__fields--space-vertical-l {
  gap: 16px;
}
.ds-fieldset__fields--space-vertical-xl {
  gap: 20px;
}
.ds-fieldset__tip {
  margin-top: 2px;
  grid-area: tip;
}
.ds-toast {
  box-sizing: border-box;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  padding: 0;
  display: -webkit-box;
  display: flex;
  width: 464px;
  padding: 16px 24px;
  position: fixed;
  bottom: var(--offset-bottom);
  left: var(--offset-left);
  z-index: 2147483247;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  background-color: #1e1e1e;
  color: #f3f3f3;
}
.ds-toast:before,
.ds-toast:after {
  box-sizing: border-box;
}
.ds-toast__close {
  position: absolute;
  top: 6px;
  right: 6px;
}
.ds-toast__header {
  font-size: 14px;
  color: #373737;
  font-weight: bold;
  line-height: 18px;
  display: -webkit-box;
  display: flex;
  -webkit-column-gap: 6px;
     -moz-column-gap: 6px;
          column-gap: 6px;
  -webkit-box-align: center;
          align-items: center;
  color: #f3f3f3;
}
.ds-toast__content {
  padding-top: 16px;
  font-size: 12px;
}
.ds-warning-box {
  box-sizing: border-box;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  text-indent: 0;
  font-size: 12px;
  line-height: 16px;
  padding: 10px 10px 10px 34px;
  position: relative;
  background: #fff9e5;
  color: #806000;
}
.ds-warning-box:before,
.ds-warning-box:after {
  box-sizing: border-box;
}
.ds-warning-box::before {
  color: currentColor;
  position: absolute;
  top: 10px;
  left: 10px;
}
.ds-util-edit-mode:not(.ds-util-is-active),
.ds-util-edit-mode *:not(.ds-util-is-active) {
  -webkit-user-select: initial !important;
  -moz-user-select: initial !important;
   -ms-user-select: initial !important;
       user-select: initial !important;
  pointer-events: none !important;
}
.ds-util-edit-mode .ds-util-edit-mode--allow-click,
.ds-util-edit-mode .ds-util-is-active,
.ds-util-edit-mode .ds-util-is-active * {
  pointer-events: auto !important;
}
.ds-headline-1 {
  font-size: 42px;
  color: #373737;
  font-weight: 800;
  line-height: 50px;
}
.ds-headline-2 {
  font-size: 36px;
  color: #373737;
  font-weight: 800;
  line-height: 40px;
}
.ds-headline-3 {
  font-size: 30px;
  color: #006cff;
  font-weight: 300;
  line-height: 36px;
}
.ds-headline-4 {
  font-size: 24px;
  color: #373737;
  font-weight: bold;
  line-height: 32px;
}
.ds-headline-5 {
  font-size: 20px;
  color: #373737;
  font-weight: normal;
  line-height: 28px;
}
.ds-headline-6 {
  font-size: 18px;
  color: #373737;
  font-weight: normal;
  line-height: 24px;
}
.ds-headline-7 {
  font-size: 16px;
  color: #373737;
  font-weight: normal;
  line-height: 20px;
}
.ds-headline-8 {
  font-size: 14px;
  color: #373737;
  font-weight: normal;
  line-height: 18px;
}
.ds-headline-9 {
  font-size: 12px;
  color: #b3b3b3;
  font-weight: normal;
  line-height: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.ds-headline-10 {
  font-size: 10px;
  color: #515151;
  font-weight: normal;
  line-height: 16px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.ds-util-is-clickable {
  cursor: pointer;
}
.ds-util-text-ellipsis {
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
@font-face {
  font-family: 'uxpds-icons';
  src: url('/public/fonts/uxpds-icons-1746793670.woff?v=1746793670') format('woff');
  font-style: normal;
  font-weight: normal;
}
/* CORE: fonts */
@font-face {
  font-family: 'ProximaNova';
  src: url('/public/fonts/ProximaNova-RegularWeb.woff') format('woff');
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: 'ProximaNova';
  src: url('/public/fonts/ProximaNova-RegularItWeb.woff') format('woff');
  font-style: italic;
  font-weight: normal;
}
@font-face {
  font-family: 'ProximaNova';
  src: url('/public/fonts/ProximaNova-LightWeb.woff') format('woff');
  font-style: normal;
  font-weight: 300;
}
@font-face {
  font-family: 'ProximaNova';
  src: url('/public/fonts/ProximaNova-SemiboldWeb.woff') format('woff');
  font-style: normal;
  font-weight: bold;
}
@font-face {
  font-family: 'ProximaNova';
  src: url('/public/fonts/ProximaNova-SemiboldItWeb.woff') format('woff');
  font-style: italic;
  font-weight: bold;
}
@font-face {
  font-family: 'ProximaNova';
  src: url('/public/fonts/ProximaNova-BoldWeb.woff') format('woff');
  font-style: normal;
  font-weight: 800;
}
/* CORE: fonts */
@font-face {
  font-family: 'SourceCodePro';
  src: url('/public/fonts/SourceCodePro-Regular.woff') format('woff');
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: 'SourceCodePro';
  src: url('/public/fonts/SourceCodePro-Semibold.woff') format('woff');
  font-style: normal;
  font-weight: 600;
}
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
*:before,
*:after {
  box-sizing: border-box;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
img,
fieldset {
  border: none;
}
a,
object,
input:focus,
textarea:focus,
button:focus {
  outline: none !important;
}
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
button,
input[type='button'],
input[type='reset'],
input[type='submit'],
input[type='checkbox'],
input[type='radio'],
select {
  cursor: pointer;
}
button[disabled],
input[disabled] {
  cursor: default;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary,
video,
img,
object,
iframe {
  display: block;
}
html {
  height: 100%;
  position: relative;
  background: #fff;
  width: 100%;
  overflow: hidden;
  min-width: 1100px;
  min-height: 580px;
}
body {
  min-height: 100%;
  color: #c0c0c0;
  font-family: "ProximaNova", sans-serif;
  font-size: 14px;
  line-height: 18px;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
a {
  cursor: pointer;
}
::-moz-selection {
  background: #006cff;
  color: #fff;
}
::selection {
  background: #006cff;
  color: #fff;
}
.wysiwyg-under {
  text-decoration: underline;
}
.uxp-align-Left {
  text-align: left;
}
.uxp-align-left {
  text-align: left;
}
.uxp-align-Right {
  text-align: right;
}
.uxp-align-right {
  text-align: right;
}
.uxp-align-Center {
  text-align: center;
}
.uxp-align-center {
  text-align: center;
}
.uxp-align-Justify {
  text-align: justify;
}
.uxp-align-justify {
  text-align: justify;
}
.wysiwyg-align-right {
  text-align: right;
  display: block;
}
.wysiwyg-align-center {
  text-align: center;
  display: block;
}
.wysiwyg-align-left {
  text-align: left;
  display: block;
}
.wysiwyg-align-justify {
  text-align: justify;
  display: block;
}
.wysiwyg-align-Right {
  text-align: right;
  display: block;
}
.wysiwyg-align-Center {
  text-align: center;
  display: block;
}
.wysiwyg-align-Left {
  text-align: left;
  display: block;
}
.wysiwyg-align-Justify {
  text-align: justify;
  display: block;
}
.wysiwyg-float-left {
  float: left;
  margin: 0 8px 8px 0;
}
.wysiwyg-float-right {
  float: right;
  margin: 0 0 8px 8px;
}
.wysiwyg-clear-right {
  clear: right;
}
.wysiwyg-clear-left {
  clear: left;
}
.font-S-Arial-n4,
.wysiwyg-font-type-arial {
  font-family: Arial !important;
}
.wysiwyg-font-type-comicsans {
  font-family: "Comic Sans MS" !important;
}
.font-S-Verdana-n4,
.wysiwyg-font-type-verdana {
  font-family: Verdana !important;
}
.font-S-Trebuchet_MS-n4,
.wysiwyg-font-type-trebuchet {
  font-family: Trebuchet MS !important;
}
.font-S-Times_New_Roman-n4,
.wysiwyg-font-type-timesnew {
  font-family: "Times New Roman" !important;
}
.font-S-Georgia-n4,
.wysiwyg-font-type-georgia {
  font-family: Georgia !important;
}
.font-S-Tahoma-n4,
.wysiwyg-font-type-tahoma {
  font-family: Tahoma !important;
}
.font-S-Courier_New-n4,
.wysiwyg-font-type-couriernew {
  font-family: "Courier New" !important;
}
.wysiwyg-font-type-anton {
  font-family: Anton !important;
}
.wysiwyg-font-type-abel {
  font-family: Abel !important;
}
.wysiwyg-font-type-ubuntu {
  font-family: Ubuntu !important;
}
.wysiwyg-font-type-Abel {
  font-family: Abel !important;
}
.wysiwyg-font-type-Allerta {
  font-family: Allerta !important;
}
.wysiwyg-font-type-Amaranth {
  font-family: Amaranth !important;
}
.wysiwyg-font-type-AmaticSc {
  font-family: "Amatic SC" !important;
}
.wysiwyg-font-type-Anton {
  font-family: Anton !important;
}
.wysiwyg-font-type-Arvo {
  font-family: Arvo !important;
}
.wysiwyg-font-type-Arimo {
  font-family: Arimo !important;
}
.wysiwyg-font-type-Asap {
  font-family: Asap !important;
}
.wysiwyg-font-type-Bitter {
  font-family: Bitter !important;
}
.wysiwyg-font-type-BlackOpsOne {
  font-family: "Black Ops One" !important;
}
.wysiwyg-font-type-BreeSerif {
  font-family: "Bree Serif" !important;
}
.wysiwyg-font-type-Cabin {
  font-family: Cabin !important;
}
.wysiwyg-font-type-CabinCondensed {
  font-family: "Cabin Condensed" !important;
}
.wysiwyg-font-type-Calligraffitti {
  font-family: Calligraffitti !important;
}
.wysiwyg-font-type-Cantarell {
  font-family: Cantarell !important;
}
.wysiwyg-font-type-Cardo {
  font-family: Cardo !important;
}
.wysiwyg-font-type-ChangaOne {
  font-family: "Changa One" !important;
}
.wysiwyg-font-type-CherryCreamSoda {
  font-family: "Cherry Cream Soda" !important;
}
.wysiwyg-font-type-Chewy {
  font-family: Chewy !important;
}
.wysiwyg-font-type-ComingSoon {
  font-family: "Coming Soon" !important;
}
.wysiwyg-font-type-Comfortaa {
  font-family: Comfortaa !important;
}
.wysiwyg-font-type-Copse {
  font-family: Copse !important;
}
.wysiwyg-font-type-CoveredByYourGrace {
  font-family: "Covered By Your Grace" !important;
}
.wysiwyg-font-type-CraftyGirls {
  font-family: "Crafty Girls" !important;
}
.wysiwyg-font-type-CrimsonText {
  font-family: "Crimson Text" !important;
}
.wysiwyg-font-type-Crushed {
  font-family: Crushed !important;
}
.wysiwyg-font-type-Cuprum {
  font-family: Cuprum !important;
}
.wysiwyg-font-type-DancingScript {
  font-family: "Dancing Script" !important;
}
.wysiwyg-font-type-Dosis {
  font-family: Dosis !important;
}
.wysiwyg-font-type-DroidSans {
  font-family: "Droid Sans" !important;
}
.wysiwyg-font-type-DroidSansMono {
  font-family: "Droid Sans Mono" !important;
}
.wysiwyg-font-type-DroidSerif {
  font-family: "Droid Serif" !important;
}
.wysiwyg-font-type-Economica {
  font-family: Economica !important;
}
.wysiwyg-font-type-Exo {
  font-family: Exo !important;
}
.wysiwyg-font-type-FjallaOne {
  font-family: "Fjalla One" !important;
}
.wysiwyg-font-type-FrancoisOne {
  font-family: "Francois One" !important;
}
.wysiwyg-font-type-FredokaOne {
  font-family: "Fredoka One" !important;
}
.wysiwyg-font-type-GoudyBookletter1911 {
  font-family: "Goudy Bookletter 1911" !important;
}
.wysiwyg-font-type-HomemadeApple {
  font-family: "Homemade Apple" !important;
}
.wysiwyg-font-type-Inconsolata {
  font-family: Inconsolata !important;
}
.wysiwyg-font-type-IndieFlower {
  font-family: "Indie Flower" !important;
}
.wysiwyg-font-type-IstokWeb {
  font-family: "Istok Web" !important;
}
.wysiwyg-font-type-JosefinSans {
  font-family: "Josefin Sans" !important;
}
.wysiwyg-font-type-JosefinSlab {
  font-family: "Josefin Slab" !important;
}
.wysiwyg-font-type-JustMeAgainDownHere {
  font-family: "Just Me Again Down Here" !important;
}
.wysiwyg-font-type-Kreon {
  font-family: Kreon !important;
}
.wysiwyg-font-type-Lato {
  font-family: Lato !important;
}
.wysiwyg-font-type-Lobster {
  font-family: Lobster !important;
}
.wysiwyg-font-type-LobsterTwo {
  font-family: "Lobster Two" !important;
}
.wysiwyg-font-type-Lora {
  font-family: Lora !important;
}
.wysiwyg-font-type-LuckiestGuy {
  font-family: "Luckiest Guy" !important;
}
.wysiwyg-font-type-MarckScript {
  font-family: "Marck Script" !important;
}
.wysiwyg-font-type-Marvel {
  font-family: Marvel !important;
}
.wysiwyg-font-type-MavenPro {
  font-family: "Maven Pro" !important;
}
.wysiwyg-font-type-Merriweather {
  font-family: Merriweather !important;
}
.wysiwyg-font-type-Metamorphous {
  font-family: Metamorphous !important;
}
.wysiwyg-font-type-Molengo {
  font-family: Molengo !important;
}
.wysiwyg-font-type-Montserrat {
  font-family: Montserrat !important;
}
.wysiwyg-font-type-Muli {
  font-family: Muli !important;
}
.wysiwyg-font-type-NewsCycle {
  font-family: "News Cycle" !important;
}
.wysiwyg-font-type-Nobile {
  font-family: Nobile !important;
}
.wysiwyg-font-type-Nunito {
  font-family: Nunito !important;
}
.wysiwyg-font-type-OldStandardTt {
  font-family: "Old Standard TT" !important;
}
.wysiwyg-font-type-OpenSans {
  font-family: "Open Sans" !important;
}
.wysiwyg-font-type-OpenSansCondensed {
  font-family: "Open Sans Condensed" !important;
}
.wysiwyg-font-type-Oswald {
  font-family: Oswald !important;
}
.wysiwyg-font-type-Oxygen {
  font-family: Oxygen !important;
}
.wysiwyg-font-type-Pacifico {
  font-family: Pacifico !important;
}
.wysiwyg-font-type-PaytoneOne {
  font-family: "Paytone One" !important;
}
.wysiwyg-font-type-PermanentMarker {
  font-family: "Permanent Marker" !important;
}
.wysiwyg-font-type-Philosopher {
  font-family: Philosopher !important;
}
.wysiwyg-font-type-Play {
  font-family: Play !important;
}
.wysiwyg-font-type-PtSans {
  font-family: "PT Sans" !important;
}
.wysiwyg-font-type-PTSans {
  font-family: "PT Sans" !important;
}
.wysiwyg-font-type-PtSansCaption {
  font-family: "PT Sans Caption" !important;
}
.wysiwyg-font-type-PTSansCaption {
  font-family: "PT Sans Caption" !important;
}
.wysiwyg-font-type-PtSansNarrow {
  font-family: "PT Sans Narrow" !important;
}
.wysiwyg-font-type-PTSansNarrow {
  font-family: "PT Sans Narrow" !important;
}
.wysiwyg-font-type-PtSerif {
  font-family: "PT Serif" !important;
}
.wysiwyg-font-type-PTSerif {
  font-family: "PT Serif" !important;
}
.wysiwyg-font-type-Questrial {
  font-family: Questrial !important;
}
.wysiwyg-font-type-Quicksand {
  font-family: Quicksand !important;
}
.wysiwyg-font-type-Raleway {
  font-family: Raleway !important;
}
.wysiwyg-font-type-ReenieBeanie {
  font-family: "Reenie Beanie" !important;
}
.wysiwyg-font-type-Righteous {
  font-family: Righteous !important;
}
.wysiwyg-font-type-Roboto {
  font-family: Roboto !important;
}
.wysiwyg-font-type-RobotoCondensed {
  font-family: "Roboto Condensed" !important;
}
.wysiwyg-font-type-RockSalt {
  font-family: "Rock Salt" !important;
}
.wysiwyg-font-type-Rokkitt {
  font-family: Rokkitt !important;
}
.wysiwyg-font-type-ShadowsIntoLight {
  font-family: "Shadows Into Light" !important;
}
.wysiwyg-font-type-Signika {
  font-family: Signika !important;
}
.wysiwyg-font-type-SourceSansPro {
  font-family: "Source Sans Pro" !important;
}
.wysiwyg-font-type-SpecialElite {
  font-family: "Special Elite" !important;
}
.wysiwyg-font-type-SquadaOne {
  font-family: "Squada One" !important;
}
.wysiwyg-font-type-Syncopate {
  font-family: Syncopate !important;
}
.wysiwyg-font-type-Tangerine {
  font-family: Tangerine !important;
}
.wysiwyg-font-type-TitilliumWeb {
  font-family: "Titillium Web" !important;
}
.wysiwyg-font-type-TheGirlNextDoor {
  font-family: "The Girl Next Door" !important;
}
.wysiwyg-font-type-Ubuntu {
  font-family: Ubuntu !important;
}
.wysiwyg-font-type-UbuntuCondensed {
  font-family: "Ubuntu Condensed" !important;
}
.wysiwyg-font-type-Unkempt {
  font-family: Unkempt !important;
}
.wysiwyg-font-type-Vollkorn {
  font-family: Vollkorn !important;
}
.wysiwyg-font-type-WalterTurncoat {
  font-family: "Walter Turncoat" !important;
}
.wysiwyg-font-type-YanoneKaffeesatz {
  font-family: "Yanone Kaffeesatz" !important;
}
@font-face {
  font-family: 'Kite One';
  font-style: normal;
  font-weight: 400;
  src: local('Kite One'), local('KiteOne-Regular'), url(//themes.googleusercontent.com/static/fonts/kiteone/v1/VNHoD96LpZ9rGZTwjozAOnYhjbSpvc47ee6xR_80Hnw.woff) format('woff');
}
@font-face {
  font-family: 'Abel';
  font-style: normal;
  font-weight: 400;
  src: local('Abel'), local('Abel-Regular'), url(//themes.googleusercontent.com/static/fonts/abel/v3/wnJbeWILdr-ZMJJAMsiXsvesZW2xOQ-xsNqO47m55DA.woff) format('woff');
}
@font-face {
  font-family: 'Allerta';
  font-style: normal;
  font-weight: 400;
  src: local('Allerta Regular'), local('Allerta-Regular'), url(//themes.googleusercontent.com/static/fonts/allerta/v4/2_yrzhw-QOSjZ9_sxT7B3QLUuEpTyoUstqEm5AMlJo4.woff) format('woff');
}
@font-face {
  font-family: 'Amaranth';
  font-style: normal;
  font-weight: 400;
  src: local('Amaranth'), url(//themes.googleusercontent.com/static/fonts/amaranth/v3/RvdVaxHTnYbJDko8dLi4znYhjbSpvc47ee6xR_80Hnw.woff) format('woff');
}
@font-face {
  font-family: 'Amatic SC';
  font-style: normal;
  font-weight: 400;
  src: local('Amatic SC Regular'), local('AmaticSC-Regular'), url(//themes.googleusercontent.com/static/fonts/amaticsc/v3/DPPfSFKxRTXvae2bKDzp5LO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
}
@font-face {
  font-family: 'Anton';
  font-style: normal;
  font-weight: 400;
  src: local('Anton'), url(//themes.googleusercontent.com/static/fonts/anton/v3/4ccCHjovctZoFjdBOHBY_6CWcynf_cDxXwCLxiixG1c.woff) format('woff');
}
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 400;
  src: local('Arimo'), url(//themes.googleusercontent.com/static/fonts/arimo/v5/ZS0wkeOZuckNE3boyLYNt6CWcynf_cDxXwCLxiixG1c.woff) format('woff');
}
@font-face {
  font-family: 'Arvo';
  font-style: normal;
  font-weight: 400;
  src: local('Arvo'), url(//themes.googleusercontent.com/static/fonts/arvo/v5/BM-nqL-L5PgjKPDNaleWB_esZW2xOQ-xsNqO47m55DA.woff) format('woff');
}
@font-face {
  font-family: 'Asap';
  font-style: normal;
  font-weight: 400;
  src: local('Asap'), local('Asap-Regular'), url(//themes.googleusercontent.com/static/fonts/asap/v1/nvGvEwsMAvkIa6w2U-PXffesZW2xOQ-xsNqO47m55DA.woff) format('woff');
}
@font-face {
  font-family: 'Bitter';
  font-style: normal;
  font-weight: 400;
  src: local('Bitter-Regular'), url(//themes.googleusercontent.com/static/fonts/bitter/v4/2PcBT6-VmYhQCus-O11S5-vvDin1pK8aKteLpeZ5c0A.woff) format('woff');
}
@font-face {
  font-family: 'Black Ops One';
  font-style: normal;
  font-weight: 400;
  src: local('Black Ops One'), local('BlackOpsOne-Regular'), url(//themes.googleusercontent.com/static/fonts/blackopsone/v4/2XW-DmDsGbDLE372KrMW1YkaQb-UsZVONjobs91YQtw.woff) format('woff');
}
@font-face {
  font-family: 'Bree Serif';
  font-style: normal;
  font-weight: 400;
  src: local('Bree Serif'), local('BreeSerif-Regular'), url(//themes.googleusercontent.com/static/fonts/breeserif/v2/LQ7WLTaITDg4OSRuOZCps73hpw3pgy2gAi-Ip7WPMi0.woff) format('woff');
}
@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 400;
  src: local('Cabin Regular'), local('Cabin-Regular'), url(//themes.googleusercontent.com/static/fonts/cabin/v4/kJXt72Gt1LyFMZcEKAAvlKCWcynf_cDxXwCLxiixG1c.woff) format('woff');
}
@font-face {
  font-family: 'Cabin Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Cabin Condensed'), local('CabinCondensed'), url(//themes.googleusercontent.com/static/fonts/cabincondensed/v4/B0txb0blf2N29WdYPJjMStL_YSxa0Ggq46JEtXTJ0Ts.woff) format('woff');
}
@font-face {
  font-family: 'Calligraffitti';
  font-style: normal;
  font-weight: 400;
  src: local('Calligraffitti'), local('Calligraffitti-Regular'), url(//themes.googleusercontent.com/static/fonts/calligraffitti/v4/vLVN2Y-z65rVu1R7lWdvyCsProE6K2albZZcEbhKl38.woff) format('woff');
}
@font-face {
  font-family: 'Cantarell';
  font-style: normal;
  font-weight: 400;
  src: local('Cantarell Regular'), local('Cantarell-Regular'), url(//themes.googleusercontent.com/static/fonts/cantarell/v3/V86VyqXbc09Sss3BPsMj17O3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
}
@font-face {
  font-family: 'Cardo';
  font-style: normal;
  font-weight: 400;
  src: local('Cardo'), local('Cardo-Regular'), url(//themes.googleusercontent.com/static/fonts/cardo/v5/c6Zi_ulq7hv-avk-G9Yut6CWcynf_cDxXwCLxiixG1c.woff) format('woff');
}
@font-face {
  font-family: 'Changa One';
  font-style: normal;
  font-weight: 400;
  src: local('Changa One'), local('ChangaOne'), url(//themes.googleusercontent.com/static/fonts/changaone/v6/QmTOgNNWM9ly3K3B2X29HL3hpw3pgy2gAi-Ip7WPMi0.woff) format('woff');
}
@font-face {
  font-family: 'Cherry Cream Soda';
  font-style: normal;
  font-weight: 400;
  src: local('Cherry Cream Soda'), local('CherryCreamSoda'), url(//themes.googleusercontent.com/static/fonts/cherrycreamsoda/v3/OrD-AUnFcZeeKa6F_c0_W8QttMzmgTrySm7GI1bKAZs.woff) format('woff');
}
@font-face {
  font-family: 'Chewy';
  font-style: normal;
  font-weight: 400;
  src: local('Chewy'), url(//themes.googleusercontent.com/static/fonts/chewy/v4/6XoXlBvfArPxzDH5BolASKCWcynf_cDxXwCLxiixG1c.woff) format('woff');
}
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 400;
  src: local('Comfortaa'), local('Comfortaa-Regular'), url(//themes.googleusercontent.com/static/fonts/comfortaa/v4/qLBu5CQmSMt1H43OiWJ77bO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
}
@font-face {
  font-family: 'Coming Soon';
  font-style: normal;
  font-weight: 400;
  src: local('Coming Soon'), local('ComingSoon'), url(//themes.googleusercontent.com/static/fonts/comingsoon/v3/myblyOycMnPMGjfPG-DzP7rIa-7acMAeDBVuclsi6Gc.woff) format('woff');
}
@font-face {
  font-family: 'Copse';
  font-style: normal;
  font-weight: 400;
  src: local('Copse'), url(//themes.googleusercontent.com/static/fonts/copse/v3/GTNBLj58pwv6qyDO1RGnXaCWcynf_cDxXwCLxiixG1c.woff) format('woff');
}
@font-face {
  font-family: 'Covered By Your Grace';
  font-style: normal;
  font-weight: 400;
  src: local('Covered By Your Grace'), local('CoveredByYourGrace'), url(https://fonts.gstatic.com/s/coveredbyyourgrace/v9/QGYwz-AZahWOJJI9kykWW9mD6opopoqXSOSEEQgqiaXVIw.woff) format('woff');
}
@font-face {
  font-family: 'Crafty Girls';
  font-style: normal;
  font-weight: 400;
  src: local('Crafty Girls'), local('CraftyGirls'), url(//themes.googleusercontent.com/static/fonts/craftygirls/v2/0Sv8UWFFdhQmesHL32H8o6RDOzjiPcYnFooOUGCOsRk.woff) format('woff');
}
@font-face {
  font-family: 'Crimson Text';
  font-style: normal;
  font-weight: 400;
  src: local('Crimson Text'), local('CrimsonText-Roman'), url(//themes.googleusercontent.com/static/fonts/crimsontext/v3/3IFMwfRa07i-auYR-B-zNaRDOzjiPcYnFooOUGCOsRk.woff) format('woff');
}
@font-face {
  font-family: 'Crushed';
  font-style: normal;
  font-weight: 400;
  src: local('Crushed'), local('Crushed-Regular'), url(//themes.googleusercontent.com/static/fonts/crushed/v3/Omv2eHy_AnjpAUA4svcAxwLUuEpTyoUstqEm5AMlJo4.woff) format('woff');
}
@font-face {
  font-family: 'Cuprum';
  font-style: normal;
  font-weight: 400;
  src: local('Cuprum'), local('Cuprum-Regular'), url(//themes.googleusercontent.com/static/fonts/cuprum/v4/dS-oM09uC7agWFnFSCUGievvDin1pK8aKteLpeZ5c0A.woff) format('woff');
}
@font-face {
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: 400;
  src: local('Dancing Script'), local('DancingScript'), url(//themes.googleusercontent.com/static/fonts/dancingscript/v3/DK0eTGXiZjN6yA8zAEyM2bDH3ri20rYH10B2w3wbVeU.woff) format('woff');
}
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 400;
  src: local('Dosis Regular'), local('Dosis-Regular'), url(//themes.googleusercontent.com/static/fonts/dosis/v1/Ewe0SEXPrakEimFzbOGwB6CWcynf_cDxXwCLxiixG1c.woff) format('woff');
}
@font-face {
  font-family: 'Droid Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Droid Sans'), local('DroidSans'), url(//themes.googleusercontent.com/static/fonts/droidsans/v3/s-BiyweUPV0v-yRb-cjciL3hpw3pgy2gAi-Ip7WPMi0.woff) format('woff');
}
@font-face {
  font-family: 'Droid Sans Mono';
  font-style: normal;
  font-weight: 400;
  src: local('Droid Sans Mono'), local('DroidSansMono'), url(//themes.googleusercontent.com/static/fonts/droidsansmono/v4/ns-m2xQYezAtqh7ai59hJaH0X__W3S3MJL29bc5CWfs.woff) format('woff');
}
@font-face {
  font-family: 'Droid Serif';
  font-style: normal;
  font-weight: 400;
  src: local('Droid Serif'), local('DroidSerif'), url(//themes.googleusercontent.com/static/fonts/droidserif/v3/0AKsP294HTD-nvJgucYTaLrIa-7acMAeDBVuclsi6Gc.woff) format('woff');
}
@font-face {
  font-family: 'Economica';
  font-style: normal;
  font-weight: 400;
  src: local('Economica'), local('Economica-Regular'), url(//themes.googleusercontent.com/static/fonts/economica/v1/jObgDQiPUtmACAaaK3pMG7O3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
}
@font-face {
  font-family: 'Exo';
  font-style: normal;
  font-weight: 400;
  src: local('Exo Regular'), local('Exo-Regular'), url(//themes.googleusercontent.com/static/fonts/exo/v1/ZcGd2dvMSgl3mHN3lKAjNw.woff) format('woff');
}
@font-face {
  font-family: 'Fjalla One';
  font-style: normal;
  font-weight: 400;
  src: local('Fjalla One'), local('FjallaOne-Regular'), url(//themes.googleusercontent.com/static/fonts/fjallaone/v1/rxxXUYj4oZ6Q5oDJFtEd6r3hpw3pgy2gAi-Ip7WPMi0.woff) format('woff');
}
@font-face {
  font-family: 'Francois One';
  font-style: normal;
  font-weight: 400;
  src: local('Francois One Regular'), local('FrancoisOne-Regular'), url(//themes.googleusercontent.com/static/fonts/francoisone/v6/bYbkq2nU2TSx4SwFbz5sCKRDOzjiPcYnFooOUGCOsRk.woff) format('woff');
}
@font-face {
  font-family: 'Fredoka One';
  font-style: normal;
  font-weight: 400;
  src: local('Fredoka One'), local('FredokaOne-Regular'), url(//themes.googleusercontent.com/static/fonts/fredokaone/v1/SL0aFUFfkFMMdariYQ3_YbrIa-7acMAeDBVuclsi6Gc.woff) format('woff');
}
@font-face {
  font-family: 'Goudy Bookletter 1911';
  font-style: normal;
  font-weight: 400;
  src: local('Goudy Bookletter 1911'), local('GoudyBookletter1911'), url(https://fonts.gstatic.com/s/goudybookletter1911/v9/sykt-z54laciWfKv-kX8krex0jDiD2HbY6IJshzQRYEHAQ.woff) format('woff');
}
@font-face {
  font-family: 'Homemade Apple';
  font-style: normal;
  font-weight: 400;
  src: local('Homemade Apple'), local('HomemadeApple'), url(//themes.googleusercontent.com/static/fonts/homemadeapple/v3/yg3UMEsefgZ8IHz_ryz86MFNxRyFoYQQR-5vMyIGaCo.woff) format('woff');
}
@font-face {
  font-family: 'Inconsolata';
  font-style: normal;
  font-weight: 400;
  src: local('Inconsolata'), url(//themes.googleusercontent.com/static/fonts/inconsolata/v6/BjAYBlHtW3CJxDcjzrnZCLrIa-7acMAeDBVuclsi6Gc.woff) format('woff');
}
@font-face {
  font-family: 'Indie Flower';
  font-style: normal;
  font-weight: 400;
  src: local('Indie Flower'), local('IndieFlower'), url(//themes.googleusercontent.com/static/fonts/indieflower/v4/10JVD_humAd5zP2yrFqw6qRDOzjiPcYnFooOUGCOsRk.woff) format('woff');
}
@font-face {
  font-family: 'Istok Web';
  font-style: normal;
  font-weight: 400;
  src: local('Istok Web Regular'), local('IstokWeb-Regular'), url(//themes.googleusercontent.com/static/fonts/istokweb/v5/EvPKapBawcLZ3hbihjhqAbO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
}
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Josefin Sans'), local('JosefinSans'), url(//themes.googleusercontent.com/static/fonts/josefinsans/v3/xgzbb53t8j-Mo-vYa23n5qRDOzjiPcYnFooOUGCOsRk.woff) format('woff');
}
@font-face {
  font-family: 'Josefin Slab';
  font-style: normal;
  font-weight: 400;
  src: local('Josefin Slab'), local('JosefinSlab'), url(//themes.googleusercontent.com/static/fonts/josefinslab/v3/46aYWdgz-1oFX11flmyEfaRDOzjiPcYnFooOUGCOsRk.woff) format('woff');
}
@font-face {
  font-family: 'Just Me Again Down Here';
  font-style: normal;
  font-weight: 400;
  src: local('Just Me Again Down Here'), local('JustMeAgainDownHere'), url(https://fonts.gstatic.com/s/justmeagaindownhere/v11/MwQmbgXtz-Wc6RUEGNMc0QpRrfUh2hSdBBMoAtwAtKfScOfh.woff) format('woff');
}
@font-face {
  font-family: 'Kreon';
  font-style: normal;
  font-weight: 400;
  src: local('Kreon Regular'), local('Kreon-Regular'), url(//themes.googleusercontent.com/static/fonts/kreon/v6/D9qk1GYStfykk6PrrE7M_aCWcynf_cDxXwCLxiixG1c.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(//themes.googleusercontent.com/static/fonts/lato/v6/qIIYRU-oROkIk8vfvxw6QvesZW2xOQ-xsNqO47m55DA.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: local('Lato Italic'), local('Lato-Italic'), url(https://fonts.gstatic.com/s/lato/v11/RYyZNoeFgb0l7W3Vu1aSWOvvDin1pK8aKteLpeZ5c0A.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v11/qdgUG4U09HnJwhYI-uK18wLUuEpTyoUstqEm5AMlJo4.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url(https://fonts.gstatic.com/s/lato/v11/HkF_qI1x_noxlxhrhMQYELO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
}
@font-face {
  font-family: 'Lobster';
  font-style: normal;
  font-weight: 400;
  src: local('Lobster'), url(//themes.googleusercontent.com/static/fonts/lobster/v5/NIaFDq6p6eLpSvtV2DTNDQLUuEpTyoUstqEm5AMlJo4.woff) format('woff');
}
@font-face {
  font-family: 'Lobster Two';
  font-style: normal;
  font-weight: 400;
  src: local('Lobster Two'), local('LobsterTwo'), url(//themes.googleusercontent.com/static/fonts/lobstertwo/v4/Law3VVulBOoxyKPkrNsAaLrIa-7acMAeDBVuclsi6Gc.woff) format('woff');
}
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 400;
  src: local('Lora'), url(//themes.googleusercontent.com/static/fonts/lora/v5/nAKwuw6_dIh5kwvpj3ShNfesZW2xOQ-xsNqO47m55DA.woff) format('woff');
}
@font-face {
  font-family: 'Luckiest Guy';
  font-style: normal;
  font-weight: 400;
  src: local('Luckiest Guy'), local('LuckiestGuy-Regular'), url(//themes.googleusercontent.com/static/fonts/luckiestguy/v3/5718gH8nDy3hFVihOpkY5KRDOzjiPcYnFooOUGCOsRk.woff) format('woff');
}
@font-face {
  font-family: 'Marck Script';
  font-style: normal;
  font-weight: 400;
  src: local('Marck Script'), local('MarckScript-Regular'), url(//themes.googleusercontent.com/static/fonts/marckscript/v4/O_D1NAZVOFOobLbVtW3bcqRDOzjiPcYnFooOUGCOsRk.woff) format('woff');
}
@font-face {
  font-family: 'Marvel';
  font-style: normal;
  font-weight: 400;
  src: local('Marvel'), local('Marvel-Regular'), url(//themes.googleusercontent.com/static/fonts/marvel/v3/Hyek-o_5-zlx5kCUxtoev-vvDin1pK8aKteLpeZ5c0A.woff) format('woff');
}
@font-face {
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Maven Pro Regular'), local('MavenProRegular'), url(//themes.googleusercontent.com/static/fonts/mavenpro/v4/MG9KbUZFchDs94Tbv9U-pbO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
}
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 400;
  src: local('Merriweather'), url(//themes.googleusercontent.com/static/fonts/merriweather/v5/RFda8w1V0eDZheqfcyQ4EKRDOzjiPcYnFooOUGCOsRk.woff) format('woff');
}
@font-face {
  font-family: 'Metamorphous';
  font-style: normal;
  font-weight: 400;
  src: local('Metamorphous'), url(//themes.googleusercontent.com/static/fonts/metamorphous/v3/wGqUKXRinIYggz-BTRU9eqRDOzjiPcYnFooOUGCOsRk.woff) format('woff');
}
@font-face {
  font-family: 'Molengo';
  font-style: normal;
  font-weight: 400;
  src: local('Molengo'), local('Molengo-Regular'), url(//themes.googleusercontent.com/static/fonts/molengo/v4/2v3ScQ0eE96oPRRr3d-FjgLUuEpTyoUstqEm5AMlJo4.woff) format('woff');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v7/zhcz-_WihjSQC0oHJ9TCYL3hpw3pgy2gAi-Ip7WPMi0.woff) format('woff');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v7/IQHow_FEYlDC4Gzy_m8fcnbFhgvWbfSbdVg11QabG8w.woff) format('woff');
}
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 400;
  src: local('Muli'), url(//themes.googleusercontent.com/static/fonts/muli/v4/minRpKQdEvXRRS8oAbAtWvesZW2xOQ-xsNqO47m55DA.woff) format('woff');
}
@font-face {
  font-family: 'News Cycle';
  font-style: normal;
  font-weight: 400;
  src: local('News Cycle Regular'), local('NewsCycle-Regular'), url(//themes.googleusercontent.com/static/fonts/newscycle/v9/9Xe8dq6pQDsPyVH2D3tMQr3hpw3pgy2gAi-Ip7WPMi0.woff) format('woff');
}
@font-face {
  font-family: 'Nobile';
  font-style: normal;
  font-weight: 400;
  src: local('Nobile'), local('Nobile-Regular'), url(//themes.googleusercontent.com/static/fonts/nobile/v4/BdG5WJmB9CCPn6im5Y8A5OvvDin1pK8aKteLpeZ5c0A.woff) format('woff');
}
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  src: local('Nunito-Regular'), url(//themes.googleusercontent.com/static/fonts/nunito/v4/1D_AI14T6X7H5aa5BXWWyuvvDin1pK8aKteLpeZ5c0A.woff) format('woff');
}
@font-face {
  font-family: 'Old Standard TT';
  font-style: normal;
  font-weight: 400;
  src: local('Old Standard TT Regular'), local('OldStandardTT-Regular'), url(//themes.googleusercontent.com/static/fonts/oldstandardtt/v4/n6RTCDcIPWSE8UNBa4k-DOeKpinAksS0bOq9o5QARNc.woff) format('woff');
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v10/u-WUoqrET9fUeobQW7jkRZBw1xU1rKptJj_0jans920.woff2) format('woff2'), local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v10/u-WUoqrET9fUeobQW7jkRbO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v10/cJZKeOuBrn4kERxqtaUH3ZBw1xU1rKptJj_0jans920.woff2) format('woff2'), local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/u-WUoqrET9fUeobQW7jkRbO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBqfTCPadK0KLfdEfFtGWCYw.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzOY5mlVXtdNkpsMpKkrDXP4.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxhLE7eCesZRIBkkq27EgTqg.woff) format('woff');
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: local('Oswald Regular'), local('Oswald-Regular'), url(//themes.googleusercontent.com/static/fonts/oswald/v7/qpy-UiLNKP-VfOdbcs6r6-vvDin1pK8aKteLpeZ5c0A.woff) format('woff');
}
@font-face {
  font-family: 'Oxygen';
  font-style: normal;
  font-weight: 400;
  src: local('Oxygen'), local('Oxygen-Regular'), url(//themes.googleusercontent.com/static/fonts/oxygen/v2/eAWT4YudG0otf3rlsJD6zOvvDin1pK8aKteLpeZ5c0A.woff) format('woff');
}
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: local('PT Sans'), local('PTSans-Regular'), url(//themes.googleusercontent.com/static/fonts/ptsans/v5/7YGmE4Ls5b94ct65u07hVQLUuEpTyoUstqEm5AMlJo4.woff) format('woff');
}
@font-face {
  font-family: 'PT Sans Caption';
  font-style: normal;
  font-weight: 400;
  src: local('PT Sans Caption'), local('PTSans-Caption'), url(//themes.googleusercontent.com/static/fonts/ptsanscaption/v6/OXYTDOzBcXU8MTNBvBHeSZsUyLnvNVEr3YfO1b3hweY.woff) format('woff');
}
@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 400;
  src: local('PT Sans Narrow'), local('PTSans-Narrow'), url(//themes.googleusercontent.com/static/fonts/ptsansnarrow/v4/UyYrYy3ltEffJV9QueSi4Z4t0mJKPaLVqklzZuc32b4.woff) format('woff');
}
@font-face {
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 400;
  src: local('PT Serif'), local('PTSerif-Regular'), url(//themes.googleusercontent.com/static/fonts/ptserif/v5/sDRi4fY9bOiJUbgq53yZCXYhjbSpvc47ee6xR_80Hnw.woff) format('woff');
}
@font-face {
  font-family: 'Pacifico';
  font-style: normal;
  font-weight: 400;
  src: local('Pacifico Regular'), local('Pacifico-Regular'), url(//themes.googleusercontent.com/static/fonts/pacifico/v4/yunJt0R8tCvMyj_V4xSjaXYhjbSpvc47ee6xR_80Hnw.woff) format('woff');
}
@font-face {
  font-family: 'Paytone One';
  font-style: normal;
  font-weight: 400;
  src: local('Paytone One'), local('PaytoneOne'), url(//themes.googleusercontent.com/static/fonts/paytoneone/v5/D_d4Nj6jwG2cmUCLYeqgKbrIa-7acMAeDBVuclsi6Gc.woff) format('woff');
}
@font-face {
  font-family: 'Permanent Marker';
  font-style: normal;
  font-weight: 400;
  src: local('Permanent Marker'), local('PermanentMarker'), url(//themes.googleusercontent.com/static/fonts/permanentmarker/v2/9vYsg5VgPHKK8SXYbf3sMmVSxyvLCPm9firj_jMeQtQ.woff) format('woff');
}
@font-face {
  font-family: 'Philosopher';
  font-style: normal;
  font-weight: 400;
  src: local('Philosopher'), url(//themes.googleusercontent.com/static/fonts/philosopher/v4/OttjxgcoEsufOGSINYBGLbrIa-7acMAeDBVuclsi6Gc.woff) format('woff');
}
@font-face {
  font-family: 'Play';
  font-style: normal;
  font-weight: 400;
  src: local('Play'), url(//themes.googleusercontent.com/static/fonts/play/v3/IkErdnKw9ItVkLeeur9GHfesZW2xOQ-xsNqO47m55DA.woff) format('woff');
}
@font-face {
  font-family: 'Questrial';
  font-style: normal;
  font-weight: 400;
  src: local('Questrial'), local('Questrial-Regular'), url(//themes.googleusercontent.com/static/fonts/questrial/v3/MYWJ4lYm5dbZ1UBuYox79LO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
}
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  src: local('Quicksand Regular'), local('Quicksand-Regular'), url(//themes.googleusercontent.com/static/fonts/quicksand/v2/sKd0EMYPAh5PYCRKSryvW7O3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: local('Raleway'), url(//themes.googleusercontent.com/static/fonts/raleway/v6/cIFypx4yrWPDz3zOxk7hIQLUuEpTyoUstqEm5AMlJo4.woff) format('woff');
}
@font-face {
  font-family: 'Reenie Beanie';
  font-style: normal;
  font-weight: 400;
  src: local('Reenie Beanie'), local('ReenieBeanie'), url(//themes.googleusercontent.com/static/fonts/reeniebeanie/v3/ljpKc6CdXusL1cnGUSamX4kaQb-UsZVONjobs91YQtw.woff) format('woff');
}
@font-face {
  font-family: 'Righteous';
  font-style: normal;
  font-weight: 400;
  src: local('Righteous'), local('Righteous-Regular'), url(//themes.googleusercontent.com/static/fonts/righteous/v2/w5P-SI7QJQSDqB3GziL8XbO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/d-6IYplOFocCacKzxwXSOLO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(https://fonts.gstatic.com/s/roboto/v15/t6Nd4cfPRhZP44Q5QAjcC7rIa-7acMAeDBVuclsi6Gc.woff) format('woff');
}
/*latin-ext*/
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Regular'), local('Roboto-Regular'), url(//fonts.gstatic.com/s/roboto/v14/Ks_cVxiCiwUWVsFWFA3Bjn-_kf6ByYO6CLYdB4HQE-Y.woff2) format('woff2'), url(//fonts.gstatic.com/s/roboto/v14/YTqeb6udKqDQr-y7rTKNruvvDin1pK8aKteLpeZ5c0A.ttf) format('truetype');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/*latin*/
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Regular'), local('Roboto-Regular'), url(//fonts.gstatic.com/s/roboto/v14/oMMgfZMQthOryQo9n22dcn-_kf6ByYO6CLYdB4HQE-Y.woff2) format('woff2'), url(//fonts.gstatic.com/s/roboto/v14/YTqeb6udKqDQr-y7rTKNruvvDin1pK8aKteLpeZ5c0A.ttf) format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/*latin-ext*/
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed Regular'), local('RobotoCondensed-Regular'), url(//fonts.gstatic.com/s/robotocondensed/v12/Zd2E9abXLFGSr9G3YK2MsNKDSU5nPdoBdru70FiVyb0.woff2) format('woff2'), url(//fonts.gstatic.com/s/robotocondensed/v12/Zd2E9abXLFGSr9G3YK2MsB43XjeME5heavxWqLE69Ro.ttf) format('truetype');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/*latin*/
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed Regular'), local('RobotoCondensed-Regular'), url(//fonts.gstatic.com/s/robotocondensed/v12/Zd2E9abXLFGSr9G3YK2MsDxLuRQ_bge_q3c2bYpk9Dw.woff2) format('woff2'), url(//fonts.gstatic.com/s/robotocondensed/v12/Zd2E9abXLFGSr9G3YK2MsB43XjeME5heavxWqLE69Ro.ttf) format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
  font-family: 'Rock Salt';
  font-style: normal;
  font-weight: 400;
  src: local('Rock Salt'), local('RockSalt'), url(//themes.googleusercontent.com/static/fonts/rocksalt/v3/Q94aHXFHGip10K5uxi1jOLO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
}
@font-face {
  font-family: 'Rokkitt';
  font-style: normal;
  font-weight: 400;
  src: local('Rokkitt'), url(//themes.googleusercontent.com/static/fonts/rokkitt/v5/RcB7dRNAX_8JE8zinU47YALUuEpTyoUstqEm5AMlJo4.woff) format('woff');
}
@font-face {
  font-family: 'Shadows Into Light';
  font-style: normal;
  font-weight: 400;
  src: local('Shadows Into Light'), local('ShadowsIntoLight'), url(//themes.googleusercontent.com/static/fonts/shadowsintolight/v3/clhLqOv7MXn459PTh0gXYMdQSYiIg2Yb25Hg13-ek1M.woff) format('woff');
}
@font-face {
  font-family: 'Signika';
  font-style: normal;
  font-weight: 400;
  src: local('Signika'), local('Signika-Regular'), url(//themes.googleusercontent.com/static/fonts/signika/v3/T4xaKLLiHAltM2Q6-RoODgLUuEpTyoUstqEm5AMlJo4.woff) format('woff');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(//themes.googleusercontent.com/static/fonts/sourcesanspro/v6/ODelI1aHBYDBqgeIAH2zlNHq-FFgoDNV3GTKpHwuvtI.woff) format('woff');
}
@font-face {
  font-family: 'Special Elite';
  font-style: normal;
  font-weight: 400;
  src: local('Special Elite'), local('SpecialElite-Regular'), url(//themes.googleusercontent.com/static/fonts/specialelite/v3/9-wW4zu3WNoD5Fjka35Jm4kaQb-UsZVONjobs91YQtw.woff) format('woff');
}
@font-face {
  font-family: 'Squada One';
  font-style: normal;
  font-weight: 400;
  src: local('Squada One'), local('SquadaOne-Regular'), url(//themes.googleusercontent.com/static/fonts/squadaone/v2/DIbfqh10Zkwc_Qd08Y0sab3hpw3pgy2gAi-Ip7WPMi0.woff) format('woff');
}
@font-face {
  font-family: 'Syncopate';
  font-style: normal;
  font-weight: 400;
  src: local('Syncopate'), local('Syncopate-Regular'), url(//themes.googleusercontent.com/static/fonts/syncopate/v3/pDM9CVwNx1ufBHCEatJA3LO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
}
@font-face {
  font-family: 'Tangerine';
  font-style: normal;
  font-weight: 400;
  src: local('Tangerine'), url(//themes.googleusercontent.com/static/fonts/tangerine/v3/HGfsyCL5WASpHOFnouG-RLO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
}
@font-face {
  font-family: 'The Girl Next Door';
  font-style: normal;
  font-weight: 400;
  src: local('The Girl Next Door'), local('TheGirlNextDoor'), url(//themes.googleusercontent.com/static/fonts/thegirlnextdoor/v4/cWRA4JVGeEcHGcPl5hmX7p-yoK3Kl6E6RmvAncM23y8.woff) format('woff');
}
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  src: local('Titillium Web'), local('TitilliumWeb-Regular'), url(//themes.googleusercontent.com/static/fonts/titilliumweb/v1/7XUFZ5tgS-tD6QamInJTcZ_o9VAbKgK36i-4snuAuCM.woff) format('woff');
}
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: local('Ubuntu'), url(//themes.googleusercontent.com/static/fonts/ubuntu/v4/vRvZYZlUaogOuHbBTT1SNevvDin1pK8aKteLpeZ5c0A.woff) format('woff');
}
@font-face {
  font-family: 'Ubuntu Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Ubuntu Condensed'), local('UbuntuCondensed-Regular'), url(//themes.googleusercontent.com/static/fonts/ubuntucondensed/v3/DBCt-NXN57MTAFjitYxdrNxB8OB85xaNTJvVSB9YUjQ.woff) format('woff');
}
@font-face {
  font-family: 'Unkempt';
  font-style: normal;
  font-weight: 400;
  src: local('Unkempt'), url(//themes.googleusercontent.com/static/fonts/unkempt/v4/LYSa9hubAxei0WbvIkdZJQLUuEpTyoUstqEm5AMlJo4.woff) format('woff');
}
@font-face {
  font-family: 'Vollkorn';
  font-style: normal;
  font-weight: 400;
  src: local('Vollkorn Regular'), local('Vollkorn-Regular'), url(//themes.googleusercontent.com/static/fonts/vollkorn/v3/BCFBp4rt5gxxFrX6F12DKnYhjbSpvc47ee6xR_80Hnw.woff) format('woff');
}
@font-face {
  font-family: 'Walter Turncoat';
  font-style: normal;
  font-weight: 400;
  src: local('Walter Turncoat'), local('WalterTurncoat'), url(//themes.googleusercontent.com/static/fonts/walterturncoat/v3/sG9su5g4GXy1KP73cU3hvUg5BZJjJQhkX_0Ep7_Wjf8.woff) format('woff');
}
@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 400;
  src: local('Yanone Kaffeesatz Regular'), local('YanoneKaffeesatz-Regular'), url(//themes.googleusercontent.com/static/fonts/yanonekaffeesatz/v4/YDAoLskQQ5MOAgvHUQCcLQa6gm6bS00u2Qn-iPLo1Go.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Condensed Bold'), local('OpenSans-CondensedBold'), url(https://fonts.gstatic.com/s/opensanscondensed/v14/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff0GmPuHGQJWQ.woff) format('woff');
}
[class^='icon-']:not([data-show-node="tooltip"]):before,
[class*=" icon-"]:not([data-show-node="tooltip"]):before {
  position: absolute;
}
[class^='icon-'].active:before,
[class*=" icon-"].active:before {
  opacity: 1;
}
[class^="icon-general-"].extra-icon:after,
[class*=" icon-general-"].extra-icon:after,
[class^="icon-general-"]:before,
[class*=" icon-general-"]:before {
  text-align: center;
  font-family: 'uxpds-icons';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  speak: none;
  text-transform: none;
  line-height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[class^="ds-icon--"].only-icon-font,
[class*=" ds-icon--"].only-icon-font,
[class^="icon-general-"].only-icon-font,
[class*=" icon-general-"].only-icon-font,
[class^="icon-font-"].only-icon-font,
[class*=" icon-font-"].only-icon-font,
[class^="icon-custom-"].only-icon-font,
[class*=" icon-custom-"].only-icon-font {
  height: 14px;
  -webkit-box-align: center;
          align-items: center;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  overflow: hidden;
  text-indent: -5000px;
  white-space: nowrap;
  box-sizing: border-box;
  color: transparent;
  font-size: 0 !important;
}
[class^="ds-icon--"].only-icon-font:before,
[class*=" ds-icon--"].only-icon-font:before,
[class^="icon-general-"].only-icon-font:before,
[class*=" icon-general-"].only-icon-font:before,
[class^="icon-font-"].only-icon-font:before,
[class*=" icon-font-"].only-icon-font:before,
[class^="icon-custom-"].only-icon-font:before,
[class*=" icon-custom-"].only-icon-font:before {
  display: block;
  width: 100%;
  margin: 0;
  position: relative;
  text-indent: 0;
  text-align: center;
}
[class^="ds-icon--"].dark-icon:before,
[class*=" ds-icon--"].dark-icon:before,
[class^="icon-general-"].dark-icon:before,
[class*=" icon-general-"].dark-icon:before,
[class^="icon-font-"].dark-icon:before,
[class*=" icon-font-"].dark-icon:before,
[class^="icon-custom-"].dark-icon:before,
[class*=" icon-custom-"].dark-icon:before {
  color: rgba(0, 0, 0, 0.5) !important;
}
label[class^="ds-icon--"],
label[class*=" ds-icon--"],
label[class^="icon-general-"],
label[class*=" icon-general-"],
label[class^="icon-font-"],
label[class*=" icon-font-"],
label[class^="icon-custom-"],
label[class*=" icon-custom-"] {
  margin-bottom: 0;
}
[class^="icon-font-"].extra-icon:after,
[class*=" icon-font-"].extra-icon:after,
[class^="icon-font-"]:before,
[class*=" icon-font-"]:before {
  text-align: center;
  font-family: 'uxpds-icons';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  speak: none;
  text-transform: none;
  line-height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[class^="icon-custom-"].extra-icon:after,
[class*=" icon-custom-"].extra-icon:after,
[class^="icon-custom-"]:before,
[class*=" icon-custom-"]:before {
  text-align: center;
  font-family: "ProximaNova", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  speak: none;
  text-transform: none;
  line-height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-state-helper {
  display: none;
}
.icons-group {
  margin-bottom: 0;
  clear: both;
}
.icons-group:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
}
.icons-group > li {
  float: left;
  position: relative;
}
.disabled.icons-group > li {
  opacity: 0.5;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.icons-group > li + li {
  margin-left: 10px;
}
@media screen and (max-width: 1366px) {
  .icons-group > li + li {
    margin-left: 5px;
  }
}
.icons-group.small-icons > li + li {
  margin-left: 8px;
}
.icons-group.small-icons .btn-icon {
  width: 14px;
  height: 14px;
}
.icons-group.small-icons .btn-icon:before {
  width: 14px;
  height: 14px;
  line-height: 14px;
}
/* icons for symbols-picker */
.icon-pixle:before {
  text-align: center;
  font-family: 'icons-set-pixle';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  speak: none;
  text-transform: none;
  line-height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-awesome47:before {
  text-align: center;
  font-family: 'icons-set-font-awesome-47';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  speak: none;
  text-transform: none;
  line-height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-retina:before {
  text-align: center;
  font-family: 'icons-set-retina';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  speak: none;
  text-transform: none;
  line-height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-android:before {
  text-align: center;
  font-family: 'icons-set-android';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  speak: none;
  text-transform: none;
  line-height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-uxpin-icon-set:before {
  text-align: center;
  font-family: 'icons-set-uxpin';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  speak: none;
  text-transform: none;
  line-height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-libraries-commons:before {
  text-align: center;
  font-family: 'icons-set-library-commons';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  speak: none;
  text-transform: none;
  line-height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-material:before {
  text-align: center;
  font-family: 'icons-set-material';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  speak: none;
  text-transform: none;
  line-height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.g-heading-1 {
  color: #6a6a6a;
  font-size: 30px;
  font-weight: 300;
  line-height: 36px;
}
.g-heading-2 {
  color: #6a6a6a;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
}
.g-heading-3 {
  color: #6a6a6a;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
}
.g-heading-4 {
  color: #373737;
  font-size: 18px;
  font-weight: 400;
  line-height: 14px;
}
.g-heading-5 {
  color: #5e5e5e;
  font-size: 16px;
  font-weight: 400;
  line-height: 14px;
}
.g-heading-6 {
  color: #373737;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.g-link {
  color: #006cff;
  text-decoration: none;
}
.link {
  position: relative;
  line-height: 100%;
  text-decoration: none;
}
.link:hover.with-icon:before {
  color: currentColor;
}
.link:hover:after {
  opacity: 0;
}
.link:after {
  content: '';
  opacity: 0.2;
  width: 100%;
  border-bottom: 1px solid;
  position: absolute;
  bottom: 0;
  left: 0;
}
.without-border.link:after {
  display: none;
}
.dark-version .link {
  color: #fff;
}
.link,
.modal-box .link {
  color: #515151;
}
.link.with-icon {
  position: relative;
}
.link.with-icon:before {
  opacity: 0.5;
  margin-right: 10px;
  position: absolute;
}
.link.small {
  font-size: 12px;
}
.link.small:after {
  bottom: 0;
}
.link.blue,
.link.blue:hover {
  color: #006cff;
}
.link.gray,
.link.gray.keep-default-version,
.link.gray:hover,
.link.gray.keep-default-version:hover {
  color: #6a6a6a;
}
.link.gray:after {
  border-bottom-color: #6a6a6a;
}
.dark-version .link.gray,
.dark-version .link.gray:hover {
  color: #c0c0c0;
}
.dark-version .link.gray:after,
.dark-version .link.gray:hover:after {
  border-bottom-color: #c0c0c0;
}
.dark-version .link.white,
.dark-version .link.white:hover {
  color: #fff;
}
.dark-version .link.white:after,
.dark-version .link.white:hover:after {
  border-bottom-color: #fff;
}
.link.red,
.link.red:hover {
  color: #fb0d00;
}
.link.red.with-icon:before {
  opacity: 1;
}
.underline-link {
  z-index: 0;
  line-height: 100%;
  text-decoration: none;
  position: relative;
}
.underline-link:after {
  content: '';
  border-bottom: 1px solid #dadada;
  bottom: 0;
  left: 0;
  opacity: 1;
  position: absolute;
  -webkit-transition: opacity 0.1s ease-out;
  transition: opacity 0.1s ease-out;
  width: 100%;
  z-index: -1;
}
.underline-link:hover:after {
  opacity: 0;
}
.underline-link.disabled {
  opacity: 0.5;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.gray-link,
.gray-style {
  color: #6a6a6a;
  font-weight: normal;
  line-height: 100%;
  text-decoration: none;
}
.blue-link,
.blue-style {
  color: #006cff;
  line-height: 100%;
}
.blue-link.underline-link,
.blue-style.underline-link {
  z-index: 0;
  position: relative;
}
.blue-link.underline-link:after,
.blue-style.underline-link:after {
  content: '';
  border-bottom: 1px solid rgba(0, 108, 255, 0.3);
  bottom: 0;
  left: 0;
  opacity: 1;
  position: absolute;
  -webkit-transition: opacity 0.1s ease-out;
  transition: opacity 0.1s ease-out;
  width: 100%;
  z-index: -1;
}
.blue-link.underline-link:hover:after,
.blue-style.underline-link:hover:after {
  opacity: 0;
}
.white-link,
.white-style {
  color: #fff;
  line-height: 100%;
}
.white-link.underline-link,
.white-style.underline-link {
  z-index: 0;
  position: relative;
}
.white-link.underline-link:after,
.white-style.underline-link:after {
  content: '';
  border-bottom: 1px solid #6a6a6a;
  bottom: 0;
  left: 0;
  opacity: 1;
  position: absolute;
  -webkit-transition: opacity 0.1s ease-out;
  transition: opacity 0.1s ease-out;
  width: 100%;
  z-index: -1;
}
.white-link.underline-link:hover:after,
.white-style.underline-link:hover:after {
  opacity: 0;
}
.blue-hover:hover {
  color: #006cff !important;
}
.blue-hover:hover:before {
  color: #006cff !important;
}
.red-hover:hover {
  color: #c90b00 !important;
}
.red-hover:hover:before {
  color: #c90b00 !important;
}
.g-unordered-list li,
.g-ordered-list li {
  list-style: none;
}
.g-list-element {
  list-style: none;
}
.g-unordered-list,
.g-ordered-list {
  margin-bottom: 0;
}
.g-ordered-list {
  padding-left: 16px;
}
.g-paragraph {
  margin-bottom: 0;
}
/*
	Cloud:
		/ global:
			.standard - no js positioning (for old UI)
			.options-cloud - has list elements
			.with-icons - increased left padding
			.with-scroll-options - need to be added if use .options-list & .options-separator
			.without-arrow - cloud without arrow
			.select-style-list - for dashboard usage similar to hulk-select.
		/ width (default is 230px width):
			.big - 300px width
			.small - 160px width
			.auto-width - auto width
		/ row size (default is 30px height):
			.tall - 24px row height

	Elements:
		.options-list - ul inside cloud
		.checkbox-list - ul with label and avatar inside
		.scroll-ready - ul with overflow auto
		.separator - element with separate line above
		.separator.more-spacing - separator with increased margin
		.options-separator - separator with label
		.no-found - darken element + centered
		.custom-color - text with color different than default

	Subcloud:
		There is possibility to add CSS positioned sub-level cloud (.sub-cloud)
		just add .with-sub-cloud class to <li> element and proper container inside
		e.g. <ul class="cloud sub-cloud">
		* - width is based on content
*/
.cloud {
  display: none;
  width: 230px;
  padding: 15px 20px 17px;
  border-radius: 2px;
  position: absolute;
  z-index: 2147483447;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  background-color: rgba(30, 30, 30, 0.97);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
  font-family: "ProximaNova", sans-serif;
  font-size: 14px;
  line-height: 21px;
  color: #5e5e5e;
  box-sizing: border-box;
}
.cloud *,
.cloud *:after,
.cloud *:before {
  box-sizing: border-box;
}
.cloud.text-link-cloud {
  width: 262px;
  background: #373737;
}
.cloud.text-link-cloud--error .ds-input__field {
  border-color: #ff0020 !important;
}
.cloud.visible,
[data-show-node="cloud"]:hover .cloud {
  display: -webkit-box;
  display: flex;
}
.cloud.standard {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.cloud.standard:before {
  top: -4px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.cloud.without-arrow:before {
  display: none;
}
.cloud:before {
  content: '';
  display: block;
  height: 4px;
  border-bottom: 4px solid rgba(30, 30, 30, 0.97);
  margin-top: -2px;
  margin-left: -4px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  margin: 0;
  position: absolute;
}
.cloud.arrow-top:before {
  top: -4px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.cloud.arrow-top-right:before {
  top: -4px;
  right: 15px;
}
.cloud.arrow-top-left:before {
  top: -4px;
  left: 15px;
}
.cloud.arrow-right:before {
  top: 50%;
  right: -6px;
  -webkit-transform: translateY(-50%) rotate(90deg);
          transform: translateY(-50%) rotate(90deg);
}
.cloud.arrow-right-top:before {
  top: 15px;
  right: -6px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.cloud.arrow-right-bottom:before {
  right: -6px;
  bottom: 15px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.cloud.arrow-bottom:before {
  bottom: -4px;
  left: 50%;
  -webkit-transform: translateX(-50%) scale(-1);
          transform: translateX(-50%) scale(-1);
}
.cloud.arrow-bottom-right:before {
  right: 15px;
  bottom: -4px;
  -webkit-transform: scale(-1);
          transform: scale(-1);
}
.cloud.arrow-bottom-left:before {
  bottom: -4px;
  left: 15px;
  -webkit-transform: scale(-1);
          transform: scale(-1);
}
.cloud.arrow-left:before {
  top: 50%;
  left: -6px;
  -webkit-transform: translateY(-50%) rotate(-90deg);
          transform: translateY(-50%) rotate(-90deg);
}
.cloud.arrow-left-top:before {
  top: 15px;
  left: -6px;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.cloud.arrow-left-bottom:before {
  bottom: 15px;
  left: -6px;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.cloud:not(.without-styles) a:not(.only-icon-font):not(.info-label):not(.shortcut-text):not([class*="ds-badge"]):not([class*="ds-link"]):not([class*="ds-tooltip"]):not([class*="ds-avatar"]):not([class*="ds-heading-separator"]):not([class*="ds-heading-separator__text-helper"]):not([class*="ds-label"]):not([class*="ds-inline-edit"]),
.cloud:not(.without-styles) p:not(.only-icon-font):not(.info-label):not(.shortcut-text):not([class*="ds-badge"]):not([class*="ds-link"]):not([class*="ds-tooltip"]):not([class*="ds-avatar"]):not([class*="ds-heading-separator"]):not([class*="ds-heading-separator__text-helper"]):not([class*="ds-label"]):not([class*="ds-inline-edit"]),
.cloud:not(.without-styles) h3:not(.only-icon-font):not(.info-label):not(.shortcut-text):not([class*="ds-badge"]):not([class*="ds-link"]):not([class*="ds-tooltip"]):not([class*="ds-avatar"]):not([class*="ds-heading-separator"]):not([class*="ds-heading-separator__text-helper"]):not([class*="ds-label"]):not([class*="ds-inline-edit"]),
.cloud:not(.without-styles) label:not(.only-icon-font):not(.info-label):not(.shortcut-text):not([class*="ds-badge"]):not([class*="ds-link"]):not([class*="ds-tooltip"]):not([class*="ds-avatar"]):not([class*="ds-heading-separator"]):not([class*="ds-heading-separator__text-helper"]):not([class*="ds-label"]):not([class*="ds-inline-edit"]),
.cloud:not(.without-styles) input:not(.only-icon-font):not(.info-label):not(.shortcut-text):not([class*="ds-badge"]):not([class*="ds-link"]):not([class*="ds-tooltip"]):not([class*="ds-avatar"]):not([class*="ds-heading-separator"]):not([class*="ds-heading-separator__text-helper"]):not([class*="ds-label"]):not([class*="ds-inline-edit"]),
.cloud:not(.without-styles) span:not(.only-icon-font):not(.info-label):not(.shortcut-text):not([class*="ds-badge"]):not([class*="ds-link"]):not([class*="ds-tooltip"]):not([class*="ds-avatar"]):not([class*="ds-heading-separator"]):not([class*="ds-heading-separator__text-helper"]):not([class*="ds-label"]):not([class*="ds-inline-edit"]),
.cloud:not(.without-styles) .options-list-link:not(.only-icon-font):not(.info-label):not(.shortcut-text):not([class*="ds-badge"]):not([class*="ds-link"]):not([class*="ds-tooltip"]):not([class*="ds-avatar"]):not([class*="ds-heading-separator"]):not([class*="ds-heading-separator__text-helper"]):not([class*="ds-label"]):not([class*="ds-inline-edit"]) {
  font-size: 14px;
}
.cloud:not(.without-styles) a:not(.disabled):not(.custom-color):not([class*='cm-']):not(.shortcut-text):not([class*="ds-badge"]):not([class*="ds-link"]):not([class*="ds-tooltip"]):not([class*="ds-avatar"]):not([class*="ds-heading-separator"]):not([class*="ds-heading-separator__text-helper"]):not([class*="ds-label"]):not([class*="ds-inline-edit"]),
.cloud:not(.without-styles) p:not(.disabled):not(.custom-color):not([class*='cm-']):not(.shortcut-text):not([class*="ds-badge"]):not([class*="ds-link"]):not([class*="ds-tooltip"]):not([class*="ds-avatar"]):not([class*="ds-heading-separator"]):not([class*="ds-heading-separator__text-helper"]):not([class*="ds-label"]):not([class*="ds-inline-edit"]),
.cloud:not(.without-styles) h3:not(.disabled):not(.custom-color):not([class*='cm-']):not(.shortcut-text):not([class*="ds-badge"]):not([class*="ds-link"]):not([class*="ds-tooltip"]):not([class*="ds-avatar"]):not([class*="ds-heading-separator"]):not([class*="ds-heading-separator__text-helper"]):not([class*="ds-label"]):not([class*="ds-inline-edit"]),
.cloud:not(.without-styles) label:not(.disabled):not(.custom-color):not([class*='cm-']):not(.shortcut-text):not([class*="ds-badge"]):not([class*="ds-link"]):not([class*="ds-tooltip"]):not([class*="ds-avatar"]):not([class*="ds-heading-separator"]):not([class*="ds-heading-separator__text-helper"]):not([class*="ds-label"]):not([class*="ds-inline-edit"]),
.cloud:not(.without-styles) input:not(.disabled):not(.custom-color):not([class*='cm-']):not(.shortcut-text):not([class*="ds-badge"]):not([class*="ds-link"]):not([class*="ds-tooltip"]):not([class*="ds-avatar"]):not([class*="ds-heading-separator"]):not([class*="ds-heading-separator__text-helper"]):not([class*="ds-label"]):not([class*="ds-inline-edit"]),
.cloud:not(.without-styles) span:not(.disabled):not(.custom-color):not([class*='cm-']):not(.shortcut-text):not([class*="ds-badge"]):not([class*="ds-link"]):not([class*="ds-tooltip"]):not([class*="ds-avatar"]):not([class*="ds-heading-separator"]):not([class*="ds-heading-separator__text-helper"]):not([class*="ds-label"]):not([class*="ds-inline-edit"]),
.cloud:not(.without-styles) .options-list-link:not(.disabled):not(.custom-color):not([class*='cm-']):not(.shortcut-text):not([class*="ds-badge"]):not([class*="ds-link"]):not([class*="ds-tooltip"]):not([class*="ds-avatar"]):not([class*="ds-heading-separator"]):not([class*="ds-heading-separator__text-helper"]):not([class*="ds-label"]):not([class*="ds-inline-edit"]) {
  color: #e6e6e6;
}
.cloud:not(.without-styles) a.disabled:not(.custom-color),
.cloud:not(.without-styles) p.disabled:not(.custom-color),
.cloud:not(.without-styles) h3.disabled:not(.custom-color),
.cloud:not(.without-styles) label.disabled:not(.custom-color),
.cloud:not(.without-styles) input.disabled:not(.custom-color),
.cloud:not(.without-styles) span.disabled:not(.custom-color),
.cloud:not(.without-styles) .options-list-link.disabled:not(.custom-color) {
  pointer-events: none;
}
.cloud:not(.without-styles) a.disabled:not(.custom-color),
.cloud:not(.without-styles) p.disabled:not(.custom-color),
.cloud:not(.without-styles) h3.disabled:not(.custom-color),
.cloud:not(.without-styles) label.disabled:not(.custom-color),
.cloud:not(.without-styles) input.disabled:not(.custom-color),
.cloud:not(.without-styles) span.disabled:not(.custom-color),
.cloud:not(.without-styles) .options-list-link.disabled:not(.custom-color),
.cloud:not(.without-styles) a.disabled:not(.custom-color):before,
.cloud:not(.without-styles) p.disabled:not(.custom-color):before,
.cloud:not(.without-styles) h3.disabled:not(.custom-color):before,
.cloud:not(.without-styles) label.disabled:not(.custom-color):before,
.cloud:not(.without-styles) input.disabled:not(.custom-color):before,
.cloud:not(.without-styles) span.disabled:not(.custom-color):before,
.cloud:not(.without-styles) .options-list-link.disabled:not(.custom-color):before,
.cloud:not(.without-styles) a.disabled:not(.custom-color) > span,
.cloud:not(.without-styles) p.disabled:not(.custom-color) > span,
.cloud:not(.without-styles) h3.disabled:not(.custom-color) > span,
.cloud:not(.without-styles) label.disabled:not(.custom-color) > span,
.cloud:not(.without-styles) input.disabled:not(.custom-color) > span,
.cloud:not(.without-styles) span.disabled:not(.custom-color) > span,
.cloud:not(.without-styles) .options-list-link.disabled:not(.custom-color) > span {
  color: rgba(230, 230, 230, 0.5) !important;
}
.cloud .cloud-icon-wrapper {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 23px;
  top: 17px;
  cursor: pointer;
}
.cloud .options-list-link {
  width: 100%;
  border: 0;
  background-color: transparent;
  font-family: inherit;
  text-align: left;
}
.cloud > p + p {
  margin-top: 18px;
}
.cloud li {
  list-style: none;
}
.cloud:not(.cloud-with-settings) .control-wrapper .state-helper:checked + .fake-choose-label:before {
  border-width: 1px;
  border-color: #fff;
  background: none;
}
.cloud:not(.cloud-with-settings) .control-wrapper .state-helper:checked + .fake-choose-label:after {
  background: #fff;
}
.cloud:not(.cloud-with-settings) .control-wrapper .fake-choose-label.fake-radio {
  position: relative;
}
.cloud:not(.cloud-with-settings) .control-wrapper .fake-choose-label.fake-radio:before {
  width: 10px;
  height: 10px;
  border-width: 1px;
  border-color: #fff;
  background: none;
}
.cloud:not(.cloud-with-settings) .control-wrapper .fake-choose-label.fake-radio:after {
  content: '';
  width: 4px;
  height: 4px;
  border-radius: 50%;
  position: absolute;
  top: 2px;
  left: 3px;
  background: transparent;
}
.cloud.big {
  width: 300px;
}
.cloud.small {
  width: 160px;
}
.cloud.auto-width {
  width: auto;
}
.cloud.options-cloud {
  padding: 0;
}
.cloud.options-cloud > a:not([class*="ds-link"]),
.cloud.options-cloud > p:not([class*="ds-link"]),
.cloud.options-cloud .options-list-link:not([class*="ds-link"]) {
  padding: 7px 9px 5px 9px;
}
.tall.cloud.options-cloud > a:not([class*="ds-link"]),
.tall.cloud.options-cloud > p:not([class*="ds-link"]),
.tall.cloud.options-cloud .options-list-link:not([class*="ds-link"]) {
  padding: 4px 9px 2px 9px;
}
.cloud.options-cloud .ds-input--cloud-input-text {
  margin-top: 5px;
}
.cloud.options-cloud.scroll-ready,
.cloud.options-cloud .scroll-ready {
  overflow: auto;
}
.cloud.options-cloud .padded-content,
.cloud.options-cloud .options-list .padded-content {
  padding: 2px 9px 4px;
}
.tall.cloud.options-cloud .padded-content,
.tall.cloud.options-cloud .options-list .padded-content {
  padding: 4px 9px 2px 9px;
}
.cloud.options-cloud .padded-content.selected,
.cloud.options-cloud .options-list .padded-content.selected {
  background-color: #5e5e5e;
}
.cloud.options-cloud.without-hover > li > a.active:not(.disabled),
.cloud.options-cloud .options-list.without-hover > li > a.active:not(.disabled),
.cloud.options-cloud.without-hover > li > span.active:not(.disabled),
.cloud.options-cloud .options-list.without-hover > li > span.active:not(.disabled),
.cloud.options-cloud.without-hover > li .options-list-link.active:not(.disabled),
.cloud.options-cloud .options-list.without-hover > li .options-list-link.active:not(.disabled) {
  background-color: #006cff;
}
.cloud.options-cloud.without-hover > li > a.active:not(.disabled).danger,
.cloud.options-cloud .options-list.without-hover > li > a.active:not(.disabled).danger,
.cloud.options-cloud.without-hover > li > span.active:not(.disabled).danger,
.cloud.options-cloud .options-list.without-hover > li > span.active:not(.disabled).danger,
.cloud.options-cloud.without-hover > li .options-list-link.active:not(.disabled).danger,
.cloud.options-cloud .options-list.without-hover > li .options-list-link.active:not(.disabled).danger {
  background-color: #c90b00;
  color: #fff;
}
.cloud.options-cloud:not(.without-hover) > li > a:hover:not(.disabled),
.cloud.options-cloud .options-list:not(.without-hover) > li > a:hover:not(.disabled),
.cloud.options-cloud:not(.without-hover) > li > span:hover:not(.disabled),
.cloud.options-cloud .options-list:not(.without-hover) > li > span:hover:not(.disabled),
.cloud.options-cloud:not(.without-hover) > li .options-list-link:hover:not(.disabled),
.cloud.options-cloud .options-list:not(.without-hover) > li .options-list-link:hover:not(.disabled),
.cloud.options-cloud:not(.without-hover) > li > a.active:not(.disabled),
.cloud.options-cloud .options-list:not(.without-hover) > li > a.active:not(.disabled),
.cloud.options-cloud:not(.without-hover) > li > span.active:not(.disabled),
.cloud.options-cloud .options-list:not(.without-hover) > li > span.active:not(.disabled),
.cloud.options-cloud:not(.without-hover) > li .options-list-link.active:not(.disabled),
.cloud.options-cloud .options-list:not(.without-hover) > li .options-list-link.active:not(.disabled) {
  background-color: #006cff;
}
.cloud.options-cloud:not(.without-hover) > li > a:hover:not(.disabled).danger,
.cloud.options-cloud .options-list:not(.without-hover) > li > a:hover:not(.disabled).danger,
.cloud.options-cloud:not(.without-hover) > li > span:hover:not(.disabled).danger,
.cloud.options-cloud .options-list:not(.without-hover) > li > span:hover:not(.disabled).danger,
.cloud.options-cloud:not(.without-hover) > li .options-list-link:hover:not(.disabled).danger,
.cloud.options-cloud .options-list:not(.without-hover) > li .options-list-link:hover:not(.disabled).danger,
.cloud.options-cloud:not(.without-hover) > li > a.active:not(.disabled).danger,
.cloud.options-cloud .options-list:not(.without-hover) > li > a.active:not(.disabled).danger,
.cloud.options-cloud:not(.without-hover) > li > span.active:not(.disabled).danger,
.cloud.options-cloud .options-list:not(.without-hover) > li > span.active:not(.disabled).danger,
.cloud.options-cloud:not(.without-hover) > li .options-list-link.active:not(.disabled).danger,
.cloud.options-cloud .options-list:not(.without-hover) > li .options-list-link.active:not(.disabled).danger {
  background-color: #c90b00;
  color: #fff;
}
.cloud.options-cloud > li > a:not([class*="ds-badge"]):not([class*="ds-link"]),
.cloud.options-cloud .options-list > li > a:not([class*="ds-badge"]):not([class*="ds-link"]),
.cloud.options-cloud > li > span:not([class*="ds-badge"]):not([class*="ds-link"]),
.cloud.options-cloud .options-list > li > span:not([class*="ds-badge"]):not([class*="ds-link"]),
.cloud.options-cloud > li .options-list-link:not([class*="ds-badge"]):not([class*="ds-link"]),
.cloud.options-cloud .options-list > li .options-list-link:not([class*="ds-badge"]):not([class*="ds-link"]) {
  display: block;
  padding: 7px 9px 5px;
  border-radius: 2px;
  line-height: 1.3em;
  text-decoration: none;
}
.tall.cloud.options-cloud > li > a:not([class*="ds-badge"]):not([class*="ds-link"]),
.tall.cloud.options-cloud .options-list > li > a:not([class*="ds-badge"]):not([class*="ds-link"]),
.tall.cloud.options-cloud > li > span:not([class*="ds-badge"]):not([class*="ds-link"]),
.tall.cloud.options-cloud .options-list > li > span:not([class*="ds-badge"]):not([class*="ds-link"]),
.tall.cloud.options-cloud > li .options-list-link:not([class*="ds-badge"]):not([class*="ds-link"]),
.tall.cloud.options-cloud .options-list > li .options-list-link:not([class*="ds-badge"]):not([class*="ds-link"]) {
  padding: 4px 9px 2px 9px;
}
.with-icons.cloud.options-cloud > li > a:not([class*="ds-badge"]):not([class*="ds-link"]),
.with-icons.cloud.options-cloud .options-list > li > a:not([class*="ds-badge"]):not([class*="ds-link"]),
.with-icons.cloud.options-cloud > li > span:not([class*="ds-badge"]):not([class*="ds-link"]),
.with-icons.cloud.options-cloud .options-list > li > span:not([class*="ds-badge"]):not([class*="ds-link"]),
.with-icons.cloud.options-cloud > li .options-list-link:not([class*="ds-badge"]):not([class*="ds-link"]),
.with-icons.cloud.options-cloud .options-list > li .options-list-link:not([class*="ds-badge"]):not([class*="ds-link"]) {
  padding-left: 34px;
}
.with-icons.tall.cloud.options-cloud > li > a:before,
.with-icons.tall.cloud.options-cloud .options-list > li > a:before,
.with-icons.tall.cloud.options-cloud > li > span:before,
.with-icons.tall.cloud.options-cloud .options-list > li > span:before,
.with-icons.tall.cloud.options-cloud > li .options-list-link:before,
.with-icons.tall.cloud.options-cloud .options-list > li .options-list-link:before {
  top: 5px;
}
.cloud.options-cloud > li > a:not(.disabled),
.cloud.options-cloud .options-list > li > a:not(.disabled),
.cloud.options-cloud > li > span:not(.disabled),
.cloud.options-cloud .options-list > li > span:not(.disabled),
.cloud.options-cloud > li .options-list-link:not(.disabled),
.cloud.options-cloud .options-list > li .options-list-link:not(.disabled) {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 100%;
}
.cloud.options-cloud > li > a:not(.disabled):hover,
.cloud.options-cloud .options-list > li > a:not(.disabled):hover,
.cloud.options-cloud > li > span:not(.disabled):hover,
.cloud.options-cloud .options-list > li > span:not(.disabled):hover,
.cloud.options-cloud > li .options-list-link:not(.disabled):hover,
.cloud.options-cloud .options-list > li .options-list-link:not(.disabled):hover,
.cloud.options-cloud > li > a:not(.disabled).active,
.cloud.options-cloud .options-list > li > a:not(.disabled).active,
.cloud.options-cloud > li > span:not(.disabled).active,
.cloud.options-cloud .options-list > li > span:not(.disabled).active,
.cloud.options-cloud > li .options-list-link:not(.disabled).active,
.cloud.options-cloud .options-list > li .options-list-link:not(.disabled).active,
.cloud.options-cloud > li > a:not(.disabled).selected,
.cloud.options-cloud .options-list > li > a:not(.disabled).selected,
.cloud.options-cloud > li > span:not(.disabled).selected,
.cloud.options-cloud .options-list > li > span:not(.disabled).selected,
.cloud.options-cloud > li .options-list-link:not(.disabled).selected,
.cloud.options-cloud .options-list > li .options-list-link:not(.disabled).selected,
.cloud.options-cloud > li > a:not(.disabled):hover span,
.cloud.options-cloud .options-list > li > a:not(.disabled):hover span,
.cloud.options-cloud > li > span:not(.disabled):hover span,
.cloud.options-cloud .options-list > li > span:not(.disabled):hover span,
.cloud.options-cloud > li .options-list-link:not(.disabled):hover span,
.cloud.options-cloud .options-list > li .options-list-link:not(.disabled):hover span,
.cloud.options-cloud > li > a:not(.disabled).active span,
.cloud.options-cloud .options-list > li > a:not(.disabled).active span,
.cloud.options-cloud > li > span:not(.disabled).active span,
.cloud.options-cloud .options-list > li > span:not(.disabled).active span,
.cloud.options-cloud > li .options-list-link:not(.disabled).active span,
.cloud.options-cloud .options-list > li .options-list-link:not(.disabled).active span,
.cloud.options-cloud > li > a:not(.disabled).selected span,
.cloud.options-cloud .options-list > li > a:not(.disabled).selected span,
.cloud.options-cloud > li > span:not(.disabled).selected span,
.cloud.options-cloud .options-list > li > span:not(.disabled).selected span,
.cloud.options-cloud > li .options-list-link:not(.disabled).selected span,
.cloud.options-cloud .options-list > li .options-list-link:not(.disabled).selected span {
  color: #fff;
}
.cloud.options-cloud > li > a:hover:not(.disabled),
.cloud.options-cloud .options-list > li > a:hover:not(.disabled),
.cloud.options-cloud > li > span:hover:not(.disabled),
.cloud.options-cloud .options-list > li > span:hover:not(.disabled),
.cloud.options-cloud > li .options-list-link:hover:not(.disabled),
.cloud.options-cloud .options-list > li .options-list-link:hover:not(.disabled),
.cloud.options-cloud > li > a.active:not(.disabled),
.cloud.options-cloud .options-list > li > a.active:not(.disabled),
.cloud.options-cloud > li > span.active:not(.disabled),
.cloud.options-cloud .options-list > li > span.active:not(.disabled),
.cloud.options-cloud > li .options-list-link.active:not(.disabled),
.cloud.options-cloud .options-list > li .options-list-link.active:not(.disabled) {
  background-color: #006cff;
}
.cloud.options-cloud > li > a:hover:not(.disabled).danger,
.cloud.options-cloud .options-list > li > a:hover:not(.disabled).danger,
.cloud.options-cloud > li > span:hover:not(.disabled).danger,
.cloud.options-cloud .options-list > li > span:hover:not(.disabled).danger,
.cloud.options-cloud > li .options-list-link:hover:not(.disabled).danger,
.cloud.options-cloud .options-list > li .options-list-link:hover:not(.disabled).danger,
.cloud.options-cloud > li > a.active:not(.disabled).danger,
.cloud.options-cloud .options-list > li > a.active:not(.disabled).danger,
.cloud.options-cloud > li > span.active:not(.disabled).danger,
.cloud.options-cloud .options-list > li > span.active:not(.disabled).danger,
.cloud.options-cloud > li .options-list-link.active:not(.disabled).danger,
.cloud.options-cloud .options-list > li .options-list-link.active:not(.disabled).danger {
  background-color: #c90b00;
  color: #fff;
}
.cloud.options-cloud > li > a.selected,
.cloud.options-cloud .options-list > li > a.selected,
.cloud.options-cloud > li > span.selected,
.cloud.options-cloud .options-list > li > span.selected,
.cloud.options-cloud > li .options-list-link.selected,
.cloud.options-cloud .options-list > li .options-list-link.selected,
.cloud.options-cloud > li > a.disabled,
.cloud.options-cloud .options-list > li > a.disabled,
.cloud.options-cloud > li > span.disabled,
.cloud.options-cloud .options-list > li > span.disabled,
.cloud.options-cloud > li .options-list-link.disabled,
.cloud.options-cloud .options-list > li .options-list-link.disabled {
  cursor: default;
}
.cloud.options-cloud > li > a.selected,
.cloud.options-cloud .options-list > li > a.selected,
.cloud.options-cloud > li > span.selected,
.cloud.options-cloud .options-list > li > span.selected,
.cloud.options-cloud > li .options-list-link.selected,
.cloud.options-cloud .options-list > li .options-list-link.selected {
  background-color: #5e5e5e;
}
.cloud.options-cloud > li > a.disabled,
.cloud.options-cloud .options-list > li > a.disabled,
.cloud.options-cloud > li > span.disabled,
.cloud.options-cloud .options-list > li > span.disabled,
.cloud.options-cloud > li .options-list-link.disabled,
.cloud.options-cloud .options-list > li .options-list-link.disabled {
  background: none;
}
.cloud.options-cloud > li > a.danger,
.cloud.options-cloud .options-list > li > a.danger,
.cloud.options-cloud > li > span.danger,
.cloud.options-cloud .options-list > li > span.danger,
.cloud.options-cloud > li .options-list-link.danger,
.cloud.options-cloud .options-list > li .options-list-link.danger {
  color: #e20c00;
}
.cloud.options-cloud > li > a .shortcut,
.cloud.options-cloud .options-list > li > a .shortcut,
.cloud.options-cloud > li > span .shortcut,
.cloud.options-cloud .options-list > li > span .shortcut,
.cloud.options-cloud > li .options-list-link .shortcut,
.cloud.options-cloud .options-list > li .options-list-link .shortcut {
  height: 16px;
  padding-right: 5px;
  padding-left: 5px;
  border-radius: 2px;
  position: absolute;
  top: 8px;
  right: 8px;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
}
.cloud.options-cloud > li .ds-choose-base--cloud-item,
.cloud.options-cloud .options-list > li .ds-choose-base--cloud-item {
  margin: 5px 0 4px 10px;
}
.cloud.options-cloud > .with-sub-cloud:hover:after,
.cloud.options-cloud .options-list > .with-sub-cloud:hover:after {
  color: #fff;
}
.cloud.options-cloud > .with-sub-cloud:hover .sub-cloud,
.cloud.options-cloud .options-list > .with-sub-cloud:hover .sub-cloud {
  display: block;
}
.cloud.options-cloud > .with-sub-cloud:after,
.cloud.options-cloud .options-list > .with-sub-cloud:after {
  content: '\E096';
  color: #919191;
  font-size: 7px;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  text-align: center;
  font-family: 'uxpds-icons';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  speak: none;
  text-transform: none;
  line-height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-top: -3px;
  position: absolute;
  top: 50%;
  right: 9px;
}
.cloud.options-cloud.options-icons li > .btn-icon {
  padding-left: 35px !important;
  position: relative;
}
.cloud.options-cloud.options-icons li > .btn-icon:before {
  width: 28px;
  height: 28px;
  color: currentColor;
  line-height: 28px;
}
.cloud.options-cloud.options-icons li > .btn-icon .shortcut {
  text-indent: 0;
}
.cloud.options-cloud.options-icons li .with-icon:before {
  display: inline-block;
  width: 14px;
  margin-right: 10px;
  position: relative;
  top: 2px;
  color: currentColor;
}
.cloud.options-cloud.options-icons li .with-shortcut .shortcut {
  top: 8px;
}
.cloud.options-cloud.options-icons li .connect-merge {
  display: -webkit-box;
  display: flex;
}
.cloud.options-cloud.options-icons li .connect-merge .connect-merge-btn {
  width: 225px;
  height: 28px;
  padding: 0;
  -webkit-box-pack: space-evenly;
          justify-content: space-evenly;
  box-shadow: none;
}
.cloud.options-cloud.options-icons li .connect-merge .connect-merge-btn:before {
  rotate: 45deg;
}
.cloud.options-cloud.options-icons li .connect-merge .connect-merge-btn:hover {
  background-color: #006cff;
}
.cloud.options-cloud .checkbox-list {
  margin-top: 5px;
  margin-bottom: 6px;
}
.cloud.options-cloud .checkbox-list li {
  margin-bottom: 1px;
  list-style: none;
}
.cloud.options-cloud .checkbox-list li:last-of-type {
  margin-bottom: 0;
}
.cloud.options-cloud .checkbox-list li > form label {
  display: -webkit-box;
  display: flex;
  padding-top: 5px;
  padding-bottom: 4px;
  -webkit-box-align: center;
          align-items: center;
}
.cloud.options-cloud .radio-list {
  padding: 13px 23px;
}
.cloud.options-cloud .radio-list-separator {
  margin-bottom: 13px;
}
.cloud.options-cloud .radio-list-item {
  margin-bottom: 3px;
}
.cloud.options-cloud .radio-list-text-wrapper {
  word-break: break-word;
}
.cloud.with-icons li > a:not([class*="ds-badge"]):not([class*="ds-link"]),
.cloud.with-icons .options-list li > a:not([class*="ds-badge"]):not([class*="ds-link"]),
.cloud.with-icons li > span:not([class*="ds-badge"]):not([class*="ds-link"]),
.cloud.with-icons .options-list li > span:not([class*="ds-badge"]):not([class*="ds-link"]),
.cloud.with-icons li .options-list-link:not([class*="ds-badge"]):not([class*="ds-link"]),
.cloud.with-icons .options-list li .options-list-link:not([class*="ds-badge"]):not([class*="ds-link"]) {
  padding-left: 34px;
  position: relative;
}
.cloud.with-icons li > a:not(.custom-color):before,
.cloud.with-icons .options-list li > a:not(.custom-color):before,
.cloud.with-icons li > span:not(.custom-color):before,
.cloud.with-icons .options-list li > span:not(.custom-color):before,
.cloud.with-icons li .options-list-link:not(.custom-color):before,
.cloud.with-icons .options-list li .options-list-link:not(.custom-color):before {
  color: #e6e6e6;
  position: absolute;
  top: 9px;
  left: 10px;
}
.cloud.with-icons li > a:not(.disabled):not(.custom-color):hover:before,
.cloud.with-icons .options-list li > a:not(.disabled):not(.custom-color):hover:before,
.cloud.with-icons li > span:not(.disabled):not(.custom-color):hover:before,
.cloud.with-icons .options-list li > span:not(.disabled):not(.custom-color):hover:before,
.cloud.with-icons li .options-list-link:not(.disabled):not(.custom-color):hover:before,
.cloud.with-icons .options-list li .options-list-link:not(.disabled):not(.custom-color):hover:before,
.cloud.with-icons li > a:not(.disabled):not(.custom-color).active:before,
.cloud.with-icons .options-list li > a:not(.disabled):not(.custom-color).active:before,
.cloud.with-icons li > span:not(.disabled):not(.custom-color).active:before,
.cloud.with-icons .options-list li > span:not(.disabled):not(.custom-color).active:before,
.cloud.with-icons li .options-list-link:not(.disabled):not(.custom-color).active:before,
.cloud.with-icons .options-list li .options-list-link:not(.disabled):not(.custom-color).active:before,
.cloud.with-icons li > a:not(.disabled):not(.custom-color).selected:before,
.cloud.with-icons .options-list li > a:not(.disabled):not(.custom-color).selected:before,
.cloud.with-icons li > span:not(.disabled):not(.custom-color).selected:before,
.cloud.with-icons .options-list li > span:not(.disabled):not(.custom-color).selected:before,
.cloud.with-icons li .options-list-link:not(.disabled):not(.custom-color).selected:before,
.cloud.with-icons .options-list li .options-list-link:not(.disabled):not(.custom-color).selected:before {
  color: #fff !important;
}
.cloud.with-scroll-options {
  padding-left: 0;
  padding-right: 0;
}
.cloud.with-scroll-options .options-list {
  overflow-x: hidden;
}
.cloud.select-style-list {
  width: 274px;
  max-height: 70vh;
  background: #fff;
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.15);
  color: #6a6a6a;
}
.cloud.select-style-list .options-separator .section-name {
  color: #919191;
  font-size: 12px;
  letter-spacing: initial;
  text-transform: none;
  overflow: visible;
}
.cloud.select-style-list .options-separator .section-name:before,
.cloud.select-style-list .options-separator .section-name:after {
  background: #f0f0f0;
}
.cloud.select-style-list li {
  padding: 3px 9px 3px 24px;
  border: 1px solid #fff;
  border-radius: 2px;
  position: relative;
  flex-shrink: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
}
.cloud.select-style-list li:not(.selected):hover {
  border-color: #f3f3f3;
  background: #f3f3f3;
  color: #414141 !important;
}
.cloud.select-style-list li.selected {
  border-color: #f3f3f3;
  background: none;
  color: #a6a6a6;
  cursor: default;
}
.cloud.select-style-list li.selected:before {
  content: '\E309';
  color: #444;
  font-size: 5px;
  text-align: center;
  font-family: 'uxpds-icons';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  speak: none;
  text-transform: none;
  line-height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  margin-top: -3px;
  position: absolute;
  top: 50%;
  left: 9px;
}
.cloud.select-style-list li.disabled {
  opacity: 0.5;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.cloud.permissions-cloud {
  width: 300px;
  padding: 8px 10px;
}
.cloud.permissions-cloud .list-filters {
  display: -webkit-box;
  display: flex;
  padding: 3px 10px 8px;
  flex-shrink: 0;
}
.cloud.permissions-cloud .list-filters:before {
  display: none;
}
.cloud.permissions-cloud .list-filters > li {
  list-style: none;
}
.cloud.permissions-cloud .list-filters > li + li {
  margin-left: 15px;
  position: relative;
}
.cloud.permissions-cloud .list-filters > li + li .fake-radio:before {
  display: block;
  border: none;
  border-left: 1px solid #414141 !important;
  height: 100%;
  position: absolute;
  top: 0;
  left: -8px;
  width: 1px;
}
.cloud.permissions-cloud .list-filters > li .active + .fake-radio {
  border-color: rgba(255, 255, 255, 0);
}
.cloud.permissions-cloud .list-filters > li .active + .fake-radio:after {
  display: none;
}
.cloud.permissions-cloud .list-filters .fake-radio {
  border-bottom: 1px solid;
  text-decoration: none !important;
  line-height: 14px;
  -webkit-transition: border-color 0.2s ease-in;
  transition: border-color 0.2s ease-in;
  border-bottom-color: #414141;
  padding-left: 0;
}
.cloud.permissions-cloud .list-filters .fake-radio:hover {
  border-bottom-color: transparent !important;
}
.cloud.permissions-cloud .list-filters .fake-radio:before {
  display: none;
}
.cloud.permissions-cloud .list-filters .fake-radio:after {
  content: '';
  position: absolute;
}
.cloud.permissions-cloud .ds-input--search.icon-general-search:before {
  margin-top: 0;
  top: 10px;
  left: 8px;
}
.cloud.permissions-cloud .fake-choose-label:before {
  border-color: #414141;
  background: none;
}
.cloud.permissions-cloud .checkbox-list label {
  display: -webkit-box;
  display: flex;
  width: 100%;
  padding: 5px 10px 4px 31px;
  -webkit-box-align: center;
          align-items: center;
}
.cloud.permissions-cloud .checkbox-list label:hover {
  background-color: #006cff;
}
.cloud.permissions-cloud .checkbox-list label:hover:before {
  border-color: #fff !important;
}
.cloud.permissions-cloud .checkbox-list label:hover,
.cloud.permissions-cloud .checkbox-list label:hover figcaption {
  color: #fff !important;
}
.cloud.permissions-cloud .checkbox-list label:before {
  top: 11px;
  left: 10px;
}
.cloud.permissions-cloud .checkbox-list label:after {
  top: 15px;
  left: 13px;
}
.cloud.permissions-cloud .checkbox-list .user {
  display: -webkit-box;
  display: flex;
}
.cloud.permissions-cloud .checkbox-list .name {
  padding: 3px 0 0 8px;
}
.cloud.permissions-cloud .cloud-search-wrapper {
  position: relative;
}
.cloud.permissions-cloud .cloud-search-wrapper .ds-input--search {
  position: static;
}
.cloud.permissions-cloud .cloud-search-wrapper .ds-input--search.active + .icon-general-close {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.cloud.permissions-cloud .cloud-search-wrapper .ds-icon--font__search:before {
  margin-top: -7px;
  position: absolute;
  top: 50%;
  left: 10px;
  color: #fff;
}
.cloud.permissions-cloud .cloud-search-wrapper .icon-general-close {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  margin-top: initial;
  border: none;
  position: absolute;
  top: 10px;
  right: 10px;
  background: none;
}
.cloud.permissions-cloud .cloud-search-wrapper .icon-general-close:before {
  content: '\E010';
  color: #fff;
  font-size: 10px;
}
.cloud form {
  flex-shrink: 0;
}
.cloud form:not(.search-form) label.fake-choose-label {
  display: block;
  padding: 7px 10px 5px 31px;
  border-radius: 2px;
  line-height: 1.3em;
}
.cloud form:not(.search-form) label.fake-choose-label:before {
  border-color: #373737;
  top: 9px;
  left: 9px;
  background: none;
  -webkit-transition: none;
  transition: none;
}
.cloud form:not(.search-form) label.fake-choose-label:after {
  top: 13px;
  left: 13px;
}
.cloud form:not(.search-form):hover label {
  background-color: #006cff;
}
.cloud form:not(.search-form):hover label:before {
  border-color: #fff !important;
}
.cloud form:not(.search-form):hover label,
.cloud form:not(.search-form):hover label figcaption {
  color: #fff !important;
}
.cloud form:not(.search-form):hover input:checked + label.fake-checkbox:before {
  background-color: #fff !important;
}
.cloud form:not(.search-form):hover input:checked + label.fake-checkbox:after {
  color: #006cff;
}
.cloud form:not(.search-form):hover input:checked + label.fake-radio:before {
  background-color: #006cff !important;
}
.cloud .search-form {
  position: relative;
}
.cloud .search-form .icon-general-search {
  position: absolute;
  top: 8px;
  left: 9px;
}
.cloud .search-form .icon-general-search:before {
  content: '\E269';
  color: #e6e6e6;
  font-size: 14px;
  margin-left: 1px;
}
.firefox .cloud .search-form .icon-general-search {
  top: 9px;
}
.cloud .search-form .icon-general-close {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  border: none;
  position: absolute;
  top: 8px;
  right: 5px;
  background: none;
}
.cloud .search-form .icon-general-close:before {
  content: '\E010';
  color: #e6e6e6;
  font-size: 10px;
}
.cloud .search-form input[type=text] {
  padding-left: 31px;
}
.cloud .search-form input[type=text]:focus + .icon-general-close {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.1s ease-out 0s;
  transition: all 0.1s ease-out 0s;
}
.cloud .search-form + p,
.cloud .search-form + ul {
  margin-top: 6px;
}
.cloud .user-avatar {
  display: -webkit-box;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
          align-items: center;
}
.cloud .user-avatar > img,
.cloud .user-avatar .initials {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  border-radius: 1px;
  flex-shrink: 0;
}
.cloud .user-avatar > img:not([src*="gravatar.com"])[src$="transparent.png"],
.cloud .user-avatar > img:not([src*="gravatar.com"])[src$="default_avatar.png"],
.cloud .user-avatar > img:not([src*="gravatar.com"])[src$="avatars/default.png"] {
  opacity: 0;
  visibility: hidden;
}
.cloud .user-avatar .initials {
  top: 0;
  left: 0;
  font-size: 10px;
  line-height: 20px;
}
.cloud .user-avatar figcaption {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 100%;
  position: relative;
  top: 1px;
  line-height: 100%;
}
.cloud .section-name {
  font-size: 10px;
  color: #f3f3f3;
  font-weight: normal;
  line-height: 16px;
  letter-spacing: 1px;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 8px;
}
.cloud .separator {
  display: block;
  position: relative;
  flex-shrink: 0;
}
.cloud .separator:empty:before,
.cloud .separator:empty:after {
  display: none !important;
}
.cloud .separator:before,
.cloud .separator:after {
  content: '';
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 1px;
  background-color: #373737;
}
.cloud .separator:not(.bottom):before {
  content: '';
  display: block;
  height: 1px;
  background-color: #373737;
}
.cloud .separator.bottom:after {
  content: '';
  display: block;
  height: 1px;
  background-color: #373737;
}
.cloud .separator.more-spacing:before {
  margin-bottom: 11px;
}
.cloud .separator.more-spacing:after {
  margin-top: 11px;
}
.cloud .option-description {
  color: #919191;
  font-size: 12px;
}
.cloud .options-separator {
  margin: 6px 0;
  pointer-events: none;
  overflow: hidden;
}
.cloud .options-separator:first-of-type {
  margin-top: 0 !important;
}
.tall.cloud .options-separator {
  margin-top: 3px;
  margin-bottom: 3px;
}
.cloud .options-separator .section-name {
  margin-bottom: 0;
  padding: 0 10px;
  position: relative;
  font-style: normal;
  line-height: 12px;
  color: #919191;
}
.cloud .options-separator .section-name:before,
.cloud .options-separator .section-name:after {
  content: '';
  width: 5000px;
  height: 1px;
  position: absolute;
  top: 4px;
  background: #414141;
}
.cloud .options-separator .section-name:before {
  right: 100%;
}
.cloud .options-separator .section-name:after {
  left: 100%;
}
.cloud .item-separator {
  position: relative;
}
.cloud .item-separator:before {
  content: '';
  display: block;
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  background: #373737;
}
.cloud .item-separator.left {
  padding-left: 1px;
}
.cloud .item-separator.left:before {
  left: 0;
}
.cloud .item-separator.right {
  padding: 1px;
}
.cloud .item-separator.right:before {
  right: 0;
}
.cloud .no-found {
  color: rgba(230, 230, 230, 0.4);
  text-align: center;
}
.cloud .tooltip,
.cloud .tooltip a {
  font-size: 12px !important;
}
.cloud .tooltip span,
.cloud .tooltip a span {
  font-size: inherit !important;
}
.cloud ~ .hulk-select-list li.selected {
  pointer-events: auto;
}
.cloud .old-input {
  border-color: rgba(243, 243, 243, 0.2) !important;
  color: #dadada !important;
}
.cloud .old-input::-webkit-input-placeholder {
  color: rgba(218, 218, 218, 0.4) !important;
}
.cloud .old-input::-moz-placeholder {
  color: rgba(218, 218, 218, 0.4) !important;
}
.cloud .old-input:-ms-input-placeholder {
  color: rgba(218, 218, 218, 0.4) !important;
}
.cloud .old-input::-ms-input-placeholder {
  color: rgba(218, 218, 218, 0.4) !important;
}
.cloud .old-input::placeholder {
  color: rgba(218, 218, 218, 0.4) !important;
}
.cloud .old-input:active,
.cloud .old-input:focus {
  border-color: rgba(243, 243, 243, 0.3) !important;
}
.cloud .cloud-header {
  padding-bottom: 16px;
}
.options-cloud.cloud .cloud-header {
  padding-top: 12px;
  padding-right: 20px;
  padding-left: 20px;
}
.cloud .cloud-header .cloud-headline {
  margin-bottom: 15px;
  color: #fff;
  font-weight: 600;
}
.cloud .full-width-footer {
  display: -webkit-box;
  display: flex;
  height: 30px;
  padding-right: 19px;
  padding-left: 19px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  -webkit-box-align: center;
          align-items: center;
  flex-shrink: 0;
  background-color: #111111;
  font-size: 12px;
}
.cloud-with-settings.cloud .full-width-footer {
  background-color: #f3f3f3;
}
.dark-version .cloud-with-settings.cloud .full-width-footer {
  background-color: #111111;
}
.cloud .sub-cloud {
  width: auto;
  top: -8px;
  left: 100%;
  z-index: 1;
}
.cloud .info-label {
  font-size: 12px;
  line-height: 16px;
}
.cloud-with-settings {
  padding: 16px 20px;
  background-color: #fff;
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.2);
}
.cloud-with-settings .cloud-header {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
  color: #5e5e5e;
  font-weight: bold;
}
.dark-version .cloud-with-settings .cloud-header {
  color: #fff;
}
.cloud-with-settings .cloud-header .btn-icon {
  margin-right: -5px;
}
.cloud-with-settings .cloud-header .btn-icon:before {
  color: #a6a6a6;
}
.dark-version .cloud-with-settings .cloud-header .btn-icon:before {
  color: #c0c0c0;
}
.cloud-with-settings .cloud-header .btn-icon:hover:before {
  color: #5e5e5e !important;
}
.cloud-with-settings .options-list > li a:not([class*='ds-link']) {
  color: #444 !important;
}
.cloud-with-settings .options-list > li a:not([class*='ds-link']):not(.active):hover {
  background-color: #f3f3f3 !important;
}
.dark-version .cloud-with-settings .options-list > li a:not([class*='ds-link']):not(.active):hover {
  background-color: #474747 !important;
}
.dark-version .cloud-with-settings .options-list > li a:not([class*='ds-link']) {
  color: #f3f3f3 !important;
}
.cloud-with-settings .options-separator .section-name {
  color: #848484;
}
.dark-version .cloud-with-settings .options-separator .section-name {
  color: #919191;
}
.cloud-with-settings .options-separator .section-name:before,
.cloud-with-settings .options-separator .section-name:after {
  background-color: #f0f0f0;
}
.dark-version .cloud-with-settings .options-separator .section-name:before,
.dark-version .cloud-with-settings .options-separator .section-name:after {
  background-color: rgba(243, 243, 243, 0.1);
}
.cloud-with-settings#add-new-field-panel {
  width: 250px;
  max-height: 305px !important;
}
.cloud-with-settings#add-new-field-panel.arrow-left-top:before,
.cloud-with-settings#add-new-field-panel.arrow-right-top:before {
  top: 72px;
}
.cloud-with-settings#add-new-field-panel h3 {
  margin-bottom: 6px;
}
.cloud-with-settings#add-new-field-panel .fields-wrapper {
  height: auto;
  margin: 0 -20px;
  padding: 0 20px;
  overflow: auto;
}
.cloud-with-settings#add-new-field-panel .fields-wrapper .hulk-select-wrapper {
  width: 100%;
}
.cloud-with-settings#add-new-field-panel .fields-wrapper .select-options .context-menu {
  right: 0;
}
.cloud-with-settings#add-new-field-panel .fields-wrapper .select-options .context-menu .btn-icon {
  width: 20px;
  height: 20px;
}
.cloud-with-settings#add-new-field-panel .fields-wrapper .select-options .context-menu .btn-icon:before {
  width: 20px;
  height: 20px;
  line-height: 20px;
}
.cloud-with-settings#add-new-field-panel .fields-wrapper .select-options .context-menu:before {
  content: none;
}
.cloud-with-settings#add-new-field-panel .fields-wrapper .lang-type-select {
  margin-top: 6px;
}
.cloud-with-settings#add-new-field-panel .icon-font-dots {
  top: -4px;
}
.dark-version .cloud-with-settings {
  background-color: #373737;
}
.cloud-with-settings:before {
  border-bottom-color: #fff;
}
.dark-version .cloud-with-settings:before {
  border-bottom-color: #373737;
}
.cloud-with-settings .btns-group {
  display: -webkit-box;
  display: flex;
  margin-top: 20px;
  -webkit-box-align: center;
          align-items: center;
  flex-shrink: 0;
}
.cloud-with-settings .btns-group .link {
  position: relative;
  top: 2px;
}
body:not(.dark-version) .cloud-with-settings:not(.cloud-with-editor) a:not(.disabled):not(.custom-color):not([class*='cm-']):not(.shortcut-text):not([class*="ds-badge"]):not([class*="ds-link"]):not([class*="ds-tooltip"]):not([class*="ds-avatar"]):not([class*="ds-heading-separator"]):not([class*="ds-heading-separator__text-helper"]):not([class*="ds-label"]):not([class*="ds-inline-edit"]),
body:not(.dark-version) .cloud-with-settings:not(.cloud-with-editor) p:not(.disabled):not(.custom-color):not([class*='cm-']):not(.shortcut-text):not([class*="ds-badge"]):not([class*="ds-link"]):not([class*="ds-tooltip"]):not([class*="ds-avatar"]):not([class*="ds-heading-separator"]):not([class*="ds-heading-separator__text-helper"]):not([class*="ds-label"]):not([class*="ds-inline-edit"]),
body:not(.dark-version) .cloud-with-settings:not(.cloud-with-editor) h3:not(.disabled):not(.custom-color):not([class*='cm-']):not(.shortcut-text):not([class*="ds-badge"]):not([class*="ds-link"]):not([class*="ds-tooltip"]):not([class*="ds-avatar"]):not([class*="ds-heading-separator"]):not([class*="ds-heading-separator__text-helper"]):not([class*="ds-label"]):not([class*="ds-inline-edit"]),
body:not(.dark-version) .cloud-with-settings:not(.cloud-with-editor) label:not(.disabled):not(.custom-color):not([class*='cm-']):not(.shortcut-text):not([class*="ds-badge"]):not([class*="ds-link"]):not([class*="ds-tooltip"]):not([class*="ds-avatar"]):not([class*="ds-heading-separator"]):not([class*="ds-heading-separator__text-helper"]):not([class*="ds-label"]):not([class*="ds-inline-edit"]),
body:not(.dark-version) .cloud-with-settings:not(.cloud-with-editor) input:not(.disabled):not(.custom-color):not([class*='cm-']):not(.shortcut-text):not([class*="ds-badge"]):not([class*="ds-link"]):not([class*="ds-tooltip"]):not([class*="ds-avatar"]):not([class*="ds-heading-separator"]):not([class*="ds-heading-separator__text-helper"]):not([class*="ds-label"]):not([class*="ds-inline-edit"]),
body:not(.dark-version) .cloud-with-settings:not(.cloud-with-editor) span:not(.disabled):not(.custom-color):not([class*='cm-']):not(.shortcut-text):not([class*="ds-badge"]):not([class*="ds-link"]):not([class*="ds-tooltip"]):not([class*="ds-avatar"]):not([class*="ds-heading-separator"]):not([class*="ds-heading-separator__text-helper"]):not([class*="ds-label"]):not([class*="ds-inline-edit"]) {
  color: #515151;
}
body:not(.dark-version) .cloud-with-settings:not(.cloud-with-editor) a.disabled:before,
body:not(.dark-version) .cloud-with-settings:not(.cloud-with-editor) p.disabled:before,
body:not(.dark-version) .cloud-with-settings:not(.cloud-with-editor) h3.disabled:before,
body:not(.dark-version) .cloud-with-settings:not(.cloud-with-editor) label.disabled:before,
body:not(.dark-version) .cloud-with-settings:not(.cloud-with-editor) input.disabled:before,
body:not(.dark-version) .cloud-with-settings:not(.cloud-with-editor) span.disabled:before,
body:not(.dark-version) .cloud-with-settings:not(.cloud-with-editor) a.disabled > span,
body:not(.dark-version) .cloud-with-settings:not(.cloud-with-editor) p.disabled > span,
body:not(.dark-version) .cloud-with-settings:not(.cloud-with-editor) h3.disabled > span,
body:not(.dark-version) .cloud-with-settings:not(.cloud-with-editor) label.disabled > span,
body:not(.dark-version) .cloud-with-settings:not(.cloud-with-editor) input.disabled > span,
body:not(.dark-version) .cloud-with-settings:not(.cloud-with-editor) span.disabled > span {
  color: rgba(230, 230, 230, 0.5) !important;
}
.cloud-with-settings .additional-checkbox {
  margin-top: 4px;
}
.cloud-with-settings .additional-checkbox + .additional-checkbox {
  margin-top: 7px;
}
.cloud-with-settings .additional-checkbox .fake-choose-label {
  padding-left: 21px;
}
.cloud-with-settings .additional-checkbox .fake-choose-label:before {
  top: 1px;
}
.cloud-with-settings .additional-checkbox .fake-choose-label:after {
  top: 5px;
}
.cloud-with-settings .cloud-footer {
  border-top: 1px solid #f6f6f6;
  margin: 20px -20px 0;
  padding: 8px 20px 0;
}
.cloud-with-settings .cloud-footer .additional-checkbox {
  float: none;
}
.dark-version .cloud-with-settings .cloud-footer {
  border-top-color: #5e5e5e;
}
.cloud-with-settings .shortcut {
  pointer-events: none;
}
.cloud-with-settings .shortcut.shortcut-badge {
  margin-left: 10px;
}
.dark-version .cloud-with-settings .shortcut.shortcut-badge {
  background: rgba(230, 230, 230, 0.3);
  color: #fff;
}
.items-handler-cloud.in-panel {
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}
.dark-version .items-handler-cloud.in-panel {
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8);
}
.items-handler-cloud.in-assets-panel {
  min-width: 270px;
}
.dark-version .items-handler-cloud {
  background-color: #373737;
}
.items-handler-cloud .options-list .working {
  opacity: 0.5;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.items-handler-cloud .list-element-wrapper {
  display: -webkit-box;
  display: flex;
  padding: 7px 10px 5px 30px !important;
  border-radius: 2px;
  position: relative;
  cursor: pointer;
}
.items-handler-cloud .list-element-wrapper:hover {
  background: #f3f3f3;
}
.dark-version .items-handler-cloud .list-element-wrapper:hover {
  background: #474747;
}
.items-handler-cloud .list-element-wrapper.active,
.items-handler-cloud .list-element-wrapper.is-dragging,
.dark-version .items-handler-cloud .list-element-wrapper.active,
.dark-version .items-handler-cloud .list-element-wrapper.is-dragging {
  background: none;
}
.items-handler-cloud .list-element-wrapper.active {
  position: relative;
  box-shadow: inset 0 0 0 1px rgba(68, 68, 68, 0.1);
  color: #848484 !important;
}
.dark-version .items-handler-cloud .list-element-wrapper.active {
  box-shadow: inset 0 0 0 1px rgba(243, 243, 243, 0.1);
  color: rgba(243, 243, 243, 0.5) !important;
}
.items-handler-cloud .list-element-wrapper.active:before {
  content: '\E309';
  color: #444;
  font-size: 5px;
  position: absolute;
  top: 13px;
  left: 13px;
}
.dark-version .items-handler-cloud .list-element-wrapper.active:before {
  color: #f3f3f3;
}
.items-handler-cloud .list-element-wrapper .base-icon {
  height: 100%;
  margin-left: 10px;
  position: relative;
  top: 1px;
}
.items-handler-cloud .list-element-wrapper .base-icon:before {
  color: #5e5e5e;
  font-size: 12px;
}
.dark-version .items-handler-cloud .list-element-wrapper .base-icon:before {
  color: #b3b3b3;
}
.items-handler-cloud .cloud-header,
.items-handler-cloud .footer-actions {
  position: relative;
}
.items-handler-cloud .cloud-header:before,
.items-handler-cloud .footer-actions:before {
  content: '';
  border-top: 1px solid #f0f0f0;
  position: absolute;
  right: 0px;
  left: 0px;
}
.dark-version .items-handler-cloud .cloud-header:before,
.dark-version .items-handler-cloud .footer-actions:before {
  border-top-color: #474747;
}
.items-handler-cloud .cloud-header:before {
  bottom: 0;
}
.items-handler-cloud .cloud-header + .scroll-ready {
  padding: 6px 20px;
}
.items-handler-cloud .footer-actions {
  padding: 13px 20px 13px;
}
.items-handler-cloud .footer-actions:before {
  top: 0;
}
.items-handler-cloud .footer-actions .actions-list {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
}
.items-handler-cloud .footer-actions .actions-list .ds-icon--font__plus-outline:before {
  margin-top: -2px;
}
.options-cloud .options-list {
  padding: 8px 10px;
}
.g-textarea,
.fake-textarea,
.CodeMirror {
  border: 1px solid #e6e6e6;
  border-radius: 2px;
  background: transparent;
  color: #6a6a6a;
  font-family: "ProximaNova", sans-serif;
  font-size: 14px;
  outline: none;
}
.g-textarea::-moz-selection, .fake-textarea::-moz-selection, .CodeMirror::-moz-selection {
  background-color: #006cff;
  color: #fff;
}
.g-textarea::selection,
.fake-textarea::selection,
.CodeMirror::selection {
  background-color: #006cff;
  color: #fff;
}
.dark-version .g-textarea,
.dark-version .fake-textarea,
.dark-version .CodeMirror {
  border: 1px solid #5e5e5e;
  color: #f3f3f3;
}
.dark-version .tailwind-modal-content .g-textarea,
.dark-version .tailwind-modal-content .fake-textarea,
.dark-version .tailwind-modal-content .CodeMirror {
  border: 1px solid #e6e6e6;
  color: #6a6a6a;
}
.g-textarea:active,
.fake-textarea:active,
.CodeMirror:active,
.g-textarea:focus,
.fake-textarea:focus,
.CodeMirror:focus {
  border-color: #006cff;
}
.dark-version .g-textarea:active,
.dark-version .fake-textarea:active,
.dark-version .CodeMirror:active,
.dark-version .g-textarea:focus,
.dark-version .fake-textarea:focus,
.dark-version .CodeMirror:focus {
  border-color: #006cff !important;
}
#clip-scroll-position-y:disabled,
#clip-scroll-position-x:disabled {
  opacity: 0.4;
}
.scroll-input-label-disabled {
  cursor: default !important;
  opacity: 0.4;
}
.scroll-input-label-disabled label {
  cursor: default !important;
}
.state-helper:checked + .fake-choose-label.fake-checkbox:before,
.state-helper:checked + .fake-choose-label.fake-radio:before {
  box-shadow: none;
}
.state-helper:checked + .fake-choose-label.fake-checkbox:before {
  border-color: #006cff !important;
  background: #006cff !important;
}
.state-helper:checked + .fake-choose-label.fake-checkbox:after {
  opacity: 1;
}
.state-helper:checked + .fake-choose-label.fake-radio:before {
  border-width: 5px;
  border-color: #006cff !important;
  background: #fff;
}
.permissions-cloud .state-helper:checked + .fake-choose-label.fake-radio:before {
  background: none;
}
.state-helper:checked + .fake-switch {
  background-color: #63ad0e;
}
.state-helper:checked + .fake-switch:before {
  right: 4px;
  left: auto;
}
.state-helper:checked + .fake-switch:after {
  content: 'ON';
  right: auto;
  left: 13px;
  color: #fff;
}
.state-helper:checked + .hidden-section-trigger:before {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  top: -1px;
  left: -3px;
}
.state-helper:checked + .hidden-section-trigger + .hidden-section {
  display: block;
}
.state-helper:checked[readonly] + .fake-choose-label,
.state-helper:checked:disabled + .fake-choose-label {
  cursor: default;
}
.state-helper:checked[readonly] + .fake-choose-label.fake-checkbox:before,
.state-helper:checked:disabled + .fake-choose-label.fake-checkbox:before {
  border-color: #cdcdcd !important;
  background: #cdcdcd !important;
}
.dark-version .state-helper:checked[readonly] + .fake-choose-label.fake-checkbox:before,
.dark-version .state-helper:checked:disabled + .fake-choose-label.fake-checkbox:before {
  border-color: #474747 !important;
  background: #474747 !important;
}
.state-helper:checked[readonly] + .fake-choose-label.fake-radio:before,
.state-helper:checked:disabled + .fake-choose-label.fake-radio:before {
  border-color: #cdcdcd !important;
}
.dark-version .state-helper:checked[readonly] + .fake-choose-label.fake-radio:before,
.dark-version .state-helper:checked:disabled + .fake-choose-label.fake-radio:before {
  border-color: #474747 !important;
}
.g-input:disabled,
.g-field:disabled,
.fake-textarea:disabled {
  opacity: 0.4;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.g-input.error,
.g-field.error,
.fake-textarea.error {
  border-color: #c90b00 !important;
}
.g-label {
  margin-bottom: 5px;
  font-size: 14px;
  color: #414141;
  cursor: pointer;
}
.dark-version .g-label {
  color: rgba(218, 218, 218, 0.7);
}
.g-label fieldset h3,
.g-label fieldset h4 {
  margin-bottom: 7px;
  font-size: 14px;
  font-weight: normal;
  text-transform: capitalize;
  cursor: pointer;
}
.g-label fieldset h3,
.g-label fieldset h3 label {
  color: #414141;
  font-size: 14px;
}
.dark-version .g-label fieldset h3,
.dark-version .g-label fieldset h3 label {
  color: #dadada;
}
.g-label fieldset h4,
.g-label fieldset h4 label {
  color: #5e5e5e;
  font-size: 12px;
}
.g-label .clear-input-form {
  position: relative;
}
.g-label .clear-input-form .clear-input {
  width: 12px;
  height: 12px;
  margin-top: -6px;
  position: absolute;
  top: 50%;
  right: 0;
  border: 0;
  background-color: transparent;
  -webkit-transition: opacity 0.2s ease-in;
  transition: opacity 0.2s ease-in;
}
.g-label .clear-input-form .clear-input.icon-general-close:before {
  content: '\E010';
  color: rgba(0, 0, 0, 0.2);
  font-size: 11px;
  -webkit-transition: color 0.2s ease-in;
  transition: color 0.2s ease-in;
}
.g-label .clear-input-form .clear-input.icon-general-close:hover:before {
  color: #444;
}
.g-label .clear-input-form input:not(:valid) ~ .clear-input {
  opacity: 0;
  pointer-events: none;
}
.g-label .error-message {
  display: block;
  padding-top: 5px;
  clear: both;
  color: #fb0d00;
}
.g-label .flexible-textarea {
  display: -webkit-box;
  display: flex;
  position: relative;
}
.g-label .flexible-textarea:after {
  -webkit-transition: opacity 0.1s ease-out 0s, visibility 0.1s ease-out 0s;
  transition: opacity 0.1s ease-out 0s, visibility 0.1s ease-out 0s;
  opacity: 0;
  visibility: hidden;
  content: '';
  height: 65px;
  border-radius: 0 0 2px 2px;
  position: absolute;
  right: 1px;
  bottom: 1px;
  left: 1px;
  z-index: 0;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(rgba(255, 255, 255, 0)));
  background-image: linear-gradient(to top, #fff 0%, rgba(255, 255, 255, 0) 100%);
  pointer-events: none;
}
.dark-version .g-label .flexible-textarea:after {
  background-image: -webkit-gradient(linear, left bottom, left top, from(#373737), to(rgba(55, 55, 55, 0)));
  background-image: linear-gradient(to top, #373737 0%, rgba(55, 55, 55, 0) 100%);
}
.g-label .flexible-textarea .btn-action {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
  height: 24px;
  padding: 0 14px;
  border: none;
  border-radius: 12px;
  position: absolute;
  bottom: 18px;
  left: 50%;
  z-index: 1;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: rgba(17, 17, 17, 0.9);
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.01em;
  line-height: 24px;
  text-transform: uppercase;
  white-space: nowrap;
  -webkit-transition: background-color 0.2s ease-out;
  transition: background-color 0.2s ease-out;
}
.g-label .flexible-textarea .btn-action:hover {
  background-color: #111111;
}
.g-label .flexible-textarea.limited-height:after {
  -webkit-transition: opacity 0.1s ease-out 0s, visibility 0.1s ease-out 0s;
  transition: opacity 0.1s ease-out 0s, visibility 0.1s ease-out 0s;
  opacity: 1;
  visibility: visible;
}
.g-label .flexible-textarea.limited-height:hover .btn-action {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
  opacity: 0.8;
}
.g-label .flexible-textarea.limited-height.expanded:after {
  -webkit-transition: opacity 0.1s ease-out 0s, visibility 0.1s ease-out 0s;
  transition: opacity 0.1s ease-out 0s, visibility 0.1s ease-out 0s;
  opacity: 0;
  visibility: hidden;
}
.with-unit {
  display: inline-block;
  width: calc(50% - 2px);
  position: relative;
  line-height: 18px;
}
.with-unit:after {
  content: attr(data-unit);
  position: absolute;
  right: 7px;
  bottom: 4px;
  z-index: 111;
  color: #919191;
  font-size: 12px;
  pointer-events: none;
}
.active-hulk-select.with-unit:after {
  z-index: 115;
}
.with-input-with-select.with-unit:after {
  right: 25px !important;
}
.dark-version .with-unit:after {
  color: #5e5e5e;
}
@media screen and (max-width: 1366px) {
  .with-unit:not(.unit-degrees):after {
    right: 7px;
  }
}
.with-unit input[type=text] {
  padding-right: 23px;
  font-size: 14px;
  text-align: right;
}
.with-unit.unit-degrees input[type=text] {
  padding-right: 15px;
}
.error-full {
  display: -webkit-box;
  display: flex;
  width: 100%;
  min-height: 90px;
  padding-top: 27px;
  padding-bottom: 23px;
  -webkit-box-align: center;
          align-items: center;
  position: relative;
  background: #e20c00;
  color: #fff;
  overflow: hidden;
}
.error-full a {
  color: inherit;
}
.error-full p {
  width: 100%;
  max-width: 485px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 61px;
  position: relative;
  line-height: 20px;
}
.error-full p:before {
  content: '\E225';
  color: #fff;
  font-size: 30px;
  margin-top: -15px;
  top: 50%;
  left: 2px;
}
.fake-choose-label {
  margin-bottom: 0;
  padding-left: 18px;
  position: relative;
  color: #6a6a6a;
  font-size: 14px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}
.fake-choose-label:hover:before {
  border-color: #b3b3b3;
}
.desktop-app .fake-choose-label {
  cursor: default;
}
.dark-version .fake-choose-label {
  color: #f3f3f3;
}
.dark-version .fake-choose-label:hover:before {
  border-color: #5e5e5e;
}
.fake-choose-label:before {
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  border: 1px solid #cdcdcd;
  border-radius: 2px;
  position: absolute;
  top: -1px;
  left: 0;
  background: #fff;
  box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05);
}
.dark-version .fake-choose-label:before {
  border-color: #5e5e5e;
  background: none;
}
.fake-choose-label.fake-radio:before {
  border-radius: 50%;
}
.fake-choose-label.fake-radio:after {
  width: 100%;
  background: #006cff;
}
.dark-version .fake-choose-label.fake-radio:after {
  border-color: #006cff;
}
.fake-choose-label.fake-checkbox:after {
  content: '\E309';
  text-align: center;
  font-family: 'uxpds-icons';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  speak: none;
  text-transform: none;
  line-height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  opacity: 0;
  position: absolute;
  top: 3px;
  left: 3px;
  color: #fff;
  font-size: 4px;
}
.fake-choose-label.hidden-section-trigger.icon-general-caret:before {
  content: '\E069';
  color: #6a6a6a;
  font-size: 8px;
  border: none;
  top: 1px;
}
.dark-version .fake-choose-label.hidden-section-trigger.icon-general-caret:before {
  color: #f3f3f3;
}
.fake-choose-label.hidden-section-trigger + .hidden-section {
  display: none;
}
.btn-icon {
  display: block;
  width: 30px;
  height: 30px;
  border: 1px solid transparent;
  border-radius: 2px;
  position: relative;
  background: transparent;
  text-decoration: none;
  text-indent: -5000px;
  cursor: pointer;
}
.btn-icon .tooltip {
  display: block;
  height: 0;
  text-indent: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0s ease-in 0s, visibility 0s ease-in 0s;
  transition: opacity 0s ease-in 0s, visibility 0s ease-in 0s;
}
.with-labels .btn-icon .btn-label {
  -webkit-transition: opacity 0.2s ease-out 0s;
  transition: opacity 0.2s ease-out 0s;
}
.with-labels .btn-icon .btn-label:before {
  -webkit-transition: color 0.1s ease-out 0s;
  transition: color 0.1s ease-out 0s;
}
.btn-icon[data-show-node="tooltip"]:hover:not(.active) .tooltip {
  height: auto;
  z-index: 10;
  opacity: 1;
  visibility: visible;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
}
.with-labels .btn-icon[data-show-node="tooltip"]:hover:not(.active) .btn-label {
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-out 0.2s;
  transition: opacity 0.2s ease-out 0.2s;
}
.desktop-app .btn-icon {
  cursor: default !important;
}
.btn-icon.full-width {
  width: 100%;
  height: auto;
}
.btn-icon.full-width:not(.inline-label) .btn-label {
  height: auto;
  position: static;
}
.firefox .btn-icon.full-width:not(.inline-label) .btn-label {
  pointer-events: none;
}
.btn-icon.full-width:not(.inline-label) .btn-label:before {
  display: block !important;
  left: 0;
  font-size: 14px;
  line-height: 1;
}
.btn-icon.ghost-style {
  border-color: rgba(0, 108, 255, 0.2);
}
.btn-icon.ghost-gray-style {
  border-color: #e6e6e6;
  color: #5e5e5e;
}
.dark-version .btn-icon.ghost-gray-style {
  border-color: #5e5e5e;
  color: #fff;
}
.dark-version .btn-icon.ghost-gray-style:not(.inactive-feature):not(.active):hover {
  border-color: #6a6a6a;
  background: #515151 !important;
}
.btn-icon.ghost-gray-style:not(.inactive-feature):not(.active):hover {
  background: #f6f6f6 !important;
}
.btn-icon.ghost-gray-style:disabled {
  pointer-events: none;
}
.btn-icon.ghost-gray-style:disabled:before {
  opacity: 0.5;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.btn-icon.neutral-style {
  color: #919191;
}
.btn-icon.neutral-style:not(.active):not(.inactive):not(.inactive-feature):not(.lite-hover):not(.ghost-gray-style):not(.without-action):hover[class^='icon-font-'],
.btn-icon.neutral-style:not(.active):not(.inactive):not(.inactive-feature):not(.lite-hover):not(.ghost-gray-style):not(.without-action):hover[class*=' icon-font-'],
.btn-icon.neutral-style:not(.active):not(.inactive):not(.inactive-feature):not(.lite-hover):not(.ghost-gray-style):not(.without-action):hover[class^='icon-general-'],
.btn-icon.neutral-style:not(.active):not(.inactive):not(.inactive-feature):not(.lite-hover):not(.ghost-gray-style):not(.without-action):hover[class*=' icon-general-'],
.btn-icon.neutral-style:not(.active):not(.inactive):not(.inactive-feature):not(.lite-hover):not(.ghost-gray-style):not(.without-action):hover[class*=' ds-icon'] {
  background-color: #f6f6f6;
  box-shadow: none;
}
.btn-icon.neutral-style:not(.active):not(.inactive):not(.inactive-feature):not(.lite-hover):not(.ghost-gray-style):not(.without-action):hover[class^='icon-font-']:before,
.btn-icon.neutral-style:not(.active):not(.inactive):not(.inactive-feature):not(.lite-hover):not(.ghost-gray-style):not(.without-action):hover[class*=' icon-font-']:before,
.btn-icon.neutral-style:not(.active):not(.inactive):not(.inactive-feature):not(.lite-hover):not(.ghost-gray-style):not(.without-action):hover[class^='icon-general-']:before,
.btn-icon.neutral-style:not(.active):not(.inactive):not(.inactive-feature):not(.lite-hover):not(.ghost-gray-style):not(.without-action):hover[class*=' icon-general-']:before,
.btn-icon.neutral-style:not(.active):not(.inactive):not(.inactive-feature):not(.lite-hover):not(.ghost-gray-style):not(.without-action):hover[class*=' ds-icon']:before {
  color: #919191;
}
.dark-version .btn-icon.neutral-style:not(.active):not(.inactive):not(.inactive-feature):not(.lite-hover):not(.ghost-gray-style):not(.without-action):hover[class^='icon-font-'],
.dark-version .btn-icon.neutral-style:not(.active):not(.inactive):not(.inactive-feature):not(.lite-hover):not(.ghost-gray-style):not(.without-action):hover[class*=' icon-font-'],
.dark-version .btn-icon.neutral-style:not(.active):not(.inactive):not(.inactive-feature):not(.lite-hover):not(.ghost-gray-style):not(.without-action):hover[class^='icon-general-'],
.dark-version .btn-icon.neutral-style:not(.active):not(.inactive):not(.inactive-feature):not(.lite-hover):not(.ghost-gray-style):not(.without-action):hover[class*=' icon-general-'],
.dark-version .btn-icon.neutral-style:not(.active):not(.inactive):not(.inactive-feature):not(.lite-hover):not(.ghost-gray-style):not(.without-action):hover[class*=' ds-icon'] {
  background-color: #515151;
}
.dark-version .btn-icon.neutral-style:not(.active):not(.inactive):not(.inactive-feature):not(.lite-hover):not(.ghost-gray-style):not(.without-action):hover[class^='icon-font-']:before,
.dark-version .btn-icon.neutral-style:not(.active):not(.inactive):not(.inactive-feature):not(.lite-hover):not(.ghost-gray-style):not(.without-action):hover[class*=' icon-font-']:before,
.dark-version .btn-icon.neutral-style:not(.active):not(.inactive):not(.inactive-feature):not(.lite-hover):not(.ghost-gray-style):not(.without-action):hover[class^='icon-general-']:before,
.dark-version .btn-icon.neutral-style:not(.active):not(.inactive):not(.inactive-feature):not(.lite-hover):not(.ghost-gray-style):not(.without-action):hover[class*=' icon-general-']:before,
.dark-version .btn-icon.neutral-style:not(.active):not(.inactive):not(.inactive-feature):not(.lite-hover):not(.ghost-gray-style):not(.without-action):hover[class*=' ds-icon']:before {
  color: #f3f3f3;
}
.btn-icon.neutral-style.destructive-action:active[class^='icon-font-'],
.btn-icon.neutral-style.destructive-action:active[class*=' icon-font-'],
.btn-icon.neutral-style.destructive-action:active[class^='icon-general-'],
.btn-icon.neutral-style.destructive-action:active[class*=' icon-general-'],
.btn-icon.neutral-style.destructive-action:active[class*=' ds-icon'] {
  background-color: #ffedec !important;
}
.btn-icon.neutral-style.destructive-action:active[class^='icon-font-']:before,
.btn-icon.neutral-style.destructive-action:active[class*=' icon-font-']:before,
.btn-icon.neutral-style.destructive-action:active[class^='icon-general-']:before,
.btn-icon.neutral-style.destructive-action:active[class*=' icon-general-']:before,
.btn-icon.neutral-style.destructive-action:active[class*=' ds-icon']:before {
  color: #fb0d00 !important;
}
.btn-icon.neutral-style.onClick-visual-different:active[class^='icon-font-'],
.btn-icon.neutral-style.onClick-visual-different:active[class*=' icon-font-'],
.btn-icon.neutral-style.onClick-visual-different:active[class^='icon-general-'],
.btn-icon.neutral-style.onClick-visual-different:active[class*=' icon-general-'],
.btn-icon.neutral-style.onClick-visual-different:active[class*=' ds-icon'] {
  background-color: #dadada !important;
}
.dark-version .btn-icon.neutral-style.onClick-visual-different:active[class^='icon-font-'],
.dark-version .btn-icon.neutral-style.onClick-visual-different:active[class*=' icon-font-'],
.dark-version .btn-icon.neutral-style.onClick-visual-different:active[class^='icon-general-'],
.dark-version .btn-icon.neutral-style.onClick-visual-different:active[class*=' icon-general-'],
.dark-version .btn-icon.neutral-style.onClick-visual-different:active[class*=' ds-icon'] {
  background-color: #b3b3b3 !important;
}
.btn-icon.dark-faded-style {
  border: none;
  background: rgba(0, 0, 0, 0.5);
}
.btn-icon.lite-hover:not(.inactive-feature):hover:before {
  color: #006cff !important;
}
.dark-version .btn-icon.lite-hover:not(.inactive-feature):hover:before {
  color: currentColor !important;
}
.btn-icon.lite-hover:not(.inactive-feature):hover .btn-label {
  color: #006cff;
}
.btn-icon.round-style {
  border-radius: 50%;
}
.btn-icon.with-icon {
  position: relative;
}
.btn-icon.small {
  width: 24px;
  height: 24px;
}
.btn-icon.small[class^='ds-icon--font']:before,
.btn-icon.small[class*=' ds-icon--font']:before {
  width: 22px;
  height: 22px;
  line-height: 22px !important;
}
.btn-icon.tiny {
  width: 18px;
  height: 18px;
}
.btn-icon.tiny[class^='ds-icon--font']:before,
.btn-icon.tiny[class*=' ds-icon--font']:before {
  font-size: 8px;
  width: 16px;
  height: 16px;
  line-height: 16px !important;
}
.btn-icon[class^='ds-icon--font']:before,
.btn-icon[class*='ds-icon--font']:before,
.btn-icon[class^='icon-font-']:before,
.btn-icon[class*=' icon-font-']:before,
.btn-icon[class^='icon-general-']:before,
.btn-icon[class*=' icon-general-']:before {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  text-indent: 0;
  line-height: 30px;
}
.firefox .btn-icon[class^='ds-icon--font']:before,
.firefox .btn-icon[class*='ds-icon--font']:before,
.firefox .btn-icon[class^='icon-font-']:before,
.firefox .btn-icon[class*=' icon-font-']:before,
.firefox .btn-icon[class^='icon-general-']:before,
.firefox .btn-icon[class*=' icon-general-']:before {
  line-height: 28px;
}
.btn-icon:not(.active):not(.inactive):not(.inactive-feature):not(.lite-hover):not(.ghost-gray-style):not(.without-action):hover {
  background: #006cff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.btn-icon:not(.active):not(.inactive):not(.inactive-feature):not(.lite-hover):not(.ghost-gray-style):not(.without-action):hover[class^='icon-font-']:before,
.btn-icon:not(.active):not(.inactive):not(.inactive-feature):not(.lite-hover):not(.ghost-gray-style):not(.without-action):hover[class*=' icon-font-']:before,
.btn-icon:not(.active):not(.inactive):not(.inactive-feature):not(.lite-hover):not(.ghost-gray-style):not(.without-action):hover[class^='icon-general-']:before,
.btn-icon:not(.active):not(.inactive):not(.inactive-feature):not(.lite-hover):not(.ghost-gray-style):not(.without-action):hover[class*=' icon-general-']:before,
.btn-icon:not(.active):not(.inactive):not(.inactive-feature):not(.lite-hover):not(.ghost-gray-style):not(.without-action):hover[class*=' ds-icon']:before {
  color: #fff;
}
.btn-icon.active:not(.lite-hover) {
  border-color: transparent;
  background-color: rgba(0, 0, 0, 0.1);
}
.btn-icon.active:not(.lite-hover):before {
  color: #5e5e5e !important;
}
.btn-icon.active.lite-hover:before {
  color: #006cff !important;
}
.btn-icon.active:not(.inline-label) .btn-label {
  opacity: 0;
}
.btn-icon.inactive {
  opacity: 0.2;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: default;
}
.btn-icon.inactive-feature {
  cursor: default;
}
.btn-icon.inactive-feature:before {
  opacity: 0.4;
}
.btn-icon.inactive-feature.ghost-gray-style {
  border-color: transparent;
}
.btn-icon:not(.inline-label) .btn-label {
  height: 10px;
  position: absolute;
  bottom: -8px;
  left: 50%;
  color: #6a6a6a;
  font-size: 0;
  font-weight: normal;
  white-space: nowrap;
}
.btn-icon:not(.inline-label) .btn-label:before {
  content: attr(data-label);
  display: none;
  position: relative;
  left: -50%;
  color: inherit;
  font-size: 10px;
  line-height: 100%;
  text-indent: 0;
}
.with-labels .btn-icon:not(.inline-label) .btn-label:before {
  display: block;
}
@media screen and (max-width: 1366px) {
  .btn-icon:not(.inline-label) .btn-label {
    bottom: -6px;
  }
}
.with-labels .btn-icon.inline-label {
  border-bottom: 1px solid;
  text-decoration: none !important;
  line-height: 14px;
  -webkit-transition: border-color 0.2s ease-in;
  transition: border-color 0.2s ease-in;
  border-bottom-color: rgba(0, 108, 255, 0.5);
  width: auto;
  height: 14px;
  margin-left: 12px;
  border-width: 0 0 1px 0;
  top: 18px;
  font-size: 12px;
  font-weight: normal;
  text-align: right;
  text-indent: 0;
}
.with-labels .btn-icon.inline-label:hover {
  border-bottom-color: transparent !important;
}
@media screen and (max-width: 1366px) {
  .with-labels .btn-icon.inline-label {
    top: 14px;
  }
}
.with-labels .btn-icon.inline-label:before {
  width: auto;
  height: auto;
  top: -1px;
  left: -12px;
  color: #006cff;
  font-size: 12px;
  line-height: 12px;
}
.with-labels .btn-icon.inline-label:hover {
  background: none !important;
  box-shadow: none !important;
}
.btn-icon.gray {
  background: #f3f3f3;
  color: #515151 !important;
}
.with-labels .btn-icon.gray {
  background: none !important;
}
.btn-icon.gray,
.with-labels .btn-icon.gray {
  border-color: #f3f3f3;
}
.btn-icon.gray:not(.active):not(.inactive):not(.inactive-feature):not(.lite-hover):not(.ghost-gray-style):not(.without-action):hover {
  border-color: #e6e6e6;
  background: #e6e6e6;
}
.btn-icon.gray:not(.active):not(.inactive):not(.inactive-feature):not(.lite-hover):not(.ghost-gray-style):not(.without-action):hover:before {
  color: #515151 !important;
}
.btn-icon .btn-icon-text {
  display: block;
  width: 100%;
  height: 100%;
}
.btns-group:not(.stretch-group):after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
}
.btns-group.natural-align {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}
.btns-group.natural-align.on-right {
  -webkit-box-pack: end;
          justify-content: flex-end;
}
.btns-group.stretch-group {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
}
.btns-group.stretch-group > a,
.btns-group.stretch-group > li,
.btns-group.stretch-group > button {
  display: block;
  width: calc(50% - 2px);
}
.btns-group.stretch-group > a:not(:first-of-type),
.btns-group.stretch-group > li:not(:first-of-type),
.btns-group.stretch-group > button:not(:first-of-type) {
  margin-left: 4px;
}
.btns-group.vertical .btn-icon + .btn-icon {
  border-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.btns-group.vertical .btn-icon:not(:only-child):first-child {
  border-bottom-color: #f6f6f6;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btns-group.horizontal.with-gap li + li {
  margin-left: 10px;
}
.btns-group.horizontal:not(.with-gap) .btn-icon + .btn-icon {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.btns-group.horizontal:not(.with-gap) .btn-icon:not(:only-child):first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btns-group:not(.vertical):not(.horizontal):not(.stretch-group) li {
  float: left;
}
.btns-group:not(.vertical):not(.horizontal):not(.stretch-group) li + li {
  margin-left: 20px;
}
.btns-group li {
  list-style: none;
}
.tooltip {
  font-size: 12px;
  line-height: 16px;
  display: none;
  width: auto;
  padding: 4px 11px 2px;
  border-radius: 2px;
  position: absolute;
  background: rgba(4, 4, 4, 0.9);
  color: #b3b3b3;
  font-style: normal;
  font-weight: normal;
  font-family: "ProximaNova", sans-serif;
}
.firefox .tooltip {
  padding: 4px 11px;
}
[data-show-node="tooltip"]:hover .tooltip {
  display: block;
  z-index: 10;
}
.tooltip:before {
  content: '';
  height: 6px;
  position: absolute;
  top: -6px;
  border-top: 3px solid transparent;
  border-right: 3px solid transparent;
  border-bottom: 3px solid rgba(4, 4, 4, 0.9);
  border-left: 3px solid transparent;
}
.with-labels .tooltip:before {
  height: 8px;
  border-width: 4px;
  top: -8px;
}
.tooltip:after {
  content: '';
  width: 100%;
  height: 10px;
  position: absolute;
  top: -10px;
  left: 0;
}
.tooltip:not(.multi-line) {
  white-space: nowrap;
}
.tooltip:not(.multi-line):not(.on-right-side):not(.on-left-side) {
  top: calc(100% + 10px);
}
.tooltip.multi-line {
  top: calc(100% + 10px);
  text-align: left;
}
.tooltip:not(.custom-position):not(.custom-position-in-small-screens):not(.float-left):not(.float-right):not(.on-right-side):not(.on-left-side):not(.embed-mode-btn-float-right) {
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.tooltip:not(.custom-position):not(.custom-position-in-small-screens):not(.float-left):not(.float-right):not(.on-right-side):not(.on-left-side):not(.embed-mode-btn-float-right):before {
  margin-left: -3px;
  left: 50%;
}
.with-labels .tooltip:not(.custom-position):not(.custom-position-in-small-screens):not(.float-left):not(.float-right):not(.on-right-side):not(.on-left-side):not(.embed-mode-btn-float-right):before {
  margin-left: -4px;
}
@media screen and (min-width: 1367px) {
  .tooltip.custom-position-in-small-screens {
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
  .tooltip.custom-position-in-small-screens:before {
    margin-left: -3px;
    left: 50%;
  }
  .with-labels .tooltip.custom-position-in-small-screens:before {
    margin-left: -4px;
  }
}
.tooltip.float-left {
  left: 0;
}
.tooltip.float-left:before {
  left: 5px;
}
.btn-icon:not(.lite-hover) .tooltip.float-left:before {
  left: 11px;
}
.dashboard-link .tooltip.float-left:before {
  left: 17px;
}
.tooltip.float-right {
  right: 0;
}
.tooltip.float-right:before {
  right: 5px;
}
.tooltip.float-right .shortcut:before {
  display: block;
  right: 5px;
}
.btn-icon:not(.lite-hover) .tooltip.float-right:before {
  right: 11px;
}
.btn-icon:not(.lite-hover) .tooltip.float-right .shortcut:before {
  right: 11px;
}
.ghost-style .tooltip.float-right:before {
  right: 8px !important;
}
.ghost-style .tooltip.float-right .shortcut:before {
  right: 8px !important;
}
.tooltip.on-right-side {
  top: 50%;
  left: calc(100% + 10px);
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.tooltip.on-right-side:before {
  border-right-color: rgba(4, 4, 4, 0.9);
  border-bottom-color: transparent;
  top: 8px;
  left: -6px;
}
.tooltip.on-left-side {
  top: 50%;
  right: calc(100% + 10px);
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.tooltip.on-left-side:not(.without-shortcut):before {
  border-left-color: #006cff;
}
.tooltip.on-left-side:before {
  border-left-color: rgba(4, 4, 4, 0.9);
  border-bottom-color: transparent;
  top: 8px;
  right: -6px;
}
.tooltip.embed-mode-btn-float-right {
  right: -1px;
}
.tooltip.embed-mode-btn-float-right::before {
  right: 9px;
}
.tooltip.size-220,
.tooltip.size-185,
.tooltip.size-150 {
  max-width: initial !important;
  white-space: normal;
}
.tooltip.size-220 {
  width: 220px !important;
}
.tooltip.size-185 {
  width: 185px !important;
}
.tooltip.size-160 {
  width: 160px !important;
}
.tooltip.switched-above {
  top: auto !important;
  bottom: calc(100% + 10px);
}
.tooltip.switched-above:before {
  top: auto;
  bottom: -6px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.tooltip.switched-above:after {
  top: auto;
  bottom: -10px;
}
.tooltip:not(.with-actions) {
  pointer-events: none;
}
.tooltip:not(.with-actions):before {
  pointer-events: none;
}
.tooltip.with-actions {
  max-width: 210px;
  height: auto;
  white-space: normal;
  pointer-events: auto;
}
.tooltip.with-actions:hover {
  display: block;
}
.tooltip.with-actions.with-pro-label {
  text-indent: 37px;
}
.tooltip.with-actions.with-pro-label .pro-label {
  position: absolute;
  left: 11px;
  top: 4px;
  text-indent: 0;
}
.tooltip.with-actions.with-pro-label .pro-link {
  font-weight: bold;
}
.tooltip.with-image {
  padding-top: 8px;
  padding-bottom: 8px;
}
.tooltip.with-image .tooltip-image {
  display: inline-block;
  margin-right: 10px;
}
.tooltip.long-text {
  width: 310px;
  top: calc(100% + 10px);
  bottom: auto !important;
  white-space: normal;
}
.tooltip .only-icon-font {
  display: inline-block !important;
  height: 9px;
}
.mac .tooltip .only-icon-font {
  height: 8px;
}
.tooltip .only-icon-font:before {
  color: #fff !important;
}
.description-with-explanation {
  display: block;
}
.tooltip-explanation {
  display: block;
  font-style: italic;
}
.cloud .shortcut .icon-general-cmd-key:before,
.tooltip .shortcut .icon-general-cmd-key:before,
.tooltip-with-shortcut .shortcut .icon-general-cmd-key:before {
  content: 'Ctrl';
  color: #fff;
  font-size: 12px;
  font-family: "ProximaNova", sans-serif;
}
.mac .cloud .shortcut .icon-general-cmd-key:before,
.mac .tooltip .shortcut .icon-general-cmd-key:before,
.mac .tooltip-with-shortcut .shortcut .icon-general-cmd-key:before {
  content: '\2318';
}
.mac .cloud .shortcut .icon-general-cmd-key:before,
.mac .tooltip .shortcut .icon-general-cmd-key:before,
.mac .tooltip-with-shortcut .shortcut .icon-general-cmd-key:before {
  top: -1px;
}
.cloud .shortcut .icon-general-shift-key:before,
.tooltip .shortcut .icon-general-shift-key:before,
.tooltip-with-shortcut .shortcut .icon-general-shift-key:before {
  content: 'Shift';
  color: #fff;
  font-size: 12px;
  font-family: "ProximaNova", sans-serif;
}
.mac .cloud .shortcut .icon-general-shift-key:before,
.mac .tooltip .shortcut .icon-general-shift-key:before,
.mac .tooltip-with-shortcut .shortcut .icon-general-shift-key:before {
  content: '\21E7';
  font-size: 10px;
}
.firefox.mac .cloud .shortcut .icon-general-shift-key:before,
.firefox.mac .tooltip .shortcut .icon-general-shift-key:before,
.firefox.mac .tooltip-with-shortcut .shortcut .icon-general-shift-key:before {
  top: 1px;
}
.cloud .shortcut .icon-general-alt-key:before,
.tooltip .shortcut .icon-general-alt-key:before,
.tooltip-with-shortcut .shortcut .icon-general-alt-key:before {
  content: 'Alt';
  color: #fff;
  font-size: 12px;
  font-family: "ProximaNova", sans-serif;
}
.mac .cloud .shortcut .icon-general-alt-key:before,
.mac .tooltip .shortcut .icon-general-alt-key:before,
.mac .tooltip-with-shortcut .shortcut .icon-general-alt-key:before {
  content: '\2325';
  font-size: 10px;
}
.firefox.mac .cloud .shortcut .icon-general-alt-key:before,
.firefox.mac .tooltip .shortcut .icon-general-alt-key:before,
.firefox.mac .tooltip-with-shortcut .shortcut .icon-general-alt-key:before {
  top: 1px;
}
.tooltip .shortcut,
.tooltip-with-shortcut .shortcut {
  padding: 6px 10px 4px;
  border-radius: 0 2px 2px 0;
  background: #006cff;
  color: #fff;
  font-size: 12px;
  font-weight: normal;
  line-height: 12px;
}
.tooltip .shortcut.hidden,
.tooltip-with-shortcut .shortcut.hidden {
  display: none;
}
.firefox .tooltip .shortcut,
.firefox .tooltip-with-shortcut .shortcut {
  padding: 6px 10px;
}
.tooltip .shortcut:before,
.tooltip-with-shortcut .shortcut:before {
  display: none;
  content: '';
  position: absolute;
  top: -6px;
  border-top: 3px solid transparent;
  border-right: 3px solid transparent;
  border-bottom: 3px solid #006cff;
  border-left: 3px solid transparent;
  pointer-events: none;
}
.with-labels .tooltip .shortcut:before,
.with-labels .tooltip-with-shortcut .shortcut:before {
  border-width: 4px;
  top: -8px;
}
.tooltip .shortcut {
  display: inline-block;
  margin: -6px -12px -4px;
}
.firefox .tooltip .shortcut {
  margin: -6px -11px -6px 8px;
}
.cloud .shortcut {
  padding-right: 0 !important;
  padding-left: 0 !important;
  background: none;
  color: #a6a6a6;
}
.cloud .shortcut .shortcut-icon {
  color: inherit !important;
}
.cloud .shortcut .shortcut-icon:before {
  color: currentColor;
}
.cloud .shortcut,
.tooltip-with-shortcut .shortcut {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  align-self: stretch;
}
.mac .cloud .shortcut .shortcut-icon:before,
.mac .tooltip-with-shortcut .shortcut .shortcut-icon:before {
  top: 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
  .firefox.mac .cloud .shortcut .shortcut-icon:before,
  .firefox.mac .tooltip-with-shortcut .shortcut .shortcut-icon:before {
    top: 0;
  }
}
.tooltip-with-shortcut {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}
.tooltip-with-shortcut .shortcut {
  margin: -5px -10px -3px 8px;
}
.shortcut.with-tiles {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}
.shortcut.with-tiles .shortcut-tile {
  display: -webkit-inline-box;
  display: inline-flex;
  min-width: 22px;
  height: 22px;
  padding-right: 4px;
  padding-left: 4px;
  border: 1px solid #5e5e5e;
  border-radius: 2px;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  box-shadow: inset 0 -2px 0 #5e5e5e;
}
.shortcut.with-tiles .shortcut-tile,
.shortcut.with-tiles .shortcut-tile:before {
  color: #fff;
}
.shortcut.with-tiles .shortcut-tile:not(.only-icon-font) {
  font-family: "SourceCodePro", "Courier New", Courier, monospace;
  font-size: 12px;
  font-weight: 600;
}
.shortcut.with-tiles .shortcut-tile.double-size {
  width: 48px;
}
.shortcut.with-tiles .shortcut-tile.triple-size {
  width: 74px;
}
.shortcut.with-tiles .shortcut-tile + .shortcut-tile,
.shortcut.with-tiles .shortcut-tile + .shortcut-text {
  margin-left: 4px;
}
.shortcut.with-tiles .shortcut-text {
  font-family: "SourceCodePro", "Courier New", Courier, monospace;
  font-size: 12px;
  font-weight: 600;
  width: 48px;
  text-align: center;
}
.shortcut.with-tiles .divider {
  margin-right: 6px;
  margin-left: 6px;
  color: #777777;
  font-size: 10px;
}
.linux .shortcut.with-tiles .ds-icon--custom__key-alt:before,
.linux .shortcut.with-tiles .ds-icon--custom__key-cmd:before,
.linux .shortcut.with-tiles .ds-icon--custom__key-shift:before,
.win .shortcut.with-tiles .ds-icon--custom__key-alt:before,
.win .shortcut.with-tiles .ds-icon--custom__key-cmd:before,
.win .shortcut.with-tiles .ds-icon--custom__key-shift:before {
  font-family: "SourceCodePro", "Courier New", Courier, monospace;
  font-size: 12px;
  font-weight: 600;
  text-transform: lowercase;
}
.mac .shortcut.with-tiles .ds-icon--custom__key-cmd:before {
  font-size: 18px;
}
.shortcut.with-tiles .ds-icon--font__key-arrow-all {
  width: 48px;
}
.shortcut.with-tiles .ds-icon--font__arrow-left:before {
  font-size: 11px;
}
.shortcut.with-tiles .ds-icon--font__arrow-enter:before {
  font-size: 10px;
}
.shortcut .connector {
  width: 4px;
  height: 100%;
}
.shortcut .connector.is-windows,
.shortcut .connector.with-label {
  width: auto;
  margin-right: 2px;
  margin-left: 2px;
}
.shortcut .connector.with-label {
  font-size: 16px;
  line-height: 24px;
  color: #848484;
  font-weight: bold;
}
.tutorial-pane .shortcut .connector {
  font-size: 0;
}
.shortcut .shortcut-text {
  font-size: 12px;
}
.shortcut-description {
  font-size: 12px;
  line-height: 16px;
  margin-left: 4px;
}
.control-wrapper {
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
}
.control-wrapper.wrap-content {
  flex-wrap: wrap;
}
#section-interactions .control-wrapper:not(.nowrap-content),
#section-specification .control-wrapper:not(.nowrap-content) {
  flex-wrap: wrap;
}
.control-wrapper + .control-wrapper {
  margin-top: 7px;
}
.control-wrapper.element-resizing-control {
  margin-top: 10px;
}
.control-wrapper.linkable-control {
  flex-wrap: nowrap;
}
.control-wrapper.linkable-control .controls-column {
  margin: 0 0 auto auto;
  flex-wrap: nowrap;
}
.control-wrapper.linkable-control .link-switcher {
  left: 43px;
}
@media screen and (max-width: 1366px) {
  .control-wrapper.linkable-control .link-switcher {
    left: 49px;
  }
}
.control-wrapper.with-checkbox-list .fake-choose-label {
  line-height: 24px;
}
.control-wrapper.with-justified-controls,
.control-wrapper .controls-column.with-justified-controls {
  align-content: space-between;
}
.control-wrapper.with-justified-controls .half-width:nth-of-type(odd),
.control-wrapper .controls-column.with-justified-controls .half-width:nth-of-type(odd) {
  margin-left: 0;
}
.control-wrapper.with-justified-controls .half-width:nth-of-type(even),
.control-wrapper .controls-column.with-justified-controls .half-width:nth-of-type(even) {
  margin-right: 0;
}
.control-wrapper.multiple-colors .with-color:before,
.control-wrapper.transparent .with-color:before,
.control-wrapper .multiple-colors .with-color:before {
  display: none;
}
.control-wrapper.with-gradient .with-color .color-input {
  opacity: 0;
  visibility: hidden;
}
.control-wrapper.multiple-colors .input-unit-wrapper,
.control-wrapper.transparent .input-unit-wrapper,
.control-wrapper.with-gradient .input-unit-wrapper {
  display: none;
}
.control-wrapper.extra-margin {
  margin-top: 12px;
  margin-bottom: 5px;
}
.control-wrapper.with-full-width-header > h3 {
  width: 100%;
  margin: 0 0 6px 0;
}
.control-wrapper.with-full-width-header > h3 label {
  color: currentColor;
}
.control-wrapper.lorem-ipsum-wrapper {
  margin-top: 14px;
}
.control-wrapper.divider {
  margin: 0 0 12px 0;
  padding-top: 7px;
  padding-bottom: 15px;
  position: relative;
}
.control-wrapper.divider:after {
  content: '';
  height: 1px;
  position: absolute;
  right: -20px;
  bottom: 0;
  left: -20px;
  background: #f6f6f6;
}
.control-wrapper.with-top-separator {
  padding-top: 14px;
  position: relative;
  flex-shrink: 0;
}
.control-wrapper.with-top-separator::before {
  content: '';
  height: 1px;
  position: absolute;
  right: -20px;
  top: 0;
  left: -20px;
  background: #f6f6f6;
}
.dark-version .control-wrapper.with-top-separator::before {
  background: #444;
}
.control-wrapper.with-top-separator + .control-wrapper {
  margin-top: 14px;
}
.control-wrapper.with-top-separator:last-of-type:after {
  display: none;
}
.control-wrapper.with-separator {
  padding-bottom: 14px;
  position: relative;
  flex-shrink: 0;
}
.control-wrapper.with-separator:after {
  content: '';
  height: 1px;
  position: absolute;
  right: -20px;
  bottom: 0;
  left: -20px;
  background: #f6f6f6;
}
.dark-version .control-wrapper.with-separator:after {
  background: #444;
}
.control-wrapper.with-separator + .control-wrapper {
  margin-top: 14px;
}
.control-wrapper.with-separator:last-of-type:after {
  display: none;
}
.control-wrapper.code-component-control {
  position: relative;
  -webkit-box-align: center;
          align-items: center;
}
.control-wrapper.code-component-control + .code-component-control {
  margin-top: 6px;
}
.control-wrapper.code-component-control .control-label {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 84px;
  display: -webkit-box;
  display: flex;
  width: 84px;
  margin-right: 8px;
  -webkit-box-align: center;
          align-items: center;
  flex-shrink: 0;
  -webkit-box-pack: justify;
          justify-content: space-between;
}
.control-wrapper.code-component-control .control-label:hover .control-revert-value {
  display: block;
}
.control-wrapper.code-component-control .control-label.stretched-style {
  width: 100%;
  max-width: 100%;
  margin-right: 0;
  -webkit-box-align: center;
          align-items: center;
  overflow: initial;
}
.control-wrapper.code-component-control .control-label.stretched-style .control-label-text {
  padding-top: 5px;
  padding-bottom: 5px;
}
.control-wrapper.code-component-control .control-label-text {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 100%;
  margin-right: 8px;
  margin-bottom: 0;
  -webkit-box-flex: 1;
          flex-grow: 1;
  color: #919191;
  font-weight: normal;
  line-height: 100%;
  cursor: inherit;
}
.control-wrapper.code-component-control .control-label-text.has-description {
  cursor: help;
}
.control-wrapper.code-component-control .control-wrapper {
  position: relative;
}
.control-wrapper.code-component-control .control-json-tip {
  margin-top: 1px;
}
.control-wrapper.code-component-control .control-revert-value {
  display: none;
}
.control-wrapper.code-component-control .control-revert-value:before {
  font-size: 10px;
}
.control-wrapper.code-component-control .with-json-tip {
  overflow: hidden;
  white-space: nowrap;
}
.control-wrapper.code-component-control .mouse-click-helper {
  pointer-events: auto;
}
.control-wrapper.code-component-control.boolean-control {
  height: 24px;
  -webkit-box-align: center;
          align-items: center;
}
.control-wrapper.code-component-control.boolean-control h3 {
  margin-top: 0;
}
.control-wrapper.code-component-control.boolean-control .additional-checkbox {
  margin-top: 1px;
}
body:not(.firefox) .control-wrapper.code-component-control.boolean-control .additional-checkbox {
  line-height: 12px;
}
.control-wrapper.code-component-control.boolean-control .fake-choose-label {
  padding-left: 0;
}
.control-wrapper.code-component-control.element-control,
.control-wrapper.code-component-control.node-control,
.control-wrapper.code-component-control.json-node-control {
  flex-wrap: wrap;
}
.control-wrapper.code-component-control.element-control .usage-warning,
.control-wrapper.code-component-control.node-control .usage-warning,
.control-wrapper.code-component-control.json-node-control .usage-warning {
  margin-top: 5px;
}
.control-wrapper.code-component-control.number-control .regular-width {
  width: 70px;
}
.control-wrapper.code-component-control.function-control .interactions {
  width: 100%;
  max-height: 86px;
  position: relative;
}
.control-wrapper.code-component-control.function-control .fake-textarea {
  width: inherit;
  max-height: inherit;
  padding: 2px;
  overflow-x: hidden;
  overflow-y: auto;
}
.control-wrapper.code-component-control.function-control .fake-textarea:hover .btn-icon {
  display: block;
}
.control-wrapper.code-component-control.function-control .fake-textarea:active,
.control-wrapper.code-component-control.function-control .fake-textarea:focus {
  border-color: #e6e6e6;
}
.dark-version .control-wrapper.code-component-control.function-control .fake-textarea:active,
.dark-version .control-wrapper.code-component-control.function-control .fake-textarea:focus {
  border-color: #5e5e5e !important;
}
.control-wrapper.code-component-control.function-control .btn-icon {
  display: none;
  position: absolute;
  top: 4px;
  right: 4px;
  z-index: 100;
  background: #fff;
}
.dark-version .control-wrapper.code-component-control.function-control .btn-icon {
  background: #373737;
  color: #fff;
}
.dark-version .control-wrapper.code-component-control.function-control .btn-icon:before {
  color: inherit;
}
.control-wrapper.code-component-control.function-control .ds-badge--merge-interactions {
  margin: 2px;
  color: #806000;
  background: #fff9e5;
}
.control-wrapper.code-component-control.function-control .ds-badge--merge-interactions:hover {
  background: #ffe080;
}
.dark-version .control-wrapper.code-component-control.function-control .ds-badge--merge-interactions {
  background: #ffe080;
  color: #444;
}
.dark-version .control-wrapper.code-component-control.function-control .ds-badge--merge-interactions:hover {
  background: #ffd34d;
}
.control-wrapper.code-component-control.code-json-control .fake-code-s-input-transparent {
  width: 148px;
}
.control-wrapper h3 {
  width: 81px;
  min-width: 81px;
  margin: 0;
}
#section-specification .control-wrapper h3,
#add-new-field-panel .control-wrapper h3 {
  width: 100%;
  margin-right: 0;
  margin-left: 0;
}
#add-new-field-panel .control-wrapper h3 {
  margin-bottom: 7px;
}
#add-new-field-panel .control-wrapper h3,
#add-new-field-panel .control-wrapper h3 label {
  color: rgba(68, 68, 68, 0.6);
}
.dark-version #add-new-field-panel .control-wrapper h3,
.dark-version #add-new-field-panel .control-wrapper h3 label {
  color: #b3b3b3;
}
.control-wrapper h3:not([class*="css-"]),
.control-wrapper h3 label:not([class*="css-"]) {
  color: #919191;
  font-size: 14px;
  line-height: 24px;
}
.dark-version .control-wrapper h3:not([class*="css-"]),
.dark-version .control-wrapper h3 label:not([class*="css-"]) {
  color: #b3b3b3;
}
.control-wrapper h3 .tooltip-trigger {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left: 8px;
  border-radius: 50%;
  position: relative;
  flex-shrink: 0;
  background: rgba(68, 68, 68, 0.35);
}
.dark-version .control-wrapper h3 .tooltip-trigger {
  background: #6a6a6a;
}
.control-wrapper h3 .tooltip-trigger .icon-general-help:before {
  content: '\E265';
  color: #fff;
  font-size: 7px;
  top: -1px;
}
.control-wrapper h3 .tooltip-trigger .tooltip {
  width: 175px;
  top: 10%;
}
.control-wrapper h3 .tooltip-trigger .tooltip:before {
  top: 53%;
}
.control-wrapper .right-checkbox-wrapper {
  font-size: 14px;
  line-height: 21px;
  color: #919191;
  min-width: 93px;
}
.dark-version .control-wrapper .right-checkbox-wrapper {
  color: #b3b3b3;
}
.control-wrapper .controls-column {
  display: -webkit-box;
  display: flex;
  margin: 0 auto 0 0;
  -webkit-box-align: center;
          align-items: center;
  flex-shrink: 1;
  flex-wrap: wrap;
}
.control-wrapper .controls-column + .controls-column {
  margin-top: 7px;
}
.control-wrapper .controls-column:not(.vertical-align) fieldset + fieldset:not(.additional-checkbox),
.control-wrapper .controls-column:not(.vertical-align) fieldset + .link-switcher:not(.additional-checkbox) {
  margin-left: 10px;
}
.control-wrapper .controls-column.stretch-column {
  -webkit-box-flex: 1;
          flex-grow: 1;
  flex-shrink: 0;
}
.control-wrapper .controls-column.vertical-align {
  -webkit-box-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}
.control-wrapper .controls-column.vertical-align fieldset + fieldset {
  margin-top: 8px;
}
.control-wrapper .controls-column.vertical-align .regular-width + .regular-width {
  margin-left: 0;
}
.control-wrapper .hulk-select-wrapper + .hulk-select-wrapper {
  margin-left: 10px;
}
#add-new-field-panel .control-wrapper .hulk-select input[type='text'] {
  padding-left: 0;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
  border-radius: 2px 2px 0 0;
  box-shadow: none !important;
}
.dark-version #add-new-field-panel .control-wrapper .hulk-select input[type='text'] {
  border-bottom: 1px solid #5e5e5e !important;
}
.dark-version #add-new-field-panel .control-wrapper .hulk-select input[type='text']:active,
.dark-version #add-new-field-panel .control-wrapper .hulk-select input[type='text']:focus {
  border-bottom: 1px solid #006cff !important;
}
.control-wrapper .hulk-select:before,
#add-new-field-panel .control-wrapper .hulk-select:before {
  top: 10px;
}
.control-wrapper .hulk-select input[type='text'],
#add-new-field-panel .control-wrapper .hulk-select input[type='text'] {
  height: 24px;
  padding: 0 10px 0 0;
}
.dark-version .control-wrapper .hulk-select input[type='text'],
.dark-version #add-new-field-panel .control-wrapper .hulk-select input[type='text'] {
  box-shadow: inset 0 -1px rgba(243, 243, 243, 0.1);
}
.control-wrapper .hulk-select.active input[type='text'],
#add-new-field-panel .control-wrapper .hulk-select.active input[type='text'] {
  background: none !important;
}
.control-wrapper .hulk-select input[type='text'] {
  border-radius: initial;
}
.control-wrapper .input-with-select .placeholder-hidden + .hulk-select-wrapper input[type='text'] {
  color: transparent;
}
.control-wrapper .input-with-select .input-unit-wrapper {
  width: calc(100% - 13px);
}
.control-wrapper .input-with-select .input-unit-wrapper input[type='text'],
.dark-version .control-wrapper .input-with-select .input-unit-wrapper input[type='text'] {
  border-bottom: none !important;
}
.control-wrapper .input-with-select .input-unit-wrapper input[type='text']:focus + .value-placeholder {
  display: block;
}
.control-wrapper .input-with-select .input-unit-wrapper input[type='text']:focus + .value-placeholder:before {
  color: transparent !important;
}
.control-wrapper .input-with-select .input-unit-wrapper input[type='text']:focus + .value-placeholder:after {
  content: '';
  width: calc(100% + 13px);
  border-bottom: 1px solid #006cff;
  position: absolute;
  bottom: 0;
  left: 0;
}
.control-wrapper .input-with-select .hulk-select-wrapper input[type='text'] {
  font-size: 0;
}
.control-wrapper .checkbox-list {
  line-height: 24px;
}
.control-wrapper .checkbox-list li {
  list-style: none;
}
.control-wrapper .regular-width {
  width: 40px;
  position: relative;
}
.control-wrapper .regular-width.with-label {
  width: 65px;
}
.control-wrapper .regular-width.with-icon {
  width: 59px;
}
.control-wrapper .regular-width.with-icon + .with-icon {
  margin-left: 19px;
}
.control-wrapper .regular-width.with-color {
  width: 70px;
  margin-left: 28px;
  z-index: 0;
}
.control-wrapper .regular-width.with-color.with-token {
  width: 105px;
}
.control-wrapper .long-width {
  width: 84px;
}
.control-wrapper .half-width {
  width: calc(50% - 5px);
}
.control-wrapper .medium-width {
  width: 56px;
}
.control-wrapper .small-width {
  width: 26px;
}
.control-wrapper .full-width {
  width: 100%;
}
.control-wrapper .fit-width {
  -webkit-box-flex: 1;
          flex-grow: 1;
}
.control-wrapper .checkbox-control {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}
.control-wrapper .with-label {
  padding-left: 15px;
  position: relative;
}
.control-wrapper .with-label label {
  position: absolute;
  top: 4px;
  left: 0;
  color: rgba(68, 68, 68, 0.4);
  font-size: 12px;
}
.control-wrapper .with-label label:before {
  top: 1px;
  color: inherit;
}
.dark-version .control-wrapper .with-label label {
  color: #f3f3f3;
}
.control-wrapper .color-indicator {
  position: absolute;
  top: 3px;
  left: -28px;
}
.control-wrapper .with-color:before {
  content: attr(data-attr);
  position: absolute;
  top: 3px;
  left: 0;
  color: #919191;
}
.control-wrapper .with-color + .input-unit-wrapper {
  margin-left: 10px;
}
.control-wrapper .with-icon {
  padding-left: 19px;
}
.control-wrapper .with-icon > label {
  top: 4px;
  left: 0;
}
.control-wrapper .size-control-options {
  display: -webkit-inline-box;
  display: inline-flex;
  width: 18px;
  height: 18px;
  margin-right: 6px;
  margin-left: 6px;
  -webkit-box-align: center;
          align-items: center;
  align-self: center;
  -webkit-box-pack: center;
          justify-content: center;
}
.control-wrapper .additional-checkbox {
  margin: 8px 0 0;
  flex-basis: 100%;
  line-height: 24px;
}
.control-wrapper .additional-checkbox + .additional-checkbox {
  margin-top: 2px;
}
.modal-box .control-wrapper .with-unit input:not([type=checkbox]):not([type=radio]) {
  padding-right: 23px;
}
.control-wrapper .with-label-below,
.controls-column .with-label-below {
  position: relative;
}
.control-wrapper .with-label-below + .with-label-below,
.controls-column .with-label-below + .with-label-below {
  margin-left: 10px;
}
.control-wrapper .with-label-below:not(.inline-select) label,
.controls-column .with-label-below:not(.inline-select) label {
  position: absolute;
  bottom: -24px;
  font-size: 10px !important;
  color: rgba(68, 68, 68, 0.5);
  width: 100%;
  text-align: center;
  white-space: nowrap;
}
.dark-version .control-wrapper .with-label-below:not(.inline-select) label,
.dark-version .controls-column .with-label-below:not(.inline-select) label {
  color: #848484;
}
.control-wrapper .with-label-below:not(.inline-select) label.align-left,
.controls-column .with-label-below:not(.inline-select) label.align-left {
  text-align: left;
}
.control-wrapper .with-label-below.inline-select,
.controls-column .with-label-below.inline-select {
  margin-bottom: 24px;
}
.control-wrapper .with-label-below.inline-select:before,
.controls-column .with-label-below.inline-select:before {
  position: absolute;
  bottom: -24px;
  font-size: 10px !important;
  color: rgba(68, 68, 68, 0.5);
  content: attr(data-label);
}
.dark-version .control-wrapper .with-label-below.inline-select:before,
.dark-version .controls-column .with-label-below.inline-select:before {
  color: #848484;
}
.input-unit-wrapper {
  position: relative;
}
.input-unit-wrapper:not(.placeholder-hidden) input:not(:focus) {
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}
.input-unit-wrapper:not(.placeholder-hidden) .input-field:focus {
  opacity: 1;
}
.input-unit-wrapper:not(.placeholder-hidden) .input-field:not(:focus) {
  opacity: 0;
}
.input-unit-wrapper input:focus + .value-placeholder {
  display: none;
}
.input-unit-wrapper input:disabled + .value-placeholder {
  opacity: 1;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.input-unit-wrapper .ds-input--element-property.active + .value-placeholder {
  display: none;
}
.input-unit-wrapper .ds-input--element-property.disabled + .value-placeholder {
  opacity: 1;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.input-unit-wrapper .value-placeholder:before {
  content: attr(data-content) attr(data-unit);
  width: 100%;
  height: 24px;
  position: absolute;
  bottom: 0;
  left: 0;
  color: #5e5e5e;
  line-height: 24px !important;
  pointer-events: none;
  overflow: hidden;
}
.dark-version .input-unit-wrapper .value-placeholder:before {
  color: #f3f3f3;
}
.monospace-type.input-unit-wrapper .value-placeholder:before {
  font-family: "SourceCodePro", "Courier New", Courier, monospace;
  font-size: 11px;
  line-height: 16px;
}
.input-unit-wrapper .value-placeholder.placeholder-style:before {
  color: #b3b3b3;
}
.dark-version .input-unit-wrapper .value-placeholder.placeholder-style:before {
  color: #777777;
}
.label-resize-cursor {
  cursor: ew-resize;
}
.props-info {
  display: -webkit-box;
  display: flex;
  flex-shrink: 0;
}
.props-info:before {
  font-size: 10px;
}
.props-info-text {
  max-width: 220px;
  white-space: normal;
}
.state-helper {
  display: none;
}
.visibility-state-helper .state-helper:checked + label:before {
  content: '\E341';
  color: #919191;
  font-size: 14px;
  opacity: 0.32;
}
.lock-state-helper .state-helper:checked + label:before {
  content: '\E253';
  color: #919191;
  font-size: 14px;
}
.state-helper.expander-state-helper:checked ~ ul {
  display: block;
}
.state-helper:disabled + label {
  opacity: 0.4;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.state-helper:disabled + .state-helper:before {
  background: #f3f3f3;
}
.dark-version .state-helper:disabled + .state-helper:before {
  background: transparent;
}
.promo-label,
.pro-label {
  /* small label with pro info */
  display: inline-block;
  padding: 1px 4px;
  border-radius: 2px;
  background: #006cff;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  line-height: 14px;
  text-transform: uppercase;
  pointer-events: all;
}
.promo-label.teaser-label,
.pro-label.teaser-label {
  background: #ffc000;
}
.promo-label.info-label,
.pro-label.info-label {
  text-transform: none;
  pointer-events: none;
}
.element-badge {
  height: 18px !important;
  padding: 4px 5px;
  border-radius: 2px !important;
  background: #f6f6f6;
  color: #919191;
  font-size: 12px;
  line-height: 100%;
}
.element-badge.warning {
  background: #ffe080 !important;
  color: #444;
}
.element-badge.warning:hover {
  background: #ffd34d !important;
}
.element-badge.text-center {
  text-align: center;
}
.element-badge.gray-style {
  background-color: #e6e6e6;
  color: #5e5e5e;
}
.element-badge.is-working {
  text-indent: -9999px;
  overflow: hidden;
  background: #e6e6e6 !important;
}
.element-badge.is-working:after {
  content: '';
  width: 8px;
  height: 8px;
  margin: -4px 0 0 -4px;
  border-radius: 100%;
  border: 1px solid #919191;
  border-top-color: transparent !important;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 5;
  -webkit-animation: loading 0.5s infinite linear;
          animation: loading 0.5s infinite linear;
}
@keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.grab,
.grab .ng-overlay {
  cursor: -webkit-grab;
  cursor: grab;
}
.dragging,
.dragging a,
.dragging .ng-overlay {
  cursor: -webkit-grabbing !important;
  cursor: grabbing !important;
}
.visibility-state-helper .icon-general-visibility:before {
  content: '\E343';
  color: #919191;
  font-size: 14px;
}
.dark-version .visibility-state-helper .icon-general-visibility:before {
  color: #c0c0c0;
}
.lock-state-helper label:before {
  content: '\E254';
  color: #919191;
  font-size: 14px;
}
.invisible-helper {
  display: none !important;
}
.status-badge {
  padding: 2px 5px;
  border-radius: 2px;
  flex-shrink: 0;
  color: #fff;
  font-size: 10px;
  font-style: normal;
  font-weight: bold;
  line-height: initial;
  text-align: center;
  text-transform: uppercase;
  cursor: default;
}
.firefox .status-badge {
  padding: 3px 5px 1px;
}
.status-badge.big {
  padding: 5px 8px 3px;
  font-size: 12px;
}
.status-badge[data-status='pending'] {
  background-color: #cdcdcd;
}
.status-badge[data-status='approved'] {
  background-color: #63ad0e;
}
.status-badge[data-status='rejected'] {
  background-color: #e20c00;
}
.pin:not(.comment-point) {
  width: 18px;
  height: 18px;
  margin-top: 6px;
  margin-right: 12px;
  border-radius: 50%;
  flex-shrink: 0;
  background-color: #fb0d00;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  line-height: 19px;
  text-align: center;
}
.pin:not(.comment-point).resolved {
  position: relative;
  background-color: #63ad0e;
  text-indent: -9999px;
  overflow: hidden;
}
.pin:not(.comment-point).resolved:before {
  content: '\E309';
  color: #fff;
  font-size: 6px;
  position: absolute;
  top: 6px;
  left: 5px;
  text-indent: 0;
}
.pin:not(.comment-point).add {
  border: 1px solid #e6e6e6;
  background-color: transparent;
  text-indent: -9999px;
  overflow: hidden;
  -webkit-transition: background-color 0.2s ease-out;
  transition: background-color 0.2s ease-out;
}
.pin:not(.comment-point).add:before {
  content: '+';
  display: block;
  color: #dadada;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  text-indent: 0;
  -webkit-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
}
.firefox .pin:not(.comment-point).add:before {
  line-height: 16px;
}
.pin:not(.comment-point).add:hover {
  background-color: #e6e6e6;
}
.pin:not(.comment-point).add:hover:before {
  color: #fff;
}
.user-avatar {
  position: relative;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.user-avatar > img,
.user-avatar .initials {
  border-radius: 2px;
}
.user-avatar > img {
  width: 24px;
  height: 24px;
  position: relative;
  z-index: 1;
  text-indent: -9999px;
}
.user-avatar > img:not([src*="gravatar.com"])[src$="transparent.png"],
.user-avatar > img:not([src*="gravatar.com"])[src$="default_avatar.png"],
.user-avatar > img:not([src*="gravatar.com"])[src$="avatars/default.png"] {
  opacity: 0;
  visibility: hidden;
}
.user-avatar .initials {
  width: 22px;
  height: 22px;
  position: absolute;
  top: 1px;
  left: 1px;
  z-index: 0;
  background-color: #373737;
  color: #fff;
  letter-spacing: -0.05em;
  line-height: 22px;
  text-align: center;
  text-transform: uppercase;
}
.light-bg.user-avatar .initials {
  background: #cdcdcd;
}
.approval-status {
  width: 24px;
  height: 24px;
  position: relative;
  font-size: 0;
  text-indent: -9999em;
}
.approval-status:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 2px;
}
.approval-status:after {
  text-align: center;
  font-family: 'uxpds-icons';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  speak: none;
  text-transform: none;
  line-height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  left: 50%;
}
.approval-status.approved:before {
  background: #63ad0e;
}
.approval-status.approved:after {
  content: '\E309';
  color: #fff;
  font-size: 6px;
  margin-top: -3px;
  margin-left: -4px;
}
.approval-status.rejected:before {
  background: #e20c00;
}
.approval-status.rejected:after {
  content: '\E010';
  color: #fff;
  font-size: 8px;
  font-weight: bold;
  margin-top: -4px;
  margin-left: -4px;
}
input.focus-helper + label {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.1s ease-out 0s, visibility 0.1s ease-out 0s;
  transition: opacity 0.1s ease-out 0s, visibility 0.1s ease-out 0s;
  pointer-events: none;
}
input.focus-helper:focus + label {
  opacity: 1;
  visibility: visible;
}
.no-shrink {
  flex-shrink: 0;
}
.thumbnail > .no-image {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  padding-top: 55px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background-color: #fff;
  text-align: center;
}
.small.thumbnail > .no-image {
  padding: 35px 20px 0 20px;
  font-size: 12px;
  line-height: 14px;
}
.small.thumbnail > .no-image:before,
.small.thumbnail > .no-image:after {
  width: 1px;
  height: 24px;
  top: calc(50% - 30px);
  background-color: #cdcdcd;
}
.thumbnail > .no-image:before,
.thumbnail > .no-image:after {
  content: '';
  display: block;
  width: 2px;
  height: 34px;
  border-radius: 2px;
  position: absolute;
  top: calc(50% - 37px);
  left: 50%;
  background-color: #e6e6e6;
  pointer-events: none;
}
.thumbnail > .no-image:before {
  -webkit-transform: translateX(-50%) rotate(-45deg);
          transform: translateX(-50%) rotate(-45deg);
}
.thumbnail > .no-image:after {
  -webkit-transform: translateX(-50%) rotate(45deg);
          transform: translateX(-50%) rotate(45deg);
}
.library-section-wrapper.modal-ready:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  display: none;
  z-index: 10;
  background-color: rgba(35, 35, 35, 0.9);
  pointer-events: none;
}
#section-design-libraries .library-section-wrapper.modal-ready:before {
  position: fixed;
}
.library-section-wrapper.modal-ready.modal-visible:before {
  display: block;
}
.general-color-preview {
  width: 24px;
  height: 24px;
  margin-right: 10px;
  border-radius: 18px;
  position: relative;
  flex-shrink: 0;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
  text-indent: -9999px;
  overflow: hidden;
  -webkit-transition: background 0.1s ease-out;
  transition: background 0.1s ease-out;
}
.general-color-preview:after {
  opacity: 1;
  content: '';
  border-radius: inherit;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background-color: #fff;
  background-image: linear-gradient(45deg, #dadada 25%, transparent 25%, transparent 75%, #dadada 75%, #dadada 100%), linear-gradient(45deg, #dadada 25%, transparent 25%, transparent 75%, #dadada 75%, #dadada 100%);
  background-size: 8px 8px;
  background-position: 0 0, 4px 4px;
}
.general-color-preview:not(.no-copy):before {
  content: '\E017';
  color: #fff;
  font-size: 11px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.1s ease-out 0s;
  transition: all 0.1s ease-out 0s;
  top: 7px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  text-indent: 0;
}
.general-color-preview:not(.no-copy).bright-color:before {
  color: #6a6a6a;
}
.options-group li {
  list-style: none;
}
.options-group .option-element {
  flex-shrink: 0;
  font-size: 14px;
}
.options-group .option-element .cloud-wrapper > .cloud {
  top: 26px;
  left: 50%;
  z-index: 3;
}
.options-group .option-element .select-label {
  display: inline-block;
  margin-right: 10px;
  color: #a6a6a6;
  font-size: inherit;
}
.options-group .option-element .ds-badge--sort-order-visual {
  margin-top: 1px;
  margin-left: 4px;
}
.options-group .option-element > .cloud-wrapper > .icon-general-chevron {
  display: -webkit-inline-box;
  display: inline-flex;
  padding: 10px 15px 10px 0;
  position: relative;
  -webkit-box-align: center;
          align-items: center;
}
.options-group .option-element > .cloud-wrapper > .icon-general-chevron:before {
  content: '\E096';
  color: #919191;
  font-size: 7px;
  right: 0;
}
.options-group .option-element + .option-element {
  margin-left: 30px;
}
.degree-sign {
  position: relative;
  top: -5px;
  right: -2px;
  font-size: 8px;
}
.icon-general-chevron.active:before {
  -webkit-transform: scaleY(-1);
          transform: scaleY(-1);
}
.inherit-style {
  color: inherit;
}
.shortcut-badge {
  display: -webkit-inline-box;
  display: inline-flex;
  height: 16px;
  padding: 1px 5px 0;
  -webkit-box-align: center;
          align-items: center;
  border-radius: 2px;
  background: #f3f3f3;
  color: #6a6a6a;
  font-size: 11px;
  line-height: 100%;
  vertical-align: top;
}
.shortcut-badge.big {
  height: 22px;
  padding: 2px 9px 0;
  font-size: 12px;
  font-weight: 700;
}
.shortcut-badge .only-icon-font {
  padding-right: 3px;
}
.shortcut-badge .only-icon-font:before {
  top: 1px;
}
.firefox .shortcut-badge .only-icon-font:before {
  top: 0;
}
.global-no-user-select {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.global-flip-icon-direction  .only-icon-font:before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.global-trigger-with-chevron:before {
  pointer-events: none;
}
.global-trigger-with-chevron.active:before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.global-drag-handler {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAFCAYAAACJmvbYAAAAGElEQVQYV2M8cODAfwYcgBGXBEickTY6ATg4CcMTN4bvAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  font-size: 0;
  cursor: -webkit-grab;
}
.global-progress-slider {
  width: 100%;
  height: 10px;
  position: relative;
}
.global-progress-slider:hover .global-progress-bar,
.global-progress-slider:hover .global-progress-bar::-webkit-progress-bar {
  background-color: rgba(255, 255, 255, 0.2);
}
.global-progress-slider .global-progress-input,
.global-progress-slider .global-progress-bar {
  width: 100%;
  height: 4px;
  border: 0;
  position: absolute;
  top: 3px;
  left: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.global-progress-slider .global-progress-input {
  background: none;
  z-index: 1;
  cursor: pointer;
}
.global-progress-slider .global-progress-input:active,
.global-progress-slider .global-progress-input:focus {
  background: none;
  outline: none;
}
.global-progress-slider .global-progress-input::-webkit-slider-thumb {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
  border: 0 !important;
  -webkit-appearance: none;
}
.global-progress-slider .global-progress-input::-moz-range-thumb {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
  border: 0 !important;
}
.global-progress-slider .global-progress-input::-ms-thumb {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
  border: 0 !important;
}
.global-progress-slider .global-progress-input::-webkit-slider-runnable-track {
  background: none;
}
.global-progress-slider .global-progress-input::-moz-range-track {
  background: none;
}
.global-progress-slider .global-progress-input::-ms-track {
  background: none;
}
.global-progress-slider .global-progress-bar {
  border-radius: 2px;
  overflow: hidden;
  color: #006cff;
}
.global-progress-slider .global-progress-bar,
.global-progress-slider .global-progress-bar::-webkit-progress-bar {
  background-color: rgba(255, 255, 255, 0.1);
}
.global-progress-slider .global-progress-bar::-webkit-progress-value {
  background-color: #006cff;
}
.global-progress-slider .global-progress-bar::-moz-progress-bar {
  background-color: #006cff;
}
.search-form {
  position: relative;
}
.search-form.expandable {
  width: 24px;
  flex-shrink: 0;
  overflow: hidden;
}
.expand-search .search-form.expandable {
  width: 75%;
  flex-shrink: 1;
}
.expand-search .search-form.expandable .expand-hidden {
  opacity: 1;
}
.expand-search .search-form.expandable .expand-trigger {
  display: none;
}
.search-form.expandable .expand-hidden {
  opacity: 0;
}
.search-form.expandable .expand-trigger {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
}
.search-form .expand-trigger:before {
  color: currentColor;
  left: 0;
}
.search-form .expand-trigger {
  z-index: 4;
}
.section-search-container.expand-search .shrinkable {
  width: 25% !important;
}
.section-search-container .shrinkable {
  overflow: hidden;
  -webkit-box-flex: 1;
          flex-grow: 1;
}
.section-search-container .shrinkable + .expandable {
  margin-left: 10px;
}
.section-search-container .categories-management {
  width: 100%;
}
.view-settings-cloud a {
  text-transform: capitalize;
}
.view-settings-cloud .icon-general-view-mode-big:before {
  content: '\E126';
  color: #919191;
  font-size: 14px;
}
.view-settings-cloud .icon-general-view-mode-medium:before,
.view-settings-cloud .icon-general-view-mode-tiles:before {
  content: '\E231';
  color: #919191;
  font-size: 13px;
}
.view-settings-cloud .icon-general-view-mode-small:before {
  content: '\E232';
  color: #919191;
  font-size: 13px;
}
.view-settings-cloud .icon-general-view-mode-list:before {
  content: '\E229';
  color: #919191;
  font-size: 14px;
}
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  overflow: visible;
}
.preview-scroll ::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  border-radius: 6px;
  background-color: #f3f3f3;
}
::-webkit-scrollbar-thumb {
  min-height: 18px;
  border-radius: 6px;
  border-width: 1px 1px 1px 6px;
  background-clip: padding-box;
  background-color: #b3b3b3;
}
.cloud:not(.cloud-with-settings) ::-webkit-scrollbar-track {
  background-color: #1e1e1e;
}
.cloud:not(.cloud-with-settings) ::-webkit-scrollbar-thumb {
  background-color: rgba(106, 106, 106, 0.5) !important;
}
.design-systems .grid-responsive,
.modal-design-libraries .grid-responsive {
  display: grid;
}
.design-systems .grid-responsive:not(.grid-3-column):not(.grid-auto),
.modal-design-libraries .grid-responsive:not(.grid-3-column):not(.grid-auto) {
  margin-right: -15px;
  margin-left: -15px;
  padding-right: 15px;
  padding-left: 15px;
}
.design-systems .grid-responsive.tiles-list .library-tile,
.modal-design-libraries .grid-responsive.tiles-list .library-tile {
  position: relative;
}
.design-systems .grid-responsive.tiles-list .library-tile:not(.multiple-items):after,
.modal-design-libraries .grid-responsive.tiles-list .library-tile:not(.multiple-items):after {
  content: '';
  display: block;
  width: 100%;
  padding-top: 100%;
}
.design-systems .grid-responsive.tiles-list .library-tile .multiple-items,
.modal-design-libraries .grid-responsive.tiles-list .library-tile .multiple-items,
.design-systems .grid-responsive.tiles-list .library-tile .tile,
.modal-design-libraries .grid-responsive.tiles-list .library-tile .tile {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.design-systems .select-item-wrapper .fake-checkbox,
.modal-design-libraries .select-item-wrapper .fake-checkbox {
  width: 100%;
  height: 100%;
  border-radius: 2px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  cursor: -webkit-grab;
}
.design-systems .select-item-wrapper .fake-checkbox:before,
.modal-design-libraries .select-item-wrapper .fake-checkbox:before {
  top: 5px;
  left: 5px;
  cursor: pointer;
}
.design-systems .select-item-wrapper .fake-checkbox:after,
.modal-design-libraries .select-item-wrapper .fake-checkbox:after {
  top: 9px;
  left: 8px;
}
.design-systems .select-item-wrapper .state-helper:checked ~ .fake-checkbox,
.modal-design-libraries .select-item-wrapper .state-helper:checked ~ .fake-checkbox {
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
}
.design-systems .select-item-wrapper .state-helper:not(:checked) + .fake-checkbox:before,
.modal-design-libraries .select-item-wrapper .state-helper:not(:checked) + .fake-checkbox:before {
  background: #fff !important;
}
.dark-version .design-systems .select-item-wrapper .state-helper:not(:checked) + .fake-checkbox:before,
.dark-version .modal-design-libraries .select-item-wrapper .state-helper:not(:checked) + .fake-checkbox:before {
  border-color: #cdcdcd;
}
.design-systems .text-list > li:hover .update-item-btn,
.modal-design-libraries .text-list > li:hover .update-item-btn,
.design-systems .grid-list > li:hover .update-item-btn,
.modal-design-libraries .grid-list > li:hover .update-item-btn,
.design-systems .tiles-list > li:hover .update-item-btn,
.modal-design-libraries .tiles-list > li:hover .update-item-btn {
  opacity: 1;
  visibility: visible;
}
.design-systems .update-item-btn,
.modal-design-libraries .update-item-btn {
  opacity: 0;
  visibility: hidden;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 11;
  background: #373737;
}
.design-systems .update-item-btn:before,
.modal-design-libraries .update-item-btn:before {
  content: '\E072';
  color: #fff;
  font-size: 12px;
  width: 22px;
  height: 22px;
  line-height: 22px !important;
}
.design-systems .update-item-btn .tooltip,
.modal-design-libraries .update-item-btn .tooltip {
  white-space: pre !important;
}
.design-systems .update-item-btn .tooltip:before,
.modal-design-libraries .update-item-btn .tooltip:before {
  right: 8px !important;
}
.design-systems .read-only-name-wrapper,
.modal-design-libraries .read-only-name-wrapper {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 100%;
  display: block;
}
.design-systems .add-item-btn:not(.blocked),
.modal-design-libraries .add-item-btn:not(.blocked) {
  border: 1px solid #e6e6e6;
  border-radius: 2px;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  background: none;
  color: #515151;
  font-family: "ProximaNova", sans-serif;
  font-size: 14px;
}
.design-systems .add-item-btn:not(.blocked),
.modal-design-libraries .add-item-btn:not(.blocked),
.design-systems .add-item-btn:not(.blocked):hover,
.modal-design-libraries .add-item-btn:not(.blocked):hover {
  width: 100%;
  height: 50px;
}
.design-systems .add-item-btn:not(.blocked):hover,
.modal-design-libraries .add-item-btn:not(.blocked):hover {
  margin: 0;
  background: #f6f6f6;
  color: #515151;
}
.design-systems .add-item-btn:not(.blocked):disabled,
.modal-design-libraries .add-item-btn:not(.blocked):disabled {
  opacity: 0.4;
}
.design-systems .add-item-btn:not(.blocked):before,
.modal-design-libraries .add-item-btn:not(.blocked):before {
  visibility: visible;
  opacity: 1;
  position: static;
  box-shadow: none;
}
.dark-version .design-systems .add-item-btn:not(.blocked),
.dark-version .modal-design-libraries .add-item-btn:not(.blocked) {
  border-color: #5e5e5e;
  color: #fff;
}
.dark-version .design-systems .add-item-btn:not(.blocked):hover,
.dark-version .modal-design-libraries .add-item-btn:not(.blocked):hover {
  border-color: #777777;
  background: #777777;
}
.design-systems .add-item-btn:not(.blocked).working,
.modal-design-libraries .add-item-btn:not(.blocked).working {
  position: relative;
  color: transparent !important;
  pointer-events: none;
}
.design-systems .add-item-btn:not(.blocked).working:after,
.modal-design-libraries .add-item-btn:not(.blocked).working:after {
  content: '';
  width: 16px;
  height: 16px;
  margin: -8px 0 0 -8px;
  border-radius: 100%;
  border: 2px solid #006cff;
  border-top-color: transparent !important;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 5;
  -webkit-animation: loading 0.5s infinite linear;
          animation: loading 0.5s infinite linear;
}
@keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.design-systems .add-item-btn:not(.blocked).working[class*='icon-']:before,
.modal-design-libraries .add-item-btn:not(.blocked).working[class*='icon-']:before {
  opacity: 0;
}
.design-systems .add-item-btn:not(.blocked).icon-general-plus:before,
.modal-design-libraries .add-item-btn:not(.blocked).icon-general-plus:before {
  content: '\E263' !important;
  color: inherit !important;
  font-size: 8px !important;
  display: block;
  margin-right: 5px;
  margin-bottom: 4px;
  position: static;
  vertical-align: middle;
}
.design-systems .colors-list .edit-color .color-tip,
.modal-design-libraries .colors-list .edit-color .color-tip {
  position: relative;
  bottom: 0 !important;
}
.design-systems .colors-list:not(.view-stack) .color-box,
.modal-design-libraries .colors-list:not(.view-stack) .color-box {
  height: 50px;
  border-radius: 2px;
}
.design-systems .colors-list:not(.view-stack) .color-details,
.modal-design-libraries .colors-list:not(.view-stack) .color-details {
  max-width: calc(100% - 2 * 8px);
  margin-left: 8px;
  padding-top: 7px;
  position: relative;
}
.design-systems .colors-list:not(.view-stack) .color-details .color-name,
.modal-design-libraries .colors-list:not(.view-stack) .color-details .color-name {
  color: #848484;
}
.dark-version .design-systems .colors-list:not(.view-stack) .color-details .color-name,
.dark-version .modal-design-libraries .colors-list:not(.view-stack) .color-details .color-name {
  color: #a6a6a6;
}
.design-systems .colors-list:not(.view-stack) .color-details .hex,
.modal-design-libraries .colors-list:not(.view-stack) .color-details .hex,
.design-systems .colors-list:not(.view-stack) .color-details .gradient,
.modal-design-libraries .colors-list:not(.view-stack) .color-details .gradient {
  position: absolute;
  top: -21px;
}
.edit-mode .design-systems .colors-list:not(.view-stack) .color-details .hex,
.edit-mode .modal-design-libraries .colors-list:not(.view-stack) .color-details .hex {
  top: -31px;
}
.design-systems .colors-list:not(.view-stack) .select-item-wrapper .fake-checkbox,
.modal-design-libraries .colors-list:not(.view-stack) .select-item-wrapper .fake-checkbox {
  height: 50px;
}
.design-systems .colors-list.view-stack > li:first-of-type .color-box,
.modal-design-libraries .colors-list.view-stack > li:first-of-type .color-box,
.design-systems .colors-list.view-stack > li:first-of-type .fake-checbox,
.modal-design-libraries .colors-list.view-stack > li:first-of-type .fake-checbox {
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
}
.design-systems .colors-list.view-stack > li:last-of-type .color-box,
.modal-design-libraries .colors-list.view-stack > li:last-of-type .color-box,
.design-systems .colors-list.view-stack > li:last-of-type .fake-checbox,
.modal-design-libraries .colors-list.view-stack > li:last-of-type .fake-checbox {
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
}
.design-systems .colors-list.view-stack > li.add-item:not(.edit-color):not(:first-of-type),
.modal-design-libraries .colors-list.view-stack > li.add-item:not(.edit-color):not(:first-of-type) {
  margin-top: 10px;
}
.design-systems .colors-list.view-stack > li.add-item .empty,
.modal-design-libraries .colors-list.view-stack > li.add-item .empty {
  margin-bottom: 0 !important;
}
.design-systems .colors-list.view-stack > li.add-item.edit-color .add-color-wrapper form,
.modal-design-libraries .colors-list.view-stack > li.add-item.edit-color .add-color-wrapper form {
  margin-left: auto;
}
.design-systems .colors-list.view-stack > li.add-item.edit-color .add-color-wrapper .color-tip,
.modal-design-libraries .colors-list.view-stack > li.add-item.edit-color .add-color-wrapper .color-tip {
  display: none;
}
.design-systems .colors-list.view-stack .color-box,
.modal-design-libraries .colors-list.view-stack .color-box,
.design-systems .colors-list.view-stack .color-details,
.modal-design-libraries .colors-list.view-stack .color-details {
  height: 50px;
}
.design-systems .colors-list.view-stack .color-box.text-darken ~ .color-details .color-name,
.modal-design-libraries .colors-list.view-stack .color-box.text-darken ~ .color-details .color-name {
  color: #444;
}
.design-systems .colors-list.view-stack .color-details,
.modal-design-libraries .colors-list.view-stack .color-details {
  display: -webkit-box;
  display: flex;
  position: absolute;
  top: 1px;
  right: 20px;
  left: 20px;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
}
.edit-mode .design-systems .colors-list.view-stack .color-details,
.edit-mode .modal-design-libraries .colors-list.view-stack .color-details {
  padding-left: 10px;
}
.design-systems .colors-list.view-stack .color-details .color-name,
.modal-design-libraries .colors-list.view-stack .color-details .color-name {
  position: relative;
  z-index: 6;
}
.design-systems .colors-list.view-stack .hex,
.modal-design-libraries .colors-list.view-stack .hex {
  -webkit-box-ordinal-group: 3;
          order: 2;
}
.design-systems .colors-list.view-stack .select-item-wrapper .fake-checkbox,
.modal-design-libraries .colors-list.view-stack .select-item-wrapper .fake-checkbox {
  border-radius: 0;
}
.design-systems .colors-list.view-stack .select-item-wrapper .fake-checkbox:before,
.modal-design-libraries .colors-list.view-stack .select-item-wrapper .fake-checkbox:before {
  top: 19px;
  left: 10px;
}
.design-systems .colors-list.view-stack .select-item-wrapper .fake-checkbox:after,
.modal-design-libraries .colors-list.view-stack .select-item-wrapper .fake-checkbox:after {
  top: 23px;
  left: 13px;
}
.design-systems .colors-list.view-stack .add-color-wrapper form,
.modal-design-libraries .colors-list.view-stack .add-color-wrapper form {
  width: 136px;
  margin-bottom: 12px;
  margin-left: 15px;
}
.design-systems .colors-list.view-stack .add-color-wrapper .color-tip,
.modal-design-libraries .colors-list.view-stack .add-color-wrapper .color-tip {
  margin: 0;
  bottom: 16px;
  left: 170px;
}
.design-systems .colors-list.grid-auto,
.modal-design-libraries .colors-list.grid-auto {
  grid-row-gap: 12px !important;
}
.design-systems .colors-list.grid-auto .color-details,
.modal-design-libraries .colors-list.grid-auto .color-details {
  padding-top: 4px ;
}
.design-systems .colors-list > li,
.modal-design-libraries .colors-list > li {
  display: -webkit-box;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}
.design-systems .colors-list .color-box,
.modal-design-libraries .colors-list .color-box {
  width: 100%;
  flex-shrink: 0;
  -webkit-transition: -webkit-transform 0.1s ease-in-out;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
}
.design-systems .colors-list .color-box:not(.blocked),
.modal-design-libraries .colors-list .color-box:not(.blocked) {
  cursor: pointer;
}
.design-systems .colors-list .color-box:not(.blocked):hover,
.modal-design-libraries .colors-list .color-box:not(.blocked):hover {
  width: calc(100% + 4px);
  height: 54px;
  margin: -2px 0 -2px -2px;
}
.design-systems .colors-list .color-box:not(.blocked):hover:before,
.modal-design-libraries .colors-list .color-box:not(.blocked):hover:before {
  opacity: 1;
  visibility: visible;
}
.design-systems .colors-list .color-box.bright,
.modal-design-libraries .colors-list .color-box.bright {
  border: 1px solid #f0f0f0;
}
.dark-version .design-systems .colors-list .color-box.gradient-style,
.dark-version .modal-design-libraries .colors-list .color-box.gradient-style {
  background-color: #fff;
}
.design-systems .colors-list .color-box.text-darken ~ .color-details .hex,
.modal-design-libraries .colors-list .color-box.text-darken ~ .color-details .hex,
.design-systems .colors-list .color-box.text-darken ~ .color-details .gradient,
.modal-design-libraries .colors-list .color-box.text-darken ~ .color-details .gradient {
  color: #444;
}
.design-systems .colors-list .color-details,
.modal-design-libraries .colors-list .color-details {
  max-width: 100%;
  height: 18px;
  font-size: 14px;
  line-height: 100%;
}
.design-systems .colors-list .color-details .color-name,
.modal-design-libraries .colors-list .color-details .color-name,
.design-systems .colors-list .color-details .gradient,
.modal-design-libraries .colors-list .color-details .gradient {
  font-size: 12px;
  line-height: 16px;
}
.design-systems .colors-list .color-details .hex,
.modal-design-libraries .colors-list .color-details .hex {
  font-family: "SourceCodePro", "Courier New", Courier, monospace;
  font-size: 11px;
  line-height: 16px;
  display: block;
  z-index: 6;
  text-transform: uppercase;
  pointer-events: none;
}
.edit-mode .design-systems .colors-list .color-details .hex,
.edit-mode .modal-design-libraries .colors-list .color-details .hex {
  height: 24px;
  line-height: 24px;
  pointer-events: auto;
  cursor: pointer;
}
.edit-mode .design-systems .colors-list .color-details .hex:before,
.edit-mode .modal-design-libraries .colors-list .color-details .hex:before {
  content: '';
  opacity: 0.6;
  height: 1px;
  border-bottom: 1px dotted currentColor;
  position: absolute;
  right: 1px;
  bottom: 0;
  left: 1px;
}
.design-systems .colors-list .color-details .gradient,
.modal-design-libraries .colors-list .color-details .gradient {
  display: inline-block;
  padding-right: 12px;
  white-space: nowrap;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.3), 0 0 1px rgba(0, 0, 0, 0.3);
  pointer-events: none;
}
.design-systems .colors-list .color-details .gradient .gradient-angle,
.modal-design-libraries .colors-list .color-details .gradient .gradient-angle {
  position: relative;
  display: inline-block;
  margin-left: 13px;
}
.design-systems .colors-list .color-details .gradient .gradient-angle:before,
.modal-design-libraries .colors-list .color-details .gradient .gradient-angle:before {
  content: '';
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  position: absolute;
  top: 6px;
  left: -8px;
  background: #fff;
}
.firefox .design-systems .colors-list .color-details .gradient .gradient-angle:before,
.firefox .modal-design-libraries .colors-list .color-details .gradient .gradient-angle:before {
  top: 7px;
}
.design-systems .colors-list .color-details .gradient .gradient-angle:before,
.modal-design-libraries .colors-list .color-details .gradient .gradient-angle:before {
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.3), 0 0 1px rgba(0, 0, 0, 0.3);
}
.design-systems .colors-list .color-details .hex,
.modal-design-libraries .colors-list .color-details .hex,
.design-systems .colors-list .color-details .gradient,
.modal-design-libraries .colors-list .color-details .gradient {
  position: relative;
}
.design-systems .colors-list .color-details .hex,
.modal-design-libraries .colors-list .color-details .hex,
.design-systems .colors-list .color-details .gradient,
.modal-design-libraries .colors-list .color-details .gradient,
.design-systems .colors-list .color-details .color-name,
.modal-design-libraries .colors-list .color-details .color-name {
  color: #fff;
}
.design-systems .colors-list .color-details .icon-general-chevron,
.modal-design-libraries .colors-list .color-details .icon-general-chevron {
  cursor: pointer;
  pointer-events: auto;
}
.design-systems .colors-list .color-details .icon-general-chevron:before,
.modal-design-libraries .colors-list .color-details .icon-general-chevron:before {
  content: '\E096';
  color: currentColor;
  font-size: 7px;
  position: absolute;
  top: 4px;
  right: -3px;
}
.design-systems .colors-list.view-list,
.modal-design-libraries .colors-list.view-list {
  grid-row-gap: 0 !important;
}
.design-systems .grid-list > li,
.modal-design-libraries .grid-list > li {
  position: relative;
  cursor: pointer;
}
.design-systems .grid-list > li:not(.add-item),
.modal-design-libraries .grid-list > li:not(.add-item) {
  background: #fff;
}
.design-systems .grid-list > li:not(.add-item):not(.blocked),
.modal-design-libraries .grid-list > li:not(.add-item):not(.blocked) {
  z-index: auto;
}
.design-systems .grid-list > li:not(.add-item):not(.blocked):hover,
.modal-design-libraries .grid-list > li:not(.add-item):not(.blocked):hover {
  border-color: rgba(0, 0, 0, 0.2) !important;
}
.design-systems .grid-list > li:not(.add-item):not(.blocked):hover:before,
.modal-design-libraries .grid-list > li:not(.add-item):not(.blocked):hover:before {
  opacity: 1;
  visibility: visible;
}
.design-systems .grid-list > li:not(.add-item):not(.blocked) .apply-trigger,
.modal-design-libraries .grid-list > li:not(.add-item):not(.blocked) .apply-trigger {
  cursor: pointer;
}
.design-systems .grid-list > li:not(.add-item).draggable,
.modal-design-libraries .grid-list > li:not(.add-item).draggable {
  cursor: -webkit-grab;
  cursor: grab;
}
.design-systems .grid-list > li.ds-item,
.modal-design-libraries .grid-list > li.ds-item {
  width: 230px;
  border: 1px solid #e6e6e6;
  border-radius: 2px;
}
.design-systems .grid-list > li .edit-wrapper,
.modal-design-libraries .grid-list > li .edit-wrapper {
  color: #515151;
}
.design-systems .grid-list > li .apply-trigger,
.modal-design-libraries .grid-list > li .apply-trigger {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
}
.design-systems .grid-list > li .state-helper:checked ~ .fake-checkbox,
.modal-design-libraries .grid-list > li .state-helper:checked ~ .fake-checkbox {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2) !important;
}
.design-systems .grid-list .add-item,
.modal-design-libraries .grid-list .add-item {
  margin-bottom: 20px;
}
.design-systems .grid-list .add-item button,
.modal-design-libraries .grid-list .add-item button {
  pointer-events: auto;
}
.design-systems .grid-list .ghost-item.text-box,
.modal-design-libraries .grid-list .ghost-item.text-box,
.design-systems .grid-list .grid-type,
.modal-design-libraries .grid-list .grid-type {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 100%;
  line-height: normal !important;
}
.design-systems .grid-list .ghost-item.text-box .edit-wrapper,
.modal-design-libraries .grid-list .ghost-item.text-box .edit-wrapper,
.design-systems .grid-list .grid-type .edit-wrapper,
.modal-design-libraries .grid-list .grid-type .edit-wrapper {
  display: inline-block;
  position: relative;
  z-index: 10;
  font-size: inherit;
  text-decoration: inherit;
}
.design-systems .grid-list.ds-view,
.modal-design-libraries .grid-list.ds-view {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  row-gap: 20px;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}
.design-systems .grid-list .grid-details,
.modal-design-libraries .grid-list .grid-details {
  padding: 8px 10px 5px;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  min-height: 34px;
  max-height: 50px;
  border-top: 1px solid rgba(230, 230, 230, 0.4);
  position: relative;
  -webkit-box-align: center;
  align-items: center;
  line-height: 100%;
}
.dark-version .design-systems .grid-list .grid-details,
.dark-version .modal-design-libraries .grid-list .grid-details {
  border-color: rgba(255, 255, 255, 0.1);
}
.design-systems .grid-list .grid-details .grid-prop,
.modal-design-libraries .grid-list .grid-details .grid-prop {
  display: inline-block;
  color: #919191;
  font-size: 12px;
  margin-right: 8px;
}
.design-systems .grid-list .grid-details .grid-secondary-prop,
.modal-design-libraries .grid-list .grid-details .grid-secondary-prop {
  position: relative;
  margin-left: 16px;
  margin-right: 8px;
}
.design-systems .grid-list .grid-details .grid-secondary-prop:before,
.modal-design-libraries .grid-list .grid-details .grid-secondary-prop:before {
  content: '';
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  position: absolute;
  top: 3px;
  left: -14px;
  background: #dadada;
}
.design-systems .grid-list .grid-type,
.modal-design-libraries .grid-list .grid-type {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: end;
          justify-content: flex-end;
  gap: 5px;
}
.design-systems .grid-list .library-preview-helper,
.modal-design-libraries .grid-list .library-preview-helper {
  display: -webkit-box;
  display: flex;
  height: 34px;
  width: 58px;
  padding: 0;
  position: relative;
  z-index: 1;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-ordinal-group: 2;
          order: 1;
  border-radius: 2px 0 0 2px;
  overflow: hidden;
}
.design-systems .grid-list .library-preview-helper .thumb,
.modal-design-libraries .grid-list .library-preview-helper .thumb {
  -o-object-fit: cover;
     object-fit: cover;
  height: 34px;
}
.design-systems .grid-list .library-preview-helper .thumb[src$='svg'],
.modal-design-libraries .grid-list .library-preview-helper .thumb[src$='svg'] {
  padding: 10%;
  -o-object-fit: fill;
     object-fit: fill;
}
.design-systems .grid-list .library-preview-helper:before,
.modal-design-libraries .grid-list .library-preview-helper:before {
  color: currentColor;
  letter-spacing: normal;
}
.design-systems .grid-list .library-preview-helper:not(.small),
.modal-design-libraries .grid-list .library-preview-helper:not(.small) {
  background-color: #fff;
  background-position: 0 0, 4px 4px;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACpJREFUGBlj/Pz5838GJMDLy8uIxGVgQuZgY1OuAMU+kBXobqLcCoImAADQwQfnQm3iRAAAAABJRU5ErkJggg==');
  background-size: 8px 8px;
}
.design-systems .grid-list .library-preview-helper.small,
.modal-design-libraries .grid-list .library-preview-helper.small {
  width: 34px;
}
.design-systems .text-list > li,
.modal-design-libraries .text-list > li {
  position: relative;
}
.design-systems .text-list > li:not(.add-item),
.modal-design-libraries .text-list > li:not(.add-item) {
  background: #fff;
}
.design-systems .text-list > li:not(.add-item):not(.blocked),
.modal-design-libraries .text-list > li:not(.add-item):not(.blocked) {
  z-index: 1;
}
.design-systems .text-list > li:not(.add-item):not(.blocked):hover,
.modal-design-libraries .text-list > li:not(.add-item):not(.blocked):hover {
  border-color: rgba(0, 0, 0, 0.2) !important;
}
.design-systems .text-list > li:not(.add-item):not(.blocked):hover:before,
.modal-design-libraries .text-list > li:not(.add-item):not(.blocked):hover:before {
  opacity: 1;
  visibility: visible;
}
.design-systems .text-list > li:not(.add-item):not(.blocked) .apply-trigger,
.modal-design-libraries .text-list > li:not(.add-item):not(.blocked) .apply-trigger {
  cursor: pointer;
}
.design-systems .text-list > li:not(.add-item).draggable,
.modal-design-libraries .text-list > li:not(.add-item).draggable {
  cursor: -webkit-grab;
  cursor: grab;
}
.design-systems .text-list > li .apply-trigger,
.modal-design-libraries .text-list > li .apply-trigger {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
}
.design-systems .text-list > li .state-helper:checked ~ .fake-checkbox,
.modal-design-libraries .text-list > li .state-helper:checked ~ .fake-checkbox {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2) !important;
}
.design-systems .text-list .add-item,
.modal-design-libraries .text-list .add-item {
  margin-bottom: 20px;
}
.design-systems .text-list .ghost-item.text-box,
.modal-design-libraries .text-list .ghost-item.text-box,
.design-systems .text-list .text-type,
.modal-design-libraries .text-list .text-type {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 100%;
  padding: 13px 20px 10px;
  line-height: normal !important;
}
#section-design-libraries .design-systems .text-list .ghost-item.text-box,
#section-design-libraries .modal-design-libraries .text-list .ghost-item.text-box,
#section-design-libraries .design-systems .text-list .text-type,
#section-design-libraries .modal-design-libraries .text-list .text-type {
  padding-right: 10px;
  padding-left: 10px;
}
.design-systems .text-list .ghost-item.text-box .edit-wrapper,
.modal-design-libraries .text-list .ghost-item.text-box .edit-wrapper,
.design-systems .text-list .text-type .edit-wrapper,
.modal-design-libraries .text-list .text-type .edit-wrapper {
  display: inline-block;
  position: relative;
  z-index: 10;
  font-size: inherit;
  text-decoration: inherit;
}
.design-systems .text-list .text-details,
.modal-design-libraries .text-list .text-details {
  display: -webkit-box;
  display: flex;
  height: 34px;
  padding-right: 20px;
  padding-left: 20px;
  border-top: 1px solid rgba(230, 230, 230, 0.4);
  position: relative;
  -webkit-box-align: center;
          align-items: center;
  line-height: 100%;
}
#section-design-libraries .design-systems .text-list .text-details,
#section-design-libraries .modal-design-libraries .text-list .text-details {
  padding: 8px 10px 5px;
}
.modal-design-libraries .design-systems .text-list .text-details,
.modal-design-libraries .modal-design-libraries .text-list .text-details {
  padding: 8px 10px 5px;
}
.design-systems .text-list .text-details > span,
.modal-design-libraries .text-list .text-details > span {
  display: inline-block;
  color: #919191;
  font-size: 12px;
}
.safari.edit-mode .design-systems .text-list .text-details > span:before,
.safari.edit-mode .modal-design-libraries .text-list .text-details > span:before {
  content: '';
  position: absolute;
}
.design-systems .text-list .text-details .font-family,
.modal-design-libraries .text-list .text-details .font-family {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 50%;
}
.design-systems .text-list .text-details .text-size,
.modal-design-libraries .text-list .text-details .text-size {
  position: relative;
  margin-left: 24px;
}
.design-systems .text-list .text-details .text-size:before,
.modal-design-libraries .text-list .text-details .text-size:before {
  content: '';
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  position: absolute;
  top: 3px;
  left: -14px;
  background: #dadada;
}
.firefox .design-systems .text-list .text-details .text-size:before,
.firefox .modal-design-libraries .text-list .text-details .text-size:before {
  top: 4px;
}
.panel-small-size .design-systems .text-list .text-details .text-size .line-height,
.panel-small-size .modal-design-libraries .text-list .text-details .text-size .line-height {
  display: none;
}
.design-systems .tiles-list,
.modal-design-libraries .tiles-list {
  grid-row-gap: 12px;
}
.design-systems .tiles-list > li,
.modal-design-libraries .tiles-list > li {
  position: relative;
}
.design-systems .tiles-list > li.add-item .tile,
.modal-design-libraries .tiles-list > li.add-item .tile {
  width: 100%;
}
.design-systems .tiles-list > li.preview-container .ng-canvas,
.modal-design-libraries .tiles-list > li.preview-container .ng-canvas {
  -webkit-transform-origin: top left;
          transform-origin: top left;
}
.design-systems .tiles-list > li.sketch-symbol,
.modal-design-libraries .tiles-list > li.sketch-symbol {
  cursor: auto;
}
.design-systems .tiles-list > li.sketch-symbol .tile > figure,
.modal-design-libraries .tiles-list > li.sketch-symbol .tile > figure {
  opacity: 1;
}
.design-systems .add-color-wrapper,
.modal-design-libraries .add-color-wrapper {
  position: relative;
}
.design-systems .add-color-wrapper.working:after,
.modal-design-libraries .add-color-wrapper.working:after {
  content: '';
  width: 16px;
  height: 16px;
  margin: -8px 0 0 -8px;
  border-radius: 100%;
  border: 2px solid rgba(81, 81, 81, 0.5);
  border-top-color: transparent !important;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 5;
  -webkit-animation: loading 0.5s infinite linear;
          animation: loading 0.5s infinite linear;
}
@keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.design-systems .add-color-wrapper.working form,
.modal-design-libraries .add-color-wrapper.working form,
.design-systems .add-color-wrapper.working .color-tip,
.modal-design-libraries .add-color-wrapper.working .color-tip {
  opacity: 0;
  visibility: hidden;
}
.design-systems .add-color-wrapper form,
.modal-design-libraries .add-color-wrapper form {
  width: 100%;
  margin-bottom: 6px;
  padding-right: 8px;
  padding-left: 8px;
  position: relative;
}
.design-systems .add-color-wrapper form:before,
.modal-design-libraries .add-color-wrapper form:before {
  font-family: "SourceCodePro", "Courier New", Courier, monospace;
  font-size: 11px;
  line-height: 16px;
  content: '#';
  position: absolute;
  bottom: 4px;
  left: 7px;
  z-index: 2;
  color: #515151;
}
.dark-version .design-systems .add-color-wrapper form:before,
.dark-version .modal-design-libraries .add-color-wrapper form:before {
  color: #fff;
}
.design-systems .add-color-wrapper .color-box.empty,
.modal-design-libraries .add-color-wrapper .color-box.empty {
  display: -webkit-box;
  display: flex;
  border: 1px solid #f3f3f3;
  -webkit-box-align: end;
          align-items: flex-end;
  box-shadow: none;
}
.design-systems .add-color-wrapper .color-box.empty:before,
.modal-design-libraries .add-color-wrapper .color-box.empty:before {
  display: none;
}
.dark-version .design-systems .add-color-wrapper .color-box.empty,
.dark-version .modal-design-libraries .add-color-wrapper .color-box.empty {
  border-color: #515151;
}
.design-systems .add-color-wrapper .preview,
.modal-design-libraries .add-color-wrapper .preview {
  width: 24px;
  height: 14px;
  border-radius: 2px;
  position: absolute;
  right: 8px;
  bottom: 5px;
  z-index: 1;
}
.design-systems .add-color-wrapper .preview.bright,
.modal-design-libraries .add-color-wrapper .preview.bright {
  box-shadow: inset 0 0 0 1px #e6e6e6;
}
.design-systems .add-color-wrapper .color-tip,
.modal-design-libraries .add-color-wrapper .color-tip {
  opacity: 0;
  visibility: hidden;
  margin-left: 10px;
  padding-left: 16px;
  position: absolute;
  bottom: -24px;
  color: #b3b3b3;
  font-size: 12px;
  text-align: left;
}
.design-systems .add-color-wrapper .color-tip.visible,
.modal-design-libraries .add-color-wrapper .color-tip.visible {
  opacity: 1;
  visibility: visible;
}
.design-systems .add-color-wrapper .icon-general-enter:before,
.modal-design-libraries .add-color-wrapper .icon-general-enter:before {
  content: '\E067';
  color: #919191;
  font-size: 10px;
  top: 5px;
  left: 0;
}
#section-design-libraries,
.modal-design-libraries {
  font-weight: normal;
  text-transform: none;
}
.dark-version #section-design-libraries .grid-list.view-grid .library-tile:not(.add-item),
.dark-version .modal-design-libraries .grid-list.view-grid .library-tile:not(.add-item) {
  background-color: #373737;
}
.dark-version #section-design-libraries .grid-list.view-grid .library-tile:not(.add-item) .edit-wrapper,
.dark-version .modal-design-libraries .grid-list.view-grid .library-tile:not(.add-item) .edit-wrapper {
  color: #dadada;
}
.dark-version #section-design-libraries .grid-list.view-grid .library-tile:not(.add-item),
.dark-version .modal-design-libraries .grid-list.view-grid .library-tile:not(.add-item) {
  border-color: rgba(255, 255, 255, 0.1) !important;
}
#section-design-libraries .view-list,
.modal-design-libraries .view-list {
  grid-gap: 0 !important;
}
#section-design-libraries .view-list .library-tile,
.modal-design-libraries .view-list .library-tile {
  position: relative;
  height: 34px;
  border: none !important;
}
#section-design-libraries .view-list .library-tile .apply-trigger,
.modal-design-libraries .view-list .library-tile .apply-trigger {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2;
  cursor: pointer;
}
#section-design-libraries .view-list .library-tile .tile,
.modal-design-libraries .view-list .library-tile .tile {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: flex;
  height: 34px;
  flex-wrap: wrap;
}
#section-design-libraries .view-list .library-tile .tile .name-wrapper,
.modal-design-libraries .view-list .library-tile .tile .name-wrapper,
#section-design-libraries .view-list .library-tile .tile .library-item-helper,
.modal-design-libraries .view-list .library-tile .tile .library-item-helper {
  display: -webkit-box;
  display: flex;
  position: relative;
}
#section-design-libraries .view-list .library-tile .tile .name-wrapper,
.modal-design-libraries .view-list .library-tile .tile .name-wrapper {
  height: 18px;
  width: auto;
  max-width: calc(100% - 58px);
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: left;
          justify-content: left;
  -webkit-box-ordinal-group: 3;
          order: 2;
  color: #5e5e5e;
}
#section-design-libraries .view-list .library-tile .tile .name-wrapper:after,
.modal-design-libraries .view-list .library-tile .tile .name-wrapper:after,
#section-design-libraries .view-list .library-tile .tile .name-wrapper:before,
.modal-design-libraries .view-list .library-tile .tile .name-wrapper:before {
  display: none;
}
#section-design-libraries .view-list .library-tile .tile .library-image-helper,
.modal-design-libraries .view-list .library-tile .tile .library-image-helper,
#section-design-libraries .view-list .library-tile .tile .library-preview-helper,
.modal-design-libraries .view-list .library-tile .tile .library-preview-helper {
  display: -webkit-box;
  display: flex;
  height: 34px;
  width: 58px;
  padding: 0;
  position: relative;
  z-index: 1;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-ordinal-group: 2;
          order: 1;
  border-radius: 2px 0 0 2px;
  overflow: hidden;
}
#section-design-libraries .view-list .library-tile .tile .library-image-helper .thumb,
.modal-design-libraries .view-list .library-tile .tile .library-image-helper .thumb,
#section-design-libraries .view-list .library-tile .tile .library-preview-helper .thumb,
.modal-design-libraries .view-list .library-tile .tile .library-preview-helper .thumb {
  -o-object-fit: cover;
     object-fit: cover;
  height: 34px;
}
#section-design-libraries .view-list .library-tile .tile .library-image-helper .thumb[src$='svg'],
.modal-design-libraries .view-list .library-tile .tile .library-image-helper .thumb[src$='svg'],
#section-design-libraries .view-list .library-tile .tile .library-preview-helper .thumb[src$='svg'],
.modal-design-libraries .view-list .library-tile .tile .library-preview-helper .thumb[src$='svg'] {
  padding: 10%;
  -o-object-fit: fill;
     object-fit: fill;
}
#section-design-libraries .view-list .library-tile .tile .library-image-helper:not(.small),
.modal-design-libraries .view-list .library-tile .tile .library-image-helper:not(.small),
#section-design-libraries .view-list .library-tile .tile .library-preview-helper:not(.small),
.modal-design-libraries .view-list .library-tile .tile .library-preview-helper:not(.small) {
  background-color: #fff;
  background-position: 0 0, 4px 4px;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACpJREFUGBlj/Pz5838GJMDLy8uIxGVgQuZgY1OuAMU+kBXobqLcCoImAADQwQfnQm3iRAAAAABJRU5ErkJggg==');
  background-size: 8px 8px;
}
#section-design-libraries .view-list .library-tile .tile .library-preview-helper.small,
.modal-design-libraries .view-list .library-tile .tile .library-preview-helper.small {
  width: 34px;
}
#section-design-libraries .view-list .library-tile .tile.upload,
.modal-design-libraries .view-list .library-tile .tile.upload {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}
#section-design-libraries .view-list .library-tile .tile.upload:before,
.modal-design-libraries .view-list .library-tile .tile.upload:before {
  margin-top: 0;
  margin-right: 6px;
  margin-bottom: 0;
}
#section-design-libraries .view-list .library-tile .tile.ghost-item,
.modal-design-libraries .view-list .library-tile .tile.ghost-item {
  padding: 0;
}
#section-design-libraries .view-list .library-tile .tile:after,
.modal-design-libraries .view-list .library-tile .tile:after {
  background: none !important;
}
#section-design-libraries .view-list .library-tile .tile:hover:not(.blocked),
.modal-design-libraries .view-list .library-tile .tile:hover:not(.blocked) {
  cursor: pointer;
}
#section-design-libraries .view-list .library-tile .text-details,
.modal-design-libraries .view-list .library-tile .text-details {
  padding: 0 6px !important;
}
#section-design-libraries .view-list .library-tile .text-type,
.modal-design-libraries .view-list .library-tile .text-type {
  padding: 0;
}
#section-design-libraries .view-list .library-tile.bright-text,
.modal-design-libraries .view-list .library-tile.bright-text {
  background: none;
}
#section-design-libraries .view-list .library-tile.bright-text .tile .library-preview-helper:not(.small),
.modal-design-libraries .view-list .library-tile.bright-text .tile .library-preview-helper:not(.small) {
  background: #dadada;
}
#section-design-libraries .view-list .library-tile.bright-image .tile .library-image-helper,
.modal-design-libraries .view-list .library-tile.bright-image .tile .library-image-helper {
  background: #dadada;
}
#section-design-libraries .view-list .library-tile.loading .library-image-helper,
.modal-design-libraries .view-list .library-tile.loading .library-image-helper {
  background-color: #fff;
  background-position: 0 0, 4px 4px;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACpJREFUGBlj/Pz5838GJMDLy8uIxGVgQuZgY1OuAMU+kBXobqLcCoImAADQwQfnQm3iRAAAAABJRU5ErkJggg==');
  background-size: 8px 8px;
}
#section-design-libraries .view-list .library-tile.loading .library-image-helper:after,
.modal-design-libraries .view-list .library-tile.loading .library-image-helper:after {
  border-radius: 50%;
  top: 50%;
  left: 50%;
}
#section-design-libraries .view-list .library-tile:after,
.modal-design-libraries .view-list .library-tile:after {
  padding: 0;
}
.dark-version #section-design-libraries .view-list .library-tile:not(.add-item),
.dark-version .modal-design-libraries .view-list .library-tile:not(.add-item) {
  background-color: #373737;
}
.dark-version #section-design-libraries .view-list .library-tile:not(.add-item) .name-wrapper,
.dark-version .modal-design-libraries .view-list .library-tile:not(.add-item) .name-wrapper {
  color: #dadada;
}
#section-design-libraries .view-list .library-tile:not(.add-item).is-selected:after,
.modal-design-libraries .view-list .library-tile:not(.add-item).is-selected:after {
  border-color: rgba(0, 0, 0, 0.2);
}
.dark-version #section-design-libraries .view-list .library-tile:not(.add-item).is-selected:after,
.dark-version .modal-design-libraries .view-list .library-tile:not(.add-item).is-selected:after {
  border-color: rgba(255, 255, 255, 0.2);
}
#section-design-libraries .view-list .library-tile:not(.add-item):hover,
.modal-design-libraries .view-list .library-tile:not(.add-item):hover {
  background-color: #f6f6f6;
}
.dark-version #section-design-libraries .view-list .library-tile:not(.add-item):hover,
.dark-version .modal-design-libraries .view-list .library-tile:not(.add-item):hover {
  color: #f0f0f0;
  background-color: #444;
}
#section-design-libraries .view-list .library-tile:not(.add-item):hover:before,
.modal-design-libraries .view-list .library-tile:not(.add-item):hover:before {
  display: none;
}
#section-design-libraries .view-list .library-tile:not(.add-item):after,
.modal-design-libraries .view-list .library-tile:not(.add-item):after {
  content: '';
  width: 100%;
  height: 34px;
  padding: 0;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 7;
  pointer-events: none;
}
.dark-version #section-design-libraries .view-list .library-tile:not(.add-item):after,
.dark-version .modal-design-libraries .view-list .library-tile:not(.add-item):after {
  border-color: rgba(255, 255, 255, 0.1);
}
#section-design-libraries .view-list .library-tile:not(:first-of-type),
.modal-design-libraries .view-list .library-tile:not(:first-of-type) {
  margin-top: 6px !important;
}
#section-design-libraries .view-list .add-item,
.modal-design-libraries .view-list .add-item {
  margin-top: 6px !important;
}
#section-design-libraries .view-list .add-item .tile,
.modal-design-libraries .view-list .add-item .tile {
  height: inherit;
}
#section-design-libraries .view-list .add-item .upload,
.modal-design-libraries .view-list .add-item .upload,
#section-design-libraries .view-list .add-item .add-item-btn,
.modal-design-libraries .view-list .add-item .add-item-btn {
  height: 24px;
  font-size: 12px;
}
#section-design-libraries .view-list .add-item .upload,
.modal-design-libraries .view-list .add-item .upload {
  -webkit-box-pack: center;
          justify-content: center;
}
#section-design-libraries .view-list .add-item .upload span,
.modal-design-libraries .view-list .add-item .upload span {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}
#section-design-libraries .view-list .add-item .add-item-btn,
.modal-design-libraries .view-list .add-item .add-item-btn {
  display: -webkit-box;
  display: flex;
}
#section-design-libraries .view-list .add-item .add-item-btn:before,
.modal-design-libraries .view-list .add-item .add-item-btn:before {
  margin-bottom: 2px !important;
}
#section-design-libraries .view-list .add-item .add-color-wrapper .color-box,
.modal-design-libraries .view-list .add-item .add-color-wrapper .color-box {
  height: 34px;
}
#section-design-libraries .view-list .select-item-wrapper .fake-checkbox,
.modal-design-libraries .view-list .select-item-wrapper .fake-checkbox {
  height: 34px;
  box-shadow: none !important;
}
#section-design-libraries .view-list.list-wrapper,
.modal-design-libraries .view-list.list-wrapper {
  min-height: auto;
}
.edit-mode#section-design-libraries .view-list.list-wrapper,
.edit-mode.modal-design-libraries .view-list.list-wrapper {
  min-height: auto;
}
#section-design-libraries .view-list.symbols-tiles .library-tile .tile .library-image-helper img,
.modal-design-libraries .view-list.symbols-tiles .library-tile .tile .library-image-helper img {
  height: auto;
  max-height: 70%;
  -o-object-fit: fill;
     object-fit: fill;
}
#section-design-libraries .view-list.colors-list,
.modal-design-libraries .view-list.colors-list {
  margin-bottom: 16px;
}
#section-design-libraries .view-list.colors-list .library-tile .tile .name-wrapper,
.modal-design-libraries .view-list.colors-list .library-tile .tile .name-wrapper {
  max-width: calc(100% - 34px);
}
.general-edit-actions-layer {
  display: -webkit-box;
  display: flex;
  height: 80px;
  padding-right: 50px;
  padding-left: 310px;
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  background-color: #fff;
  box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.1);
  color: #515151;
  pointer-events: none;
}
.firefox .general-edit-actions-layer {
  padding-right: 67px;
}
.mac.firefox .general-edit-actions-layer {
  padding-right: 66px;
}
.general-edit-actions-layer .actions-limiter {
  display: -webkit-box;
  display: flex;
  width: 100%;
  min-width: 600px;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
}
@media screen and (min-width: 1650px) {
  .general-edit-actions-layer .actions-limiter {
    max-width: 1290px;
  }
}
.general-edit-actions-layer .ds-btn--delete-layer {
  pointer-events: auto;
}
html {
  -webkit-app-region: drag;
}
html .desktop-app--loaded {
  -webkit-app-region: no-drag;
}
.loading-topbar.experimental .prototype-name-container {
  margin-right: 0;
  font-weight: bold;
}
.loading-topbar .header {
  display: -webkit-box;
  display: flex;
  width: 100%;
  height: 41px;
  border-bottom: 1px solid #e6e6e6;
  position: fixed;
  z-index: 101;
  -webkit-box-pack: center;
          justify-content: center;
  background-color: #fff;
}
.dark-version .loading-topbar .header {
  border-bottom-color: #474747;
  background-color: #373737;
}
.loading-topbar .prototype-name-container {
  display: -webkit-box;
  display: flex;
  width: 225px;
  height: 100%;
  margin-right: 32px;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  color: #5e5e5e;
}
.loading-topbar .prototype-name-container .prototype-name {
  max-width: 100%;
  line-height: 24px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.dark-version .loading-topbar .prototype-name-container {
  color: #fff;
}
.loading-topbar .experimental-name-container {
  display: -webkit-box;
  display: flex;
  height: 100%;
  margin-left: 9px;
  position: absolute;
  left: 0;
  -webkit-box-align: center;
          align-items: center;
}
.editor-loading:before {
  content: '';
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  background-color: #f6f6f6;
}
.editor-loading.dark-version:before {
  background-color: #2b2b2b;
}
.nav-tabbed {
  padding: 0;
  border-bottom: 1px solid #f0f0f0;
}
.nav-tabbed.nav-top-bar {
  display: -webkit-box;
  display: flex;
  border: none;
  -webkit-box-align: center;
          align-items: center;
}
.nav-tabbed.nav-top-bar.main-actions {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.nav-tabbed.nav-top-bar .tab + .tab {
  margin-left: 10px;
}
.nav-tabbed.nav-top-bar .tab.inactive {
  pointer-events: none;
}
.nav-tabbed.nav-top-bar .tab.inactive .tab-link {
  opacity: 0.5;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.nav-tabbed.nav-top-bar .tab-link {
  height: 42px;
  line-height: 42px;
}
.nav-tabbed.bg-hover {
  background-color: #f0f0f0;
  border-bottom: 0;
}
.nav-tabbed.bg-hover .tab {
  color: #444;
}
.nav-tabbed.bg-hover .tab:hover {
  background-color: #f6f6f6;
}
.nav-tabbed.bg-hover .tab.active {
  background: #fff;
  color: #006cff;
}
.nav-tabbed.bg-hover .tab a {
  color: currentColor;
}
.nav-tabbed.bg-hover .tab a:after {
  display: none;
}
.nav-tabbed .tabs-wrapper {
  display: -webkit-box;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: start;
          justify-content: flex-start;
}
.nav-tabbed .tabs-wrapper.stretch-width .tab {
  -webkit-box-flex: 1;
          flex: 1 0 0;
}
.nav-tabbed .tabs-wrapper.stretch-width .tab a,
.nav-tabbed .tabs-wrapper.stretch-width .tab .tab-link {
  padding: 0;
  text-align: center;
}
.nav-tabbed .tabs-wrapper li {
  list-style: none;
}
.nav-tabbed .tab {
  flex-shrink: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.nav-tabbed .tab.active {
  pointer-events: none;
}
.nav-tabbed .tab.active a,
.nav-tabbed .tab.active .tab-link {
  color: #006cff !important;
  cursor: default;
}
.nav-tabbed .tab.active a:after,
.nav-tabbed .tab.active .tab-link:after {
  background-color: #006cff !important;
}
.nav-tabbed .tab.active.with-icon .tab-link:before {
  color: #006cff !important;
}
.nav-tabbed .tab.disabled {
  opacity: 0.5;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.nav-tabbed .tab.with-icon a,
.nav-tabbed .tab.with-icon .tab-link {
  padding: 0 10px;
  color: #414141;
}
.nav-tabbed .tab.with-icon a:before,
.nav-tabbed .tab.with-icon .tab-link:before {
  margin-right: 7px;
  position: relative;
}
.nav-tabbed .tab.with-icon a:after,
.nav-tabbed .tab.with-icon .tab-link:after {
  bottom: 0;
}
.nav-tabbed .tab a.only-icon-font,
.nav-tabbed .tab .tab-link.only-icon-font {
  display: -webkit-box;
  display: flex;
}
.nav-tabbed a,
.nav-tabbed .tab-link {
  display: block;
  height: 50px;
  padding: 0 15px;
  position: relative;
  color: #5e5e5e !important;
  font-weight: normal;
  line-height: 50px;
  text-decoration: none;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.desktop-app .nav-tabbed a,
.desktop-app .nav-tabbed .tab-link {
  cursor: default;
}
.small-tabs.nav-tabbed a,
.small-tabs.nav-tabbed .tab-link {
  height: 40px;
  line-height: 40px;
}
.nav-tabbed a:after,
.nav-tabbed .tab-link:after {
  content: '';
  height: 1px;
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  background-color: transparent;
  -webkit-transition: height 0.1s ease-out, background-color 0.1s ease-out;
  transition: height 0.1s ease-out, background-color 0.1s ease-out;
}
.nav-tabbed a.only-icon-font,
.nav-tabbed .tab-link.only-icon-font {
  overflow: visible;
}
.nav-tabbed a.only-icon-font .tooltip,
.nav-tabbed .tab-link.only-icon-font .tooltip {
  display: block;
  height: 0;
  text-indent: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0s ease-in 0s, visibility 0s ease-in 0s;
  transition: opacity 0s ease-in 0s, visibility 0s ease-in 0s;
}
.with-labels .nav-tabbed a.only-icon-font .btn-label,
.with-labels .nav-tabbed .tab-link.only-icon-font .btn-label {
  -webkit-transition: opacity 0.2s ease-out 0s;
  transition: opacity 0.2s ease-out 0s;
}
.with-labels .nav-tabbed a.only-icon-font .btn-label:before,
.with-labels .nav-tabbed .tab-link.only-icon-font .btn-label:before {
  -webkit-transition: color 0.1s ease-out 0s;
  transition: color 0.1s ease-out 0s;
}
.nav-tabbed a.only-icon-font[data-show-node="tooltip"]:hover:not(.active) .tooltip,
.nav-tabbed .tab-link.only-icon-font[data-show-node="tooltip"]:hover:not(.active) .tooltip {
  height: auto;
  z-index: 10;
  opacity: 1;
  visibility: visible;
  -webkit-transition-delay: 0;
          transition-delay: 0;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
}
.with-labels .nav-tabbed a.only-icon-font[data-show-node="tooltip"]:hover:not(.active) .btn-label,
.with-labels .nav-tabbed .tab-link.only-icon-font[data-show-node="tooltip"]:hover:not(.active) .btn-label {
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-out 0;
  transition: opacity 0.2s ease-out 0;
}
.nav-tabbed a.only-icon-font:before,
.nav-tabbed .tab-link.only-icon-font:before {
  width: auto;
  color: currentColor;
}
.nav-tabbed a:hover:after,
.nav-tabbed .tab-link:hover:after {
  background-color: #919191;
}
.nav-tabbed a.disabled,
.nav-tabbed .tab-link.disabled {
  opacity: 0.5;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.nav-tabbed a.icon-general-comment:before,
.nav-tabbed .tab-link.icon-general-comment:before {
  content: '\E189';
  color: #6a6a6a;
  font-size: 12px;
  top: 2px;
}
.nav-tabbed a.icon-general-simulate:before,
.nav-tabbed .tab-link.icon-general-simulate:before {
  content: '\E069';
  color: #6a6a6a;
  font-size: 10px;
  top: 0px;
}
.nav-tabbed a.icon-general-spec:before,
.nav-tabbed .tab-link.icon-general-spec:before {
  content: '\E098';
  color: #6a6a6a;
  font-size: 12px;
  top: 1px;
}
.nav-tabbed a.icon-general-documentation:before,
.nav-tabbed .tab-link.icon-general-documentation:before {
  content: '\E192';
  color: #6a6a6a;
  font-size: 12px;
  top: 1px;
}
.mode-label {
  color: #c0c0c0;
}
div.custom-text-field {
  font-size: 14px;
  line-height: 21px;
  color: #6a6a6a;
  width: 100%;
  border: none;
  border-radius: 0;
  outline: none;
}
.safari div.custom-text-field {
  -webkit-user-select: auto;
     -moz-user-select: auto;
      -ms-user-select: auto;
          user-select: auto;
}
.bg-gray div.custom-text-field,
.bg-dark div.custom-text-field {
  color: #f3f3f3;
}
div.custom-text-field hr {
  height: 1px;
  border: 0;
  background: #e6e6e6;
}
div.custom-text-field h3,
div.custom-text-field h4,
div.custom-text-field h5 {
  margin-bottom: 7px;
}
.design-system-data div.custom-text-field h3,
.design-system-data div.custom-text-field h4,
.design-system-data div.custom-text-field h5 {
  padding: 0;
  border: none;
}
.bg-gray div.custom-text-field h3,
.bg-gray div.custom-text-field h4,
.bg-gray div.custom-text-field h5,
.bg-dark div.custom-text-field h3,
.bg-dark div.custom-text-field h4,
.bg-dark div.custom-text-field h5 {
  color: #fff;
}
div.custom-text-field h3 {
  color: #373737;
  font-size: 18px;
}
.design-systems div.custom-text-field h3 {
  font-size: 30px;
  line-height: 36px;
}
div.custom-text-field h4 {
  font-size: 20px;
  color: #373737;
  font-weight: normal;
  line-height: 28px;
  font-weight: bold;
}
.specification-visible div.custom-text-field h4 {
  font-size: 16px;
  color: #373737;
  font-weight: normal;
  line-height: 20px;
}
div.custom-text-field h5 {
  font-size: 18px;
  color: #373737;
  font-weight: bold;
  line-height: 24px;
}
.specification-visible div.custom-text-field h5 {
  font-size: 16px;
  color: #373737;
  line-height: 20px;
  font-weight: normal;
}
div.custom-text-field strong {
  font-weight: bold;
}
div.custom-text-field em {
  font-style: italic;
}
div.custom-text-field pre,
div.custom-text-field code {
  border-radius: 2px;
  color: #5e5e5e;
  font-size: 14px;
}
div.custom-text-field pre {
  padding: 16px 30px;
  border: 1px solid #f0f0f0;
  line-height: 20px;
}
div.custom-text-field code {
  padding: 4px 6px;
  background-color: #f6f6f6;
}
div.custom-text-field a {
  color: #006cff;
}
div.custom-text-field .blockquote-wrapper {
  padding: 20px 30px;
  border-radius: 2px;
  background-color: #f6f6f6;
}
div.custom-text-field .editor-image-wrapper {
  display: inline-block;
  position: relative;
}
div.custom-text-field .editor-image-wrapper.loading {
  border: 1px solid #e6e6e6;
}
div.custom-text-field .editor-image-wrapper.loading:after {
  content: '';
  width: 24px;
  height: 24px;
  margin: -12px 0 0 -12px;
  border-radius: 100%;
  border: 2px solid #5e5e5e;
  border-top-color: transparent !important;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 5;
  -webkit-animation: loading 0.5s infinite linear;
          animation: loading 0.5s infinite linear;
}
@keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
div.custom-text-field .editor-image-wrapper.loading .editor-image {
  opacity: 0.2;
}
div.custom-text-field .editor-image-wrapper .editor-image {
  max-width: 100%;
  height: auto;
}
div.custom-text-field .editor-image-wrapper .editor-image[src*='data'] {
  min-width: 60px;
  min-height: 60px;
}
div.custom-text-field table {
  width: 100%;
  margin-bottom: 27px;
  border-top: 1px solid #f0f0f0;
  border-left: 1px solid #f0f0f0;
  position: relative;
}
div.custom-text-field table tr td {
  padding: 12px 12px;
  border-right: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  vertical-align: top;
  word-wrap: break-word;
  word-break: break-all;
}
div.custom-text-field table tr td .custom-text-field {
  line-height: 21px !important;
}
.design-system-data div.custom-text-field table {
  margin-bottom: 7px;
}
.design-system-data div.custom-text-field table tr td {
  display: block;
  padding: 5px 8px;
}
div.custom-text-field figure {
  position: relative;
}
div.custom-text-field figure .table-button {
  position: absolute;
  z-index: 2;
  background-color: #f0f0f0;
  cursor: pointer;
}
div.custom-text-field figure .table-button:hover {
  background-color: #99c4ff;
}
div.custom-text-field figure .table-button:hover .action-label {
  background-color: #006cff;
}
div.custom-text-field figure .table-button:hover .action-label:before {
  color: #fff;
}
div.custom-text-field figure .table-button.disabled {
  background-color: #f0f0f0 !important;
  cursor: not-allowed;
}
div.custom-text-field figure .table-button.disabled .action-label {
  background-color: #f3f3f3 !important;
  cursor: not-allowed;
}
div.custom-text-field figure .table-button.disabled .action-label:before {
  color: #c0c0c0 !important;
}
div.custom-text-field figure .table-button .action-label {
  display: -webkit-box;
  display: flex;
  width: 24px;
  height: 24px;
  border-radius: 100%;
  position: absolute;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  background-color: #dadada;
  text-indent: 0;
}
div.custom-text-field figure .table-button .action-label:before {
  width: 24px;
  height: 24px;
  position: static;
  color: #444;
  line-height: 24px;
}
div.custom-text-field figure .table-button .action-label:hover:before {
  color: #fff;
}
div.custom-text-field figure .table-button.add-row {
  height: 1px;
  right: 1px;
  bottom: 0;
  left: 0;
}
div.custom-text-field figure .table-button.add-row .action-label {
  margin-left: -13px;
  bottom: -11px;
  left: 50%;
}
div.custom-text-field figure .table-button.add-column {
  width: 1px;
  top: 0;
  right: 1px;
  bottom: 0;
}
div.custom-text-field figure .table-button.add-column .action-label {
  margin-top: -12px;
  top: 50%;
  right: -11px;
}
.text-editor-wrapper {
  position: relative;
}
.text-editor-wrapper.empty:before {
  content: attr(placeholder);
  display: block;
  opacity: 0.7;
  position: absolute;
  top: 9px;
  color: #6a6a6a;
  font-style: italic;
  pointer-events: none;
}
.bg-gray .text-editor-wrapper.empty:before,
.bg-dark .text-editor-wrapper.empty:before {
  color: #f3f3f3;
}
.text-styles-cloud {
  opacity: 0;
  visibility: hidden;
  display: block;
  width: auto;
  padding: 2px 6px !important;
  -webkit-transform: scale(0.95) translateY(5px);
          transform: scale(0.95) translateY(5px);
  -webkit-transition: opacity 0.08s ease-out 0s, visibility 0.08s ease-out 0s, -webkit-transform 0.08s ease-out;
  transition: opacity 0.08s ease-out 0s, visibility 0.08s ease-out 0s, -webkit-transform 0.08s ease-out;
  transition: opacity 0.08s ease-out 0s, visibility 0.08s ease-out 0s, transform 0.08s ease-out;
  transition: opacity 0.08s ease-out 0s, visibility 0.08s ease-out 0s, transform 0.08s ease-out, -webkit-transform 0.08s ease-out;
}
.text-styles-cloud.visible {
  opacity: 1;
  visibility: visible;
  -webkit-transform: none;
          transform: none;
  -webkit-transition: opacity 0.08s ease-out 0s, visibility 0.08s ease-out 0s, -webkit-transform 0.08s ease-out;
  transition: opacity 0.08s ease-out 0s, visibility 0.08s ease-out 0s, -webkit-transform 0.08s ease-out;
  transition: opacity 0.08s ease-out 0s, visibility 0.08s ease-out 0s, transform 0.08s ease-out;
  transition: opacity 0.08s ease-out 0s, visibility 0.08s ease-out 0s, transform 0.08s ease-out, -webkit-transform 0.08s ease-out;
}
.text-styles-cloud .options-list {
  display: -webkit-box;
  display: flex;
}
.text-styles-cloud .options-list > li.item-separator:before {
  height: initial;
  top: -2px;
  bottom: -2px;
}
.text-styles-cloud .options-list > li .ds-icon--custom__element-hr:before,
.text-styles-cloud .options-list > li .ds-icon--font__elements-image:before {
  color: #dadada;
}
.text-styles-cloud .options-list > li .ds-icon--font__link-chain:before {
  padding-top: 6px;
  padding-left: 10px;
  width: 30px;
  overflow: hidden;
  height: 30px;
  color: #dadada;
}
.text-styles-cloud .options-list > li .icon-font-style-header:before {
  content: 'H1';
  color: #dadada;
  font-size: 14px;
  font-family: "ProximaNova", sans-serif;
}
.text-styles-cloud .options-list > li .icon-font-style-header-2:before {
  content: 'H2';
  color: #dadada;
  font-size: 14px;
  font-family: "ProximaNova", sans-serif;
}
.text-styles-cloud .options-list > li .icon-font-style-header-3:before {
  content: 'H3';
  color: #dadada;
  font-size: 14px;
  font-family: "ProximaNova", sans-serif;
}
.text-styles-cloud .options-list > li .icon-general-style-bold:before {
  content: 'B';
  color: #dadada;
  font-size: 14px;
  font-weight: bold;
  font-family: "ProximaNova", sans-serif;
}
.text-styles-cloud .options-list > li .icon-general-style-underline:before {
  content: 'U';
  color: #dadada;
  font-size: 14px;
  font-weight: bold;
  font-family: "ProximaNova", sans-serif;
  text-decoration: underline;
}
.text-styles-cloud .options-list > li .icon-general-style-strike:before {
  content: 'S';
  color: #dadada;
  font-size: 14px;
  font-weight: bold;
  font-family: "ProximaNova", sans-serif;
  text-decoration: line-through;
}
.text-styles-cloud .options-list > li .icon-general-style-italic:before {
  content: 'I';
  color: #dadada;
  font-size: 14px;
  font-weight: bold;
  font-family: "ProximaNova", sans-serif;
  font-style: italic;
}
.text-styles-cloud .options-list > li .icon-font-style-blockquote:before {
  content: '\201D';
  color: #dadada;
  font-size: 26px;
  font-family: "ProximaNova", sans-serif;
  top: 6px;
}
.text-styles-cloud .options-list > li .icon-font-style-code:before {
  content: '\E099';
  color: #dadada;
  font-size: 11px;
  top: 9px;
}
.text-styles-cloud .options-list > li .ds-icon--font__elements-table:before {
  top: 8px;
  left: 6px;
  color: #dadada;
  text-align: left;
}
.text-styles-cloud .options-list > li .icon-font-style-unordered-list:before {
  content: '\E242';
  color: #dadada;
  font-size: 11px;
  top: 9px;
}
.text-styles-cloud .options-list > li .icon-font-style-ordered-list:before {
  content: '\E241';
  color: #dadada;
  font-size: 16px;
  top: 7px;
}
.text-styles-cloud .options-list > li .only-icon-font {
  width: 30px;
  height: 30px;
  padding: 0 !important;
  background: none !important;
  text-align: center;
}
.text-styles-cloud .options-list > li .only-icon-font.ds-icon--custom__element-hr:before,
.text-styles-cloud .options-list > li .only-icon-font.ds-icon--font__elements-image:before,
.text-styles-cloud .options-list > li .only-icon-font.icon-font-style-header:before,
.text-styles-cloud .options-list > li .only-icon-font.icon-font-style-header-2:before,
.text-styles-cloud .options-list > li .only-icon-font.icon-font-style-header-3:before,
.text-styles-cloud .options-list > li .only-icon-font.icon-general-style-bold:before,
.text-styles-cloud .options-list > li .only-icon-font.icon-general-style-italic:before,
.text-styles-cloud .options-list > li .only-icon-font.icon-general-style-underline:before,
.text-styles-cloud .options-list > li .only-icon-font.icon-general-style-strike:before {
  line-height: 30px;
}
.text-styles-cloud .options-list > li .only-icon-font:hover:before {
  color: #fff;
}
.text-styles-cloud .options-list > li .only-icon-font.active:before {
  color: #006cff;
}
#gradient-details-cloud {
  top: calc(100% + 4px);
  z-index: 99;
}
#gradient-details-cloud ::-webkit-scrollbar-track-piece {
  background-color: #1e1e1e !important;
}
#gradient-details-cloud ::-webkit-scrollbar-thumb {
  background-color: rgba(102, 102, 102, 0.5) !important;
}
#gradient-details-cloud:not(.no-info) {
  padding-top: 8px;
}
#gradient-details-cloud:not(.no-info) .general-colors-list li:hover .general-color-preview:not(.no-copy) {
  background-color: #fff !important;
}
#gradient-details-cloud:not(.no-info) .general-colors-list li:hover .general-color-preview:not(.no-copy):before {
  color: #006cff;
}
#gradient-details-cloud:not(.no-info) .general-colors-list li:hover .details .code,
#gradient-details-cloud:not(.no-info) .general-colors-list li:hover .details .name {
  color: #fff;
}
#gradient-details-cloud:not(.no-info) .general-colors-list li:hover .copied-info {
  background-color: #fff;
  color: #006cff;
}
#gradient-details-cloud.with-scroll .general-colors-list {
  overflow-x: hidden;
  overflow-y: auto;
}
#gradient-details-cloud .gradient-info {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}
#gradient-details-cloud .gradient-info > li + li {
  margin-left: 11px;
}
#gradient-details-cloud .gradient-info > li h5 {
  color: #5e5e5e;
  font-size: 14px;
}
#gradient-details-cloud .gradient-info > li h5 span {
  margin-right: 3px;
  position: relative;
  color: #e6e6e6;
}
#gradient-details-cloud .separator:before {
  width: calc(100% + 2 * 10px);
  margin: 11px -20px 4px;
}
#gradient-details-cloud .general-colors-list > li {
  height: 30px;
  padding: 0 10px;
  border-radius: 2px;
}
#gradient-details-cloud .general-colors-list > li .general-color-preview {
  width: 18px;
  height: 18px;
  margin-right: 9px;
  border-radius: 9px;
}
#gradient-details-cloud .general-colors-list > li .general-color-preview:before {
  top: 5px;
  font-size: 9px;
}
#gradient-details-cloud .general-colors-list > li .details {
  margin-top: 1px;
  -webkit-box-align: center;
          align-items: center;
}
#gradient-details-cloud .general-colors-list > li .details .code,
#gradient-details-cloud .general-colors-list > li .details .name {
  font-size: 12px;
}
#gradient-details-cloud .general-colors-list > li .details .code {
  color: #e6e6e6;
}
#gradient-details-cloud .general-colors-list > li .details .name {
  opacity: 1;
  margin-bottom: 0;
  color: #5e5e5e;
}
#gradient-details-cloud .general-colors-list > li .copied-info {
  top: 0;
  right: 10px;
}
#gradient-details-cloud .general-colors-list > li.copied .copied-info {
  top: 6px;
}
#gradient-details-cloud .general-colors-list > li.copied:hover .general-color-preview {
  background-color: #fff !important;
}
#gradient-details-cloud .general-colors-list > li.copied:hover .general-color-preview:before {
  color: #006cff !important;
}
.general-colors-list > li {
  display: -webkit-box;
  display: flex;
  position: relative;
  -webkit-box-align: center;
          align-items: center;
}
.general-colors-list > li:not(.gradient) {
  cursor: pointer;
}
.general-colors-list > li:not(.gradient):hover .color-preview:before {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.1s ease-out 0s, visibility 0.1s ease-out 0s;
  transition: opacity 0.1s ease-out 0s, visibility 0.1s ease-out 0s;
}
.general-colors-list > li .gradient-container {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  cursor: pointer;
}
.general-colors-list > li .gradient-container:hover .color-preview:before {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.1s ease-out 0s, visibility 0.1s ease-out 0s;
  transition: opacity 0.1s ease-out 0s, visibility 0.1s ease-out 0s;
}
.general-colors-list > li .details {
  display: -webkit-box;
  display: flex;
  width: 100%;
}
.general-colors-list > li .details:not(.gradient) {
  -webkit-box-pack: justify;
          justify-content: space-between;
  overflow: hidden;
}
.general-colors-list > li .details .code {
  display: -webkit-box;
  display: flex;
  width: auto !important;
  flex-shrink: 0;
  text-transform: uppercase;
}
.general-colors-list > li .details .code .alpha {
  margin-left: 5px;
}
.general-colors-list > li .details .name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 100%;
  opacity: 0.5;
  padding-left: 20px;
  flex-shrink: 1;
  color: #515151;
  -webkit-transition: opacity 0.1s ease-out;
  transition: opacity 0.1s ease-out;
}
.general-colors-list > li .details.gradient .code {
  text-transform: initial;
}
.general-colors-list > li .details.gradient .icon-general-chevron:before {
  top: 7px;
}
.general-colors-list > li.copied .copied-info {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.1s ease-out 0s;
  transition: all 0.1s ease-out 0s;
}
.general-colors-list > li.copied .color-preview {
  background: #006cff !important;
}
.general-colors-list > li.copied .color-preview:before {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.1s ease-out 0s, visibility 0.1s ease-out 0s;
  transition: opacity 0.1s ease-out 0s, visibility 0.1s ease-out 0s;
  color: #fff !important;
}
.general-colors-list.element {
  display: -webkit-box;
  display: flex;
  margin-top: 5px;
  flex-wrap: wrap;
}
.general-colors-list.element > li {
  width: 100%;
  padding: 5px 0;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}
.general-colors-list.element > li:hover:before {
  opacity: 1;
}
.general-colors-list.element > li:before {
  content: '';
  opacity: 0;
  position: absolute;
  top: 0;
  right: -24px;
  bottom: 0;
  left: -24px;
  background: rgba(0, 0, 0, 0.03);
  pointer-events: none;
}
.general-colors-list.element > li .gradient-container {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
}
.general-colors-list.element > li .gradient-container h5 {
  display: inline-block;
}
.general-colors-list.element > li .ng-scope {
  width: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}
.general-colors-list.element > li .color-label,
.general-colors-list.element > li .details {
  padding-left: 9px;
}
.general-colors-list.element > li .color-label {
  min-width: 40px;
  margin-right: 6px;
  padding-left: 0;
}
.general-colors-list.element > li .color-preview {
  width: 24px;
  height: 24px;
  margin-right: 0;
  margin-left: 10px;
  font-size: 0;
}
.general-colors-list.element > li .color-preview:before {
  top: 5px !important;
}
.general-colors-list.element > li .details .name {
  opacity: 0.5 !important;
  padding-left: 9px;
}
.firefox .general-colors-list.element > li .details .icon-general-chevron:before {
  top: 8px;
}
.general-colors-list.element > li.copied .color-preview {
  background: #006cff !important;
  line-height: 36px;
}
.general-colors-list.element > li.copied .copied-info {
  top: 38px;
}
.general-colors-list.element > li .copied-info {
  top: 23px;
  right: auto;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: none;
}
/**
   * Draft v0.10.1
   *
   * Copyright (c) 2013-present, Facebook, Inc.
   * All rights reserved.
   *
   * This source code is licensed under the BSD-style license found in the
   * LICENSE file in the root directory of this source tree. An additional grant
   * of patent rights can be found in the PATENTS file in the same directory.
   */
.public-DraftStyleDefault-pre .public-DraftStyleDefault-block {
  overflow-x: auto;
  white-space: pre;
}
.DraftEditor-editorContainer,
.DraftEditor-root,
.public-DraftEditor-content {
  height: inherit;
  text-align: initial;
}
.public-DraftEditor-content[contenteditable=true] {
  -webkit-user-modify: read-write-plaintext-only;
}
.DraftEditor-root {
  border-radius: 2px;
  position: relative;
}
.DraftEditor-editorContainer {
  background-color: rgba(255, 255, 255, 0);
  border-left: 0.1px solid transparent;
  position: relative;
}
.public-DraftEditor-block {
  position: relative;
}
.DraftEditor-alignLeft .public-DraftStyleDefault-block {
  text-align: left;
}
.DraftEditor-alignLeft .public-DraftEditorPlaceholder-root {
  left: 0;
  text-align: left;
}
.DraftEditor-alignCenter .public-DraftStyleDefault-block {
  text-align: center;
}
.DraftEditor-alignCenter .public-DraftEditorPlaceholder-root {
  margin: 0 auto;
  text-align: center;
  width: 100%;
}
.DraftEditor-alignRight .public-DraftStyleDefault-block {
  text-align: right;
}
.DraftEditor-alignRight .public-DraftEditorPlaceholder-root {
  right: 0;
  text-align: right;
}
.public-DraftEditorPlaceholder-root {
  position: absolute;
  z-index: 0;
  color: rgba(68, 68, 68, 0.3);
  font-style: italic;
}
.empty .public-DraftEditorPlaceholder-root {
  display: none;
}
.safari.edit-mode .public-DraftEditorPlaceholder-inner:before {
  content: '';
  position: absolute;
}
.DraftEditorPlaceholder-hidden {
  display: none;
}
.public-DraftStyleDefault-block {
  position: relative;
  white-space: pre-wrap;
}
.public-DraftStyleDefault-block a {
  text-decoration: underline;
}
.public-DraftStyleDefault-block a:hover {
  text-decoration: none;
}
.public-DraftStyleDefault-ltr,
.public-DraftStyleDefault-rtl {
  width: 90%;
  max-width: 800px;
}
.public-DraftStyleDefault-pre .public-DraftStyleDefault-ltr,
.public-DraftStyleDefault-pre .public-DraftStyleDefault-rtl {
  width: 100%;
  max-width: none;
}
.public-DraftStyleDefault-ltr {
  direction: ltr;
  text-align: left;
}
.public-DraftStyleDefault-rtl {
  direction: rtl;
  text-align: right;
}
.public-DraftStyleDefault-listLTR {
  direction: ltr;
}
.public-DraftStyleDefault-listRTL {
  direction: rtl;
}
.public-DraftStyleDefault-ol,
.public-DraftStyleDefault-ul {
  margin: 16px 0;
  padding: 0;
}
.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR {
  margin-left: 1.5em;
}
.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listRTL {
  margin-right: 1.5em;
}
.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR {
  margin-left: 3em;
}
.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listRTL {
  margin-right: 3em;
}
.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR {
  margin-left: 4.5em;
}
.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listRTL {
  margin-right: 4.5em;
}
.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR {
  margin-left: 6em;
}
.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listRTL {
  margin-right: 6em;
}
.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR {
  margin-left: 7.5em;
}
.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listRTL {
  margin-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: -36px;
  position: absolute;
  text-align: right;
  width: 30px;
}
.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listRTL:before {
  position: absolute;
  right: -36px;
  text-align: left;
  width: 30px;
}
.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;
}
/**
 * prism.js default theme for JavaScript, CSS and HTML
 * Based on dabblet (http://dabblet.com)
 * @author Lea Verou
 */
code[class*="language-"],
pre[class*="language-"] {
  color: black;
  background: none;
  text-shadow: 0 1px white;
  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.5;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}
pre[class*="language-"]::-moz-selection,
pre[class*="language-"] ::-moz-selection,
code[class*="language-"]::-moz-selection,
code[class*="language-"] ::-moz-selection {
  text-shadow: none;
  background: #b3d4fc;
}
pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection, code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
  text-shadow: none;
  background: #b3d4fc;
}
pre[class*="language-"]::selection,
pre[class*="language-"] ::selection,
code[class*="language-"]::selection,
code[class*="language-"] ::selection {
  text-shadow: none;
  background: #b3d4fc;
}
@media print {
  code[class*="language-"],
  pre[class*="language-"] {
    text-shadow: none;
  }
}
/* Code blocks */
pre[class*="language-"] {
  padding: 1em;
  margin: 0.5em 0;
  overflow: auto;
}
:not(pre) > code[class*="language-"],
pre[class*="language-"] {
  background: #f5f2f0;
}
/* Inline code */
:not(pre) > code[class*="language-"] {
  padding: 0.1em;
  border-radius: 0.3em;
  white-space: normal;
}
.token.prism-comment,
.token.prism-prolog,
.token.prism-doctype,
.token.prism-cdata {
  color: slategray;
}
.token.prism-attr-name,
.token.prism-operator,
.token.prism-punctuation {
  color: #515151;
}
.namespace {
  opacity: 0.7;
}
.token.prism-property,
.token.prism-boolean,
.token.prism-number,
.token.prism-symbol,
.token.prism-deleted {
  color: #0086b3;
}
.token.prism-constant,
.token.prism-tag,
.token.prism-selector,
.token.prism-char,
.token.prism-builtin,
.token.prism-inserted {
  color: #63a35c;
}
.token.prism-class-name,
.token.prism-attr-value,
.token.prism-string {
  color: #0086b3;
}
.token.prism-entity,
.token.prism-url,
.language-css .token.prism-string,
.style .token.prism-string {
  color: #a67f59;
  background: hsla(0, 0%, 100%, 0.5);
}
.token.prism-atrule,
.token.prism-keyword {
  color: #515151;
}
.token.prism-function {
  color: #a71d5d;
}
.token.prism-regex,
.token.prism-important,
.token.prism-variable {
  color: #a71d5d;
}
.token.prism-keyword + span:not(.token) {
  color: #a71d5d;
}
.token.prism-important,
.token.prism-bold {
  font-weight: bold;
}
.token.prism-italic {
  font-style: italic;
}
.token.prism-entity {
  cursor: help;
}
/* custom UXPIN styles */
.safari .public-DraftEditor-content {
  white-space: pre !important;
  overflow-wrap: normal;
}
.public-DraftStyleDefault-pre .public-DraftStyleDefault-block {
  padding-bottom: 20px;
  overflow-wrap: normal;
}
.safari .public-DraftStyleDefault-pre .public-DraftStyleDefault-block {
  overflow-wrap: normal;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.DraftEditor-root .line-numbers {
  width: 46px;
  padding-right: 8px;
  position: absolute;
  left: 0;
  background: none;
  text-align: right;
  color: #cdcdcd;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.design-system-data .DraftEditor-root .line-numbers {
  width: 32px;
}
.DraftEditor-root .public-DraftEditor-content pre {
  margin-top: 27px;
  margin-bottom: 27px;
  padding: 20px 0 0 60px;
  position: relative;
  white-space: nowrap;
  font-family: "SourceCodePro", "Courier New", Courier, monospace;
  letter-spacing: -0.04em !important;
}
.design-system-data .DraftEditor-root .public-DraftEditor-content pre {
  padding: 8px 20px 8px 38px;
}
.syntax-select {
  font-size: 12px;
  line-height: 16px;
  border-radius: 0 2px;
  position: absolute;
  top: -1px;
  right: -1px;
  background: #f0f0f0;
  color: #5e5e5e;
  font-family: "ProximaNova", sans-serif;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.syntax-select.opened {
  z-index: 10;
}
.syntax-select.active {
  border: 1px solid #f0f0f0;
  background: #fff;
  cursor: pointer;
}
.syntax-select.active .icon-general-chevron {
  padding-right: 28px;
}
.syntax-select.active .icon-general-chevron:before {
  content: '\E096';
  color: #5e5e5e;
  font-size: 7px;
  top: 5px;
  right: 8px;
  -webkit-transform: initial;
          transform: initial;
}
.design-system-data .syntax-select {
  display: none;
}
.syntax-select .icon-general-chevron {
  display: block;
  padding: 2px 7px 0;
}
.design-system-data .syntax-select .icon-general-chevron:before {
  display: none;
}
.syntax-select .cloud {
  top: calc(100% + 10px);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1;
}
.syntax-select .cloud:before {
  top: -4px;
  left: 50%;
}
.modal-box {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  opacity: 0;
  visibility: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2147483547;
  background-color: rgba(30, 30, 30, 0.9);
  -webkit-backdrop-filter: blur(10px);
  pointer-events: none;
}
.modal-box.white-overlay {
  background-color: rgba(255, 255, 255, 0.8);
}
.modal-box.no-overlay {
  background: none;
}
.modal-box.visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.modal-box.visible:empty {
  opacity: 0;
  visibility: hidden;
}
.modal-box.visible ~ .modal-box {
  background: none;
  -webkit-transition: none;
  transition: none;
}
.modal-box.hidden-content > .modal-box-wrapper {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.025s ease-in 0.03s, visibility 0.025s ease-in 0.03s;
  transition: opacity 0.025s ease-in 0.03s, visibility 0.025s ease-in 0.03s;
}
.modal-box.full-screen {
  background-color: #fff;
}
.modal-box.full-screen .modal-box-header h2 {
  margin-bottom: 8px;
}
.modal-box.center-buttons footer .btns-group {
  -webkit-box-pack: center;
          justify-content: center;
}
.modal-box:not(.full-screen) footer {
  margin-top: auto;
  margin-bottom: 33px;
  position: relative;
  top: 33px;
}
.modal-box:not(.full-screen) footer .btns-group {
  margin-top: 0;
}
.modal-box.no-transition,
.modal-box.no-transition .modal-box-wrapper {
  -webkit-transition: none;
  transition: none;
}
.modal-box.loading > .modal-box-wrapper {
  position: relative;
}
.modal-box.loading > .modal-box-wrapper:after {
  content: '';
  width: 24px;
  height: 24px;
  margin: -12px 0 0 -12px;
  border-radius: 100%;
  border: 2px solid #006cff;
  border-top-color: transparent !important;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 5;
  -webkit-animation: loading 0.5s infinite linear;
          animation: loading 0.5s infinite linear;
}
@keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.modal-box.loading > .modal-box-wrapper:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background-color: #fff;
}
.modal-box.inside-panel,
#assets-panel .modal-box,
.floating-panel .modal-box {
  background: transparent;
}
.modal-box.inside-panel {
  position: absolute;
}
.modal-box.inside-panel > .modal-box-wrapper {
  display: -webkit-box;
  display: flex;
  width: calc(100% -  2 * 20px);
  max-height: calc(100% -  2 * 20px);
  padding: 20px 30px 30px;
}
.modal-box.inside-panel > .modal-box-wrapper > .modal-box-header h2 {
  margin-bottom: 15px;
  color: #373737;
  font-size: 18px;
  font-weight: normal;
}
.modal-box.inside-panel > .modal-box-wrapper > .modal-box-content {
  margin-top: 0 !important;
  overflow: auto;
}
.modal-box .modal-box-medium-width.modal-box-wrapper {
  width: 510px;
}
.modal-box .modal-box-medium-width.modal-box-wrapper .workbench-prompt {
  max-width: initial;
}
.modal-box .modal-box-text-content.modal-box-wrapper {
  width: 560px;
}
.modal-box .modal-box-text-content.modal-box-wrapper ul:not(.btns-group) {
  padding: 35px 0 24px 0;
}
.firefox .modal-box {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.modal-box p {
  color: #6a6a6a;
}
.modal-box h2 {
  font-size: 30px;
  color: #006cff;
  font-weight: 300;
  line-height: 36px;
  margin-bottom: 26px;
  text-transform: none;
  word-wrap: break-word;
}
.modal-box h2 + p {
  margin-top: -13px;
  margin-bottom: 26px;
}
.modal-box dl dt,
.modal-box .col-layout dt {
  margin-bottom: 18px;
  color: #515151;
  font-size: 18px;
}
.modal-box dl dd,
.modal-box .col-layout dd {
  margin-bottom: 6px;
  color: #6a6a6a;
  font-size: 12px;
}
.modal-box dl dd .additional-control,
.modal-box .col-layout dd .additional-control {
  margin: 6px 0 0;
  padding-left: 22px;
}
.modal-box > .modal-box-wrapper {
  padding: 42px 50px;
  border-radius: 2px;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  background-color: #fff;
  font-size: 14px;
  overflow: hidden;
  -webkit-transition: margin 1s linear;
  transition: margin 1s linear;
}
.modal-box > .modal-box-wrapper.tabbed {
  padding: 0;
}
.modal-box > .modal-box-wrapper.tabbed .modal-box-header {
  padding: 42px 50px 0;
}
.modal-box > .modal-box-wrapper.tabbed .modal-box-header + section {
  margin-top: 0;
}
.modal-box > .modal-box-wrapper.tabbed .modal-box-header h2 {
  margin-bottom: 7px;
}
.modal-box > .modal-box-wrapper.tabbed > section {
  padding: 0;
}
.white-overlay.modal-box > .modal-box-wrapper {
  box-shadow: 0 15px 30px 5px rgba(0, 0, 0, 0.15);
}
.modal-box > .modal-box-wrapper .close-modal-button {
  position: absolute;
  top: 29px;
  right: 28px;
  text-decoration: none;
}
.modal-box > .modal-box-wrapper .close-modal-button.icon-general-close:before {
  content: '\E010';
  color: rgba(0, 0, 0, 0.2);
  font-size: 14px;
  -webkit-transition: color 0.2s linear;
  transition: color 0.2s linear;
}
.modal-box > .modal-box-wrapper .close-modal-button:hover.icon-general-close:before {
  color: #444;
}
.modal-box > .modal-box-wrapper .modal-box-header {
  flex-shrink: 0;
}
.modal-box > .modal-box-wrapper .modal-box-header + section {
  margin-top: 22px;
}
.modal-box > .modal-box-wrapper .btn-flat {
  height: 34px;
  line-height: 32px;
}
.modal-box > .modal-box-wrapper .btn-flat.big {
  height: 50px;
  line-height: 100%;
}
.dark-version .modal-box > .modal-box-wrapper .btn-flat {
  border-color: rgba(0, 108, 255, 0.2);
  color: #006cff;
  box-shadow: 0 1px rgba(0, 108, 255, 0.07);
}
.dark-version .modal-box > .modal-box-wrapper .btn-flat:hover {
  border-color: #006cff;
  background-color: #006cff;
  color: #fff;
}
.modal-box > .modal-box-wrapper .btn-ghost:not(.btn-wide):not(.big),
.modal-box > .modal-box-wrapper .btn-solid:not(.btn-wide):not(.big) {
  height: 34px;
  line-height: 32px;
}
.dark-version .modal-box > .modal-box-wrapper .gray-style {
  color: #6a6a6a;
}
.modal-box > .modal-box-wrapper .btns-group {
  display: -webkit-box;
  display: flex;
  margin-top: 33px;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: end;
          justify-content: flex-end;
}
.modal-box > .modal-box-wrapper .btns-group li {
  display: -webkit-inline-box;
  display: inline-flex;
  float: none;
}
.modal-box > .modal-box-wrapper .btns-group .gray-style {
  color: #b3b3b3;
  line-height: 14px;
  position: relative;
}
.modal-box > .modal-box-wrapper .btns-group .gray-style:after {
  content: '';
  border-bottom: 1px solid #f0f0f0;
  bottom: 0;
  left: 0;
  opacity: 1;
  position: absolute;
  -webkit-transition: opacity 0.1s ease-out;
  transition: opacity 0.1s ease-out;
  width: 100%;
}
.modal-box > .modal-box-wrapper .btns-group .gray-style:hover:after {
  opacity: 0;
}
.modal-box > .modal-box-wrapper .btns-group .red-style {
  border-bottom: 1px solid;
  text-decoration: none !important;
  line-height: 14px;
  -webkit-transition: border-color 0.2s ease-in;
  transition: border-color 0.2s ease-in;
  border-bottom-color: rgba(226, 12, 0, 0.5);
}
.modal-box > .modal-box-wrapper .btns-group .red-style:hover {
  border-bottom-color: transparent !important;
}
.modal-box > .modal-box-wrapper .btns-group .error {
  color: #c90b00;
}
.modal-box > .modal-box-wrapper .btns-group [class^="icon-"].icon-general-trash:before,
.modal-box > .modal-box-wrapper .btns-group [class*=" icon-"].icon-general-trash:before {
  content: '\E312';
  color: #c90b00;
  font-size: 14px;
  top: 2px;
}
.dark-version .modal-box > .modal-box-wrapper fieldset.with-icon .icon-font-arrows-width:before,
.dark-version .modal-box > .modal-box-wrapper fieldset.with-icon .icon-font-arrows-height:before {
  color: #b3b3b3;
}
.modal-box > .modal-box-wrapper fieldset.with-icon > label:not(.additional-label) {
  top: 10px;
}
.modal-box > .modal-box-wrapper fieldset.with-unit:after {
  bottom: 7px;
}
.dark-version .modal-box > .modal-box-wrapper fieldset.with-unit:after {
  color: #919191;
}
.modal-box > .modal-box-wrapper fieldset.full-width {
  width: 100%;
}
.modal-box > .modal-box-wrapper .hulk-select.inline input {
  height: 24px !important;
}
.modal-box > .modal-box-wrapper input:not([class*='ds-choose-base__label']):not([class*='ds-input__field']):not([class*='ds-input20__field']):not([type=checkbox]):not([type=radio]) {
  height: 34px;
}
.dark-version .modal-box > .modal-box-wrapper input:not([class*='ds-choose-base__label']):not([class*='ds-input__field']):not([class*='ds-input20__field']):not([type=checkbox]):not([type=radio]) {
  border-color: #e6e6e6;
  background-color: #fff;
  color: #6a6a6a;
  -webkit-text-fill-color: #6a6a6a;
}
.dark-version .modal-box > .modal-box-wrapper input:not([class*='ds-choose-base__label']):not([class*='ds-input__field']):not([class*='ds-input20__field']):not([type=checkbox]):not([type=radio])::-moz-selection {
  background-color: #006cff;
}
.dark-version .modal-box > .modal-box-wrapper input:not([class*='ds-choose-base__label']):not([class*='ds-input__field']):not([class*='ds-input20__field']):not([type=checkbox]):not([type=radio])::selection {
  background-color: #006cff;
}
.modal-box > .modal-box-wrapper input.state-helper:not(:checked) + .fake-choose-label:hover:before {
  border-color: #b3b3b3;
}
.dark-version .modal-box > .modal-box-wrapper input.state-helper:checked + .fake-choose-label.fake-checkbox:before {
  border-color: #006cff;
  background: #006cff;
}
.dark-version .modal-box > .modal-box-wrapper input.state-helper:checked + .fake-choose-label.fake-radio:before {
  border-color: #006cff;
  background: #fff;
}
.modal-box > .modal-box-wrapper textarea:not([class*='ds-textarea']) {
  box-shadow: inset 0 0 0 1px #e6e6e6, inset 0 1px 2px rgba(0, 0, 0, 0.125);
}
.modal-box > .modal-box-wrapper textarea:not([class*='ds-textarea']):active,
.modal-box > .modal-box-wrapper textarea:not([class*='ds-textarea']):focus {
  box-shadow: inset 0 0 0 1px #b3b3b3, inset 0 1px 2px rgba(0, 0, 0, 0.125);
}
.modal-box > .modal-box-wrapper label:not([class*="ds-switcher__label"]):not([class*="ds-choose-base__label"]):not(.modalbox-free-display-label) {
  display: inline-block;
}
.modal-box > .modal-box-wrapper label:not([class*="ds-switcher__label"]):not([class*="ds-choose-base__label"]):not(.inside-cloud) {
  font-size: 14px;
}
.modal-box > .modal-box-wrapper label:not([class*="ds-switcher__label"]):not([class*="ds-choose-base__label"]):not(.inside-cloud).fake-choose-label:not(.keep-small) {
  padding-left: 20px;
}
.modal-box > .modal-box-wrapper label:not([class*="ds-switcher__label"]):not([class*="ds-choose-base__label"]):not(.inside-cloud).fake-choose-label:not(.keep-small):before {
  width: 14px;
  height: 14px;
}
.dark-version .modal-box > .modal-box-wrapper label:not([class*="ds-switcher__label"]):not([class*="ds-choose-base__label"]):not(.inside-cloud).fake-choose-label:not(.keep-small):before {
  border-color: #cdcdcd;
}
.firefox .modal-box > .modal-box-wrapper label:not([class*="ds-switcher__label"]):not([class*="ds-choose-base__label"]):not(.inside-cloud).fake-choose-label:not(.keep-small):before {
  top: 0;
}
.modal-box > .modal-box-wrapper label:not([class*="ds-switcher__label"]):not([class*="ds-choose-base__label"]):not(.inside-cloud).fake-choose-label:not(.keep-small):after {
  left: 4px;
  font-size: 5px;
}
.firefox .modal-box > .modal-box-wrapper label:not([class*="ds-switcher__label"]):not([class*="ds-choose-base__label"]):not(.inside-cloud).fake-choose-label:not(.keep-small):after {
  top: 4px;
}
.modal-box > .modal-box-wrapper label:not([class*="ds-switcher__label"]):not([class*="ds-choose-base__label"]):not(.inside-cloud).fake-choose-label.keep-small:before {
  top: 2px;
}
.modal-box > .modal-box-wrapper label:not([class*="ds-switcher__label"]):not([class*="ds-choose-base__label"]):not(.inside-cloud).fake-choose-label.keep-small:after {
  top: 6px;
}
.modal-box > .modal-box-wrapper label:not([class*="ds-switcher__label"]):not([class*="ds-choose-base__label"]):not(.inside-cloud).block-label {
  display: inline-block;
  margin-bottom: 9px;
  vertical-align: bottom;
}
.dark-version .modal-box > .modal-box-wrapper label:not([class*="ds-switcher__label"]):not([class*="ds-choose-base__label"]):not(.inside-cloud) {
  color: #6a6a6a;
}
.modal-box > .modal-box-wrapper .hulk-select:not(.inline):before {
  top: 14px;
}
.dark-version .modal-box > .modal-box-wrapper .hulk-select:before {
  opacity: 1;
  color: #919191;
}
.dark-version .modal-box > .modal-box-wrapper .hulk-select.active input[type="text"] {
  background: none;
  box-shadow: inset 0 0 0 1px #cdcdcd !important;
  color: #a6a6a6;
}
.dark-version .modal-box > .modal-box-wrapper .hulk-select.active input[type="text"][readonly] {
  color: transparent;
  text-shadow: 0 0 0 #a6a6a6 !important;
}
.modal-box > .modal-box-wrapper .hulk-select.error:not(.active) input,
.modal-box > .modal-box-wrapper .hulk-select.error:not(.active) input:focus,
.dark-version .modal-box > .modal-box-wrapper .hulk-select.error:not(.active) input,
.dark-version .modal-box > .modal-box-wrapper .hulk-select.error:not(.active) input:focus {
  box-shadow: inset 0 0 0 1px #c90b00 !important;
}
.dark-version .modal-box > .modal-box-wrapper .hulk-select input[type="text"]:active,
.dark-version .modal-box > .modal-box-wrapper .hulk-select input[type="text"]:focus {
  box-shadow: inset 0 0 0 1px #cdcdcd !important;
}
.dark-version .modal-box > .modal-box-wrapper .hulk-select input[type="text"]:active[readonly],
.dark-version .modal-box > .modal-box-wrapper .hulk-select input[type="text"]:focus[readonly] {
  color: transparent;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 0 0 #6a6a6a;
}
.modal-box > .modal-box-wrapper textarea:not([class*='ds-textarea']) {
  width: 100%;
  resize: none;
}
.modal-box .modal-box-content {
  display: -webkit-box;
  display: flex;
  padding: 0;
  color: #5e5e5e;
}
.modal-box .modal-box-content article {
  padding: 0 50px;
  -webkit-box-flex: 1;
          flex: 1;
}
.modal-box .modal-box-content aside {
  padding: 50px;
  -webkit-box-flex: 1;
          flex: 1;
  background-color: #f3f3f3;
}
.modal-box .modal-box-content h3 {
  margin-bottom: 18px;
  color: #515151;
  font-size: 18px;
  font-weight: normal;
  text-transform: none;
}
.modal-box .modal-box-content h3 label {
  color: #515151;
  font-size: inherit;
  font-weight: normal;
}
.modal-box .modal-box-content h4 {
  margin-bottom: 15px;
  color: #515151;
  font-size: 14px;
  font-weight: normal;
}
.modal-box .modal-box-content p {
  line-height: 20px;
}
.modal-box .modal-box-content p a:not(.ds-btn) {
  color: #006cff;
}
.modal-box .modal-box-content .options-list {
  margin-bottom: 30px;
}
.modal-box .modal-box-content .live-share-link input[type='text'] {
  width: 100%;
}
.modal-box .modal-box-content.scrollable {
  margin-right: -50px;
}
.modal-box .modal-box-content#live-share-settings {
  width: 450px;
}
.modal-box .modal-box-content#live-share-settings article .users-list-container {
  max-height: 230px;
  margin-bottom: 15px;
}
.modal-box .modal-box-content#live-share-settings article .invite-link-container {
  width: 100%;
  margin-bottom: 20px;
}
.modal-box .modal-box-content#live-share-settings article .btn-flat {
  height: 42px;
  padding: 10px 34px;
  font-size: 18px;
}
.modal-box .modal-box-content#live-share-settings article textarea:not([class*='ds-textarea']) {
  height: 60px;
  margin-bottom: 30px;
}
.modal-box .modal-box-content#live-share-settings aside {
  display: none;
  padding-top: 98px;
}
.modal-box .modal-footer {
  display: -webkit-box;
  display: flex;
  width: 100%;
  margin-top: 20px;
  padding: 32px 50px;
  -webkit-box-align: center;
          align-items: center;
}
@media screen and (max-width: 1366px) {
  .modal-box .modal-footer {
    padding: 26px 50px;
  }
}
.modal-box .modal-footer.gray-bg {
  background-color: #f3f3f3;
}
.modal-box .tabbed .modal-box-wrapper,
.modal-box.tabbed .modal-box-wrapper {
  padding: 45px 0;
}
@media screen and (max-width: 1366px) {
  .modal-box .tabbed .modal-box-wrapper,
  .modal-box.tabbed .modal-box-wrapper {
    padding: 30px 0;
  }
}
.modal-box .tabbed .modal-box-header,
.modal-box.tabbed .modal-box-header {
  padding: 0 50px;
}
.modal-box .tabbed .modal-box-header + section,
.modal-box.tabbed .modal-box-header + section {
  margin-top: 0;
}
.modal-box .tabbed .modal-box-header h2,
.modal-box.tabbed .modal-box-header h2 {
  margin-bottom: 7px;
}
.modal-box .tabbed .nav-tabbed,
.modal-box.tabbed .nav-tabbed {
  border-bottom: 1px solid #f0f0f0;
}
.modal-box .tabbed .nav-tabbed .tabs-wrapper,
.modal-box.tabbed .nav-tabbed .tabs-wrapper {
  margin-right: -15px;
  margin-left: -15px;
  padding-right: 50px;
  padding-left: 50px;
}
.modal-box .tabbed .tab-content,
.modal-box.tabbed .tab-content {
  display: none;
  padding: 40px 0 0 0;
  color: #6a6a6a;
}
@media screen and (max-width: 1366px) {
  .modal-box .tabbed .tab-content,
  .modal-box.tabbed .tab-content {
    padding-top: 24px;
  }
}
.modal-box .tabbed .tab-content.active,
.modal-box.tabbed .tab-content.active {
  display: block;
}
.modal-box .tabbed .tab-content h3,
.modal-box.tabbed .tab-content h3 {
  margin-bottom: 18px;
  color: #515151;
  font-size: 18px;
}
.modal-box .tabbed .tab-content p,
.modal-box.tabbed .tab-content p {
  margin-bottom: 20px;
}
.modal-box .tabbed .tab-content p.success-info,
.modal-box.tabbed .tab-content p.success-info {
  max-height: 0;
  margin-bottom: 0;
  padding-top: 0;
  color: #35ba00;
  overflow: hidden;
  -webkit-transition: max-height 0.2s ease-in-out, margin-bottom 0.2s ease-in-out, padding-top 0.2s ease-in-out;
  transition: max-height 0.2s ease-in-out, margin-bottom 0.2s ease-in-out, padding-top 0.2s ease-in-out;
}
.modal-box .tabbed .tab-content p.success-info.visible,
.modal-box.tabbed .tab-content p.success-info.visible {
  max-height: 30px;
  margin-bottom: 10px;
  padding-top: 10px;
}
.modal-box .tabbed .tab-content fieldset,
.modal-box.tabbed .tab-content fieldset {
  margin-bottom: 20px;
}
.modal-box .tabbed .tab-content .working-container,
.modal-box.tabbed .tab-content .working-container {
  margin-right: 10px;
  float: left;
  position: relative;
}
.modal-box .tabbed .tab-content .working-container input[type='text'],
.modal-box.tabbed .tab-content .working-container input[type='text'],
.modal-box .tabbed .tab-content .working-container select,
.modal-box.tabbed .tab-content .working-container select {
  opacity: 1;
  -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, opacity 0.2s ease-in-out;
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, opacity 0.2s ease-in-out;
}
.modal-box .tabbed .tab-content .working-container.working:after,
.modal-box.tabbed .tab-content .working-container.working:after {
  content: '';
  width: 12px;
  height: 12px;
  margin: -6px 0 0 -6px;
  border-radius: 100%;
  border: 2px solid #006cff;
  border-top-color: transparent !important;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 5;
  -webkit-animation: loading 0.5s infinite linear;
          animation: loading 0.5s infinite linear;
}
@keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.modal-box .tabbed .tab-content .working-container.working input[type='text'],
.modal-box.tabbed .tab-content .working-container.working input[type='text'],
.modal-box .tabbed .tab-content .working-container.working select,
.modal-box.tabbed .tab-content .working-container.working select {
  background-color: #f6f6f6 !important;
  color: #f6f6f6 !important;
  pointer-events: none;
}
.modal-box .tabbed .tab-content .working-container.working select,
.modal-box.tabbed .tab-content .working-container.working select {
  opacity: 0;
}
.modal-box .tabbed .tab-content .button-container,
.modal-box.tabbed .tab-content .button-container {
  float: left;
  position: relative;
}
.modal-box .tabbed .tab-content .button-container:after,
.modal-box.tabbed .tab-content .button-container:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
}
.modal-box#responsive-modal-box .modal-box-wrapper {
  width: 380px;
  overflow: visible;
}
.modal-box#responsive-modal-box .modal-box-content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
}
.modal-box#responsive-modal-box h3 {
  margin-top: 18px;
  margin-bottom: 6px;
  font-size: 14px;
}
.modal-box#responsive-modal-box h3:first-of-type {
  margin-top: 0;
}
.modal-box#responsive-modal-box .dimensions-wrapper {
  display: -webkit-box;
  display: flex;
  margin-top: 10px;
  position: relative;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
}
.modal-box#responsive-modal-box .dimensions-wrapper .separator-multiplier {
  margin: auto 8px;
}
.modal-box#responsive-modal-box .dimensions-wrapper .separator-multiplier:before {
  content: '\E010';
  color: #919191;
  font-size: 14px;
  text-align: center;
  font-family: 'uxpds-icons';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  speak: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  opacity: 0.4;
  line-height: 100%;
  text-indent: 0;
}
.modal-box#responsive-modal-box .additional-field {
  margin-top: 18px;
}
.modal-box .workbench-prompt > form {
  width: 100%;
}
.modal-box .workbench-prompt .modal-box-content {
  display: block;
}
.modal-box .workbench-prompt fieldset + fieldset {
  margin-top: 8px;
}
#error-modal-box {
  width: 477px;
}
.connect-designsystem-modalbox .modal-box-wrapper {
  width: 531px;
  height: 309px;
}
.connect-designsystem-modalbox h2 {
  margin-bottom: 46px;
}
.connect-designsystem-modalbox h3 {
  margin-bottom: 5px;
}
.connect-designsystem-modalbox p {
  margin-bottom: 15px;
  color: #a6a6a6;
}
.connect-designsystem-modalbox .connect-merge-container {
  display: -webkit-box;
  display: flex;
  height: 34px;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}
.connect-designsystem-modalbox .connect-merge-container .connect-merge-hulkselect {
  width: 230px;
}
.el-group.auto-layout {
  position: absolute;
  -webkit-transform-origin: 0px 0px 0px;
          transform-origin: 0px 0px 0px;
  overflow: visible;
}
.preview .el-group.auto-layout,
.preview-container .el-group.auto-layout {
  pointer-events: all;
}
.el-group.group-with-frame {
  position: absolute;
  -webkit-transform-origin: 0px 0px 0px;
          transform-origin: 0px 0px 0px;
  overflow: hidden;
}
.preview .el-group.group-with-frame,
.preview-container .el-group.group-with-frame {
  pointer-events: all;
}
.el-group.group-with-frame.group-with-frame.edited {
  overflow: visible;
}
.el-group.group-with-frame.group-with-frame.edited:before,
.el-group.group-with-frame.group-with-frame.edited:after {
  display: none;
}
.el-group.clipped {
  position: absolute;
  -webkit-transform-origin: 0px 0px 0px;
          transform-origin: 0px 0px 0px;
  overflow: hidden;
}
.el-group.clipped.scroll-x:before {
  width: 84%;
  height: 5px;
  border-radius: 2px;
  position: absolute;
  bottom: var(--scroll-top, 0);
  left: calc(var(--scroll-left, 0) * -1);
  z-index: 2147483647;
  background: rgba(0, 0, 0, 0.2);
  content: '';
  pointer-events: none;
}
.el-group.clipped.scroll-y:after {
  width: 5px;
  height: 85%;
  border-radius: 2px;
  position: absolute;
  top: calc(var(--scroll-top, 0) * -1);
  right: var(--scroll-left, 0);
  z-index: 2147483647;
  background: rgba(0, 0, 0, 0.2);
  content: '';
  pointer-events: none;
}
.preview .el-group.clipped,
.preview-container .el-group.clipped {
  pointer-events: all;
}
.preview .el-group.clipped:before,
.preview-container .el-group.clipped:before,
.preview .el-group.clipped:after,
.preview-container .el-group.clipped:after {
  display: none;
}
.preview .el-group.clipped.scroll-x,
.preview-container .el-group.clipped.scroll-x {
  overflow-x: auto;
}
.preview .el-group.clipped.scroll-y,
.preview-container .el-group.clipped.scroll-y {
  overflow-y: auto;
}
.el-group.clipped-edit {
  overflow: visible;
}
.el-group.clipped-edit:before,
.el-group.clipped-edit:after {
  display: none;
}
.preview-container .el-group {
  pointer-events: all;
}
.preview-container .el-group.interactive,
.preview-container .el-group.interactive .el-table td {
  cursor: pointer;
}
.preview-container .el-group.ng-state-container {
  pointer-events: none;
}
#layout > .loading:after {
  content: '';
  width: 24px;
  height: 24px;
  margin: -12px 0 0 -12px;
  border-radius: 100%;
  border: 2px solid #dadada;
  border-top-color: transparent !important;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 5;
  -webkit-animation: loading 0.5s infinite linear;
          animation: loading 0.5s infinite linear;
}
@keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
#design-system > div:not(.editor-loading):after {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  display: none;
  height: 100%;
  border: 5px solid rgba(0, 0, 0, 0.1);
  background: none;
  z-index: 100;
  pointer-events: none;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  -webkit-animation: border-pulse-mode 1.2s ease-out infinite normal;
          animation: border-pulse-mode 1.2s ease-out infinite normal;
}
.edit-mode #design-system > div:not(.editor-loading):after {
  display: block;
}
#design-system > div.uploading:after {
  bottom: 32px;
}
#design-system > div.uploading.selecting:after {
  bottom: 112px !important;
}
#design-system > div.uploading.selecting .general-upload-progress {
  border-bottom: 1px solid #f0f0f0;
  bottom: 80px !important;
  box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.1);
}
#design-system > div.uploading.selecting .general-edit-actions-layer {
  box-shadow: none;
}
#design-system > div.selecting:after {
  bottom: 80px !important;
}
#design-system .custom-logo:not([src$='.svg']):not([src^='data:image/svg']) {
  width: auto;
  height: auto;
}
#design-system .left-column,
#design-system .footer {
  background-color: #f6f6f6;
}
#design-system .left-column {
  width: 260px;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
}
#design-system .main-content {
  display: -webkit-box;
  display: flex;
  height: calc(100vh - 71px);
  margin-top: 71px;
  padding-left: 260px;
  overflow: auto;
}
.desktop-app #design-system .main-content {
  height: calc(100vh - 51px);
  margin-top: 51px;
}
#design-system .main-content > .centering-wrapper {
  pointer-events: none;
}
#design-system .centering-wrapper {
  width: 1180px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
}
@media screen and (max-width: 1265px) {
  #design-system .centering-wrapper {
    width: 100%;
  }
}
#design-system .nav-menu {
  max-height: calc(100% - 71px - 28px);
  padding: 34px 30px 70px;
  font-size: 16px;
  overflow: auto;
  pointer-events: all;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
#design-system .nav-menu.menu-dragging + .footer {
  pointer-events: none;
}
#design-system .nav-menu .remove-page-link {
  opacity: 0;
  padding-right: 3px;
  padding-left: 3px;
  position: absolute;
  top: 1px;
  right: -14px;
  text-decoration: none;
}
#design-system .nav-menu .remove-page-link:hover {
  opacity: 1;
}
#design-system .nav-menu .remove-page-link:hover:before {
  color: #fb0d00;
}
#design-system .nav-menu .icon-general-plus:before {
  content: '\E263';
  color: #006cff;
  font-size: 7px;
  top: 4px;
  left: -17px;
}
#design-system .nav-menu .icon-general-trash:before {
  content: '\E312';
  color: #6a6a6a;
  font-size: 14px;
}
#design-system .nav-menu .ds-input--add-category-input {
  margin: -2px 0 8px -11px;
}
#design-system .nav-menu .ds-link--nav-subcategory,
#design-system .nav-menu .ds-link--nav-add-subelement {
  font-size: 14px;
}
#design-system .nav-menu .ds-link--nav-subcategory {
  margin-bottom: -1px;
  padding-right: 3%;
}
#design-system .nav-menu .ds-link--nav-add-subelement {
  margin-left: -14px;
}
#design-system .nav-menu .ds-link--add-page-link {
  margin-left: -4px;
}
#design-system .nav-menu .hover-helper:hover + .remove-page-link {
  opacity: 1;
}
.edit-mode #design-system .nav-menu > ul:not(:last-child) {
  margin-bottom: 0;
}
#design-system .nav-menu > ul > li {
  margin-bottom: 8px;
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: inherit;
}
.edit-mode #design-system .nav-menu > ul > li {
  margin-bottom: 10px;
}
#design-system .nav-menu > ul > li > .drag-handler {
  top: 3px;
}
#design-system .nav-menu > ul > li li:hover > .remove-page-link {
  opacity: 1;
}
#design-system .nav-menu ul > li {
  position: relative;
}
.edit-mode #design-system .nav-menu ul > li {
  padding-left: 10px;
}
.edit-mode #design-system .nav-menu ul > li:before {
  content: '';
  width: 30px;
  height: 19px;
  position: absolute;
  top: 0;
  left: -30px;
}
#design-system .nav-menu ul li + li {
  margin-top: 7px;
}
#design-system .nav-menu ul li > ul {
  display: none;
  margin-top: 11px;
  margin-bottom: 5px;
}
.edit-mode #design-system .nav-menu ul li > ul {
  margin-bottom: 0;
  margin-left: 11px;
}
#design-system .nav-menu ul li > ul li {
  min-height: 23px;
  padding-left: 20px;
}
#design-system .nav-menu ul li > ul li .drag-handler {
  top: 2px;
}
#design-system .nav-menu ul li.active > ul:not(:empty) {
  display: block;
}
#design-system .nav-menu li.active .ds-link--nav-category,
#design-system .nav-menu li.active > .ds-link--nav-subcategory {
  font-weight: bold;
}
#design-system .nav-menu .drag-handler {
  display: none;
  width: 14px;
  position: absolute;
  top: 3px;
  left: -12px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAFCAYAAACJmvbYAAAAGElEQVQYV2M8cODAfwYcgBGXBEickTY6ATg4CcMTN4bvAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  cursor: -webkit-grab;
}
.edit-mode #design-system .nav-menu .drag-handler {
  display: inline-block;
}
#design-system .footer {
  padding: 19px 0 19px 10px;
  border-top: 1px solid #e6e6e6;
  position: absolute;
  right: 20px;
  bottom: 0;
  left: 20px;
}
#design-system .error-message {
  margin-right: 30px;
  padding-top: 0;
  font-size: 14px;
}
#design-system .content-container {
  -webkit-transition: opacity 0.1s ease-out 0s, visibility 0.1s ease-out 0s;
  transition: opacity 0.1s ease-out 0s, visibility 0.1s ease-out 0s;
  width: 100%;
  height: 100%;
  padding: 47px 50px 0;
  position: relative;
  z-index: 10;
  overflow: overlay;
}
#design-system .content-container.hidden {
  opacity: 0;
  visibility: hidden;
}
#design-system .content-container.firefox-hidden-scroll {
  padding-right: 66px;
}
.chrome #design-system .content-container {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.firefox #design-system .content-container {
  overflow: auto;
}
#design-system .content-container .empty-system-view:not(:only-child) {
  display: none;
}
#design-system .content-container .empty-system-view h1 {
  margin-bottom: 14px;
}
#design-system .content-container .title + .text-editor-wrapper,
#design-system .content-container .sub-title + .text-editor-wrapper {
  margin-bottom: 20px;
}
#design-system .content-container .title {
  font-size: 36px;
  color: #2b2b2b;
  font-weight: 800;
  line-height: 40px;
  display: -webkit-box;
  display: flex;
  margin: -4px 0 17px;
  -webkit-box-align: center;
          align-items: center;
}
#design-system .content-container .sub-title {
  height: auto !important;
  margin-top: 11px;
  color: #2b2b2b;
  font-size: 24px;
  font-weight: normal;
  line-height: 32px;
}
#design-system .content-container .sub-title + p {
  margin-top: 20px;
}
#design-system .content-container .empty-view .sub-title {
  display: inline-block;
  margin-top: 37px;
}
#design-system .content-container .empty-view .add-assets-btn {
  margin-top: 30px;
}
#design-system .content-container .empty-view .empty-view-merge-head {
  margin-bottom: 31px;
}
#design-system .content-container .change-view-wrapper + .list-wrapper,
#design-system .content-container .download-all-wrapper + .list-wrapper {
  margin-top: 20px;
}
#design-system .content-container .change-view-wrapper {
  display: -webkit-box;
  display: flex;
}
#design-system .content-container .change-view-wrapper .btn-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
}
#design-system .content-container .change-view-wrapper .btn-icon:before {
  width: 22px;
  height: 22px;
  line-height: 22px;
}
#design-system .content-container .change-view-wrapper .btn-icon.selected {
  background: #f3f3f3;
  cursor: default;
}
#design-system .content-container .change-view-wrapper .tooltip {
  -webkit-transition: none;
  transition: none;
  text-transform: capitalize;
}
#design-system .content-container .change-view-wrapper .icon-general-view-mode-big:before {
  content: '\E126';
  color: #5e5e5e;
  font-size: 8px;
}
#design-system .content-container .change-view-wrapper .icon-general-view-mode-medium:before,
#design-system .content-container .change-view-wrapper .icon-general-view-mode-tiles:before {
  content: '\E231';
  color: #5e5e5e;
  font-size: 8px;
}
#design-system .content-container .change-view-wrapper .icon-general-view-mode-small:before {
  content: '\E232';
  color: #5e5e5e;
  font-size: 8px;
}
#design-system .content-container .change-view-wrapper .icon-general-view-mode-list:before {
  content: '\E229';
  color: #5e5e5e;
  font-size: 7px;
}
#design-system .content-container .download-all-wrapper {
  flex-shrink: 0;
}
#design-system .content-container .download-all-wrapper .error {
  position: relative;
  top: 1px;
  color: #e20c00;
  font-size: 14px;
  font-weight: normal;
  line-height: 24px;
}
#design-system .content-container .title-badge {
  display: inline-block;
  height: 24px;
  margin-left: 20px;
  padding-right: 8px;
  padding-left: 8px;
  border-radius: 2px;
  position: relative;
  top: 3px;
  background-color: #f0f0f0;
  color: #777777;
  font-size: 12px;
  line-height: 24px;
}
#design-system .content-container p {
  font-size: 16px;
  line-height: 32px;
  color: #5e5e5e;
}
#design-system .content-container p + p {
  margin-top: 21px;
}
#design-system .content-container .el-rich-text__content > p,
#design-system .content-container .el-text > p,
#design-system .content-container .el-text-2 > p,
#design-system .content-container .text-editor-light > p {
  margin-top: inherit;
  color: inherit;
  font-size: inherit;
}
#design-system .content-container .el-rich-text__content > p,
#design-system .content-container .el-text > p,
#design-system .content-container .el-text-2 > p {
  line-height: inherit;
}
#design-system .content-container .text-editor-light > p {
  line-height: normal;
}
#design-system .content-container .text-styles-cloud-wrapper {
  position: absolute;
}
#design-system .content-container .text-styles-cloud-wrapper .text-styles-cloud {
  left: -3px;
}
#design-system .content-container .content-section {
  min-width: 720px;
  padding-bottom: 62px;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@media screen and (min-width: 1650px) {
  #design-system .content-container .content-section {
    max-width: 1290px;
  }
}
#design-system .content-container .content-section + .content-section {
  padding-top: 45px;
  position: relative;
}
#design-system .content-container .content-section + .content-section:before {
  content: '';
  display: block;
  height: 1px;
  position: absolute;
  top: 0;
  right: -40px;
  left: -40px;
  background-color: #f0f0f0;
}
#design-system .content-container .content-section + .content-section .download-all-container {
  top: 45px;
}
#design-system .content-container .content-section .list-wrapper {
  min-height: 50px;
}
#design-system .content-container .content-section .list-wrapper > li {
  list-style: none;
}
#design-system .content-container .content-section .list-wrapper.view-tiles {
  min-height: 98px;
}
body:not(.edit-mode) #design-system .content-container .content-section .list-wrapper:empty {
  display: none;
}
#design-system .content-container .content-section .tiles-list.grid-responsive {
  grid-gap: 10px;
  grid-row-gap: 10px;
}
#design-system .content-container .content-section .tiles-list.tiles-small {
  grid-template-columns: repeat(10, 1fr);
}
@media screen and (min-width: 1200px) {
  #design-system .content-container .content-section .tiles-list.tiles-small {
    grid-template-columns: repeat(12, 1fr);
  }
}
#design-system .content-container .content-section .tiles-list.tiles-small > li.loading .library-image-helper:after {
  top: calc(50% - 7px);
}
#design-system .content-container .content-section .tiles-list.tiles-small > li .library-image-helper {
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-pack: center;
          justify-content: center;
}
#design-system .content-container .content-section .tiles-list.tiles-small .downloadable:before {
  font-size: 18px;
}
#design-system .content-container .content-section .tiles-list.tiles-medium {
  grid-template-columns: repeat(6, 1fr);
}
@media screen and (min-width: 1600px) {
  #design-system .content-container .content-section .tiles-list.tiles-medium {
    grid-template-columns: repeat(8, 1fr);
  }
}
#design-system .content-container .content-section .tiles-list.tiles-medium .library-image-helper {
  display: -webkit-inline-box;
  display: inline-flex;
}
#design-system .content-container .content-section .tiles-list.tiles-big {
  grid-template-columns: repeat(4, 1fr);
}
@media screen and (min-width: 1600px) {
  #design-system .content-container .content-section .tiles-list.tiles-big {
    grid-template-columns: repeat(5, 1fr);
  }
}
#design-system .content-container .content-section .tiles-list.tiles-big .downloadable:before {
  font-size: 32px;
}
#design-system .content-container .content-section .editor-image-wrapper.selected {
  white-space: initial;
}
#design-system .content-container .content-section .editor-image-wrapper.selected:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  opacity: 0.5;
  background-color: #006cff;
  pointer-events: none;
}
#design-system .content-container .content-section .text-editor-wrapper:before {
  opacity: 1;
  top: 13px;
  color: #b3b3b3;
  font-size: 16px;
  font-style: italic;
}
.edit-mode #design-system .content-container .content-section .text-editor-wrapper .custom-text-field {
  border-color: #cdcdcd;
}
.edit-mode #design-system .content-container .content-section .text-editor-wrapper .custom-text-field:hover,
.edit-mode #design-system .content-container .content-section .text-editor-wrapper .custom-text-field:focus,
.edit-mode #design-system .content-container .content-section .text-editor-wrapper .custom-text-field.active {
  border-color: #a6a6a6;
}
#design-system .content-container .content-section .custom-text-field {
  font-size: 16px;
  line-height: 32px;
  color: #5e5e5e;
}
#design-system .content-container .content-section .custom-text-field + ul {
  margin-top: 17px !important;
}
#design-system .content-container .content-section.symbols .select-item-wrapper .fake-checkbox,
#design-system .content-container .content-section.typography .select-item-wrapper .fake-checkbox {
  width: initial;
  height: initial;
  z-index: 0;
}
#design-system .content-container .content-section.symbols .list-wrapper li + .fake-item,
#design-system .content-container .content-section.typography .list-wrapper li + .fake-item {
  top: 20px;
}
#design-system .content-container .content-section.symbols .select-item-wrapper .fake-checkbox {
  top: -10px;
  right: -36px;
  bottom: -18px;
  left: -36px;
  cursor: pointer;
}
#design-system .content-container .content-section.symbols .select-item-wrapper .fake-checkbox:before {
  top: 21px;
  left: 18px;
}
#design-system .content-container .content-section.symbols .select-item-wrapper .fake-checkbox:after {
  top: 25px;
  left: 21px;
}
#design-system .content-container .content-section.typography .select-item-wrapper .fake-checkbox {
  top: 0;
  right: -26px;
  bottom: -10px;
  left: -26px;
}
#design-system .content-container .content-section.typography .select-item-wrapper .fake-checkbox:before {
  top: 7px;
  left: 6px;
}
#design-system .content-container .content-section.typography .select-item-wrapper .fake-checkbox:after {
  top: 11px;
  left: 9px;
}
#design-system .content-container .content-section.typography .drag-helper {
  position: relative;
  z-index: 1;
}
#design-system .content-container .content-section.typography .drag-helper:not(.blocked) {
  cursor: -webkit-grab;
}
#design-system .content-container .content-section.typography .text-type .edit-wrapper {
  max-width: 90%;
}
#design-system .content-container .content-section.colors .colors-list {
  padding-bottom: 20px;
}
#design-system .content-container .content-section.colors .colors-list.view-stack {
  position: relative;
}
.edit-mode #design-system .content-container .content-section.colors .colors-list.view-stack:before {
  content: '';
  display: block;
  width: 100%;
  height: 50px;
  position: absolute;
  bottom: -50px;
  left: 0;
}
#design-system .content-container .content-section.colors .colors-list.view-tiles {
  grid-template-columns: repeat(5, calc(20% - 8px));
  grid-gap: 10px;
  grid-row-gap: 20px;
}
@media screen and (min-width: 1600px) {
  #design-system .content-container .content-section.colors .colors-list.view-tiles {
    grid-template-columns: repeat(6, calc(16.667% - 8.333px));
  }
}
#design-system .content-container .content-section.colors .colors-list.view-tiles .color-box,
#design-system .content-container .content-section.colors .colors-list.view-tiles .select-item-wrapper .fake-checkbox {
  height: 60px;
}
#design-system .content-container .content-section.colors .colors-list.view-tiles .copied .hex {
  background-color: #006cff !important;
  -webkit-transition: background-color ease 0.4s;
  transition: background-color ease 0.4s;
}
#design-system .content-container .content-section.colors .colors-list .copied .hex {
  background-color: #006cff !important;
  -webkit-transition: background-color ease 0.4s;
  transition: background-color ease 0.4s;
}
#design-system .content-container .content-section.colors .colors-list .hex {
  pointer-events: auto;
  cursor: pointer;
}
#design-system .content-container .content-section.colors .control-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}
#design-system .content-container .content-section.colors .control-wrapper .color-box:not(.empty) {
  position: relative;
  box-shadow: 0 10px 40px #f0f0f0;
}
.edit-mode #design-system .content-container .content-section.assets .tile {
  z-index: 0;
}
#design-system .content-container .content-section.assets .name-wrapper {
  padding-right: 10px;
  padding-left: 10px;
}
#design-system .content-container .content-section.symbols .tiles-list {
  position: relative;
}
.edit-mode #design-system .content-container .content-section.symbols .tiles-list:before {
  content: '';
  display: block;
  width: 100%;
  height: 35px;
  position: absolute;
  bottom: -35px;
  left: 0;
}
#design-system .content-container .content-section.symbols .tiles-list .merge-description,
#design-system .content-container .content-section.symbols .tiles-list .merge-table {
  margin-top: 18px;
  padding-top: 0;
}
#design-system .content-container .content-section.symbols .tiles-list > li {
  margin-bottom: 0;
  padding-top: 50px;
}
#design-system .content-container .content-section.symbols .tiles-list > li + li {
  margin-top: 30px;
}
#design-system .content-container .content-section.symbols .tiles-list > li.last-interacted,
#design-system .content-container .content-section.symbols .tiles-list > li.last-interacted .tile,
#design-system .content-container .content-section.symbols .tiles-list > li.last-interacted > .btns-group {
  z-index: 2147483647;
}
#design-system .content-container .content-section.symbols .tiles-list > li .tile,
#design-system .content-container .content-section.symbols .tiles-list > li .description {
  width: 100%;
}
#design-system .content-container .content-section.symbols .tiles-list > li .tile {
  display: -webkit-box;
  display: flex;
  width: calc(100% - 34px - 10px);
  height: initial;
  min-height: 120px;
  padding: 10px 0;
  position: relative;
  z-index: 1;
}
.edit-mode #design-system .content-container .content-section.symbols .tiles-list > li .tile {
  width: 100%;
}
.edit-mode #design-system .content-container .content-section.symbols .tiles-list > li .tile:not(.blocked):before {
  content: '';
  width: 100%;
  height: 50px;
  position: absolute;
  top: -50px;
  left: 0;
}
.edit-mode #design-system .content-container .content-section.symbols .tiles-list > li .tile:not(.blocked):before,
.edit-mode #design-system .content-container .content-section.symbols .tiles-list > li .tile:not(.blocked) .tile-border-helper {
  cursor: -webkit-grab;
}
.safari #design-system .content-container .content-section.symbols .tiles-list > li .tile {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
#design-system .content-container .content-section.symbols .tiles-list > li .tile:after {
  display: none;
}
#design-system .content-container .content-section.symbols .tiles-list > li .tile-border-helper {
  display: -webkit-box;
  display: flex;
  width: inherit;
  height: inherit;
}
#design-system .content-container .content-section.symbols .tiles-list > li .tile-border-helper:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  border: 1px dashed #dadada;
}
#design-system .content-container .content-section.symbols .tiles-list > li .tile-border-helper-merge {
  display: -webkit-box;
  display: flex;
  width: 100%;
  padding: 10px 0;
  border: 1px dashed #dadada;
  inset: 0;
}
#design-system .content-container .content-section.symbols .tiles-list > li .description {
  margin-top: 21px;
}
#design-system .content-container .content-section.symbols .tiles-list > li .library-image-helper {
  padding-bottom: 8px;
}
#design-system .content-container .content-section.symbols .tiles-list > li .name-wrapper {
  font-size: 24px;
  color: #2b2b2b;
  font-weight: bold;
  line-height: 32px;
  width: initial;
  max-width: 85%;
  height: 30px;
  padding-left: 0;
  top: -48px;
  left: 0;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: start;
          justify-content: flex-start;
}
#design-system .content-container .content-section.symbols .tiles-list > li .name-wrapper:before,
#design-system .content-container .content-section.symbols .tiles-list > li .name-wrapper:after {
  top: 90px;
}
#design-system .content-container .content-section.symbols .tiles-list > li .properties-table {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}
#design-system .content-container .content-section.symbols .tiles-list > li .properties-table .properties-name-wrapper {
  font-size: 20px;
  color: #2b2b2b;
  font-weight: normal;
  line-height: 28px;
  margin-bottom: 16px;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: start;
          justify-content: flex-start;
  font-weight: bold;
}
#design-system .content-container .content-section.symbols .tiles-list > li .properties-table table {
  width: calc(100% - 34px - 10px);
  margin-bottom: 31px;
  border-top: 1px solid #dadada;
  border-left: 1px solid #dadada;
  border-collapse: collapse;
  position: relative;
  color: #5e5e5e;
}
#design-system .content-container .content-section.symbols .tiles-list > li .properties-table table tr th,
#design-system .content-container .content-section.symbols .tiles-list > li .properties-table table tr td {
  padding: 6px 10px;
  border-right: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
}
#design-system .content-container .content-section.symbols .tiles-list > li .properties-table table tr th {
  text-align: left;
}
#design-system .content-container .content-section.symbols .tiles-list > li .properties-table table tr td {
  word-wrap: break-word;
}
#design-system .content-container .content-section.symbols .tiles-list > li .properties-table table tr .property-column-head {
  width: 16%;
}
#design-system .content-container .content-section.symbols .tiles-list > li .properties-table table tr .description-column-head {
  width: 48%;
}
#design-system .content-container .content-section.symbols .tiles-list > li .properties-table table tr .type-column-head {
  width: 22%;
}
#design-system .content-container .content-section.symbols .tiles-list > li .properties-table table tr .default-column-head {
  width: 14%;
}
#design-system .content-container .content-section.symbols .tiles-list > li .properties-table table tr .default-column-data,
#design-system .content-container .content-section.symbols .tiles-list > li .properties-table table tr .options {
  color: #919191;
  font-family: "SourceCodePro", "Courier New", Courier, monospace;
  font-size: 13px;
}
#design-system .content-container .content-section.symbols .tiles-list > li .ng-canvas-container {
  margin: auto;
  background: #fff;
}
.firefox.edit-mode #design-system .content-container .content-section.symbols .tiles-list > li .ng-canvas-container {
  position: relative;
}
#design-system .content-container .content-section.symbols .tiles-list > li .btns-group,
#design-system .content-container .content-section.symbols .tiles-list > li .zoom-indicator {
  position: absolute;
  right: 0;
}
.edit-mode #design-system .content-container .content-section.symbols .tiles-list > li .btns-group,
.edit-mode #design-system .content-container .content-section.symbols .tiles-list > li .zoom-indicator {
  display: none;
}
#design-system .content-container .content-section.symbols .tiles-list > li .btns-group {
  top: 50px;
}
#design-system .content-container .content-section.symbols .tiles-list > li .btns-group .btn-icon {
  position: relative;
  background: #fff;
}
#design-system .content-container .content-section.symbols .tiles-list > li .btns-group .btn-icon,
#design-system .content-container .content-section.symbols .tiles-list > li .btns-group .btn-icon:before {
  width: 34px;
  height: 34px;
}
#design-system .content-container .content-section.symbols .tiles-list > li .btns-group .btn-icon:before {
  line-height: 34px;
}
#design-system .content-container .content-section.symbols .tiles-list > li .btns-group .btn-icon.icon-general-code:before {
  content: '\E098';
  color: inherit;
  font-size: 11px;
}
#design-system .content-container .content-section.symbols .tiles-list > li .btns-group .btn-icon.icon-general-retrieve:before {
  content: '\E073';
  color: inherit;
  font-size: 14px;
}
#design-system .content-container .content-section.symbols .tiles-list > li .zoom-indicator {
  width: 34px;
  height: 18px;
  padding: 0 6px;
  border-radius: 2px;
  bottom: 0;
  background: #f0f0f0;
  color: #5e5e5e;
  font-size: 10px;
  line-height: 18px;
  cursor: default;
}
#design-system .content-container .category-wrapper:first-of-type {
  margin-top: 26px;
}
#design-system .content-container .category-wrapper + .category-wrapper {
  margin-top: 30px;
}
#design-system .content-container .category-wrapper .sub-title {
  width: 100%;
  margin-bottom: 16px;
}
#design-system .content-container .category-wrapper .sub-title:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
}
#design-system .content-container .category-wrapper .sub-title + ul {
  margin-top: 32px;
}
#design-system .content-container .category-wrapper .sub-title .ds-inline-edit--sub-title,
#design-system .content-container .category-wrapper .sub-title .title-badge {
  float: left;
}
#design-system .content-container .colors-list,
#design-system .content-container .tiles-list,
#design-system .content-container .text-list,
#design-system .content-container .typeface-list {
  margin-top: 16px;
  position: relative;
}
#design-system .content-container .text-list {
  position: relative;
}
.edit-mode #design-system .content-container .text-list:before {
  content: '';
  display: block;
  width: 100%;
  height: 80px;
  position: absolute;
  bottom: -80px;
  left: 0;
}
#design-system .content-container .text-list > li + li {
  margin-top: 14px;
}
#design-system .content-container .text-list .bright-text .edit-wrapper:before {
  position: absolute;
  top: 2px;
  right: -5px;
  bottom: 0;
  left: -5px;
  content: '';
  border-radius: 2px;
  background: #dadada;
  z-index: -1;
}
#design-system .content-container .text-list .apply-trigger {
  display: none;
}
#design-system .content-container .text-list .text-type {
  overflow: visible;
}
#design-system .content-container .text-list .text-type {
  padding: 5px 0 0 !important;
  text-align: left !important;
}
#design-system .content-container .text-list .text-details {
  padding-left: 0;
  border-top: none;
}
#design-system .content-container .text-list .text-details > span {
  color: #919191;
  font-size: 14px;
  line-height: 32px;
}
#design-system .content-container .text-list .text-details > span:before {
  top: 13px;
}
#design-system .content-container .typeface-list > li {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: start;
          justify-content: flex-start;
}
#design-system .content-container .typeface-list > li + li {
  margin-top: 38px;
}
#design-system .content-container .typeface-list h5 {
  margin-bottom: 6px;
  color: #a6a6a6;
  font-size: 14px;
  font-weight: normal;
}
#design-system .content-container .typeface-list .details {
  width: 300px;
  padding-top: 6px;
  padding-right: 20px;
}
#design-system .content-container .typeface-list .details .name {
  margin-bottom: 16px;
  color: #444;
  font-size: 36px;
  font-weight: normal;
  line-height: 36px;
}
#design-system .content-container .typeface-list .details .weights-list {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}
#design-system .content-container .typeface-list .details .weights-list > li {
  margin-right: 16px;
  margin-bottom: 6px;
  color: #5e5e5e;
  font-size: 16px;
}
#design-system .content-container .typeface-list .preview {
  display: block;
  width: 50%;
  min-height: 100px;
  padding: 35px 50px;
  border: none;
  border-left: 1px solid #e6e6e6;
  outline: none;
  flex-shrink: 0;
  color: #5e5e5e;
  font-size: 24px;
  line-height: 36px;
  -webkit-transition: box-shadow 0.1s ease-out, border 0.1s ease-out;
  transition: box-shadow 0.1s ease-out, border 0.1s ease-out;
}
#design-system .content-container .typeface-list .preview:focus {
  border-left-color: transparent;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
}
#design-system .content-container .tiles-list > li.upload-type {
  width: 100%;
}
#design-system .content-container .tiles-list > li.add-item:only-child {
  width: calc(100% - 2 * 10px);
}
#design-system .content-container .tiles-list > li .tile {
  width: 100%;
}
#design-system .general-upload-progress {
  padding-right: 30px;
  padding-left: 30px;
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
}
#design-system .left-bar {
  display: -webkit-box;
  display: flex;
  height: 71px;
  margin-left: 20px;
  padding-right: 30px;
  padding-left: 10px;
  border-bottom: 1px solid #e6e6e6;
  -webkit-box-align: center;
          align-items: center;
}
.desktop-app #design-system .left-bar {
  height: 51px;
  margin-left: 0;
  padding-right: 0;
  padding-left: 30px;
  background: #fff;
}
:not(.ds-util-edit-mode).desktop-app #design-system .left-bar {
  -webkit-app-region: drag;
}
:not(.ds-util-edit-mode).desktop-app #design-system .left-bar * {
  -webkit-app-region: no-drag;
}
.desktop-app--has-traffic-lights-indent:not(.desktop-app--full-screen) #design-system .left-bar {
  padding-left: 77px;
}
#design-system .left-bar .custom-logo {
  max-width: 100%;
  max-height: calc(100% - 30px);
}
.desktop-app #design-system .left-bar .custom-logo {
  max-height: calc(100% - 20px);
}
#design-system .left-bar .name {
  font-size: 16px;
  color: #444;
  font-weight: normal;
  line-height: 20px;
  width: 100%;
  height: 20px;
  font-weight: bold;
}
#design-system .left-bar .name:not(.inline-edit-wrapper) {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 100%;
}
#design-system .top-bar {
  display: -webkit-box;
  display: flex;
  min-width: 460px;
  height: 71px;
  padding: 0 30px 0 50px;
  border-bottom: 1px solid #f0f0f0;
  position: fixed;
  top: 0;
  right: 20px;
  left: 260px;
  z-index: 11;
  -webkit-box-align: center;
          align-items: center;
  background-color: rgba(255, 255, 255, 0.95);
}
.desktop-app #design-system .top-bar {
  height: 51px;
  right: 0;
}
:not(.ds-util-edit-mode).desktop-app #design-system .top-bar {
  -webkit-app-region: drag;
}
:not(.ds-util-edit-mode).desktop-app #design-system .top-bar * {
  -webkit-app-region: no-drag;
}
.firefox #design-system .top-bar {
  right: 37px;
}
.mac.firefox #design-system .top-bar {
  right: 36px;
}
#design-system .top-bar .ds-link--back-to-dashboard:not(:last-child) {
  margin-right: 20px;
}
#design-system .top-bar .actions-wrapper {
  display: -webkit-box;
  display: flex;
  width: 100%;
  min-width: 600px;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: end;
          justify-content: flex-end;
}
#design-system .top-bar .button-wrapper {
  position: relative;
}
#design-system .top-bar .btns-group {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  flex-shrink: 0;
}
#design-system .top-bar .btns-group.right-side {
  margin-left: auto;
}
#design-system .top-bar .design-system-info {
  display: -webkit-box;
  display: flex;
  margin-left: auto;
  -webkit-box-align: center;
          align-items: center;
}
#design-system .top-bar .design-system-info .label {
  margin-right: 10px;
  color: #c0c0c0;
  font-size: 14px;
}
#design-system .top-bar .design-system-info .icon-general-uxpin-logo {
  width: 40px;
  height: 40px;
  position: relative;
  text-decoration: none;
}
#design-system .top-bar .design-system-info .icon-general-uxpin-logo .tooltip {
  display: block;
  height: 0;
  text-indent: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0s ease-in 0s, visibility 0s ease-in 0s;
  transition: opacity 0s ease-in 0s, visibility 0s ease-in 0s;
}
.with-labels #design-system .top-bar .design-system-info .icon-general-uxpin-logo .btn-label {
  -webkit-transition: opacity 0.2s ease-out 0s;
  transition: opacity 0.2s ease-out 0s;
}
.with-labels #design-system .top-bar .design-system-info .icon-general-uxpin-logo .btn-label:before {
  -webkit-transition: color 0.1s ease-out 0s;
  transition: color 0.1s ease-out 0s;
}
#design-system .top-bar .design-system-info .icon-general-uxpin-logo[data-show-node="tooltip"]:hover:not(.active) .tooltip {
  height: auto;
  z-index: 10;
  opacity: 1;
  visibility: visible;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
}
.with-labels #design-system .top-bar .design-system-info .icon-general-uxpin-logo[data-show-node="tooltip"]:hover:not(.active) .btn-label {
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-out 0.2s;
  transition: opacity 0.2s ease-out 0.2s;
}
#design-system .top-bar .design-system-info .icon-general-uxpin-logo:before {
  content: '\E089';
  width: 40px;
  height: 40px;
  border: 1px solid #cdcdcd;
  background-color: #cdcdcd;
  color: #fff;
  font-size: 10px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}
#design-system .top-bar .design-system-info .icon-general-uxpin-logo:before {
  position: static;
}
#design-system .search-form {
  width: 400px;
  flex-shrink: 0;
}
.desktop-app #design-system .search-form {
  -webkit-app-region: no-drag;
}
#design-system .search-form + .actions-wrapper {
  min-width: 200px;
}
#design-system .suggestions {
  min-width: 100%;
  max-width: 600px;
  max-height: 60vh;
  margin-top: 10px;
  padding: 10px;
  position: absolute;
  background: #fff;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
  overflow-y: auto;
}
#design-system .suggestions .category-separator {
  display: -webkit-inline-box;
  display: inline-flex;
  width: 4px;
  margin-top: 4px;
  padding-right: 8px;
  padding-left: 8px;
}
#design-system .suggestions .category-separator:before {
  width: auto;
}
#design-system .suggestions .suggestion {
  padding: 3px 10px 0;
  border-radius: 2px;
  color: #a6a6a6;
  font-size: 14px;
  line-height: 100%;
  cursor: pointer;
}
#design-system .suggestions .suggestion.is-focused {
  background: #f3f3f3;
}
#design-system .suggestions .suggestion .search-result {
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
  display: -webkit-inline-box;
  display: inline-flex;
  line-height: 21px;
  white-space: nowrap;
}
#design-system .suggestions .suggestion .search-result .search-match {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 100%;
  margin-right: 4px;
}
#design-system .suggestions .suggestion .search-match {
  color: #515151;
}
#design-system .empty-view {
  display: -webkit-box;
  display: flex;
  width: 100%;
  margin-top: 85px;
  padding-bottom: 50px;
  border: 1px solid #f0f0f0;
  border-radius: 2px;
  position: relative;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  text-align: center;
}
#design-system .empty-view:before {
  content: '';
  width: 102px;
  height: 1px;
  position: absolute;
  top: -1px;
  left: 50%;
  margin-left: -62px;
  z-index: 0;
  background-color: #fff;
}
#design-system .empty-view img {
  display: inline-block;
  margin-top: -52px;
  position: relative;
  z-index: 1;
}
#design-system .empty-view p {
  font-size: 16px;
  line-height: 32px;
  color: #444;
}
#design-system .empty-view .add-color-wrapper {
  width: 210px !important;
  margin: 60px auto 5px;
}
#design-system .empty-view .color-box {
  height: 50px !important;
  border-color: transparent;
  box-shadow: 0 10px 50px rgba(0, 0, 0, 0.1);
}
#design-system .empty-view .icon-general-plus:before {
  content: '\E263';
  color: #919191;
  font-size: 8px;
}
#design-system .empty-view .scraper-colors-form {
  display: -webkit-box;
  display: flex;
  margin-top: 50px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  text-align: left;
}
#design-system .empty-view .scraper-colors-form .input-wrapper {
  display: -webkit-box;
  display: flex;
}
#design-system .empty-view .scraper-colors-form .form-footer {
  display: -webkit-box;
  display: flex;
  margin-top: 7px;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}
#design-system .empty-view .scraper-colors-form .input-tips {
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 8px;
  color: #919191;
}
#design-system .empty-view .scraper-colors-form .error {
  font-size: 14px;
  line-height: 21px;
  color: #5e5e5e;
  position: absolute;
  top: 24px;
  color: #fb0d00;
}
#design-system .empty-view .scraper-colors-form button {
  margin-top: 0;
  margin-left: 10px;
}
.design-system-centered-info {
  text-align: center;
}
.design-system-centered-info img {
  margin: auto;
}
.design-system-centered-info h1 {
  font-size: 42px;
  color: #373737;
  font-weight: 800;
  line-height: 50px;
  margin: 51px auto 35px;
}
.design-system-centered-info p {
  font-size: 16px;
  line-height: 32px;
  margin-bottom: 55px;
  color: #444;
}
.design-system-centered-info img {
  margin-top: -85px;
}
.design-system-centered-info .blue-link {
  border-bottom: 1px solid;
  text-decoration: none !important;
  line-height: 14px;
  -webkit-transition: border-color 0.2s ease-in;
  transition: border-color 0.2s ease-in;
  border-bottom-color: rgba(0, 108, 255, 0.5);
}
.design-system-centered-info .blue-link:hover {
  border-bottom-color: transparent !important;
}
#ds-settings-modal-box {
  width: 800px;
}
#ds-settings-modal-box h3 {
  margin-bottom: 4px;
}
#ds-settings-modal-box .tab-content {
  padding: 40px 50px 30px 50px;
}
#ds-settings-modal-box .token-select-wrapper {
  display: -webkit-box;
  display: flex;
}
#ds-settings-modal-box .token-select-wrapper .custom-select {
  display: block;
  width: 90px;
  height: 34px;
  margin-right: 10px;
  padding-right: 10px;
  padding-left: 10px;
  border: 1px solid #e6e6e6;
  border-radius: 2px;
  outline: none;
  background-color: #fff;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDYgMjYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ2IDI2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2NsaXAtcGF0aDp1cmwoI1NWR0lEXzJfKTtmaWxsOiM5OTk5OTk7fTwvc3R5bGU+PGc+PGc+PGRlZnM+PHJlY3QgaWQ9IlNWR0lEXzFfIiB3aWR0aD0iNDYiIGhlaWdodD0iMjYiLz48L2RlZnM+PGNsaXBQYXRoIGlkPSJTVkdJRF8yXyI+PHVzZSB4bGluazpocmVmPSIjU1ZHSURfMV8iICBzdHlsZT0ib3ZlcmZsb3c6dmlzaWJsZTsiLz48L2NsaXBQYXRoPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MC4xLDFjMS40LTEuMywzLjUtMS4zLDQuOSwwYzEuMywxLjMsMS40LDMuNSwwLDQuOEwyNS40LDI1Yy0xLjQsMS4zLTMuNSwxLjMtNC45LDBMMSw1LjhDLTAuMyw0LjUtMC4zLDIuMywxLDFjMS40LTEuMywzLjUtMS4zLDQuOSwwTDIzLDE2LjdMNDAuMSwxeiIvPjwvZz48L2c+PC9zdmc+);
  background-position: calc(100% - 10px) 14px;
  background-repeat: no-repeat;
  background-size: 7px 4px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);
  color: #5e5e5e;
  font-family: "ProximaNova", sans-serif;
  font-size: 14px;
  line-height: 21px;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
#ds-settings-modal-box .token-select-wrapper .custom-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #5e5e5e;
}
#ds-settings-modal-box .token-select-wrapper .custom-select:-moz-focus-inner {
  outline: none !important;
}
#ds-settings-modal-box .token-select-wrapper .fieldset {
  -webkit-box-flex: 1;
          flex-grow: 1;
}
#ds-settings-modal-box .access-options {
  margin-bottom: 30px;
}
#ds-settings-modal-box .access-options .control-wrapper {
  position: relative;
}
#ds-settings-modal-box .access-options .control-wrapper:first-of-type {
  margin-top: 12px;
}
#ds-settings-modal-box .access-options .fake-radio {
  width: 100%;
}
#ds-settings-modal-box .access-options .fake-radio:before {
  top: 1px;
}
#ds-settings-modal-box .access-options .description {
  position: absolute;
  top: 0;
  left: 126px;
  color: #919191;
  pointer-events: none;
}
#ds-settings-modal-box .custom-logo-container {
  display: -webkit-box;
  display: flex;
  position: relative;
  flex-wrap: wrap;
}
#ds-settings-modal-box .custom-logo-container.uploading .logo-wrapper:after {
  content: '';
  width: 24px;
  height: 24px;
  margin: -12px 0 0 -12px;
  border-radius: 100%;
  border: 2px solid #006cff;
  border-top-color: transparent !important;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 5;
  -webkit-animation: loading 0.45s infinite linear;
          animation: loading 0.45s infinite linear;
}
@keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
#ds-settings-modal-box .custom-logo-container.uploading .logo-wrapper .ds-link--upload-logo {
  display: none;
}
#ds-settings-modal-box .custom-logo-container.uploading .logo-wrapper .custom-logo {
  opacity: 0.2;
}
#ds-settings-modal-box .custom-logo-container .logo-tip {
  flex-basis: 100%;
}
#ds-settings-modal-box .custom-logo-container .logo-wrapper {
  display: -webkit-box;
  display: flex;
  width: 245px;
  height: 95px;
  padding: 10px;
  border: 1px solid #e6e6e6;
  border-radius: 2px;
  position: relative;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
}
#ds-settings-modal-box .custom-logo-container .logo-wrapper .custom-logo {
  max-width: 100%;
  max-height: 100%;
}
#ds-settings-modal-box .custom-logo-container .actions-wrapper {
  display: -webkit-box;
  display: flex;
  margin-top: 15px;
  margin-left: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}
#ds-settings-modal-box .custom-logo-container .actions-wrapper li + li {
  margin-top: 6px;
}
#ds-settings-modal-box .custom-logo-container .btns-group {
  margin-top: 20px;
  flex-basis: 100%;
}
#ds-settings-modal-box .custom-logo-container .ds-icon--font__action-close:before,
#ds-settings-modal-box .custom-logo-container .ds-icon--font__files-upload:before {
  color: currentColor;
}
#ds-settings-modal-box .custom-logo-container .ds-icon--font__files-upload:before {
  top: 1px;
  left: -20px;
}
#ds-settings-modal-box .custom-logo-container .ds-icon--font__action-close:before {
  top: 2px;
  left: -18px;
}
.connect-merge-option {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}
.connect-merge-option .connect-merge-icon {
  height: 14px;
  margin-left: auto;
}
.empty-line-hack {
  white-space: initial;
}
/* ELEMENT: Common class for all library elements */
.ng-element {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform-origin: 0 0 0;
          transform-origin: 0 0 0;
  pointer-events: none;
  /* some merge libraries overrides global styles and our UI is broken - it's workaround */
}
.ng-element:not([class*=" cc-"]) {
  box-sizing: border-box;
}
.ng-element:not([class*=" cc-"]) *,
.ng-element:not([class*=" cc-"]) *:after,
.ng-element:not([class*=" cc-"]) *:before {
  box-sizing: border-box;
}
.preview-container .ng-element {
  top: auto;
  left: auto;
  pointer-events: all;
}
.ng-element.interactive:not([type='text']) {
  cursor: pointer;
}
.ng-element.editing-meta-element {
  opacity: 0.1;
}
.el-group .ng-element.multistate {
  outline-color: rgba(160, 77, 255, 0.3);
}
.mirror-app-mode .ng-element {
  -webkit-tap-highlight-color: transparent;
}
.ng-element .ng-element-text-link {
  cursor: pointer;
  color: inherit;
  text-decoration: inherit;
}
.ng-element.border-inside:not(.el-select-list-wrapper):not(.el-textarea-wrapper):not(.el-input-wrapper),
.ng-element .border-inside:not(.el-select-list-wrapper):not(.el-textarea-wrapper):not(.el-input-wrapper) {
  border-style: var(--border-style) !important;
  border-color: var(--border-color) !important;
  border-top-width: var(--border-top-width) !important;
  border-bottom-width: var(--border-bottom-width) !important;
  border-left-width: var(--border-left-width) !important;
  border-right-width: var(--border-right-width) !important;
  border-top-left-radius: var(--border-top-left-radius, 0);
  border-bottom-left-radius: var(--border-bottom-left-radius, 0);
  border-top-right-radius: var(--border-top-right-radius, 0);
  border-bottom-right-radius: var(--border-bottom-right-radius, 0);
}
.ng-element.border-inside.el-select-list-wrapper select,
.ng-element.border-inside.el-textarea-wrapper select,
.ng-element.border-inside.el-input-wrapper select,
.ng-element.border-inside.el-select-list-wrapper textarea,
.ng-element.border-inside.el-textarea-wrapper textarea,
.ng-element.border-inside.el-input-wrapper textarea,
.ng-element.border-inside.el-select-list-wrapper input,
.ng-element.border-inside.el-textarea-wrapper input,
.ng-element.border-inside.el-input-wrapper input {
  border-style: var(--border-style) !important;
  border-color: var(--border-color) !important;
  border-top-width: var(--border-top-width) !important;
  border-bottom-width: var(--border-bottom-width) !important;
  border-left-width: var(--border-left-width) !important;
  border-right-width: var(--border-right-width) !important;
  border-top-left-radius: var(--border-top-left-radius, 0);
  border-bottom-left-radius: var(--border-bottom-left-radius, 0);
  border-top-right-radius: var(--border-top-right-radius, 0);
  border-bottom-right-radius: var(--border-bottom-right-radius, 0);
}
.ng-element.border-outside,
.ng-element .border-outside {
  overflow: visible !important;
}
.ng-element.border-outside.el-rich-text__content,
.ng-element .border-outside.el-rich-text__content {
  position: relative;
}
.ng-element.border-outside.el-select-list-wrapper select,
.ng-element .border-outside.el-select-list-wrapper select {
  border: none;
}
.ng-element.border-outside.el-textarea-wrapper textarea,
.ng-element .border-outside.el-textarea-wrapper textarea {
  border: none;
}
.ng-element.border-outside.el-input-wrapper input,
.ng-element .border-outside.el-input-wrapper input {
  border: none;
}
.ng-element.border-outside::after,
.ng-element .border-outside::after {
  content: '';
  position: absolute;
  pointer-events: none;
  top: calc(-1 * var(--border-top-width));
  left: calc(-1 * var(--border-left-width));
  right: calc(-1 * var(--border-right-width));
  bottom: calc(-1 * var(--border-bottom-width));
  border-style: var(--border-style);
  border-color: var(--border-color);
  border-top-width: var(--border-top-width);
  border-bottom-width: var(--border-bottom-width);
  border-left-width: var(--border-left-width);
  border-right-width: var(--border-right-width);
  border-top-left-radius: var(--border-top-left-radius, 0);
  border-bottom-left-radius: var(--border-bottom-left-radius, 0);
  border-top-right-radius: var(--border-top-right-radius, 0);
  border-bottom-right-radius: var(--border-bottom-right-radius, 0);
  z-index: 1;
}
.ng-element.border-center,
.ng-element .border-center {
  overflow: visible !important;
}
.ng-element.border-center.el-rich-text__content,
.ng-element .border-center.el-rich-text__content {
  position: relative;
}
.ng-element.border-center.el-select-list-wrapper select,
.ng-element .border-center.el-select-list-wrapper select,
.ng-element.border-center.el-input-wrapper select,
.ng-element .border-center.el-input-wrapper select,
.ng-element.border-center.el-select-list-wrapper input,
.ng-element .border-center.el-select-list-wrapper input,
.ng-element.border-center.el-input-wrapper input,
.ng-element .border-center.el-input-wrapper input {
  padding-top: calc(var(--border-top-width) / 2) !important;
  padding-left: calc(var(--border-left-width) / 2 + 8px) !important;
  padding-right: calc(var(--border-right-width) / 2 + 8px) !important;
  padding-bottom: calc(var(--border-bottom-width) / 2) !important;
  border: none;
}
.ng-element.border-center.el-textarea-wrapper textarea,
.ng-element .border-center.el-textarea-wrapper textarea {
  padding-top: calc(var(--border-top-width) / 2 + 8px) !important;
  padding-left: calc(var(--border-left-width) / 2 + 8px) !important;
  padding-right: calc(var(--border-right-width) / 2 + 8px) !important;
  padding-bottom: calc(var(--border-bottom-width) / 2 + 8px) !important;
  border: none;
}
.ng-element.border-center.el-rich-text .el-rich-text__content,
.ng-element .border-center.el-rich-text .el-rich-text__content {
  padding-top: calc(var(--border-top-width) / 2) !important;
  padding-left: calc(var(--border-left-width) / 2) !important;
  padding-right: calc(var(--border-right-width) / 2) !important;
  padding-bottom: calc(var(--border-bottom-width) / 2) !important;
}
.ng-element.border-center.el-textarea-wrapper textarea,
.ng-element .border-center.el-textarea-wrapper textarea {
  padding-top: calc(var(--border-top-width) / 2 + 8px) !important;
  padding-left: calc(var(--border-left-width) / 2 + 8px) !important;
  padding-right: calc(var(--border-right-width) / 2 + 8px) !important;
  padding-bottom: calc(var(--border-bottom-width) / 2 + 8px) !important;
  border: none;
}
.ng-element.border-center::after,
.ng-element .border-center::after {
  content: '';
  position: absolute;
  pointer-events: none;
  top: calc(-1 * var(--border-top-width) / 2);
  left: calc(-1 * var(--border-left-width) / 2);
  right: calc(-1 * var(--border-right-width) / 2);
  bottom: calc(-1 * var(--border-bottom-width) / 2);
  border-style: var(--border-style);
  border-color: var(--border-color);
  border-top-width: var(--border-top-width);
  border-bottom-width: var(--border-bottom-width);
  border-left-width: var(--border-left-width);
  border-right-width: var(--border-right-width);
  border-top-left-radius: var(--border-top-left-radius, 0);
  border-bottom-left-radius: var(--border-bottom-left-radius, 0);
  border-top-right-radius: var(--border-top-right-radius, 0);
  border-bottom-right-radius: var(--border-bottom-right-radius, 0);
  z-index: 1;
}
.el-audio audio {
  width: 100%;
  height: 100%;
  outline: none;
}
/* ELEMENT: Banner */
.el-banner {
  background-size: cover;
  overflow: hidden;
}
.el-banner span {
  display: block;
  font-size: 26px;
  font-weight: bold;
  text-align: center;
}
/* COMPONENT: Box & Tooltip element */
.el-box,
.el-circle,
.el-tooltip {
  font-size: 14px;
  font-family: Arial;
  text-align: center;
  text-decoration: inherit;
  vertical-align: middle;
  white-space: nowrap;
  line-height: 10px;
}
.el-box span,
.el-circle span,
.el-tooltip span {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  text-decoration: inherit;
}
.el-box .cke_editable,
.el-circle .cke_editable,
.el-tooltip .cke_editable {
  outline: none;
}
.el-box.ng-editing,
.el-circle.ng-editing,
.el-tooltip.ng-editing {
  -webkit-user-select: auto !important;
     -moz-user-select: auto !important;
      -ms-user-select: auto !important;
          user-select: auto !important;
}
.el-box,
.el-circle {
  color: #000;
}
.el-circle {
  border-radius: 50%;
}
.el-circle .circle-crop {
  width: 100%;
  height: 100%;
  border-radius: inherit;
  overflow: hidden;
}
.upload-over.el-circle .circle-crop {
  pointer-events: none;
}
.el-circle + .img-uploading {
  border-radius: 50%;
}
.el-circle + .img-uploading .upload-info,
.el-circle + .img-uploading .upload-progress {
  border-radius: inherit;
}
.el-circle + .img-uploading .progress-bar {
  top: calc(50% + 5px);
}
.el-circle + .img-uploading .upload-progress {
  width: 180px;
  top: calc(50% - 50px);
  left: calc(50% - 90px);
}
.el-circle + .img-uploading.small .upload-progress {
  width: 30px;
  top: calc(50% - 10px);
  left: calc(50% - 15px);
}
.el-tooltip-wrapper.ng-editing {
  -webkit-user-select: auto !important;
     -moz-user-select: auto !important;
      -ms-user-select: auto !important;
          user-select: auto !important;
}
.el-tooltip-wrapper .el-tooltip {
  width: 100%;
  height: 100%;
  color: #6a6a6a;
}
.el-tooltip-wrapper .el-tooltip-arrow {
  border: 10px solid transparent;
  position: absolute;
}
.arrow-top.el-tooltip-wrapper .el-tooltip-arrow,
.arrow-bottom.el-tooltip-wrapper .el-tooltip-arrow {
  margin-left: -10px;
  left: 50%;
}
.arrow-right.el-tooltip-wrapper .el-tooltip-arrow,
.arrow-left.el-tooltip-wrapper .el-tooltip-arrow {
  margin-top: -10px;
  top: 50%;
}
.arrow-top.el-tooltip-wrapper .el-tooltip-arrow {
  border-bottom-color: inherit;
  top: -20px;
}
.arrow-bottom.el-tooltip-wrapper .el-tooltip-arrow {
  border-top-color: inherit;
  bottom: -20px;
}
.arrow-right.el-tooltip-wrapper .el-tooltip-arrow {
  border-left-color: inherit;
  right: -20px;
}
.arrow-left.el-tooltip-wrapper .el-tooltip-arrow {
  border-right-color: inherit;
  left: -20px;
}
.text-editor-light {
  /*
	  In case of such structure:

	  <span style="text-decoration: underline">
		<span style="font-weight: bold">
		  <span class="something">some text</span>
		</span>
	  </span>

	  The lowest span element computed text-decoration style should be "underline".
	  Without inheriting, it is: "none"
	*/
}
.text-editor-light:before {
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
  content: '';
}
.text-editor-light span {
  text-decoration: inherit;
}
.text-editor-light p {
  display: inline-block;
  width: 100%;
  max-height: 100%;
  text-decoration: inherit;
  white-space: pre-line;
  word-wrap: break-word;
  vertical-align: middle;
  overflow: hidden;
  line-height: normal;
}
.text-editor-light.upload-over p,
.upload-over .text-editor-light p,
.text-editor-light.upload-over:before,
.upload-over .text-editor-light:before {
  pointer-events: none;
}
.text-editor-light.old-box p {
  width: calc(100% - 10px);
  max-height: calc(100% - 10px);
  margin: 5px;
}
/* ELEMENT: Button */
.el-button {
  box-shadow: none;
  word-wrap: break-word;
  overflow: hidden;
  cursor: pointer;
  white-space: pre;
}
.el-button:active,
.el-button.active,
.el-button.pushed {
  border-style: inset;
}
.el-button.inactive {
  opacity: 0.7;
}
.el-button.ng-editing {
  -webkit-user-select: auto !important;
     -moz-user-select: auto !important;
      -ms-user-select: auto !important;
          user-select: auto !important;
}
.el-button.pushed {
  box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.4);
}
/* COMPONENT: Checkbox and Radio */
.el-form-control {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: start;
          align-items: flex-start;
  color: #000;
  font-family: Arial;
  font-size: 14px;
  line-height: normal;
  overflow: hidden;
}
.el-form-control input {
  width: 13px;
  height: 13px;
  margin: 4px 4px 2px 2px;
  padding: 0;
  flex-shrink: 0;
  float: none !important;
  pointer-events: none;
}
.preview-container .el-form-control input {
  pointer-events: auto;
}
.el-form-control input[type=radio] {
  margin-top: 3px;
}
.el-form-control span {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  text-decoration: inherit;
}
.el-form-control label:not([class*="css-"]) {
  display: block;
  width: 100%;
  margin: 2px;
  outline: none;
  color: inherit !important;
  font-size: inherit;
  line-height: inherit;
}
.el-form-control.switched-right {
  -webkit-box-pack: justify;
          justify-content: space-between;
}
.el-form-control.switched-right input {
  margin-right: 2px;
  margin-left: 6px;
  -webkit-box-ordinal-group: 3;
          order: 2;
}
.el-form-control.switched-right label {
  -webkit-box-ordinal-group: 2;
          order: 1;
}
.el-form-control.ng-editing {
  -webkit-user-select: auto !important;
     -moz-user-select: auto !important;
      -ms-user-select: auto !important;
          user-select: auto !important;
}
.el-glass-canvas {
  background-size: cover;
}
.el-glass-canvas .glass-display {
  position: absolute;
  top: 20px;
  right: 0px;
  width: 640px;
  height: 360px;
  background-color: rgba(0, 0, 0, 0.1);
}
/* ELEMENT: Hotspot */
.el-hotspot {
  border: 1px solid #ffc000 !important;
  background: rgba(255, 192, 0, 0.2) !important;
}
.preview .el-hotspot,
.preview-container .el-hotspot {
  border: none !important;
  background: none !important;
}
/* COMPONENT: Image element */
.el-image {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: none;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30px;
}
div .el-image {
  overflow: hidden;
}
div .el-image canvas {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  width: 100% !important;
  height: 100% !important;
}
.preview .el-image {
  width: inherit;
  height: inherit;
}
.html-export .el-image {
  background-image: url('General-30/picture.svg');
}
/* ELEMENT: Input and it's variations */
input[type=text].el-input,
input[type=email].el-input,
input[type=password].el-input,
input[type=number].el-input,
input[type=phone].el-input,
input[type=date].el-input,
input[type=month].el-input,
input[type=time].el-input,
input[type=url].el-input,
input[type=text].el-input-with-label,
input[type=email].el-input-with-label,
input[type=password].el-input-with-label,
input[type=number].el-input-with-label,
input[type=phone].el-input-with-label,
input[type=date].el-input-with-label,
input[type=month].el-input-with-label,
input[type=time].el-input-with-label,
input[type=url].el-input-with-label {
  border: 1px solid #cdcdcd;
  box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.1);
}
.safari input[type=text].el-input,
.safari input[type=email].el-input,
.safari input[type=password].el-input,
.safari input[type=number].el-input,
.safari input[type=phone].el-input,
.safari input[type=date].el-input,
.safari input[type=month].el-input,
.safari input[type=time].el-input,
.safari input[type=url].el-input,
.safari input[type=text].el-input-with-label,
.safari input[type=email].el-input-with-label,
.safari input[type=password].el-input-with-label,
.safari input[type=number].el-input-with-label,
.safari input[type=phone].el-input-with-label,
.safari input[type=date].el-input-with-label,
.safari input[type=month].el-input-with-label,
.safari input[type=time].el-input-with-label,
.safari input[type=url].el-input-with-label {
  will-change: transform;
}
input[type=text].el-input-with-label,
input[type=email].el-input-with-label,
input[type=password].el-input-with-label,
input[type=number].el-input-with-label,
input[type=phone].el-input-with-label,
input[type=date].el-input-with-label,
input[type=month].el-input-with-label,
input[type=time].el-input-with-label,
input[type=url].el-input-with-label {
  height: 20px;
}
input[type=text].el-input-without-label,
input[type=email].el-input-without-label,
input[type=password].el-input-without-label,
input[type=number].el-input-without-label,
input[type=phone].el-input-without-label,
input[type=date].el-input-without-label,
input[type=month].el-input-without-label,
input[type=time].el-input-without-label,
input[type=url].el-input-without-label {
  width: 100% !important;
  height: 100% !important;
  border: 1px solid #cdcdcd;
  box-shadow: none;
}
.safari input[type=text].el-input-without-label,
.safari input[type=email].el-input-without-label,
.safari input[type=password].el-input-without-label,
.safari input[type=number].el-input-without-label,
.safari input[type=phone].el-input-without-label,
.safari input[type=date].el-input-without-label,
.safari input[type=month].el-input-without-label,
.safari input[type=time].el-input-without-label,
.safari input[type=url].el-input-without-label {
  will-change: transform;
}
input[type=text]:not([class*='css-']):not(.ng-element) > *:not([class*='ds-input__field']):disabled,
input[type=email]:not([class*='css-']):not(.ng-element) > *:not([class*='ds-input__field']):disabled,
input[type=password]:not([class*='css-']):not(.ng-element) > *:not([class*='ds-input__field']):disabled,
input[type=number]:not([class*='css-']):not(.ng-element) > *:not([class*='ds-input__field']):disabled,
input[type=phone]:not([class*='css-']):not(.ng-element) > *:not([class*='ds-input__field']):disabled,
input[type=date]:not([class*='css-']):not(.ng-element) > *:not([class*='ds-input__field']):disabled,
input[type=month]:not([class*='css-']):not(.ng-element) > *:not([class*='ds-input__field']):disabled,
input[type=time]:not([class*='css-']):not(.ng-element) > *:not([class*='ds-input__field']):disabled,
input[type=url]:not([class*='css-']):not(.ng-element) > *:not([class*='ds-input__field']):disabled {
  opacity: 1 !important;
  pointer-events: none !important;
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
      -ms-user-select: none !important;
          user-select: none !important;
  border-color: transparent !important;
  box-shadow: transparent !important;
}
.el-link-list {
  overflow: hidden;
}
.el-link-list .header {
  padding: 5px 0;
  white-space: pre;
  overflow: hidden;
  text-overflow: ellipsis;
}
.el-link-list ul {
  margin: 0;
  padding: 0;
}
.el-link-list ul li {
  white-space: pre;
  overflow: hidden;
  line-height: normal;
  text-overflow: ellipsis;
}
.el-select-list-wrapper:not(.multiple):before {
  content: '';
  width: 0;
  height: 0;
  margin-top: -3px;
  border-width: 6px 4px 0 4px;
  border-style: solid;
  border-color: #6a6a6a transparent transparent transparent;
  position: absolute;
  top: 50%;
  right: 8px;
  z-index: 1;
  pointer-events: none;
}
.el-select-list-wrapper ::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
}
.el-select-list-wrapper ::-webkit-scrollbar-track-piece {
  background: #e6e6e6;
}
.el-select-list {
  width: 100% !important;
  height: 100% !important;
  margin: 0;
  padding: 0 22px 0 8px;
  border: 1px solid #cdcdcd;
  border-radius: 5px;
  background: #fff;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.el-select-list[multiple] {
  border-radius: 0;
}
.el-select-list option {
  padding: 0;
}
/* select for preview */
main #canvas-wrapper .preview-container {
  /* scrollbars fix */
}
main #canvas-wrapper .preview-container select:not([class*="css-"]) {
  outline: none;
  background: #fff;
  background-clip: padding-box;
  font-weight: normal;
}
main #canvas-wrapper .preview-container select:not([class*="css-"])[multiple] option {
  padding: 0 !important;
}
main #canvas-wrapper .preview-container ::-webkit-scrollbar {
  width: 6px;
}
main #canvas-wrapper .preview-container ::-webkit-scrollbar:horizontal {
  height: 6px;
}
main #canvas-wrapper .preview-container ::-webkit-scrollbar-button {
  display: none;
}
main #canvas-wrapper .preview-container ::-webkit-scrollbar-track {
  border: solid transparent;
  border-width: 0 0 0 4px;
  background-clip: padding-box;
}
main #canvas-wrapper .preview-container ::-webkit-scrollbar-track-piece {
  background: #e6e6e6;
}
main #canvas-wrapper .preview-container ::-webkit-scrollbar-thumb {
  min-height: 18px;
  border-width: 1px 1px 1px 6px;
  border-radius: 6px;
  background-color: rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
}
main #canvas-wrapper .preview-container ::-webkit-scrollbar-corner {
  background: transparent;
}
/* COMPONENT: Scroll */
.el-scroll.left,
.el-scroll.right,
.el-scroll.upper,
.el-scroll.lower {
  width: 18px;
  height: 18px;
  border: 1px solid #c0c0c0;
  position: relative;
  background: #f0f0f0;
}
.el-scroll.left:before,
.el-scroll.right:before,
.el-scroll.upper:before,
.el-scroll.lower:before {
  position: absolute;
  top: 50%;
  left: 50%;
}
.el-scroll.left,
.el-scroll.right {
  float: left;
}
.el-scroll.left:before {
  content: '';
  display: block;
  height: 6px;
  border-right: 6px solid #c0c0c0;
  margin-top: -6px;
  margin-left: -3px;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
}
.el-scroll.right:before {
  content: '';
  display: block;
  height: 6px;
  border-left: 6px solid #c0c0c0;
  margin-top: -6px;
  margin-left: -3px;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
}
.el-scroll.upper:before {
  content: '';
  display: block;
  height: 6px;
  border-bottom: 6px solid #c0c0c0;
  margin-top: -3px;
  margin-left: -6px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}
.el-scroll.lower:before {
  content: '';
  display: block;
  height: 6px;
  border-top: 6px solid #c0c0c0;
  margin-top: -3px;
  margin-left: -6px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}
.el-scroll.inner {
  width: 18px;
  border-right: 1px solid #c0c0c0;
  border-left: 1px solid #c0c0c0;
  background-color: #f6f6f6;
}
.el-scroll.scroll {
  height: 33%;
  position: relative;
  background-color: #c0c0c0;
}
.el-scroll.horizontal-inner {
  height: 18px;
  border-top: 1px solid #c0c0c0;
  border-bottom: 1px solid #c0c0c0;
  float: left;
  background-color: #f6f6f6;
}
.el-scroll.horizontal-scroll {
  width: 33%;
  height: 18px;
  float: left;
  position: relative;
  background-color: #c0c0c0;
}
.ScrollLabel {
  float: left;
}
.ScrollSlider {
  box-sizing: content-box;
  width: 180px;
  height: 2px;
  margin-top: 4px;
  margin-right: 5px;
  border: none;
  float: right;
  background: #dadada;
}
.ScrollSlider .Knob {
  box-sizing: content-box;
  width: 50px;
  height: 8px;
  margin-top: -3px;
  background: #c0c0c0;
  cursor: ew-resize;
}
/* COMPONENT: Table */
.el-table {
  overflow: hidden;
  border-collapse: collapse;
  empty-cells: show;
}
.preview-container .el-table.interactive td {
  cursor: pointer;
}
.el-table table {
  width: 100%;
  height: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}
.el-table td,
.el-table th,
.el-table tbody,
.el-table tr {
  border: inherit;
}
.el-table td {
  padding: 0;
  background-clip: padding-box;
  font: inherit;
  font-size: inherit;
  line-height: normal;
  overflow: visible;
  cursor: cell;
  empty-cells: show;
  white-space: pre-wrap;
}
.preview-container .el-table td {
  cursor: default;
}
.el-table td.cell-selectable:hover,
.el-table td.cell-selected {
  box-shadow: 0 0 2px 2px #ffff00 inset;
}
.el-table td:empty:after {
  content: '\A0';
  visibility: hidden;
  display: block;
  width: 0;
  font-size: inherit;
  speak: none;
}
.el-table .table-column-resizer {
  width: 9px;
  border-right: 0;
  position: absolute;
  top: 0;
  background: transparent;
  cursor: e-resize;
}
.el-table .table-column-resizer:hover,
.el-table .table-column-resizer.moving {
  opacity: 0.2;
  background-color: #e20c00;
}
.el-table textarea {
  box-shadow: none;
  overflow: hidden;
}
/* COMPONENT: Text & Link */
.el-text,
.el-text-2 {
  height: auto !important;
  color: #000;
  font-size: 16px;
  line-height: normal;
  -webkit-user-select: auto;
     -moz-user-select: auto;
      -ms-user-select: auto;
          user-select: auto;
}
.el-text *,
.el-text-2 * {
  word-wrap: break-word;
}
.el-text ::-moz-selection, .el-text-2 ::-moz-selection {
  background-color: rgba(0, 108, 255, 0.2);
  color: inherit;
}
.el-text ::selection,
.el-text-2 ::selection {
  background-color: rgba(0, 108, 255, 0.2);
  color: inherit;
}
#canvas .el-text,
#canvas .el-text-2 {
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
      -ms-user-select: none !important;
          user-select: none !important;
}
#canvas .el-text.ng-editing,
#canvas .el-text-2.ng-editing {
  -webkit-user-select: auto !important;
     -moz-user-select: auto !important;
      -ms-user-select: auto !important;
          user-select: auto !important;
}
.el-text:focus,
.el-text-2:focus {
  outline: none;
}
.el-text a,
.el-text-2 a {
  color: inherit;
  text-decoration: inherit;
}
.el-text a:visited,
.el-text-2 a:visited {
  color: inherit;
}
.el-text p,
.el-text-2 p {
  margin-bottom: 0;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
}
.el-text p.line-height-fix span,
.el-text-2 p.line-height-fix span {
  line-height: 0;
}
.el-text p + ul,
.el-text-2 p + ul,
.el-text p + ol,
.el-text-2 p + ol {
  margin-top: 0;
}
.el-text > p,
.el-text-2 > p {
  list-style-type: none;
}
.el-text span,
.el-text-2 span {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  text-decoration: inherit;
  list-style-type: none;
}
.el-text ul,
.el-text-2 ul {
  list-style: disc;
  list-style-type: disc;
}
.el-text ul ul,
.el-text-2 ul ul {
  margin-left: 0;
}
.el-text ul > li,
.el-text-2 ul > li {
  padding-left: 1em;
  position: relative;
  clear: both;
  list-style-type: none;
}
.el-text ul > li:before,
.el-text-2 ul > li:before {
  content: '\2022';
  width: 1em;
  margin-left: -1em;
  float: left;
  text-align: left !important;
}
.el-text ul > li p,
.el-text-2 ul > li p,
.el-text ul > li span,
.el-text-2 ul > li span {
  list-style-type: disc;
}
.el-text ul > li p,
.el-text-2 ul > li p {
  width: 100%;
}
.el-text ul > li > ul > li:before,
.el-text-2 ul > li > ul > li:before {
  content: '\25E6';
}
.el-text ul > li > ul > li > ul > li:before,
.el-text-2 ul > li > ul > li > ul > li:before {
  content: '\25AA';
}
.el-text ol,
.el-text-2 ol {
  margin-left: 0;
  padding-left: 0;
  list-style-type: decimal;
  counter-reset: custom-list-counter;
}
.el-text ol > li,
.el-text-2 ol > li {
  padding-left: 1.5em;
  position: relative;
  clear: both;
  list-style-type: none;
  counter-increment: custom-list-counter;
}
.el-text ol > li:before,
.el-text-2 ol > li:before {
  content: counter(custom-list-counter) '.';
  width: 1.5em;
  margin-left: -1.5em;
  float: left;
  text-align: left !important;
  white-space: nowrap;
}
.el-text ol > li:nth-child(n+100),
.el-text-2 ol > li:nth-child(n+100) {
  padding-left: 1.995em;
}
.el-text ol > li:nth-child(n+100):before,
.el-text-2 ol > li:nth-child(n+100):before {
  width: 1.995em;
  margin-left: -1.995em;
}
.el-text ol > li p,
.el-text-2 ol > li p,
.el-text ol > li span,
.el-text-2 ol > li span {
  list-style-type: decimal;
}
.el-text ol > li p,
.el-text-2 ol > li p {
  width: 100%;
}
.el-text li span,
.el-text-2 li span {
  list-style-type: inherit;
}
.el-text ul > br,
.el-text-2 ul > br,
.el-text ol > br,
.el-text-2 ol > br {
  display: none;
}
.el-link {
  display: inline;
}
.canvas-container .el-link:hover {
  cursor: pointer;
}
.el-link,
.dark-version .el-link,
.canvas-container .el-link,
#free-canvas .el-link {
  color: #4d98ff;
  font-family: Arial, sans-serif;
  text-decoration: none;
}
.el-link.ng-editing {
  -webkit-user-select: auto !important;
     -moz-user-select: auto !important;
      -ms-user-select: auto !important;
          user-select: auto !important;
}
textarea:not([class*='ds-textarea']).el-textarea {
  width: 100% !important;
  height: 100% !important;
  border: 1px solid #cdcdcd;
  box-shadow: none;
  resize: none;
}
textarea:not([class*='ds-textarea']).el-textarea:disabled {
  opacity: 0.4 !important;
  pointer-events: none !important;
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
      -ms-user-select: none !important;
          user-select: none !important;
}
.el-video {
  background-color: #fff;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  overflow: hidden;
}
.el-video video,
.el-video iframe {
  width: 100%;
  height: 100%;
  outline: none;
}
.el-video video {
  -o-object-fit: inherit;
     object-fit: inherit;
}
.el-tab {
  color: #6a6a6a;
}
.el-tab a {
  color: inherit;
}
.el-dialog {
  border-style: solid;
  position: absolute;
}
.el-dialog .content {
  height: 100%;
  padding: 50px 8px 20px 20px;
  white-space: pre-wrap;
  overflow: hidden;
}
.el-dialog .topbar,
.el-dialog .bottombar {
  padding: 4px 12px;
  border-color: transparent;
}
.el-dialog .topbar {
  min-height: 33px;
  padding-right: 16px;
  border-bottom: 1px solid transparent;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  line-height: 21px;
  white-space: pre;
  text-overflow: ellipsis;
  overflow: hidden;
}
.el-dialog .close {
  height: 16px;
  position: absolute;
  top: 8px;
  right: 8px;
  font-size: 16px;
  font-family: Arial;
  line-height: 16px;
}
.el-dialog .bottombar {
  height: 41px;
  padding: 0;
  border-top: 1px solid transparent;
  position: absolute;
  right: 0px;
  bottom: 0px;
  left: 0px;
}
#workbench .modal-overlay,
.canvas-main-container .modal-overlay {
  opacity: 0.3;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #000000;
}
.el-navigation {
  display: -webkit-box;
  display: flex;
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-align: stretch;
          align-items: stretch;
  background-color: transparent;
  color: #6a6a6a;
  overflow: visible !important;
}
.el-navigation li {
  display: -webkit-box;
  display: flex;
  position: relative;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-flex: 1;
          flex: 1;
  text-align: inherit;
  text-decoration: inherit;
}
.el-navigation li a {
  display: block;
  width: inherit;
  height: inherit;
  cursor: pointer;
}
.el-navigation li span {
  min-width: 100%;
  max-height: 100%;
  margin: auto 0;
  padding: 2px;
  line-height: 1em;
  text-align: inherit;
  text-decoration: inherit;
  white-space: pre-wrap;
  overflow: hidden;
  pointer-events: none;
}
.el-navigation li ul {
  display: none;
  width: 100%;
  min-height: 100%;
  position: absolute;
  text-align: inherit;
  text-decoration: inherit;
}
.el-navigation li:hover > ul {
  display: -webkit-box;
  display: flex;
}
.preview-container .el-navigation li {
  cursor: pointer;
}
.el-navigation > li > ul li ul {
  top: 0 !important;
  left: 100% !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
}
.el-navigation.vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}
.el-navigation.vertical ul {
  height: inherit;
  top: 0;
  left: 100%;
  -webkit-box-align: stretch;
          align-items: stretch;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
}
.el-navigation.horizontal li {
  height: inherit;
  min-height: 100%;
}
.el-navigation.horizontal li > ul {
  height: inherit;
  top: 100%;
  left: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
}
.el-navigation.horizontal li > ul li {
  height: inherit;
  border: 0;
  background: #fff;
}
.el-note {
  border-radius: 50%;
  background: rgba(17, 17, 17, 0.95);
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
  cursor: pointer;
}
.el-note:before {
  content: '';
  width: 33.3%;
  height: 33.3%;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: #fff;
}
.note-element-content-wrapper {
  width: 240px;
  margin-left: 20px;
  border-radius: 2px;
  position: absolute;
  background: rgba(17, 17, 17, 0.95);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
  font-size: 14px;
  color: #f0f0f0;
  word-wrap: break-word;
  white-space: pre-line;
}
.note-element-content-wrapper dt {
  padding: 10px 20px;
  font-weight: bold;
}
.note-element-content-wrapper dd {
  padding: 8px 20px 11px;
  background: rgba(55, 55, 55, 0.3);
  line-height: 133%;
  overflow-y: auto;
}
.el-line {
  shape-rendering: crispEdges;
}
.el-line-default-render,
.firefox #canvas[data-zoom="out"] .el-line {
  shape-rendering: auto;
}
.el-rich-text {
  display: -webkit-box;
  display: flex;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -moz-tab-size: 4;
    -o-tab-size: 4;
       tab-size: 4;
}
.el-rich-text:not(.ng-editing) .border-outside,
.el-rich-text:not(.ng-editing) .border-center {
  width: 100%;
  height: 100%;
}
.el-rich-text.ng-editing,
.preview-container .el-rich-text {
  -webkit-user-select: auto;
     -moz-user-select: auto;
      -ms-user-select: auto;
          user-select: auto;
}
.el-rich-text.el-rich-box:not(.el-rich-text--auto-height):not(.el-rich-text--auto-width) .el-rich-text__content,
.el-rich-text.el-rich-button:not(.el-rich-text--auto-height):not(.el-rich-text--auto-width) .el-rich-text__content {
  max-height: 100%;
  overflow: hidden;
}
.el-rich-text.ng-editing,
.el-rich-text.el-rich-text--auto-height,
.el-rich-text.el-rich-text--auto-height.el-rich-text--auto-width {
  overflow: visible;
}
.el-rich-text--auto-width li {
  white-space: pre;
}
.el-rich-text--auto-width p {
  white-space: pre !important;
}
.el-rich-text--auto-width .el-rich-text__content {
  width: initial;
  right: auto;
}
.el-rich-text__content {
  width: 100%;
}
.el-rich-text__content--valign-top {
  align-self: flex-start;
}
.el-rich-text__content--valign-center {
  align-self: center;
}
.el-rich-text__content--valign-bottom {
  align-self: flex-end;
}
.el-rich-text * {
  word-wrap: break-word;
}
.el-rich-text p {
  margin-bottom: var(--paragraph);
  color: inherit;
  font-size: inherit;
  line-height: inherit;
}
.chrome .el-rich-text p,
.desktop-app .el-rich-text p {
  white-space: pre-wrap;
}
#canvas .el-rich-text p {
  margin-bottom: var(--paragraph);
}
.el-rich-text p:last-child {
  margin-bottom: 0 !important;
}
.el-rich-text ol li,
.el-rich-text ul li {
  list-style: none;
}
.el-rich-text ol {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.el-rich-text ol .ql-indent-1:not(.ql-direction-rtl) {
  margin-left: 3em;
  padding-left: 0;
}
.el-rich-text ol .ql-indent-1.ql-direction-rtl.ql-align-right {
  margin-right: 3em;
  padding-right: 0;
}
.el-rich-text ol .ql-indent-2:not(.ql-direction-rtl) {
  margin-left: 4.5em;
  padding-left: 0;
}
.el-rich-text ol .ql-indent-2.ql-direction-rtl.ql-align-right {
  margin-right: 4.5em;
  padding-right: 0;
}
.el-rich-text ol .ql-indent-3:not(.ql-direction-rtl) {
  margin-left: 6em;
  padding-left: 0;
}
.el-rich-text ol .ql-indent-3.ql-direction-rtl.ql-align-right {
  margin-right: 6em;
  padding-right: 0;
}
.el-rich-text ol .ql-indent-4:not(.ql-direction-rtl) {
  margin-left: 7.5em;
  padding-left: 0;
}
.el-rich-text ol .ql-indent-4.ql-direction-rtl.ql-align-right {
  margin-right: 7.5em;
  padding-right: 0;
}
.el-rich-text ol .ql-indent-5:not(.ql-direction-rtl) {
  margin-left: 9em;
  padding-left: 0;
}
.el-rich-text ol .ql-indent-5.ql-direction-rtl.ql-align-right {
  margin-right: 9em;
  padding-right: 0;
}
.el-rich-text ol .ql-indent-6:not(.ql-direction-rtl) {
  margin-left: 10.5em;
  padding-left: 0;
}
.el-rich-text ol .ql-indent-6.ql-direction-rtl.ql-align-right {
  margin-right: 10.5em;
  padding-right: 0;
}
.el-rich-text ol .ql-indent-7:not(.ql-direction-rtl) {
  margin-left: 12em;
  padding-left: 0;
}
.el-rich-text ol .ql-indent-7.ql-direction-rtl.ql-align-right {
  margin-right: 12em;
  padding-right: 0;
}
.el-rich-text ol .ql-indent-8:not(.ql-direction-rtl) {
  margin-left: 13.5em;
  padding-left: 0;
}
.el-rich-text ol .ql-indent-8.ql-direction-rtl.ql-align-right {
  margin-right: 13.5em;
  padding-right: 0;
}
.el-rich-text ol .ql-indent-1 {
  counter-increment: list-1;
}
.el-rich-text ol .ql-indent-1:before {
  content: counter(list-1, decimal) '. ';
}
.el-rich-text ol .ql-indent-2 {
  counter-increment: list-2;
}
.el-rich-text ol .ql-indent-2:before {
  content: counter(list-2, decimal) '. ';
}
.el-rich-text ol .ql-indent-3 {
  counter-increment: list-3;
}
.el-rich-text ol .ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.el-rich-text ol .ql-indent-4 {
  counter-increment: list-4;
}
.el-rich-text ol .ql-indent-4:before {
  content: counter(list-4, decimal) '. ';
}
.el-rich-text ol .ql-indent-5 {
  counter-increment: list-5;
}
.el-rich-text ol .ql-indent-5:before {
  content: counter(list-5, decimal) '. ';
}
.el-rich-text ol .ql-indent-6 {
  counter-increment: list-6;
}
.el-rich-text ol .ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.el-rich-text ol .ql-indent-7 {
  counter-increment: list-7;
}
.el-rich-text ol .ql-indent-7:before {
  content: counter(list-7, decimal) '. ';
}
.el-rich-text ol .ql-indent-8 {
  counter-increment: list-8;
}
.el-rich-text ol .ql-indent-8:before {
  content: counter(list-8, decimal) '. ';
}
.el-rich-text ol .ql-indent-9 {
  counter-increment: list-9;
}
.el-rich-text ol .ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.el-rich-text ol .ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.el-rich-text ol .ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.el-rich-text ol .ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.el-rich-text ol .ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.el-rich-text ol .ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.el-rich-text ol .ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.el-rich-text ol .ql-indent-7 {
  counter-reset: list-8 list-9;
}
.el-rich-text ol .ql-indent-8 {
  counter-reset: list-9;
}
.el-rich-text ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.el-rich-text ol li:before {
  content: counter(list-0, decimal) '. ';
  display: inline-block;
  width: 1.5em;
  margin-left: -1.5em;
  text-align: left !important;
}
.el-rich-text ol li:not(.ql-direction-rtl) {
  margin-left: 1.5em;
  padding-left: 0;
}
.el-rich-text ol li.ql-direction-rtl {
  margin-right: 1.5em;
  padding-right: 0;
}
.el-rich-text ul {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.el-rich-text ul .ql-indent-1:not(.ql-direction-rtl) {
  margin-left: 3em;
  padding-left: 0;
}
.el-rich-text ul .ql-indent-1.ql-direction-rtl.ql-align-right {
  margin-right: 3em;
  padding-right: 0;
}
.el-rich-text ul .ql-indent-2:not(.ql-direction-rtl) {
  margin-left: 4.5em;
  padding-left: 0;
}
.el-rich-text ul .ql-indent-2.ql-direction-rtl.ql-align-right {
  margin-right: 4.5em;
  padding-right: 0;
}
.el-rich-text ul .ql-indent-3:not(.ql-direction-rtl) {
  margin-left: 6em;
  padding-left: 0;
}
.el-rich-text ul .ql-indent-3.ql-direction-rtl.ql-align-right {
  margin-right: 6em;
  padding-right: 0;
}
.el-rich-text ul .ql-indent-4:not(.ql-direction-rtl) {
  margin-left: 7.5em;
  padding-left: 0;
}
.el-rich-text ul .ql-indent-4.ql-direction-rtl.ql-align-right {
  margin-right: 7.5em;
  padding-right: 0;
}
.el-rich-text ul .ql-indent-5:not(.ql-direction-rtl) {
  margin-left: 9em;
  padding-left: 0;
}
.el-rich-text ul .ql-indent-5.ql-direction-rtl.ql-align-right {
  margin-right: 9em;
  padding-right: 0;
}
.el-rich-text ul .ql-indent-6:not(.ql-direction-rtl) {
  margin-left: 10.5em;
  padding-left: 0;
}
.el-rich-text ul .ql-indent-6.ql-direction-rtl.ql-align-right {
  margin-right: 10.5em;
  padding-right: 0;
}
.el-rich-text ul .ql-indent-7:not(.ql-direction-rtl) {
  margin-left: 12em;
  padding-left: 0;
}
.el-rich-text ul .ql-indent-7.ql-direction-rtl.ql-align-right {
  margin-right: 12em;
  padding-right: 0;
}
.el-rich-text ul .ql-indent-8:not(.ql-direction-rtl) {
  margin-left: 13.5em;
  padding-left: 0;
}
.el-rich-text ul .ql-indent-8.ql-direction-rtl.ql-align-right {
  margin-right: 13.5em;
  padding-right: 0;
}
.el-rich-text ul li:before {
  content: '\2022';
  display: inline-block;
  width: 1.5em;
  margin-left: -1.5em;
  text-align: left !important;
}
.el-rich-text ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.el-rich-text ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.el-rich-text li.ql-direction-rtl:before {
  margin-right: -1.5em;
  margin-left: 0.3em;
}
.el-rich-text .line-height-fix * {
  line-height: 0;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li:before {
  pointer-events: none;
}
.ql-clipboard {
  width: 1px;
  height: 1px;
  position: absolute;
  z-index: -2;
  overflow: hidden;
  white-space: pre-wrap;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  height: 100%;
  padding: 0;
  outline: none;
  white-space: pre-wrap;
  word-wrap: break-word;
  pointer-events: auto !important;
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text;
}
.ql-editor ::-moz-selection {
  background-color: rgba(0, 108, 255, 0.2);
  color: inherit;
}
.ql-editor ::selection {
  background-color: rgba(0, 108, 255, 0.2);
  color: inherit;
}
.ql-editor.ql-blank:before {
  content: attr(data-placeholder);
  position: absolute;
  right: 15px;
  left: 15px;
  color: rgba(0, 0, 0, 0.6);
  font-style: italic;
  pointer-events: none;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6,
.ql-editor p,
.ql-editor pre {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ul[data-checked] {
  pointer-events: none;
}
.ql-editor ul[data-checked] > li * {
  pointer-events: auto;
}
.ql-editor ul[data-checked] > li:before {
  color: #777;
  cursor: pointer;
  pointer-events: auto;
}
.ql-editor ul[data-checked=true] > li:before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li:before {
  content: '\2610';
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  text-align: inherit;
  direction: rtl;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.page-404 {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fff;
}
.page-404 .icon-general-uxpin-logo {
  width: 60px;
  height: 60px;
  position: relative;
  text-decoration: none;
  position: absolute;
  top: 50px;
  left: 50px;
}
.page-404 .icon-general-uxpin-logo .tooltip {
  display: block;
  height: 0;
  text-indent: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0s ease-in 0s, visibility 0s ease-in 0s;
  transition: opacity 0s ease-in 0s, visibility 0s ease-in 0s;
}
.with-labels .page-404 .icon-general-uxpin-logo .btn-label {
  -webkit-transition: opacity 0.2s ease-out 0s;
  transition: opacity 0.2s ease-out 0s;
}
.with-labels .page-404 .icon-general-uxpin-logo .btn-label:before {
  -webkit-transition: color 0.1s ease-out 0s;
  transition: color 0.1s ease-out 0s;
}
.page-404 .icon-general-uxpin-logo[data-show-node="tooltip"]:hover:not(.active) .tooltip {
  height: auto;
  z-index: 10;
  opacity: 1;
  visibility: visible;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
}
.with-labels .page-404 .icon-general-uxpin-logo[data-show-node="tooltip"]:hover:not(.active) .btn-label {
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-out 0.2s;
  transition: opacity 0.2s ease-out 0.2s;
}
.page-404 .icon-general-uxpin-logo:before {
  content: '\E089';
  width: 60px;
  height: 60px;
  border: 1px solid #dadada;
  background-color: transparent;
  color: rgba(183, 28, 28, 0.4);
  font-size: 15px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}
.page-404 .content {
  display: -webkit-box;
  display: flex;
  margin-top: 180px;
  position: relative;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  text-align: center;
}
.page-404 .content .planet-image {
  position: absolute;
  top: -242px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  pointer-events: none;
}
.page-404 .content a:not(.ds-btn--not-found) {
  display: inline-block;
}
.page-404 .content h1 {
  margin-bottom: 22px;
  color: #000;
  font-size: 120px;
  font-weight: bold;
  line-height: 100%;
}
.page-404 .content h2 {
  max-width: 750px;
  margin-bottom: 38px;
  color: #919191;
  font-weight: normal;
  line-height: 36px;
}
.page-404 .content h2 a {
  color: #919191;
  position: relative;
}
.page-404 .content h2 a:after {
  content: '';
  border-bottom: 1px solid #919191;
  bottom: 0;
  left: 0;
  opacity: 0.5;
  position: absolute;
  -webkit-transition: opacity 0.1s ease-out;
  transition: opacity 0.1s ease-out;
  width: 100%;
}
.page-404 .content h2 a:hover:after {
  opacity: 0;
}
.page-404 .content h2 a:after {
  bottom: 4px;
}
form * {
  -webkit-app-region: no-drag;
}
.library-tile.loading .tile img,
.library-tile.no-cover .tile img {
  opacity: 0;
  visibility: hidden;
}
.library-tile.loading .library-image-helper:after {
  content: '';
  width: 16px;
  height: 16px;
  margin: -8px 0 0 -8px;
  border-radius: 100%;
  border: 2px solid #006cff;
  border-top-color: transparent !important;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 5;
  -webkit-animation: loading 0.5s infinite linear;
          animation: loading 0.5s infinite linear;
}
@keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.library-tile.loading .name-wrapper {
  opacity: 0.5;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.library-tile.sketch-symbol {
  cursor: not-allowed !important;
}
.library-tile.sketch-symbol .tile {
  pointer-events: none;
}
.library-tile.sketch-symbol .tile .library-image-helper,
.library-tile.sketch-symbol .tile .name-wrapper {
  opacity: 0.3;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.library-tile.downloadable {
  cursor: pointer;
}
.library-tile.downloadable:before {
  content: '\E207';
  color: #fff;
  font-size: 22px;
  text-align: center;
  font-family: 'uxpds-icons';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  speak: none;
  text-transform: none;
  line-height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  pointer-events: none;
}
.library-tile.downloadable:not(.loading):hover {
  box-shadow: 0 10px 60px rgba(0, 0, 0, 0.1);
}
.library-tile.downloadable:not(.loading):hover:before {
  display: block;
}
.library-tile.downloadable:not(.loading):hover figure:after {
  opacity: 0.95;
  display: block;
}
.library-tile.downloadable:not(.loading) figure:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  display: none;
  border-radius: 2px;
  z-index: 9;
  background-color: #006cff;
  pointer-events: none;
}
.library-tile.downloadable:hover .name-wrapper {
  z-index: 3;
}
.library-tile:not(.loading):not(.blocked) .name-wrapper:hover + .library-image-helper:before {
  opacity: 1;
  visibility: visible;
}
.library-tile:not(.loading):not(.blocked) .library-image-helper {
  cursor: pointer;
}
.library-tile:not(.loading):not(.blocked) .library-image-helper:hover:before {
  opacity: 1;
  visibility: visible;
}
.library-tile:not(.add-item):not(.hide-pattern):not(.bright-image) .tile:after {
  opacity: 1;
  content: '';
  border-radius: inherit;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  background-color: #fff;
  background-position: 0 0, 4px 4px;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACpJREFUGBlj/Pz5838GJMDLy8uIxGVgQuZgY1OuAMU+kBXobqLcCoImAADQwQfnQm3iRAAAAABJRU5ErkJggg==');
  background-size: 8px 8px;
}
.library-tile:not(.add-item):not(.hide-pattern).bright-image .tile:after {
  opacity: 1;
  content: '';
  border-radius: inherit;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  background-color: #dadada;
}
.library-tile:not(.add-item):not(.hide-pattern) .tile:after {
  background-color: #fff;
}
.library-tile:nth-child(3n) .tooltip:not(.on-left-side) {
  right: 0;
  left: initial !important;
  -webkit-transform: none !important;
          transform: none !important;
}
.library-tile:nth-child(3n) .tooltip:not(.on-left-side):before {
  margin-left: 0 !important;
  right: 5px;
  left: initial !important;
}
.library-tile .tile {
  border-radius: 2px;
  position: relative;
}
.library-tile .tile.light-weight {
  border: 1px solid #e6e6e6;
  background: none;
}
.library-tile .tile.light-weight:hover {
  background: #f6f6f6;
}
.library-tile .tile.light-weight.upload {
  padding-right: 10px;
  padding-left: 10px;
  color: #515151;
  font-family: "ProximaNova", sans-serif;
  font-size: 14px;
}
.library-tile .tile.light-weight.upload:disabled {
  opacity: 0.4;
  pointer-events: none;
}
.dark-version .library-tile .tile.light-weight.upload {
  border-color: #5e5e5e;
  color: #fff;
}
.dark-version .library-tile .tile.light-weight.upload:hover {
  border-color: #777777;
  background: #777777;
}
.library-tile .tile.light-weight.upload.is-working {
  position: relative;
  pointer-events: none;
  -webkit-transition: none;
  transition: none;
}
.library-tile .tile.light-weight.upload.is-working:after {
  content: '';
  width: 16px;
  height: 16px;
  margin: -8px 0 0 -8px;
  border-radius: 100%;
  border: 2px solid #5e5e5e;
  border-top-color: transparent !important;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 5;
  -webkit-animation: loading 0.5s infinite linear;
          animation: loading 0.5s infinite linear;
}
@keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.library-tile .tile.light-weight.upload.is-working:before {
  opacity: 0;
}
.library-tile .tile.light-weight.upload.is-working span {
  color: transparent !important;
}
.library-tile .tile.light-weight.upload.icon-general-plus:before {
  content: '\E263';
  color: inherit;
  font-size: 8px;
  display: block;
  margin-bottom: 8px;
  position: static;
}
.tiles-small .library-tile .tile.light-weight.upload.icon-general-plus:before {
  margin-bottom: 0;
}
.library-tile .tile.light-weight.upload span {
  color: inherit;
  line-height: 17px;
}
.tiles-small .library-tile .tile.light-weight.upload span {
  display: none;
}
.library-tile .tile img:not(.ng-element) {
  max-width: 100%;
  height: auto;
  max-height: 100%;
  margin: auto;
  position: relative;
  z-index: 2;
}
.library-tile .tile img:not(.ng-element):not([src$='.svg']) {
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
}
.library-tile .tile img:not(.ng-element)[src$='.svg'] {
  width: 70%;
  height: 70%;
}
.library-tile .icon-general-sync {
  width: 19px;
  height: 19px;
  border: 0;
  position: absolute;
  top: -5px;
  right: -5px;
  z-index: 10;
  background: #444;
  line-height: 19px;
  overflow: initial;
}
.library-tile .icon-general-sync:before {
  content: '\E057';
  color: #fff;
  font-size: 13px;
  width: inherit;
  height: inherit;
  line-height: inherit;
}
.library-tile .name-wrapper {
  font-size: 12px;
  line-height: 16px;
  display: -webkit-box;
  display: flex;
  width: 100%;
  height: 16px;
  padding-right: 10px;
  padding-left: 10px;
  position: absolute;
  bottom: 7px;
  z-index: 7;
  -webkit-box-pack: center;
          justify-content: center;
  color: #6a6a6a;
}
.library-tile .name-wrapper:hover {
  color: #444;
}
.library-tile .library-image-helper {
  position: relative;
  display: -webkit-box;
  display: flex;
  width: 100%;
  height: 100%;
  padding: 8px 8px 32px 8px;
  -webkit-box-align: center;
          align-items: center;
  justify-items: center;
  z-index: 4;
}
.library-tile .library-image-helper:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  opacity: 0;
  visibility: hidden;
}
.dark-version .library-tile .library-image-helper:before {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
}
.library-tile .library-image-helper:before {
  border-radius: 2px;
}
.tracking .library-picker-mode .library-tile {
  position: relative;
}
.tracking .library-picker-mode .library-tile:hover .pick-mode-highlight {
  display: block;
}
.library-tile .pick-mode-highlight {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 108, 255, 0.2);
  border: 1px solid #006cff;
  cursor: crosshair;
  z-index: 8;
}
.library-tile .thumbnails-actions {
  display: -webkit-box;
  display: flex;
  position: absolute;
  right: 0;
  z-index: 10;
}
.library-tile .thumbnails-actions button {
  border: none;
}
.list-wrapper > li.fake-item {
  width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}
.text-list.list-wrapper > li.fake-item {
  width: 100% !important;
}
.symbols .list-wrapper > li.fake-item {
  width: 100% !important;
}
.list-wrapper > li.fake-item:before {
  display: none;
}
.view-list.list-wrapper > li.fake-item {
  height: 34px;
}
.sort-separator {
  height: calc(100% + (2 * 5px));
  width: 2px;
  position: absolute;
  top: -5px;
  left: -6px;
  z-index: 10;
  background-color: #006cff;
}
.grid-auto .sort-separator {
  left: -3px;
}
.view-stack .sort-separator {
  height: calc(50px + (2 * 5px));
}
.colors .view-tiles .sort-separator {
  height: calc(60px + (2 * 5px));
}
.library-content .colors-list .sort-separator {
  height: calc(50px + (2 * 5px));
}
.library-content .colors-list.view-list .sort-separator {
  height: calc(34px + (2 * 5px));
}
.view-list .sort-separator {
  height: calc(34px + (2 * 5px));
}
.sort-separator.horizontal {
  width: auto;
  height: 2px;
  top: -7px;
  right: -5px;
  left: -5px;
}
.typography .sort-separator.horizontal {
  top: -3px !important;
}
.fake-item .sort-separator.horizontal {
  top: 3px;
}
.general-upload-progress {
  display: -webkit-box;
  display: flex;
  height: 32px;
  padding: 6px 20px;
  border-top: 1px solid #f3f3f3;
  z-index: 10;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
  background: #fff;
  pointer-events: none;
  font-size: 12px;
}
.dark-version .general-upload-progress {
  border-top-color: transparent;
  background: rgba(17, 17, 17, 0.95);
}
.general-upload-progress.no-padding {
  padding: 0;
}
.general-upload-progress.transparent {
  border-top-color: transparent;
  background: transparent !important;
}
.general-upload-progress.progress-on-top {
  flex-wrap: wrap;
}
.general-upload-progress.progress-on-top .fill-wrapper {
  margin-right: 0;
}
.general-upload-progress.progress-on-top .upload-text {
  width: 100%;
  margin-bottom: 5px;
}
.general-upload-progress.progress-on-top .percentage {
  text-align: left;
}
.general-upload-progress .fill-wrapper {
  margin-right: 20px;
  border-radius: 8px;
  position: relative;
  -webkit-box-flex: 1;
          flex: 1;
  background: #dadada;
  overflow: hidden;
}
.dark-version .general-upload-progress .fill-wrapper {
  background: rgba(0, 0, 0, 0.95);
}
.general-upload-progress .fill-wrapper,
.general-upload-progress .fill-wrapper .fill {
  height: 4px;
}
.general-upload-progress .fill-wrapper .fill {
  position: absolute;
  top: 0;
  left: 0;
  background: #006cff;
  -webkit-transition: width 0.1s ease-in-out;
  transition: width 0.1s ease-in-out;
}
.general-upload-progress span {
  color: #515151;
}
.general-upload-progress span:not(:last-child) {
  margin-right: 18px;
}
.dark-version .general-upload-progress span {
  color: #f3f3f3;
}
.general-upload-progress span .percentage {
  display: inline-block;
  width: 30px;
  text-align: center;
}
.general-upload-progress .ds-link--cancel-upload {
  pointer-events: auto;
}
.code-based-empty-view-headline {
  font-family: "SourceCodePro", "Courier New", Courier, monospace;
  font-size: 17px;
  color: #373737;
  font-weight: normal;
  line-height: 24px;
  margin-top: 24px;
  margin-bottom: 30px;
  padding: 0 20px;
}
.dark-version .code-based-empty-view-headline {
  color: #f3f3f3;
}
.code-based-empty-view-step {
  width: 100%;
  padding: 0 20px;
  text-align: left;
}
.code-based-empty-view-step + .code-based-empty-view-step {
  margin-top: 30px;
}
.code-based-empty-view-step-headline {
  font-size: 16px;
  color: #373737;
  font-weight: normal;
  line-height: 20px;
  display: -webkit-box;
  display: flex;
  margin-bottom: 10px;
  -webkit-box-align: center;
          align-items: center;
}
.dark-version .code-based-empty-view-step-headline {
  color: #f3f3f3;
}
.code-based-empty-view-step-number {
  font-size: 12px;
  line-height: 16px;
  display: -webkit-inline-box;
  display: inline-flex;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  border: 1px solid #dadada;
  border-radius: 50%;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  color: #b3b3b3;
}
.dark-version .code-based-empty-view-step-number {
  border-color: #5e5e5e;
}
.code-based-empty-view-token {
  margin-bottom: 5px;
}
.code-based-empty-view-step-description {
  font-size: 14px;
  line-height: 21px;
  color: #5e5e5e;
  margin-bottom: 15px;
}
.dark-version .code-based-empty-view-step-description {
  color: #f3f3f3;
}
.npm-empty-view-description {
  margin: 25px 0 20px 0;
  color: #373737;
  text-align: center;
}
.dark-version .npm-empty-view-description {
  color: #f3f3f3;
}
.modal-design-libraries {
  background-color: white;
  box-shadow: 0 0 60px rgba(0, 0, 0, 0.3);
}
.dark-version .modal-design-libraries {
  background-color: #414141;
}
.modal-design-libraries .list-wrapper {
  padding: 0 16px 15px;
}
#section-design-libraries,
.modal-design-libraries {
  width: 100%;
  min-width: 200px;
}
#section-design-libraries .section-resize-handler,
.modal-design-libraries .section-resize-handler {
  background: transparent !important;
}
#section-design-libraries .add-color-wrapper,
.modal-design-libraries .add-color-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}
#section-design-libraries .add-color-wrapper .color-tip,
.modal-design-libraries .add-color-wrapper .color-tip {
  bottom: -21px;
}
#section-design-libraries .nav-tabbed,
.modal-design-libraries .nav-tabbed {
  width: 100%;
  margin-right: 0;
  margin-left: 0;
}
#section-design-libraries .nav-tabbed .tab:only-child,
.modal-design-libraries .nav-tabbed .tab:only-child {
  display: none;
}
#section-design-libraries .categories-wrapper,
.modal-design-libraries .categories-wrapper {
  width: 100%;
  padding-top: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}
#section-design-libraries .categories-wrapper .category,
.modal-design-libraries .categories-wrapper .category {
  display: grid;
  grid-template-columns: repeat(1, 100%);
}
#section-design-libraries .categories-wrapper .category:last-of-type,
.modal-design-libraries .categories-wrapper .category:last-of-type {
  padding-bottom: 20px;
}
#section-design-libraries .categories-wrapper .category:last-of-type.dragging-target:after,
.modal-design-libraries .categories-wrapper .category:last-of-type.dragging-target:after {
  bottom: 20px;
}
#section-design-libraries .categories-wrapper .category:last-of-type .list-wrapper,
.modal-design-libraries .categories-wrapper .category:last-of-type .list-wrapper {
  margin-bottom: 0;
}
#section-design-libraries .categories-wrapper .category .category-name,
.modal-design-libraries .categories-wrapper .category .category-name {
  font-size: 14px;
  color: rgba(68, 68, 68, 0.8);
  font-weight: normal;
  line-height: 18px;
  display: -webkit-box;
  display: flex;
  max-width: calc(100% - 20px);
  padding-left: 20px;
  -webkit-box-align: center;
          align-items: center;
}
.dark-version #section-design-libraries .categories-wrapper .category .category-name,
.dark-version .modal-design-libraries .categories-wrapper .category .category-name {
  color: rgba(243, 243, 243, 0.8);
}
#section-design-libraries .categories-wrapper .category .category-name .control-wrapper,
.modal-design-libraries .categories-wrapper .category .category-name .control-wrapper {
  width: 12px;
  height: 12px;
  margin-top: -1px;
  margin-right: 7px;
  flex-shrink: 0;
}
.firefox #section-design-libraries .categories-wrapper .category .category-name .control-wrapper,
.firefox .modal-design-libraries .categories-wrapper .category .category-name .control-wrapper {
  margin-top: 0;
}
#section-design-libraries .categories-wrapper .category .category-name .fake-checkbox,
.modal-design-libraries .categories-wrapper .category .category-name .fake-checkbox {
  display: block;
  padding: 0;
}
#section-design-libraries .categories-wrapper .category .list-wrapper,
.modal-design-libraries .categories-wrapper .category .list-wrapper {
  -webkit-box-ordinal-group: 3;
          order: 2;
}
#section-design-libraries .categories-wrapper .category .list-wrapper + h3,
.modal-design-libraries .categories-wrapper .category .list-wrapper + h3 {
  margin-bottom: 9px;
}
#section-design-libraries .categories-wrapper .category .list-wrapper .subcategory:last-of-type,
.modal-design-libraries .categories-wrapper .category .list-wrapper .subcategory:last-of-type {
  margin-bottom: 0;
}
#section-design-libraries .categories-wrapper .subcategory,
.modal-design-libraries .categories-wrapper .subcategory {
  margin-bottom: 13px;
  padding-top: 29px;
}
#section-design-libraries .categories-wrapper .subcategory .subcategory-name,
.modal-design-libraries .categories-wrapper .subcategory .subcategory-name {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
}
#section-design-libraries .categories-wrapper .subcategory .subcategory-name:before,
.modal-design-libraries .categories-wrapper .subcategory .subcategory-name:before {
  content: '';
  height: 1px;
  margin-top: -1px;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  z-index: 1;
  background-color: #f0f0f0;
}
.dark-version #section-design-libraries .categories-wrapper .subcategory .subcategory-name:before,
.dark-version .modal-design-libraries .categories-wrapper .subcategory .subcategory-name:before {
  background-color: #414141;
}
#section-design-libraries .categories-wrapper .subcategory .subcategory-name .subcategory-label,
.modal-design-libraries .categories-wrapper .subcategory .subcategory-name .subcategory-label {
  font-size: 10px;
  color: #b3b3b3;
  font-weight: normal;
  line-height: 16px;
  letter-spacing: 1px;
  text-transform: uppercase;
  display: block;
  overflow: hidden;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: calc(100% + 5px);
  padding-right: 5px;
  position: relative;
  z-index: 2;
  background-color: #fff;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.dark-version #section-design-libraries .categories-wrapper .subcategory .subcategory-name .subcategory-label,
.dark-version .modal-design-libraries .categories-wrapper .subcategory .subcategory-name .subcategory-label {
  background-color: #373737;
}
#section-design-libraries .firefox-hidden-scroll .list-wrapper,
.modal-design-libraries .firefox-hidden-scroll .list-wrapper {
  width: 100% !important;
}
#section-design-libraries .list-wrapper,
.modal-design-libraries .list-wrapper {
  width: calc(100% + 6px);
  padding: 0 20px 20px;
  flex-shrink: 0;
}
.firefox #section-design-libraries .list-wrapper,
.firefox .modal-design-libraries .list-wrapper {
  width: calc(100% + 17px);
}
.mac.firefox #section-design-libraries .list-wrapper,
.mac.firefox .modal-design-libraries .list-wrapper {
  width: calc(100% + 16px);
}
#section-design-libraries .list-wrapper.grid-auto,
.modal-design-libraries .list-wrapper.grid-auto {
  grid-template-columns: repeat(auto-fill, minmax(12ch, 1fr));
  grid-gap: 4px;
}
#section-design-libraries .list-wrapper.grid-auto:not(.tiles-list),
.modal-design-libraries .list-wrapper.grid-auto:not(.tiles-list) {
  grid-row-gap: 10px;
}
#section-design-libraries .list-wrapper.grid-auto.view-list,
.modal-design-libraries .list-wrapper.grid-auto.view-list,
#section-design-libraries .list-wrapper.grid-auto.subcategory-view,
.modal-design-libraries .list-wrapper.grid-auto.subcategory-view {
  grid-template-columns: none;
}
#section-design-libraries .list-wrapper.grid-3-column,
.modal-design-libraries .list-wrapper.grid-3-column {
  grid-template-columns: repeat(3, calc(33.333% - 8px));
  grid-gap: 12px;
}
#section-design-libraries .list-wrapper.grid-3-column:not(.tiles-list),
.modal-design-libraries .list-wrapper.grid-3-column:not(.tiles-list) {
  grid-row-gap: 20px;
}
#section-design-libraries .list-wrapper.colors-list,
.modal-design-libraries .list-wrapper.colors-list {
  margin-bottom: 6px;
}
#section-design-libraries .list-wrapper.tiles-list,
.modal-design-libraries .list-wrapper.tiles-list {
  min-height: 122px;
}
#section-design-libraries .list-wrapper.tiles-list.subcategory-view,
.modal-design-libraries .list-wrapper.tiles-list.subcategory-view {
  min-height: 0;
}
#section-design-libraries .list-wrapper.tiles-list .upload.add-custom-component,
.modal-design-libraries .list-wrapper.tiles-list .upload.add-custom-component {
  border: 1px solid #006cff;
  color: #006cff;
}
#section-design-libraries .list-wrapper.tiles-list .upload.add-custom-component:before,
.modal-design-libraries .list-wrapper.tiles-list .upload.add-custom-component:before {
  color: #006cff;
}
#section-design-libraries .list-wrapper.tiles-list .upload.add-custom-component span,
.modal-design-libraries .list-wrapper.tiles-list .upload.add-custom-component span {
  text-decoration: underline;
}
#section-design-libraries .list-wrapper.view-grid .upload.add-custom-component:before,
.modal-design-libraries .list-wrapper.view-grid .upload.add-custom-component:before {
  display: block;
  margin-bottom: 6px;
}
#section-design-libraries .list-wrapper.view-list.tiles-list,
.modal-design-libraries .list-wrapper.view-list.tiles-list {
  min-height: 44px;
}
#section-design-libraries .list-wrapper.view-list.tiles-list.subcategory-view,
.modal-design-libraries .list-wrapper.view-list.tiles-list.subcategory-view {
  min-height: 0;
}
#section-design-libraries .list-wrapper.view-list.tiles-list .upload,
.modal-design-libraries .list-wrapper.view-list.tiles-list .upload {
  height: 34px;
}
#section-design-libraries .list-wrapper.storybook-disable-min-height,
.modal-design-libraries .list-wrapper.storybook-disable-min-height {
  min-height: auto;
}
.edit-mode#section-design-libraries .list-wrapper.colors-list,
.edit-mode.modal-design-libraries .list-wrapper.colors-list {
  min-height: 50px;
}
.edit-mode#section-design-libraries .list-wrapper.text-list,
.edit-mode.modal-design-libraries .list-wrapper.text-list {
  min-height: 50px;
}
.edit-mode#section-design-libraries .list-wrapper.tiles-list,
.edit-mode.modal-design-libraries .list-wrapper.tiles-list {
  min-height: 112px;
}
.edit-mode#section-design-libraries .list-wrapper + h3,
.edit-mode.modal-design-libraries .list-wrapper + h3 {
  display: -webkit-box;
  display: flex;
}
:not(.edit-mode) #section-design-libraries .list-wrapper.symbols-tiles:empty,
:not(.edit-mode) .modal-design-libraries .list-wrapper.symbols-tiles:empty {
  display: -webkit-box;
  display: flex;
}
:not(.edit-mode) #section-design-libraries .list-wrapper.symbols-tiles:empty:before,
:not(.edit-mode) .modal-design-libraries .list-wrapper.symbols-tiles:empty:before {
  content: 'This category is empty';
  display: block;
  margin: auto;
}
#section-design-libraries .grid-responsive,
.modal-design-libraries .grid-responsive {
  margin-top: 0;
}
#section-design-libraries .grid-responsive.scroll-pane-content,
.modal-design-libraries .grid-responsive.scroll-pane-content {
  display: block;
}
#section-design-libraries .grid-responsive + .btn-ghost,
.modal-design-libraries .grid-responsive + .btn-ghost {
  margin-bottom: 20px;
}
#section-design-libraries .view-list .subcategory-grid,
.modal-design-libraries .view-list .subcategory-grid {
  grid-template-columns: none;
}
#section-design-libraries .view-grid .subcategory-grid,
.modal-design-libraries .view-grid .subcategory-grid {
  grid-template-columns: repeat(auto-fill, minmax(12ch, 1fr));
  grid-gap: 4px;
}
#section-design-libraries .single-row > .library-tile.bright-text,
.modal-design-libraries .single-row > .library-tile.bright-text {
  background: #dadada;
  border: 1px solid #dadada;
}
#section-design-libraries .single-row > .library-tile.bright-text .text-details,
.modal-design-libraries .single-row > .library-tile.bright-text .text-details {
  border-top: 1px solid #e6e6e6;
}
#section-design-libraries .single-row > .library-tile.bright-text .text-details > span,
.modal-design-libraries .single-row > .library-tile.bright-text .text-details > span {
  color: #777777;
}
#section-design-libraries .single-row > .library-tile.bright-text .text-details .text-size:before,
.modal-design-libraries .single-row > .library-tile.bright-text .text-details .text-size:before {
  background: #e6e6e6;
}
#section-design-libraries .single-row > .library-tile.bright-text:hover:not(.blocked),
.modal-design-libraries .single-row > .library-tile.bright-text:hover:not(.blocked) {
  border: 1px solid rgba(0, 0, 0, 0.2);
}
#section-design-libraries .single-row > .library-tile:not(.add-item),
.modal-design-libraries .single-row > .library-tile:not(.add-item) {
  border-radius: 2px;
}
#section-design-libraries .single-row > .library-tile:not(.add-item):not(.bright-text),
.modal-design-libraries .single-row > .library-tile:not(.add-item):not(.bright-text) {
  border: 1px solid #e6e6e6;
}
#section-design-libraries .single-row > .library-tile + li,
.modal-design-libraries .single-row > .library-tile + li {
  margin-top: 10px;
}
#section-design-libraries .single-row > .library-tile .edit-wrapper,
.modal-design-libraries .single-row > .library-tile .edit-wrapper {
  max-width: 100%;
}
#section-design-libraries .general-upload-progress,
.modal-design-libraries .general-upload-progress {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
}
#section-design-libraries .general-upload-progress figure,
.modal-design-libraries .general-upload-progress figure {
  margin-right: 10px;
}
.panel-small-size #section-design-libraries .general-upload-progress .fill-wrapper,
.panel-small-size .modal-design-libraries .general-upload-progress .fill-wrapper {
  display: none;
}
#section-design-libraries .general-upload-progress .upload-text,
.modal-design-libraries .general-upload-progress .upload-text {
  height: 18px;
}
#section-design-libraries .general-upload-progress .upload-text:not(:last-child),
.modal-design-libraries .general-upload-progress .upload-text:not(:last-child) {
  margin-right: 10px;
}
.panel-small-size #section-design-libraries .general-upload-progress .upload-text .details,
.panel-small-size .modal-design-libraries .general-upload-progress .upload-text .details {
  display: none;
}
#section-design-libraries .general-upload-progress .upload-text .percentage,
.modal-design-libraries .general-upload-progress .upload-text .percentage {
  display: inline;
  font-size: 12px;
}
#section-design-libraries .icon-general-arrow-down:before,
.design-libraries-update .icon-general-arrow-down:before,
.modal-design-libraries .icon-general-arrow-down:before {
  content: '\E079';
  color: #fff;
  font-size: 9px;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
#section-design-libraries .icon-general-arrow-up:before,
.design-libraries-update .icon-general-arrow-up:before,
.modal-design-libraries .icon-general-arrow-up:before {
  content: '\E079';
  color: #fff;
  font-size: 9px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.design-libraries-cloud {
  width: 343px;
  min-width: 270px;
}
.design-libraries-cloud.cloud {
  padding-top: 8px;
}
.design-libraries-cloud.offset-pinned-cloud {
  margin-left: -30px;
}
.design-libraries-cloud .libraries-list-wrapper {
  overflow: auto;
}
.design-libraries-cloud .libraries-list-wrapper .add-your-code-btn {
  margin: 0 8px 10px 8px;
  width: calc(100% - 16px);
}
.design-libraries-cloud .options-list .libraries-section-header {
  margin: 0 0 7px 0;
  padding: 0 10px;
  color: #444;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 14px;
  text-transform: uppercase;
}
.dark-version .design-libraries-cloud .options-list .libraries-section-header {
  color: #fff;
}
.design-libraries-cloud .options-list.libraries-padding {
  padding-bottom: 16px;
}
.design-libraries-cloud .options-list .options-separator:first-child {
  margin-top: -8px !important;
}
.design-libraries-cloud .options-list li {
  position: relative;
}
.design-libraries-cloud .options-list li.with-handler {
  background-color: #fff;
}
.dark-version .design-libraries-cloud .options-list li.with-handler {
  background-color: #414141;
}
.design-libraries-cloud .options-list li.with-handler a {
  padding-right: 30px;
}
.design-libraries-cloud .options-list li.dragging {
  opacity: 0;
}
.design-libraries-cloud .options-list li.with-icon .custom-color {
  padding-right: 24px !important;
}
.design-libraries-cloud .options-list li.with-icon.with-badge .library-type-icon {
  right: 105px;
}
.design-libraries-cloud .options-list li.with-icon.with-badge .custom-color {
  padding-right: 124px !important;
}
.design-libraries-cloud .options-list li.with-badge .custom-color {
  padding-right: 100px !important;
}
.design-libraries-cloud .options-list li.with-star .ds-icon--font__star-solid {
  width: 16px;
  height: 16px;
}
.design-libraries-cloud .options-list li.with-star .ds-icon--font__star-solid:before {
  color: #cdcdcd;
}
.design-libraries-cloud .options-list li .library-type-icons {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  /* Center horizontally */
  -webkit-box-align: center;
          align-items: center;
  /* Center vertically */
  position: absolute;
  right: 4px;
  top: 8px;
}
.design-libraries-cloud .options-list li .library-type-icon,
.design-libraries-cloud .options-list li .ds-badge--pull-right {
  pointer-events: none;
}
.design-libraries-cloud .options-list li .library-type-icon {
  width: 14px;
  height: 14px;
  margin-left: 8px;
  font-size: 0;
}
.design-libraries-cloud .options-list li .ds-icon--font__brand-npm {
  width: 14px;
  height: 14px;
  top: 9px;
  right: 5px;
}
.design-libraries-cloud .options-list li .ds-icon--font__brand-npm:before {
  font-size: 14px;
}
.design-libraries-cloud .options-list li .ds-icon--font__git {
  width: 14px;
  height: 14px;
  top: 9px;
  right: 5px;
}
.design-libraries-cloud .options-list li .ds-icon--font__git:before {
  font-size: 14px;
}
.design-libraries-cloud .options-list li .ds-badge--pull-right {
  margin-left: 8px;
}
.design-libraries-cloud .options-list a {
  display: block;
  padding-left: 30px !important;
}
.design-libraries-cloud .options-list a.active {
  position: relative;
  background: none !important;
  box-shadow: inset 0 0 0 1px rgba(68, 68, 68, 0.1);
  color: #848484 !important;
}
.dark-version .design-libraries-cloud .options-list a.active {
  color: rgba(243, 243, 243, 0.5) !important;
  box-shadow: inset 0 0 0 1px rgba(243, 243, 243, 0.1);
}
.design-libraries-cloud .options-list a.active:before {
  content: '\E309';
  color: #444;
  font-size: 4px;
  position: absolute;
  top: 13px;
  left: 11px;
}
.dark-version .design-libraries-cloud .options-list a.active:before {
  color: #f3f3f3;
}
.design-libraries-cloud .options-list .drag-handler {
  position: absolute;
  top: 8px;
  right: 4px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAFCAYAAACJmvbYAAAAGElEQVQYV2M8cODAfwYcgBGXBEickTY6ATg4CcMTN4bvAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  cursor: -webkit-grab;
}
.design-libraries-cloud .options-list .drag-handler:hover {
  background-color: transparent !important;
}
.library-actions {
  display: -webkit-box;
  display: flex;
  width: 100%;
  height: 40px;
  padding: 0 20px 0;
  border-top: 1px solid #f0f0f0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  z-index: 3;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
  background: #fff;
  pointer-events: none;
}
.library-actions.library-actions-developer {
  height: auto !important;
  min-height: 40px;
  max-height: 80px;
  flex-wrap: wrap;
  gap: 8px;
  -webkit-box-pack: center;
          justify-content: center;
  padding: 5px 20px;
}
.library-actions.library-actions-developer .library-actions-developer-wrapper {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: 1;
          flex-grow: 1;
}
.library-actions.library-actions-developer > button {
  width: 160px;
  pointer-events: auto;
}
.dark-version .library-actions {
  border-top-color: #444;
  background-color: #373737;
}
.library-actions .library-action {
  pointer-events: all;
}
.library-actions .library-actions-btns {
  margin-left: auto;
}
.library-actions .libraries-update {
  position: relative;
  z-index: 1;
}
.library-actions .libraries-update .trigger {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  border-radius: 2px;
  position: relative;
  background: #006cff;
  cursor: pointer;
  pointer-events: all;
  -webkit-transition: background 0.1s ease-out;
  transition: background 0.1s ease-out;
}
.library-actions .libraries-update .trigger:hover {
  background: #4d98ff;
}
.library-actions .libraries-update .trigger:after {
  content: '';
  display: block;
  width: 5px;
  height: 20px;
  position: absolute;
  top: 0;
  right: 5px;
}
.library-actions .libraries-update .trigger.icon-general-arrow-down:not(.warning):before,
.library-actions .libraries-update .trigger.icon-general-arrow-up:not(.warning):before {
  margin-top: -5px;
  margin-left: -4px;
  top: 50%;
  left: 50%;
  color: #fff !important;
  font-size: 9px !important;
}
.library-actions .libraries-update .trigger.warning {
  background: #fb0d00;
}
.library-actions .libraries-update .trigger.warning:before {
  content: '!';
  margin-top: 5px;
  margin-left: 9px;
  -webkit-transform: none;
          transform: none;
  color: #fff;
  font-family: inherit;
  font-size: 12px;
  font-weight: bold;
}
.library-actions .libraries-update .trigger.warning:hover {
  background: #ff6b62;
}
.library-actions .libraries-update .trigger.working {
  visibility: hidden;
}
.library-actions .libraries-update .trigger.working:after {
  content: '';
  width: 20px;
  height: 20px;
  margin: -10px 0 0 -10px;
  border-radius: 100%;
  border: 2px solid #006cff;
  border-top-color: transparent !important;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 5;
  -webkit-animation: loading 0.5s infinite linear;
          animation: loading 0.5s infinite linear;
}
@keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.library-actions .libraries-update .trigger.working:after {
  visibility: visible;
}
.library-actions .libraries-management {
  margin-right: auto;
  overflow: hidden;
  pointer-events: all;
}
.library-actions .libraries-management .current-library {
  padding-right: 15px;
  position: relative;
  cursor: pointer;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 100%;
  color: #444;
  font-size: 14px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.library-actions .libraries-management .current-library:before {
  position: absolute;
  top: 9px;
  right: 0;
}
.library-actions .libraries-management .current-library:before {
  top: 11px;
}
.library-actions .libraries-management .current-library.disabled {
  opacity: 0.5;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.dark-version .library-actions .libraries-management .current-library {
  color: #fff;
}
.library-content.loading:after,
.library-section-wrapper.loading:after {
  content: '';
  width: 24px;
  height: 24px;
  margin: -12px 0 0 -12px;
  border-radius: 100%;
  border: 2px solid #006cff;
  border-top-color: transparent !important;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 5;
  -webkit-animation: loading 0.5s infinite linear;
          animation: loading 0.5s infinite linear;
}
@keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.library-content.loading:before,
.library-section-wrapper.loading:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  display: block;
  z-index: 4;
  background-color: #fff;
}
.dark-version .library-content.loading:before,
.dark-version .library-section-wrapper.loading:before {
  background-color: #373737;
}
.library-content.loading:after,
.library-section-wrapper.loading:after {
  z-index: 4;
}
.library-section-wrapper {
  display: -webkit-box;
  display: flex;
  height: 100%;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}
.library-section-wrapper .tutorial-section {
  background-color: #f0f6ff;
  max-height: 114px;
}
.dark-version .library-section-wrapper .tutorial-section {
  background-color: #002b66;
}
.library-section-wrapper .tutorial-section h2 {
  padding: 8px;
  display: -webkit-box;
  display: flex;
  color: #006cff;
  font-size: 14px;
  -webkit-box-align: center;
          align-items: center;
  cursor: pointer;
}
.dark-version .library-section-wrapper .tutorial-section h2 {
  color: #ffffff;
}
.library-section-wrapper .tutorial-section h2 .styles-expander {
  background: none;
  border: none;
  margin-right: 8px;
}
.library-section-wrapper .tutorial-section h2 .styles-expander::before {
  color: #006cff;
}
.dark-version .library-section-wrapper .tutorial-section h2 .styles-expander::before {
  color: #ffffff;
}
.library-section-wrapper .tutorial-section.expanded ul {
  display: block;
}
.library-section-wrapper .tutorial-section ul {
  display: none;
  list-style: none;
  padding: 8px 20px 20px 20px;
}
.library-section-wrapper .tutorial-section ul li {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}
.library-section-wrapper .tutorial-section ul li:before {
  color: #006cff;
}
.dark-version .library-section-wrapper .tutorial-section ul li:before {
  color: #ffffff;
}
.library-section-wrapper .tutorial-section ul li:first-of-type {
  margin-bottom: 12px;
}
.library-section-wrapper .tutorial-section ul li:last-of-type {
  margin-bottom: 0 !important;
}
.library-section-wrapper .tutorial-section ul li a {
  margin-left: 6px;
  color: #006cff;
  -webkit-text-decoration-color: rgba(51, 137, 255, 0.3);
          text-decoration-color: rgba(51, 137, 255, 0.3);
}
.dark-version .library-section-wrapper .tutorial-section ul li a {
  color: #ffffff;
  -webkit-text-decoration-color: #3389ff;
          text-decoration-color: #3389ff;
}
.tracking .library-picker-mode .scroll-pane {
  border: 3px solid #ffd34d;
}
.library-content {
  display: -webkit-box;
  display: flex;
  -webkit-box-flex: 1;
          flex-grow: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
}
.library-content > article {
  -webkit-box-flex: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: flex;
}
.library-content .nav-tabbed .float-right {
  right: calc(50% - 7px);
}
.library-content .nav-tabbed .ds-icon--font__tailwind:before {
  font-size: 18px;
}
.library-content .tab-content.active {
  -webkit-box-flex: 1;
          flex-grow: 1;
}
.edit-mode.library-content .tab-content.active {
  position: relative;
  z-index: 4;
}
.library-content .scroll-wrapper {
  height: 100%;
  position: relative;
}
.library-content .scroll-wrapper.no-results:before {
  content: 'We couldn\2019t find anything';
  display: block;
  width: 100%;
  position: absolute;
  top: 20px;
  text-align: center;
}
.safari .library-content .scroll-wrapper.no-results .categories-wrapper .list-wrapper {
  background: none;
}
.library-content .scroll-wrapper.no-results .list-wrapper:empty,
.library-content .scroll-wrapper.no-results .list-wrapper:empty + h3 {
  display: none !important;
}
.library-content .scroll-wrapper .notification-overlay:not(.edit-overlay) {
  padding-right: 10px;
  padding-left: 10px;
  top: -5px;
}
.library-content .scroll-wrapper .notification-overlay.symbol-warning {
  top: 10px;
}
.library-content .scroll-wrapper .notification-overlay.symbol-warning ~ .scroll-pane .scroll-pane-content {
  padding-top: 64px;
}
.library-content .scroll-wrapper .notification-overlay.edit-overlay {
  width: 100%;
  height: 40px;
  padding-right: 20px;
  padding-left: 20px;
  border-radius: 0;
  bottom: 4px;
  left: 0;
  z-index: 10;
  background: #040404;
}
.library-content .scroll-wrapper .notification-overlay .notification-icon {
  height: 20px;
}
.library-content .scroll-wrapper .notification-overlay .notification-icon:before {
  font-size: 20px;
}
.library-content .empty .scroll-pane {
  height: 100%;
}
.library-content .scroll-pane {
  height: calc(100% - 44px);
  z-index: 0;
}
.safari .library-content .scroll-pane:not(.searching) .list-wrapper {
  background: none;
}
.library-content .scroll-pane .scroll-pane-content {
  display: -webkit-box;
  display: flex;
}
.library-content .inactive-library-elements {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  -webkit-box-align: center;
          align-items: center;
  margin: 0 auto;
  color: #515151;
  font-size: 14px;
}
.library-content .inactive-library-elements span {
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
  margin: 0 auto;
}
.section-search-container {
  display: -webkit-box;
  display: flex;
  width: 100%;
  height: 44px;
  padding: 10px 20px 9px;
  position: absolute;
  top: -44px;
  left: 0;
  z-index: 1;
}
.section-search-container + .scroll-pane {
  margin-top: 44px;
}
.section-search-container > .btn-icon {
  margin-left: 10px;
  flex-shrink: 0;
}
.section-search-container .search-form:not(.expandable) {
  width: 100%;
}
.section-search-container .view-type-toggler {
  margin-left: 10px;
}
.section-search-container .view-type-toggler.ds-icon--font__layout-list:before {
  font-size: 14px;
}
.design-libraries-update {
  width: 374px;
}
.design-libraries-update li,
.design-libraries-update li > div {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
}
.design-libraries-update li > div {
  width: calc(100% - 23px);
  font-size: 14px;
}
.design-libraries-update .general-upload-progress {
  padding: 0;
  background: transparent;
}
.design-libraries-update .general-upload-progress figure {
  background: #000;
}
.design-libraries-update .general-upload-progress > span {
  margin-right: 8px;
  color: #b3b3b3 !important;
}
.design-libraries-update .sync-conflict {
  padding: 6px 0 10px 9px;
  -webkit-box-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}
.design-libraries-update .sync-conflict + .icon-general-close {
  margin-bottom: auto;
}
.design-libraries-update .sync-conflict dl {
  padding-top: 12px;
  padding-bottom: 12px;
}
.design-libraries-update .sync-conflict dl dd + dd {
  margin-top: 6px;
}
.design-libraries-update .sync-conflict dl dd label {
  font-size: 14px;
}
.design-libraries-update .sync-conflict dl dd label:before {
  top: 0;
}
.design-libraries-update .sync-conflict .ds-btn--sync-download {
  text-transform: capitalize;
}
.design-libraries-update .ds-btn--aligned-right {
  margin-left: auto;
}
.design-libraries-update .ds-btn--aligned-right:before {
  font-size: 9px !important;
}
.design-libraries-update .only-icon-font {
  cursor: pointer;
}
.design-libraries-update .icon-general-close:hover:before {
  color: #919191;
}
.design-libraries-update .icon-general-close:before {
  content: '\E010';
  color: #777777;
  font-size: 11px;
  -webkit-transition: color 0.1s ease-out;
  transition: color 0.1s ease-out;
}
.design-library-options {
  width: 245px;
}
.design-library-options .merge-section {
  padding: 8px 10px;
  font-size: 12px;
}
.design-library-options .merge-section .info {
  padding-top: 7px;
  padding-bottom: 3px;
}
.design-library-options .info {
  padding-right: 10px;
  padding-left: 10px;
  color: #c0c0c0 !important;
  font-size: inherit !important;
}
.design-library-options .commit {
  color: inherit !important;
  font-size: inherit !important;
}
.design-library-options .option--in-progress:after {
  content: '';
  width: 15px;
  height: 15px;
  margin: -7.5px 0 0 -7.5px;
  border-radius: 100%;
  border: 2px solid #a6a6a6;
  border-top-color: transparent !important;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 5;
  -webkit-animation: loading 0.5s infinite linear;
          animation: loading 0.5s infinite linear;
}
@keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.design-library-options .option--in-progress:after {
  left: 0;
  margin-left: 6px;
  margin-top: -13px;
}
.design-library-options .option--in-progress .ds-tip {
  display: inline;
  color: #a6a6a6;
}
.design-library-options .option--in-progress.inactive {
  opacity: 0.4;
}
.design-library-options .ds-icon--font__plus:before {
  font-size: 12px;
}
.empty-view {
  display: -webkit-box;
  display: flex;
  width: calc(100% + 6px);
  margin: auto;
  padding: 20px 0;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  flex-shrink: 0;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.empty-view + .sketch-login-bar {
  top: 0;
}
.empty-view .library-paragraph {
  font-size: 14px;
  line-height: 21px;
  color: #373737;
  max-width: 280px;
  margin-top: 24px;
  margin-bottom: 18px;
  padding-right: 5px;
  padding-left: 5px;
  text-align: center;
}
.dark-version .empty-view .library-paragraph {
  color: #f3f3f3;
}
.empty-view img {
  margin-left: 12px;
  pointer-events: none;
}
.empty-view .add-color-wrapper {
  margin-bottom: -15px;
}
.empty-view .add-color-wrapper .color-box {
  width: 150px;
  height: 50px;
}
.empty-view .ds-btn--empty-view + .ds-btn--empty-view {
  margin-top: 10px;
}
.version-deleted-view {
  display: -webkit-box;
  display: flex;
  width: calc(100% + 6px);
  margin: auto;
  padding: 20px 0;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  flex-shrink: 0;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.version-deleted-view-headline {
  font-family: "SourceCodePro", "Courier New", Courier, monospace;
  font-size: 17px;
  color: #373737;
  font-weight: normal;
  line-height: 24px;
  margin-top: 24px;
  margin-bottom: 20px;
  padding: 0 20px;
}
.dark-version .version-deleted-view-headline {
  color: #f3f3f3;
}
.version-deleted-view-paragraph {
  font-size: 14px;
  line-height: 21px;
  color: #373737;
  max-width: 280px;
  margin-top: 24px;
  margin-bottom: 18px;
  padding-right: 10px;
  padding-left: 10px;
  text-align: center;
}
.dark-version .version-deleted-view-paragraph {
  color: #f3f3f3;
}
.design-systems .dragging {
  opacity: 0.2;
}
.design-systems .dragging .multiple-counter {
  text-indent: -9999px;
}
.design-systems .dragging-target {
  position: relative;
}
.design-systems .dragging-target:before {
  content: '';
  position: absolute;
  z-index: 10;
  background: rgba(255, 255, 255, 0.95);
}
.design-systems .dragging-target:after {
  content: '';
  border: 1px dashed #d1d1d1;
  border-radius: 2px;
  position: absolute;
  top: 20px;
  right: 13px;
  bottom: 10px;
  left: 16px;
  z-index: 10;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IldhcnN0d2FfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAxMiAxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTIgMTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojRjFGMkYyO308L3N0eWxlPjxnPjxsaW5lIGNsYXNzPSJzdDAiIHgxPSItMC45IiB5MT0iMTIuOSIgeDI9IjEyLjkiIHkyPSItMC45Ii8+PHJlY3QgeD0iLTMuNyIgeT0iNS41IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjcwNzEgLTAuNzA3MSAwLjcwNzEgMC43MDcxIC0yLjQ4NTQgNi4wMDAyKSIgY2xhc3M9InN0MCIgd2lkdGg9IjE5LjQiIGhlaWdodD0iMSIvPjwvZz48L3N2Zz4=);
  background-repeat: repeat;
  background-size: 12px 12px;
}
.design-systems .dragging-target .dragging-target-name {
  position: absolute;
  z-index: 11;
  color: #777777;
  font-size: 14px;
}
.dark-version .design-systems .dragging-target .dragging-target-name {
  color: #c0c0c0;
}
.design-systems .dragging-target .dragging-target-name strong {
  color: #474747;
  font-weight: normal;
}
.dark-version .design-systems .dragging-target .dragging-target-name strong {
  color: #fff;
}
.design-systems .dragging-target:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  top: 20px;
}
.dark-version .design-systems .dragging-target:before {
  background: rgba(65, 65, 65, 0.95);
}
.dark-version .design-systems .dragging-target:after {
  opacity: 0.1;
  border-color: #fff;
}
.mac .design-systems .dragging-target:after {
  right: 12px;
}
.design-systems .dragging-target .dragging-target-name {
  margin-top: 5px;
  top: 50%;
  right: 0;
  left: 0;
  text-align: center;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.design-systems .typography .ds-item.dragging .ghost-item {
  margin: -9px -21px -10px;
  border-color: transparent;
}
.design-systems .typography .ds-item.dragging .ghost-item:before,
.design-systems .typography .ds-item.dragging .ghost-item:after {
  display: none;
}
.design-systems .typography .ds-item .ghost-item {
  margin: 0;
  text-align: left !important;
}
.design-systems .symbols .ds-item.dragging .description,
.design-systems .typography .ds-item.dragging .description,
.design-systems .symbols .ds-item.dragging ~ .ds-item .description,
.design-systems .typography .ds-item.dragging ~ .ds-item .description {
  pointer-events: none;
}
.design-systems .ghost-item {
  position: absolute !important;
  z-index: -1;
  pointer-events: none;
}
.design-systems .ghost-item.color-box {
  border-radius: 2px;
}
.design-systems .ghost-item.text-box,
.design-systems .ghost-item.tile,
.design-systems .ghost-item.multiple-items {
  background: #fff;
}
.design-systems .ghost-item.text-box {
  width: 100%;
  height: 80px;
  margin: -1px;
  border: 1px solid #e6e6e6;
  border-radius: 2px;
}
.design-systems .ghost-item.tile {
  display: block;
  height: 100%;
  padding: 20px 8px;
}
.design-systems .ghost-item.tile:after {
  display: none;
}
.design-systems .ghost-item.multiple-items {
  width: calc(100% - 6px);
  background-color: transparent;
  color: #5e5e5e;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
}
.design-systems .ghost-item.multiple-items:before {
  content: '';
  width: 100%;
  height: 100%;
  border: 1px solid #cdcdcd;
  border-radius: 2px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background-color: #fff;
}
.design-systems .ghost-item.multiple-items:after {
  content: '';
  border: 1px solid #e6e6e6;
  border-radius: 2px;
  position: absolute;
  top: 4px;
  right: -6px;
  bottom: -6px;
  left: 4px;
  z-index: -1;
  background-color: #fff;
}
.design-systems .ghost-item.multiple-items .multiple-counter {
  position: relative;
  z-index: 2;
}
.design-systems .ghost-item.multiple-items.asset {
  height: calc(100% - 6px);
}
.design-systems .ghost-item.multiple-items.element {
  height: 106px;
}
.design-systems .ghost-item.multiple-items.text {
  height: 74px;
}
.design-systems .ghost-item.multiple-items.small,
.design-systems .ghost-item.multiple-items.color {
  height: 44px;
}
.design-systems .view-list .ghost-item.tile {
  width: 100%;
  background-color: inherit;
}
.design-systems .view-list .ghost-item.tile .name-wrapper {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 100%;
  display: block !important;
  width: 100%;
}
.design-systems .view-list .ghost-item.element .library-preview-helper .thumb {
  height: auto;
  max-height: 70%;
  -o-object-fit: none !important;
     object-fit: none !important;
}
.design-systems .view-list .ghost-item.multiple-items.element,
.design-systems .view-list .ghost-item.multiple-items.text {
  height: 34px;
}
.design-library-modalbox:not(.inside-panel) > .modal-box-wrapper {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 440px;
  max-height: calc(100vh - 48px);
}
.design-library-modalbox.library-settings:not(.inside-panel) > .modal-box-wrapper .modal-box-content {
  max-height: calc(80vh - 136px);
  margin-right: -50px;
  margin-left: -50px;
  padding: 0 50px;
  overflow: auto;
}
.design-library-modalbox.library-settings:not(.inside-panel) > .modal-box-wrapper .libraries-list > li {
  margin-right: -50px;
  margin-left: -50px;
  padding-right: 50px;
  padding-left: 50px;
}
.design-library-modalbox.library-settings > .modal-box-wrapper {
  margin-bottom: 8px;
}
.design-library-modalbox.library-settings > .modal-box-wrapper > .modal-box-content {
  margin-right: -30px;
  margin-left: -30px;
  padding: 0 30px;
}
.design-library-modalbox .private-storybook-tip {
  max-width: 340px;
  margin-top: 10px;
  height: 34px;
}
.design-library-modalbox .add-library-form {
  width: 100%;
  max-height: calc(70vh - 48px);
  overflow-y: auto;
}
.design-library-modalbox .add-library-form.add-package-component-form {
  overflow-y: visible;
}
.design-library-modalbox .add-library-form .field + .field {
  margin-top: 17px;
}
.design-library-modalbox .add-library-form .field.with-badge {
  position: relative;
}
.design-library-modalbox .add-library-form .field.with-badge .ds-badge--dsl-edit {
  position: absolute;
  top: initial;
  right: 5px;
  bottom: 8px;
}
.design-library-modalbox .add-library-form .field.with-badge .simple-input {
  padding-right: 106px;
  text-overflow: ellipsis;
}
.design-library-modalbox .add-library-form .component-package-fields {
  position: relative;
}
.design-library-modalbox .add-library-form .component-package-fields:hover .remove-field-btn {
  opacity: 1;
  visibility: visible;
}
.design-library-modalbox .add-library-form .component-package-fields .remove-field-btn {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  right: -34px;
  top: 0;
}
.design-library-modalbox .add-library-form .input-label-spacing {
  margin-bottom: 2px;
}
.design-library-modalbox .add-library-form .auth-token-input {
  margin-bottom: 6px;
}
.design-library-modalbox .add-library-form .ds-icon--font__question-mark-solid:before {
  color: #a6a6a6 !important;
}
.design-library-modalbox .add-library-form.scrollable {
  padding-right: 50px;
}
.design-library-modalbox .libraries-list {
  width: 100%;
}
.design-library-modalbox .libraries-list .name {
  font-size: 14px;
  color: #515151;
  font-weight: false;
  line-height: 18px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: calc(100% - 80px);
  margin-bottom: 0;
  -webkit-box-align: center;
          align-items: center;
}
.design-library-modalbox .libraries-list .name .library-type-icon {
  width: 14px;
  height: 14px;
  margin-left: 7px;
  position: absolute;
  top: 15px;
}
.design-library-modalbox .libraries-list .name .ds-icon--font__brand-npm:before {
  font-size: 12px;
}
.design-library-modalbox .libraries-list .name .ds-icon--font__brand-storybook {
  top: 14px;
}
.design-library-modalbox .libraries-list > li {
  display: -webkit-box;
  display: flex;
  height: 45px;
  margin-right: -30px;
  margin-left: -30px;
  padding: 0 30px;
  border-top: 1px solid #f3f3f3;
  position: relative;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
  list-style: none;
}
.design-library-modalbox .libraries-list > li:hover {
  background-color: #f3f3f3;
}
.design-library-modalbox .libraries-list > li:hover .name {
  max-width: calc(100% - 140px);
}
.design-library-modalbox .libraries-list > li:not(:hover) .actions-list .ds-link--library-edit {
  display: none;
}
.design-library-modalbox .libraries-list > li .actions-list {
  display: -webkit-box;
  display: flex;
  margin-top: 2px;
}
.design-library-modalbox .libraries-list > li .actions-list > li {
  list-style: none;
}
.design-library-modalbox .libraries-list > li .actions-list > li + li {
  margin-left: 20px;
}
.design-library-modalbox .global-access {
  margin: 7px 0 17px;
}
.design-library-modalbox footer.delete {
  display: -webkit-box;
  display: flex;
  width: 100%;
  height: 40px;
  margin-top: 0;
  margin-bottom: 0;
  position: absolute;
  top: initial;
  bottom: 0;
  left: 0;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  background: #ffedec;
  z-index: 1;
}
.design-library-modalbox .error-message {
  margin-top: 10px;
  text-align: right;
}
.design-library-modalbox .deleting-token-warning {
  position: absolute;
  bottom: 40px;
  left: 0;
  height: 68px;
}
.design-library-modalbox .content-footer {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}
.design-library-modalbox .content-footer.with-bottom-offset {
  padding-bottom: 31px;
}
.design-library-modalbox .content-footer.with-bottom-offset-and-token-warning {
  padding-bottom: 75px;
}
.design-library-modalbox .content-footer .btns-group {
  margin-left: auto;
}
.design-library-modalbox .ds-token-field {
  padding-top: 17px;
}
.design-library-modalbox .ds-token-field .usage-warning {
  width: 368px;
}
.design-library-modalbox .ds-token-field .usage-warning a {
  color: #806000;
}
.design-library-modalbox .storybook-url-field .checkbox-switcher + .storybook-url-input {
  margin-top: 10px;
}
.design-library-modalbox .storybook-url-field .combained-field {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}
.design-library-modalbox .storybook-url-field .combained-field .checkbox-switcher {
  min-width: 160px;
  -webkit-box-flex: 1;
          flex-grow: 1;
  flex-shrink: 0;
}
.choose-library-type {
  -webkit-user-select: auto;
     -moz-user-select: auto;
      -ms-user-select: auto;
          user-select: auto;
}
.choose-library-type .heading-major {
  font-size: 14px;
  color: #848484;
  font-weight: 400;
  line-height: 18px;
  margin-bottom: 15px;
}
.choose-library-type .library-types {
  display: grid;
  grid-auto-flow: column;
  grid-template-rows: 180px;
  grid-gap: 10px;
}
.choose-library-type .library-type {
  display: -webkit-box;
  display: flex;
  width: 190px;
  padding: 10px;
  padding-top: 30px;
  border: 1px solid #e6e6e6;
  border-radius: 2px;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: center;
          align-items: center;
  list-style: none;
  cursor: pointer;
}
.choose-library-type .library-type:hover {
  background: #f6f6f6;
}
.choose-library-type .library-type.is-selected {
  background: #f0f0f0;
  pointer-events: none;
}
.choose-library-type .library-type .description {
  font-size: 14px;
  line-height: 21px;
  color: #5e5e5e;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  font-weight: normal;
  text-align: center;
  line-height: 16px;
}
.choose-library-type .library-type .description:before {
  margin-bottom: 14px;
  color: inherit;
  font-size: 24px;
}
.choose-library-type .library-tutorial {
  position: absolute;
  bottom: 10px;
  pointer-events: auto;
}


/*# sourceMappingURL=maps/designsystemsview.css.map*/

/*# sourceMappingURL=maps/design-system.js.map*/