/* used in some of the imported pages from uxpin-front */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
:after,
:before {
  box-sizing: border-box;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
fieldset,
img {
  border: none;
}
a,
button:focus,
input:focus,
object,
textarea:focus {
  outline: 0 !important;
}
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
button,
input[type="button"],
input[type="checkbox"],
input[type="radio"],
input[type="reset"],
input[type="submit"],
select {
  cursor: pointer;
}
button[disabled],
input[disabled] {
  cursor: default;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
iframe,
img,
nav,
object,
section,
summary,
video {
  display: block;
}
@keyframes pinPulse {
  0% {
    opacity: 0;
    transform: scale(1);
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 0;
    transform: scale(1.5);
  }
}
@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 blink-opacity {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes max-width {
  100% {
    max-width: 100%;
  }
}
@keyframes animate-hidden {
  100% {
    opacity: 1;
    visibility: visible;
  }
}
@keyframes animate-visible {
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
.cloud {
  display: none;
  width: 230px;
  padding: 15px 20px 17px;
  border-radius: 2px;
  position: absolute;
  z-index: 2147483447;
  flex-direction: column;
  background-color: rgba(30, 30, 30, 0.97);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}
.cloud.visible,
[data-show-node="cloud"]:hover .cloud {
  display: flex;
}
.cloud.standard {
  left: 50%;
  transform: translateX(-50%);
}
.cloud.standard:before {
  top: -4px;
  left: 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%;
  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;
  transform: translateY(-50%) rotate(90deg);
}
.cloud.arrow-right-top:before {
  top: 15px;
  right: -6px;
  transform: rotate(90deg);
}
.cloud.arrow-right-bottom:before {
  right: -6px;
  bottom: 15px;
  transform: rotate(90deg);
}
.cloud.arrow-bottom:before {
  bottom: -4px;
  left: 50%;
  transform: translateX(-50%) scale(-1);
}
.cloud.arrow-bottom-right:before {
  right: 15px;
  bottom: -4px;
  transform: scale(-1);
}
.cloud.arrow-bottom-left:before {
  bottom: -4px;
  left: 15px;
  transform: scale(-1);
}
.cloud.arrow-left:before {
  top: 50%;
  left: -6px;
  transform: translateY(-50%) rotate(-90deg);
}
.cloud.arrow-left-top:before {
  top: 15px;
  left: -6px;
  transform: rotate(-90deg);
}
.cloud.arrow-left-bottom:before {
  bottom: 15px;
  left: -6px;
  transform: rotate(-90deg);
}
.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"]),
.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)
  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)
  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)
  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)
  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)
  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"]) {
  font-size: 14px;
}
.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"]),
.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)
  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)
  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)
  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)
  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)
  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: #e6e6e6;
}
.cloud:not(.without-styles) .options-list-link.disabled:not(.custom-color),
.cloud:not(.without-styles) a.disabled:not(.custom-color),
.cloud:not(.without-styles) h3.disabled:not(.custom-color),
.cloud:not(.without-styles) input.disabled:not(.custom-color),
.cloud:not(.without-styles) label.disabled:not(.custom-color),
.cloud:not(.without-styles) p.disabled:not(.custom-color),
.cloud:not(.without-styles) span.disabled:not(.custom-color) {
  pointer-events: none;
}
.cloud:not(.without-styles) .options-list-link.disabled:not(.custom-color),
.cloud:not(.without-styles)
  .options-list-link.disabled:not(.custom-color):before,
.cloud:not(.without-styles)
  .options-list-link.disabled:not(.custom-color)
  > span,
.cloud:not(.without-styles) a.disabled:not(.custom-color),
.cloud:not(.without-styles) a.disabled:not(.custom-color):before,
.cloud:not(.without-styles) a.disabled:not(.custom-color) > span,
.cloud:not(.without-styles) h3.disabled:not(.custom-color),
.cloud:not(.without-styles) h3.disabled:not(.custom-color):before,
.cloud:not(.without-styles) h3.disabled:not(.custom-color) > span,
.cloud:not(.without-styles) input.disabled:not(.custom-color),
.cloud:not(.without-styles) input.disabled:not(.custom-color):before,
.cloud:not(.without-styles) input.disabled:not(.custom-color) > span,
.cloud:not(.without-styles) label.disabled:not(.custom-color),
.cloud:not(.without-styles) label.disabled:not(.custom-color):before,
.cloud:not(.without-styles) label.disabled:not(.custom-color) > span,
.cloud:not(.without-styles) p.disabled:not(.custom-color),
.cloud:not(.without-styles) p.disabled:not(.custom-color):before,
.cloud:not(.without-styles) p.disabled:not(.custom-color) > span,
.cloud:not(.without-styles) span.disabled:not(.custom-color),
.cloud:not(.without-styles) span.disabled:not(.custom-color):before,
.cloud:not(.without-styles) span.disabled:not(.custom-color) > span {
  color: rgba(230, 230, 230, 0.5) !important;
}
.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: 0 0;
}
.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: 0 0;
}
.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: 0 0;
}
.cloud.big {
  width: 300px;
}
.cloud.small {
  width: 160px;
}
.cloud.auto-width {
  width: auto;
}
.cloud.options-cloud {
  padding: 0;
}
.cloud.options-cloud .options-list-link:not([class*="ds-link"]),
.cloud.options-cloud > a:not([class*="ds-link"]),
.cloud.options-cloud > p:not([class*="ds-link"]) {
  padding: 7px 9px 5px 9px;
}
.tall.cloud.options-cloud .options-list-link:not([class*="ds-link"]),
.tall.cloud.options-cloud > a:not([class*="ds-link"]),
.tall.cloud.options-cloud > p: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 .options-list .padded-content,
.cloud.options-cloud .padded-content {
  padding: 2px 9px 4px;
}
.tall.cloud.options-cloud .options-list .padded-content,
.tall.cloud.options-cloud .padded-content {
  padding: 4px 9px 2px 9px;
}
.cloud.options-cloud .options-list .padded-content.selected,
.cloud.options-cloud .padded-content.selected {
  background-color: #5e5e5e;
}
.cloud.options-cloud
  .options-list.without-hover
  > li
  .options-list-link.active:not(.disabled),
.cloud.options-cloud .options-list.without-hover > li > a.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.without-hover > li > a.active:not(.disabled),
.cloud.options-cloud.without-hover > li > span.active:not(.disabled) {
  background-color: #006cff;
}
.cloud.options-cloud
  .options-list.without-hover
  > li
  .options-list-link.active:not(.disabled).danger,
.cloud.options-cloud
  .options-list.without-hover
  > li
  > a.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.without-hover > li > a.active:not(.disabled).danger,
.cloud.options-cloud.without-hover > li > span.active:not(.disabled).danger {
  background-color: #c90b00;
  color: #fff;
}
.cloud.options-cloud
  .options-list:not(.without-hover)
  > li
  .options-list-link.active:not(.disabled),
.cloud.options-cloud
  .options-list:not(.without-hover)
  > li
  .options-list-link:hover:not(.disabled),
.cloud.options-cloud
  .options-list:not(.without-hover)
  > li
  > a.active:not(.disabled),
.cloud.options-cloud
  .options-list:not(.without-hover)
  > li
  > a:hover:not(.disabled),
.cloud.options-cloud
  .options-list:not(.without-hover)
  > li
  > span.active: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.active:not(.disabled),
.cloud.options-cloud:not(.without-hover)
  > li
  .options-list-link:hover:not(.disabled),
.cloud.options-cloud:not(.without-hover) > li > a.active:not(.disabled),
.cloud.options-cloud:not(.without-hover) > li > a:hover:not(.disabled),
.cloud.options-cloud:not(.without-hover) > li > span.active:not(.disabled),
.cloud.options-cloud:not(.without-hover) > li > span:hover:not(.disabled) {
  background-color: #006cff;
}
.cloud.options-cloud
  .options-list:not(.without-hover)
  > li
  .options-list-link.active:not(.disabled).danger,
.cloud.options-cloud
  .options-list:not(.without-hover)
  > li
  .options-list-link:hover:not(.disabled).danger,
.cloud.options-cloud
  .options-list:not(.without-hover)
  > li
  > a.active:not(.disabled).danger,
.cloud.options-cloud
  .options-list:not(.without-hover)
  > li
  > a:hover:not(.disabled).danger,
.cloud.options-cloud
  .options-list:not(.without-hover)
  > li
  > span.active: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.active:not(.disabled).danger,
.cloud.options-cloud: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:not(.without-hover) > li > a:hover:not(.disabled).danger,
.cloud.options-cloud:not(.without-hover)
  > li
  > span.active:not(.disabled).danger,
.cloud.options-cloud:not(.without-hover)
  > li
  > span:hover:not(.disabled).danger {
  background-color: #c90b00;
  color: #fff;
}
.cloud.options-cloud
  .options-list
  > li
  .options-list-link: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
  .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 > li > a:not([class*="ds-badge"]):not([class*="ds-link"]),
.cloud.options-cloud
  > li
  > span: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
  .options-list
  > li
  .options-list-link: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
  .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
  > li
  > a:not([class*="ds-badge"]):not([class*="ds-link"]),
.tall.cloud.options-cloud
  > li
  > span:not([class*="ds-badge"]):not([class*="ds-link"]) {
  padding: 4px 9px 2px 9px;
}
.with-icons.cloud.options-cloud
  .options-list
  > li
  .options-list-link: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
  .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
  > 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"]) {
  padding-left: 34px;
}
.with-icons.tall.cloud.options-cloud
  .options-list
  > li
  .options-list-link:before,
.with-icons.tall.cloud.options-cloud .options-list > li > a: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 > li > a:before,
.with-icons.tall.cloud.options-cloud > li > span:before {
  top: 5px;
}
.cloud.options-cloud .options-list > li .options-list-link:not(.disabled),
.cloud.options-cloud .options-list > li > a:not(.disabled),
.cloud.options-cloud .options-list > li > span:not(.disabled),
.cloud.options-cloud > li .options-list-link:not(.disabled),
.cloud.options-cloud > li > a:not(.disabled),
.cloud.options-cloud > li > span:not(.disabled) {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 100%;
}
.cloud.options-cloud
  .options-list
  > li
  .options-list-link:not(.disabled).active,
.cloud.options-cloud
  .options-list
  > li
  .options-list-link:not(.disabled).active
  span,
.cloud.options-cloud
  .options-list
  > li
  .options-list-link:not(.disabled).selected,
.cloud.options-cloud
  .options-list
  > li
  .options-list-link:not(.disabled).selected
  span,
.cloud.options-cloud .options-list > li .options-list-link:not(.disabled):hover,
.cloud.options-cloud
  .options-list
  > li
  .options-list-link:not(.disabled):hover
  span,
.cloud.options-cloud .options-list > li > a:not(.disabled).active,
.cloud.options-cloud .options-list > li > a:not(.disabled).active span,
.cloud.options-cloud .options-list > li > a:not(.disabled).selected,
.cloud.options-cloud .options-list > li > a:not(.disabled).selected span,
.cloud.options-cloud .options-list > li > a:not(.disabled):hover,
.cloud.options-cloud .options-list > li > a:not(.disabled):hover span,
.cloud.options-cloud .options-list > li > span:not(.disabled).active,
.cloud.options-cloud .options-list > li > span:not(.disabled).active span,
.cloud.options-cloud .options-list > li > span:not(.disabled).selected,
.cloud.options-cloud .options-list > li > span:not(.disabled).selected span,
.cloud.options-cloud .options-list > li > span:not(.disabled):hover,
.cloud.options-cloud .options-list > li > span:not(.disabled):hover span,
.cloud.options-cloud > li .options-list-link:not(.disabled).active,
.cloud.options-cloud > li .options-list-link:not(.disabled).active span,
.cloud.options-cloud > li .options-list-link:not(.disabled).selected,
.cloud.options-cloud > li .options-list-link:not(.disabled).selected span,
.cloud.options-cloud > li .options-list-link:not(.disabled):hover,
.cloud.options-cloud > li .options-list-link:not(.disabled):hover span,
.cloud.options-cloud > li > a:not(.disabled).active,
.cloud.options-cloud > li > a:not(.disabled).active span,
.cloud.options-cloud > li > a:not(.disabled).selected,
.cloud.options-cloud > li > a:not(.disabled).selected span,
.cloud.options-cloud > li > a:not(.disabled):hover,
.cloud.options-cloud > li > a:not(.disabled):hover span,
.cloud.options-cloud > li > span:not(.disabled).active,
.cloud.options-cloud > li > span:not(.disabled).active span,
.cloud.options-cloud > li > span:not(.disabled).selected,
.cloud.options-cloud > li > span:not(.disabled).selected span,
.cloud.options-cloud > li > span:not(.disabled):hover,
.cloud.options-cloud > li > span:not(.disabled):hover span {
  color: #fff;
}
.cloud.options-cloud
  .options-list
  > li
  .options-list-link.active:not(.disabled),
.cloud.options-cloud .options-list > li .options-list-link:hover:not(.disabled),
.cloud.options-cloud .options-list > li > a.active:not(.disabled),
.cloud.options-cloud .options-list > li > a:hover:not(.disabled),
.cloud.options-cloud .options-list > li > span.active:not(.disabled),
.cloud.options-cloud .options-list > li > span:hover:not(.disabled),
.cloud.options-cloud > li .options-list-link.active:not(.disabled),
.cloud.options-cloud > li .options-list-link:hover:not(.disabled),
.cloud.options-cloud > li > a.active:not(.disabled),
.cloud.options-cloud > li > a:hover:not(.disabled),
.cloud.options-cloud > li > span.active:not(.disabled),
.cloud.options-cloud > li > span:hover:not(.disabled) {
  background-color: #006cff;
}
.cloud.options-cloud
  .options-list
  > li
  .options-list-link.active:not(.disabled).danger,
.cloud.options-cloud
  .options-list
  > li
  .options-list-link:hover:not(.disabled).danger,
.cloud.options-cloud .options-list > li > a.active:not(.disabled).danger,
.cloud.options-cloud .options-list > li > a:hover:not(.disabled).danger,
.cloud.options-cloud .options-list > li > span.active:not(.disabled).danger,
.cloud.options-cloud .options-list > li > span:hover:not(.disabled).danger,
.cloud.options-cloud > li .options-list-link.active:not(.disabled).danger,
.cloud.options-cloud > li .options-list-link:hover:not(.disabled).danger,
.cloud.options-cloud > li > a.active:not(.disabled).danger,
.cloud.options-cloud > li > a:hover:not(.disabled).danger,
.cloud.options-cloud > li > span.active:not(.disabled).danger,
.cloud.options-cloud > li > span:hover:not(.disabled).danger {
  background-color: #c90b00;
  color: #fff;
}
.cloud.options-cloud .options-list > li .options-list-link.disabled,
.cloud.options-cloud .options-list > li .options-list-link.selected,
.cloud.options-cloud .options-list > li > a.disabled,
.cloud.options-cloud .options-list > li > a.selected,
.cloud.options-cloud .options-list > li > span.disabled,
.cloud.options-cloud .options-list > li > span.selected,
.cloud.options-cloud > li .options-list-link.disabled,
.cloud.options-cloud > li .options-list-link.selected,
.cloud.options-cloud > li > a.disabled,
.cloud.options-cloud > li > a.selected,
.cloud.options-cloud > li > span.disabled,
.cloud.options-cloud > li > span.selected {
  cursor: default;
}
.cloud.options-cloud .options-list > li .options-list-link.selected,
.cloud.options-cloud .options-list > li > a.selected,
.cloud.options-cloud .options-list > li > span.selected,
.cloud.options-cloud > li .options-list-link.selected,
.cloud.options-cloud > li > a.selected,
.cloud.options-cloud > li > span.selected {
  background-color: #5e5e5e;
}
.cloud.options-cloud .options-list > li .options-list-link.disabled,
.cloud.options-cloud .options-list > li > a.disabled,
.cloud.options-cloud .options-list > li > span.disabled,
.cloud.options-cloud > li .options-list-link.disabled,
.cloud.options-cloud > li > a.disabled,
.cloud.options-cloud > li > span.disabled {
  background: 0 0;
}
.cloud.options-cloud .options-list > li .options-list-link.danger,
.cloud.options-cloud .options-list > li > a.danger,
.cloud.options-cloud .options-list > li > span.danger,
.cloud.options-cloud > li .options-list-link.danger,
.cloud.options-cloud > li > a.danger,
.cloud.options-cloud > li > span.danger {
  color: #e20c00;
}
.cloud.options-cloud .options-list > li .options-list-link .shortcut,
.cloud.options-cloud .options-list > li > a .shortcut,
.cloud.options-cloud .options-list > li > span .shortcut,
.cloud.options-cloud > li .options-list-link .shortcut,
.cloud.options-cloud > li > a .shortcut,
.cloud.options-cloud > li > span .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 .options-list > li .ds-choose-base--cloud-item,
.cloud.options-cloud > li .ds-choose-base--cloud-item {
  margin: 5px 0 4px 10px;
}
.cloud.options-cloud .options-list > .with-sub-cloud:hover:after,
.cloud.options-cloud > .with-sub-cloud:hover:after {
  color: #fff;
}
.cloud.options-cloud .options-list > .with-sub-cloud:hover .sub-cloud,
.cloud.options-cloud > .with-sub-cloud:hover .sub-cloud {
  display: block;
}
.cloud.options-cloud .options-list > .with-sub-cloud:after,
.cloud.options-cloud > .with-sub-cloud:after {
  content: "\E090";
  color: #919191;
  font-size: 7px;
  transform: rotate(-90deg);
  text-align: center;
  font-family: uxpds-icons;
  font-style: normal;
  font-weight: 400;
  font-feature-settings: 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: flex;
}
.cloud.options-cloud.options-icons li .connect-merge .connect-merge-btn {
  width: 225px;
  height: 28px;
  padding: 0;
  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: flex;
  padding-top: 5px;
  padding-bottom: 4px;
  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
  .options-list
  li
  .options-list-link: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
  .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 li > a:not([class*="ds-badge"]):not([class*="ds-link"]),
.cloud.with-icons li > span:not([class*="ds-badge"]):not([class*="ds-link"]) {
  padding-left: 34px;
  position: relative;
}
.cloud.with-icons .options-list li .options-list-link:not(.custom-color):before,
.cloud.with-icons .options-list li > a: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 li > a:not(.custom-color):before,
.cloud.with-icons li > span:not(.custom-color):before {
  color: #e6e6e6;
  position: absolute;
  top: 9px;
  left: 10px;
}
.cloud.with-icons
  .options-list
  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).selected:before,
.cloud.with-icons
  .options-list
  li
  .options-list-link:not(.disabled):not(.custom-color):hover:before,
.cloud.with-icons
  .options-list
  li
  > a:not(.disabled):not(.custom-color).active:before,
.cloud.with-icons
  .options-list
  li
  > a:not(.disabled):not(.custom-color).selected:before,
.cloud.with-icons
  .options-list
  li
  > a:not(.disabled):not(.custom-color):hover:before,
.cloud.with-icons
  .options-list
  li
  > span:not(.disabled):not(.custom-color).active:before,
.cloud.with-icons
  .options-list
  li
  > span:not(.disabled):not(.custom-color).selected: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).active:before,
.cloud.with-icons
  li
  .options-list-link:not(.disabled):not(.custom-color).selected:before,
.cloud.with-icons
  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 li > a:not(.disabled):not(.custom-color).selected:before,
.cloud.with-icons li > a:not(.disabled):not(.custom-color):hover:before,
.cloud.with-icons li > span:not(.disabled):not(.custom-color).active:before,
.cloud.with-icons li > span:not(.disabled):not(.custom-color).selected:before,
.cloud.with-icons li > span:not(.disabled):not(.custom-color):hover: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: normal;
  letter-spacing: initial;
  text-transform: none;
  overflow: visible;
}
.cloud.select-style-list .options-separator .section-name:after,
.cloud.select-style-list .options-separator .section-name:before {
  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: 0 0;
  color: #a6a6a6;
  cursor: default;
}
.cloud.select-style-list li.selected:before {
  content: "\E280";
  color: #444;
  font-size: 5px;
  text-align: center;
  font-family: uxpds-icons;
  font-style: normal;
  font-weight: 400;
  font-feature-settings: 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;
  user-select: none;
}
.cloud.permissions-cloud {
  width: 300px;
  padding: 8px 10px;
}
.cloud.permissions-cloud .list-filters {
  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;
  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: 0 0;
}
.cloud.permissions-cloud .checkbox-list label {
  display: flex;
  width: 100%;
  padding: 5px 10px 4px 31px;
  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: 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;
  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;
  transition: all 0.3s ease-out 0s;
  margin-top: 0;
  margin-top: initial;
  border: none;
  position: absolute;
  top: 10px;
  right: 10px;
  background: 0 0;
}
.cloud.permissions-cloud .cloud-search-wrapper .icon-general-close:before {
  content: "\E008";
  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: 0 0;
  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: "\E246";
  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;
  transition: all 0.3s ease-out 0s;
  border: none;
  position: absolute;
  top: 8px;
  right: 5px;
  background: 0 0;
}
.cloud .search-form .icon-general-close:before {
  content: "\E008";
  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;
  transition: all 0.1s ease-out 0s;
}
.cloud .search-form + p,
.cloud .search-form + ul {
  margin-top: 6px;
}
.cloud .user-avatar {
  display: flex;
  width: 100%;
  align-items: center;
}
.cloud .user-avatar .initials,
.cloud .user-avatar > img {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  border-radius: 1px;
  flex-shrink: 0;
}
.cloud
  .user-avatar
  > img:not([src*="gravatar.com"])[src$="avatars/default.png"],
.cloud .user-avatar > img:not([src*="gravatar.com"])[src$="default_avatar.png"],
.cloud .user-avatar > img:not([src*="gravatar.com"])[src$="transparent.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: 400;
  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:after,
.cloud .separator:empty:before {
  display: none !important;
}
.cloud .separator:after,
.cloud .separator:before {
  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:after,
.cloud .options-separator .section-name:before {
  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 a span,
.cloud .tooltip 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::-moz-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: flex;
  height: 30px;
  padding-right: 19px;
  padding-left: 19px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  align-items: center;
  flex-shrink: 0;
  background-color: #111;
  font-size: 12px;
}
.cloud-with-settings.cloud .full-width-footer {
  background-color: #f3f3f3;
}
.dark-version .cloud-with-settings.cloud .full-width-footer {
  background-color: #111;
}
.cloud .sub-cloud {
  width: auto;
  top: -8px;
  left: 100%;
  z-index: 1;
}
.cloud .info-label {
  font-size: 12px;
  line-height: 16px;
}
[class*="ds-icon--font__"]:before {
  text-align: center;
  font-family: uxpds-icons;
  font-style: normal;
  font-weight: 400;
  font-feature-settings: 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-to-favorites:before {
  content: "\E000";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-archive:before {
  content: "\E001";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-unarchive:before {
  content: "\E054";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-arrange-left:before {
  content: "\E002";
  color: #919191;
  font-size: 14px;
  transform: rotate(-90deg);
}
.ds-icon--font__action-arrange-right:before {
  content: "\E002";
  color: #919191;
  font-size: 14px;
  transform: rotate(90deg);
}
.ds-icon--font__action-arrange-top:before {
  content: "\E002";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-arrange-bottom:before {
  content: "\E002";
  color: #919191;
  font-size: 14px;
  transform: rotate(180deg);
}
.ds-icon--font__action-arrange-center-vertical:before {
  content: "\E003";
  color: #919191;
  font-size: 14px;
  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: "\E004";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-attach-to-side-left:before {
  content: "\E004";
  color: #919191;
  font-size: 14px;
  transform: scale(-1, 1);
}
.ds-icon--font__action-autoresize:before {
  content: "\E005";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-break-symbol:before {
  content: "\E006";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-change-project-group:before {
  content: "\E007";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-close:before {
  content: "\E008";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-close-bold:before {
  content: "\E008";
  color: #919191;
  font-size: 14px;
  font-weight: 700;
}
.ds-icon--font__action-close-panel:before {
  content: "\E009";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-detaching-handler:before {
  content: "\E010";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-direction-horizontal:before {
  content: "\E011";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-direction-vertical:before {
  content: "\E012";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-disable:before {
  content: "\E013";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-distribute-horizontal:before {
  content: "\E014";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-distribute-on-grid:before {
  content: "\E015";
  color: #919191;
  font-size: 14px;
  transform: translateX(0.5px);
}
.ds-icon--font__action-distribute-vertical:before {
  content: "\E014";
  color: #919191;
  font-size: 14px;
  transform: rotate(90deg);
}
.ds-icon--font__action-duplicate:before {
  content: "\E016";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-element-align-bottom:before {
  content: "\E017";
  color: #919191;
  font-size: 11px;
  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;
  transform: rotate(90deg);
}
.ds-icon--font__action-element-align-left:before {
  content: "\E017";
  color: #919191;
  font-size: 11px;
  transform: translateX(0.5px);
}
.ds-icon--font__action-element-align-right:before {
  content: "\E017";
  color: #919191;
  font-size: 11px;
  transform: rotate(180deg);
}
.ds-icon--font__action-element-align-top:before {
  content: "\E017";
  color: #919191;
  font-size: 11px;
  transform: rotate(90deg);
}
.ds-icon--font__action-element-flip-horizontal:before {
  content: "\E019";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-element-flip-vertical:before {
  content: "\E019";
  color: #919191;
  font-size: 14px;
  transform: rotate(90deg);
}
.ds-icon--font__action-enable:before {
  content: "\E020";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-exit:before {
  content: "\E021";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-filter:before {
  content: "\E022";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-full-screen:before {
  content: "\E023";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-resizing-auto-horizontal:before {
  content: "\E046";
  color: #919191;
  font-size: 14px;
  transform: translateX(0.5px);
}
.ds-icon--font__action-resizing-fill-horizontal:before {
  content: "\E047";
  color: #919191;
  font-size: 14px;
  transform: translateX(0.5px);
}
.ds-icon--font__action-resizing-fixed-horizontal:before {
  content: "\E048";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-resizing-auto-vertical:before {
  content: "\E046";
  color: #919191;
  font-size: 14px;
  transform: rotate(90deg);
}
.ds-icon--font__action-resizing-fill-vertical:before {
  content: "\E047";
  color: #919191;
  font-size: 14px;
  transform: rotate(90deg);
}
.ds-icon--font__action-resizing-fixed-vertical:before {
  content: "\E048";
  color: #919191;
  font-size: 14px;
  transform: rotate(90deg);
}
.ds-icon--font__action-insert-data:before {
  content: "\E024";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-log-out:before {
  content: "\E025";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-mask:before {
  content: "\E026";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-move-behind:before {
  content: "\E027";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-move-by:before {
  content: "\E028";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-move-forward:before {
  content: "\E029";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-move-to:before {
  content: "\E030";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-move-to-back:before {
  content: "\E031";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-move-to-front:before {
  content: "\E032";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-multiproperty-lock:before {
  content: "\E033";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-multiproperty-unlock-borders:before {
  content: "\E034";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-multiproperty-unlock-corners:before {
  content: "\E035";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-next-state:before {
  content: "\E036";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-path-break:before {
  content: "\E037";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-path-default:before {
  content: "\E038";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-path-difference:before {
  content: "\E039";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-path-intersect:before {
  content: "\E040";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-path-subtract:before {
  content: "\E041";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-path-union:before {
  content: "\E042";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-pause:before {
  content: "\E043";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-previous-state:before {
  content: "\E044";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-remove-from-group:before {
  content: "\E045";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-set-content:before {
  content: "\E049";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-set-property:before {
  content: "\E050";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-set-storybook-property:before {
  content: "\E051";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-symbol-sync:before {
  content: "\E053";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__action-switch:before {
  content: "\E052";
  color: #919191;
  font-size: 8px;
}
.ds-icon--font__action-unmask:before {
  content: "\E055";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__adjust-settings:before {
  content: "\E056";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__advanced-animation:before {
  content: "\E057";
  color: #919191;
  font-size: 12px;
}
.ds-icon--font__angle:before {
  content: "\E058";
  color: #919191;
  font-size: 8px;
}
.ds-icon--font__api-request:before {
  content: "\E059";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__arrow-left:before {
  content: "\E060";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__arrow-right:before {
  content: "\E060";
  color: #919191;
  font-size: 14px;
  transform: rotate(180deg);
}
.ds-icon--font__arrow-up:before {
  content: "\E060";
  color: #919191;
  font-size: 14px;
  transform: rotate(90deg);
}
.ds-icon--font__arrow-down:before {
  content: "\E060";
  color: #919191;
  font-size: 14px;
  transform: rotate(-90deg);
}
.ds-icon--font__arrow-axis:before {
  content: "\E061";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__arrow-enter:before {
  content: "\E062";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__arrow-go-back:before {
  content: "\E063";
  color: #919191;
  font-size: 12px;
}
.ds-icon--font__arrow-play:before {
  content: "\E064";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__arrow-redo:before {
  content: "\E065";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__arrow-repeat:before {
  content: "\E066";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__arrow-replace:before {
  content: "\E067";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__arrow-retrieve:before {
  content: "\E068";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__arrow-rotate:before {
  content: "\E069";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__state-base:before {
  content: "\E260";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__arrow-show-vertical:before {
  content: "\E070";
  color: #919191;
  font-size: 9px;
}
.ds-icon--font__arrow-show-horizontal:before {
  content: "\E070";
  color: #919191;
  font-size: 9px;
  transform: rotate(90deg);
}
.ds-icon--font__arrow-size:before {
  content: "\E071";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__arrow-thin-left:before {
  content: "\E072";
  color: #919191;
  font-size: 14px;
  transform: rotate(180deg);
}
.ds-icon--font__arrow-thin-right:before {
  content: "\E072";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__arrow-thin-up:before {
  content: "\E072";
  color: #919191;
  font-size: 14px;
  transform: rotate(-90deg);
}
.ds-icon--font__arrow-thin-down:before {
  content: "\E072";
  color: #919191;
  font-size: 14px;
  transform: rotate(90deg);
}
.ds-icon--font__arrow-undo:before {
  content: "\E073";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__brand-apple:before {
  content: "\E074";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__brand-google-simple:before {
  content: "\E075";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__brand-google:before {
  content: "\E076";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__brand-npm:before {
  content: "\E077";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__brand-react:before {
  content: "\E078";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__brand-sketch:before {
  content: "\E079";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__brand-slack:before {
  content: "\E080";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__brand-storybook:before {
  content: "\E081";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__brand-twitter:before {
  content: "\E082";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__brand-uxpin:before {
  content: "\E083";
  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: "\E084";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__building:before {
  content: "\E085";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__bulb:before {
  content: "\E086";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__calendar:before {
  content: "\E087";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__calendar-grey:before {
  content: "\E088";
  color: #919191;
  font-size: 16px;
}
.ds-icon--font__changelog:before {
  content: "\E089";
  color: #919191;
  font-size: 11px;
}
.ds-icon--font__chevron-down:before {
  content: "\E090";
  color: #919191;
  font-size: 7px;
}
.ds-icon--font__chevron-up:before {
  content: "\E090";
  color: #919191;
  font-size: 7px;
  transform: rotate(180deg);
}
.ds-icon--font__chevron-left:before {
  content: "\E090";
  color: #919191;
  font-size: 7px;
  transform: rotate(90deg);
}
.ds-icon--font__chevron-right:before {
  content: "\E090";
  color: #919191;
  font-size: 7px;
  transform: rotate(-90deg);
}
.ds-icon--font__clock:before {
  content: "\E091";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__code-block:before {
  content: "\E092";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__code-inline:before {
  content: "\E093";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__color-drop:before {
  content: "\E094";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__color-gradient-angle:before {
  content: "\E095";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__color-gradient-linear:before {
  content: "\E096";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__color-gradient-radial:before {
  content: "\E097";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__color-solid:before {
  content: "\E098";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__colors-dropper:before {
  content: "\E099";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__colors-schemes:before {
  content: "\E100";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__colors-swatches:before {
  content: "\E101";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__connection-connected:before {
  content: "\E102";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__connection-disconnected:before {
  content: "\E103";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__connection-locally:before {
  content: "\E104";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__corner-top-left:before {
  content: "\E105";
  color: #919191;
  font-size: 7px;
  transform: rotate(90deg);
}
.ds-icon--font__corner-top-right:before {
  content: "\E105";
  color: #919191;
  font-size: 7px;
  transform: rotate(180deg);
}
.ds-icon--font__corner-bottom-right:before {
  content: "\E105";
  color: #919191;
  font-size: 7px;
  transform: rotate(270deg);
}
.ds-icon--font__corner-bottom-left:before {
  content: "\E105";
  color: #919191;
  font-size: 7px;
}
.ds-icon--font__cursor-crosshair:before {
  content: "\E106";
  color: #919191;
  font-size: 12px;
}
.ds-icon--font__cursor-default:before {
  content: "\E107";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__cursor-pointer:before {
  content: "\E108";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__desktop-app:before {
  content: "\E109";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__dollar:before {
  content: "\E110";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__dot:before {
  content: "\E111";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__dot-grey:before {
  content: "\E112";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__dots-horizontal:before {
  content: "\E113";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__dots-vertical:before {
  content: "\E113";
  color: #919191;
  font-size: 14px;
  transform: rotate(90deg);
}
.ds-icon--font__elements-audio:before {
  content: "\E114";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__elements-box:before {
  content: "\E115";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__elements-box-with-label:before {
  content: "\E117";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__elements-box-rounded:before {
  content: "\E116";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__elements-button:before {
  content: "\E118";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__elements-checkbox:before {
  content: "\E119";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__elements-circle:before {
  content: "\E120";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__elements-component-from-library:before {
  content: "\E121";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__elements-code-component:before {
  content: "\E122";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__elements-element:before {
  content: "\E123";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__elements-generic:before {
  content: "\E124";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__elements-hotspot:before {
  content: "\E125";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__elements-icon:before {
  content: "\E126";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__elements-image:before {
  content: "\E127";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__elements-input:before {
  content: "\E128";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__elements-line:before {
  content: "\E129";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__elements-merge-pattern:before {
  content: "\E130";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__elements-multi-select:before {
  content: "\E131";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__elements-multistates:before {
  content: "\E133";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__elements-multistates-edit:before {
  content: "\E132";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__elements-navigation:before {
  content: "\E134";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__elements-note:before {
  content: "\E135";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__elements-path:before {
  content: "\E136";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__elements-pencil:before {
  content: "\E137";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__elements-radio:before {
  content: "\E138";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__elements-select-list:before {
  content: "\E139";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__elements-slice:before {
  content: "\E140";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__elements-storybook:before {
  content: "\E141";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__elements-symbol:before {
  content: "\E142";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__elements-table:before {
  content: "\E143";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__elements-text-block:before {
  content: "\E145";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__elements-text-element:before {
  content: "\E146";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__elements-text-experimental-element:before {
  content: "\E147";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__elements-textarea:before {
  content: "\E148";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__elements-triangle:before {
  content: "\E144";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__elements-tooltip:before {
  content: "\E149";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__elements-unsymbol:before {
  content: "\E150";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__elements-video:before {
  content: "\E151";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__endpoint-empty-circle:before {
  content: "\E152";
  color: #5e5e5e;
  font-size: 16px;
}
.ds-icon--font__endpoint-empty-rectangle:before {
  content: "\E153";
  color: #5e5e5e;
  font-size: 16px;
}
.ds-icon--font__endpoint-empty-rhomb:before {
  content: "\E154";
  color: #5e5e5e;
  font-size: 16px;
}
.ds-icon--font__endpoint-empty-triangle:before {
  content: "\E155";
  color: #5e5e5e;
  font-size: 16px;
}
.ds-icon--font__endpoint-filled-arrow:before {
  content: "\E156";
  color: #5e5e5e;
  font-size: 16px;
}
.ds-icon--font__endpoint-filled-circle:before {
  content: "\E157";
  color: #5e5e5e;
  font-size: 16px;
}
.ds-icon--font__endpoint-filled-rectangle:before {
  content: "\E158";
  color: #5e5e5e;
  font-size: 16px;
}
.ds-icon--font__endpoint-filled-rhomb:before {
  content: "\E159";
  color: #5e5e5e;
  font-size: 16px;
}
.ds-icon--font__endpoint-filled-triangle:before {
  content: "\E160";
  color: #5e5e5e;
  font-size: 16px;
}
.ds-icon--font__endpoint-line:before {
  content: "\E161";
  color: #5e5e5e;
  font-size: 16px;
}
.ds-icon--font__endpoint-mirrored-triangle:before {
  content: "\E162";
  color: #5e5e5e;
  font-size: 16px;
}
.ds-icon--font__endpoint-none:before {
  content: "\E163";
  color: #5e5e5e;
  font-size: 16px;
}
.ds-icon--font__endpoint-opened-triangle:before {
  content: "\E164";
  color: #5e5e5e;
  font-size: 16px;
}
.ds-icon--font__exclamation-mark:before {
  content: "\E165";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__expander-collapsed:before {
  content: "\E166";
  color: #919191;
  font-size: 5px;
  transform: rotate(-90deg);
}
.ds-icon--font__expander-expanded:before {
  content: "\E166";
  color: #919191;
  font-size: 5px;
}
.ds-icon--font__external-link:before {
  content: "\E167";
  color: #919191;
  font-size: 12px;
}
.ds-icon--font__feature-accessibility:before {
  content: "\E168";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__feature-animations:before {
  content: "\E169";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__feature-approval:before {
  content: "\E170";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__feature-auto-backup:before {
  content: "\E171";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__feature-chat:before {
  content: "\E172";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__feature-comments:before {
  content: "\E173";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__feature-community:before {
  content: "\E174";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__feature-discussion:before {
  content: "\E175";
  color: #919191;
  font-size: 11px;
}
.ds-icon--font__feature-uxpin-docs:before {
  content: "\E176";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__feature-documentation:before {
  content: "\E177";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__feature-grid:before {
  content: "\E178";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__feature-iteration:before {
  content: "\E179";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__feature-layers:before {
  content: "\E180";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__feature-overview:before {
  content: "\E183";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__feature-overview-big:before {
  content: "\E184";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__feature-overview-medium:before {
  content: "\E185";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__feature-overview-small:before {
  content: "\E186";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__feature-responsive:before {
  content: "\E187";
  color: #919191;
  font-size: 10px;
}
.ds-icon--font__feature-sitemap:before {
  content: "\E188";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__feature-live-presentation:before {
  content: "\E181";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__feature-mobile:before {
  content: "\E182";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__feature-usability-testing:before {
  content: "\E189";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__feature-version-control:before {
  content: "\E190";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__files-download:before {
  content: "\E021";
  color: #919191;
  font-size: 14px;
  transform: rotate(-90deg);
}
.ds-icon--font__files-download-cloud:before {
  content: "\E191";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__files-upload:before {
  content: "\E192";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__folder-closed:before {
  content: "\E193";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__folder-closed-outline:before {
  content: "\E194";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__folder-opened:before {
  content: "\E195";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__font-adobe:before {
  content: "\E196";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__font-local:before {
  content: "\E197";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__font-uploaded:before {
  content: "\E198";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__gap-horizontal:before {
  content: "\E199";
  color: #919191;
  font-size: 8px;
}
.ds-icon--font__gap-vertical:before {
  content: "\E200";
  color: #919191;
  font-size: 8px;
}
.ds-icon--font__gear:before {
  content: "\E201";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__git:before {
  content: "\E202";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__heart:before {
  content: "\E203";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__info-simple:before {
  content: "\E204";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__info-warning:before {
  content: "\E205";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__info-warning-bold:before {
  content: "\E205";
  color: #919191;
  font-size: 14px;
  font-weight: 700;
}
.ds-icon--font__key-arrow-all:before {
  content: "\E206";
  color: #919191;
  font-size: 12px;
}
.ds-icon--font__keyboard:before {
  content: "\E207";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__laptop:before {
  content: "\E208";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__layout-list:before {
  content: "\E209";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__layout-medium-tile:before {
  content: "\E210";
  color: #919191;
  font-size: 13px;
}
.ds-icon--font__layout-medium-tile-outline:before {
  content: "\E211";
  color: #919191;
  font-size: 13px;
}
.ds-icon--font__layout-small-tile:before {
  content: "\E212";
  color: #919191;
  font-size: 13px;
}
.ds-icon--font__libraries-design-libraries:before {
  content: "\E213";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__libraries-more:before {
  content: "\E214";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__libraries-simple:before {
  content: "\E215";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__link-chain:before {
  content: "\E216";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__link-chain-break:before {
  content: "\E217";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__list-indentation-add:before {
  content: "\E218";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__list-indentation-remove:before {
  content: "\E219";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__list-ordered:before {
  content: "\E220";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__list-unordered:before {
  content: "\E221";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__mail:before {
  content: "\E222";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__mask:before {
  content: "\E223";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__media-pause:before {
  content: "\E224";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__media-play:before {
  content: "\E225";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__media-stop:before {
  content: "\E226";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__minus-outline:before {
  content: "\E227";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__moon:before {
  content: "\E228";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__opacity:before {
  content: "\E229";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__options-view:before {
  content: "\E230";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__padlock-broken:before {
  content: "\E231";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__padlock-locked:before {
  content: "\E232";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__padlock-unlocked:before {
  content: "\E233";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__pencil:before {
  content: "\E235";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__piggy-bank:before {
  content: "\E236";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__pen-tool:before {
  content: "\E234";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__pin-map:before {
  content: "\E237";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__pin-map-solid:before {
  content: "\E238";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__pin-simple:before {
  content: "\E239";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__plugins:before {
  content: "\E240";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__plus:before {
  content: "\E242";
  color: #919191;
  font-size: 8px;
}
.ds-icon--font__plus-outline:before {
  content: "\E241";
  color: #919191;
  font-size: 11px;
}
.ds-icon--font__question-mark:before {
  content: "\E243";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__question-mark-solid:before {
  content: "\E244";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__scroll-to:before {
  content: "\E245";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__search:before {
  content: "\E246";
  color: #919191;
  font-size: 12px;
}
.ds-icon--font__settings:before {
  content: "\E247";
  color: #919191;
  font-size: 12px;
}
.ds-icon--font__shape-diamond:before {
  content: "\E248";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__shape-rhombus:before {
  content: "\E249";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__shape-star:before {
  content: "\E250";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__shape-triangle-right-angled:before {
  content: "\E251";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__shape-triangle:before {
  content: "\E252";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__share-closed:before {
  content: "\E253";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__share-opened:before {
  content: "\E254";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__shopping-cart:before {
  content: "\E255";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__sound-mute:before {
  content: "\E256";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__sound-unmute:before {
  content: "\E257";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__star-outline:before {
  content: "\E258";
  color: #63ad0e;
  font-size: 14px;
}
.ds-icon--font__star-solid:before {
  content: "\E259";
  color: #63ad0e;
  font-size: 14px;
}
.ds-icon--font__status-approved-solid:before {
  content: "\E261";
  color: #63ad0e;
  font-size: 14px;
}
.ds-icon--font__status-approved:before {
  content: "\E262";
  color: #63ad0e;
  font-size: 14px;
}
.ds-icon--font__status-paused:before {
  content: "\E263";
  color: #a6a6a6;
  font-size: 14px;
}
.ds-icon--font__status-progress:before {
  content: "\E264";
  color: #a6a6a6;
  font-size: 14px;
}
.ds-icon--font__status-rejected-solid:before {
  content: "\E265";
  color: #fb0d00;
  font-size: 14px;
}
.ds-icon--font__status-rejected:before {
  content: "\E266";
  color: #fb0d00;
  font-size: 14px;
}
.ds-icon--font__status-waiting:before {
  content: "\E267";
  color: #ffc000;
  font-size: 14px;
}
.ds-icon--font__stroke-end-butt:before {
  content: "\E268";
  color: #919191;
  font-size: 14px;
  top: 1px;
}
.ds-icon--font__stroke-end-round:before {
  content: "\E269";
  color: #919191;
  font-size: 11px;
}
.ds-icon--font__stroke-end-square:before {
  content: "\E270";
  color: #919191;
  font-size: 11px;
}
.ds-icon--font__stroke-join-bevel:before {
  content: "\E271";
  color: #919191;
  font-size: 11px;
}
.ds-icon--font__stroke-join-miter:before {
  content: "\E272";
  color: #919191;
  font-size: 11px;
}
.ds-icon--font__stroke-join-round:before {
  content: "\E273";
  color: #919191;
  font-size: 11px;
}
.ds-icon--font__stroke-point-asymmetric:before {
  content: "\E274";
  color: #919191;
  font-size: 13px;
}
.ds-icon--font__stroke-point-disconnected:before {
  content: "\E275";
  color: #919191;
  font-size: 13px;
}
.ds-icon--font__stroke-point-mirrored:before {
  content: "\E276";
  color: #919191;
  font-size: 13px;
}
.ds-icon--font__stroke-point-straight:before {
  content: "\E277";
  color: #919191;
  font-size: 13px;
}
.ds-icon--font__sun:before {
  content: "\E278";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__sun-half:before {
  content: "\E279";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__thunder:before {
  content: "\E281";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__ticker:before {
  content: "\E280";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__tooltip-left:before {
  content: "\E282";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__tooltip-right:before {
  content: "\E282";
  color: #919191;
  font-size: 14px;
  transform: rotate(180deg);
}
.ds-icon--font__tooltip-top:before {
  content: "\E283";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__tooltip-bottom:before {
  content: "\E283";
  color: #919191;
  font-size: 14px;
  transform: rotate(180deg);
}
.ds-icon--font__trash:before {
  content: "\E284";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__tutorial-text:before {
  content: "\E285";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__typography-align-center:before {
  content: "\E286";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__typography-align-justify:before {
  content: "\E287";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__typography-align-left:before {
  content: "\E288";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__typography-align-right:before {
  content: "\E288";
  color: #919191;
  font-size: 14px;
  transform: rotate(180deg);
}
.ds-icon--font__typography-auto-height:before {
  content: "\E289";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__typography-auto-width:before {
  content: "\E290";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__typography-bold:before {
  content: "\E291";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__typography-capitalize:before {
  content: "\E292";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__typography-fixed-size:before {
  content: "\E293";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__typography-fixed-width:before {
  content: "\E294";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__typography-font-size:before {
  content: "\E295";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__typography-fraction:before {
  content: "\E296";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__typography-italic:before {
  content: "\E297";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__typography-letter-spacing:before {
  content: "\E298";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__typography-ligature:before {
  content: "\E299";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__typography-line-height:before {
  content: "\E300";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__typography-lowercase:before {
  content: "\E301";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__typography-small-caps:before {
  content: "\E302";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__typography-strike:before {
  content: "\E303";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__typography-superscription:before {
  content: "\E305";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__typography-subscription:before {
  content: "\E304";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__typography-underline:before {
  content: "\E307";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__typography-uppercase:before {
  content: "\E306";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__typography-vertical-align-bottom:before {
  content: "\E308";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__typography-vertical-align-center:before {
  content: "\E309";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__typography-vertical-align-top:before {
  content: "\E308";
  color: #919191;
  font-size: 14px;
  transform: rotate(180deg);
}
.ds-icon--font__user-add:before {
  content: "\E310";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__user-simple:before {
  content: "\E311";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__variable:before {
  content: "\E312";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__visibility-hidden:before {
  content: "\E313";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__visibility-toggle:before {
  content: "\E314";
  color: #919191;
  font-size: 14px;
}
.ds-icon--font__visibility-visible:before {
  content: "\E315";
  color: #919191;
  font-size: 14px;
}
.ds-icon--custom__element-line:before {
  content: "";
  width: 10px;
  height: 1px;
  transform: rotate(-45deg);
  background: #919191;
}
.ds-icon--custom__element-hr:before {
  content: "\2014";
  color: #919191;
  font-size: 17px;
  font-weight: 700;
}
.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: "\0201D";
  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: flex;
  width: 34px;
  height: 34px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  position: relative;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background-color: transparent;
  color: #5e5e5e;
  text-decoration: none;
  cursor: pointer;
}
.ds-action-icon-base:after,
.ds-action-icon-base:before {
  box-sizing: border-box;
}
.ds-action-icon-base:active,
.ds-action-icon-base:focus {
  outline: 0;
}
.ds-action-icon-base.ds-util-is-marked,
.ds-action-icon-base:hover {
  border-color: rgba(0, 0, 0, 0.1);
  background-color: rgba(0, 0, 0, 0.05);
}
.ds-action-icon-base.ds-util-is-active,
.ds-action-icon-base: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: 0;
  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.ds-util-is-marked,
.ds-action-icon-base--style-approve:hover {
  border-color: rgba(113, 197, 16, 0.3);
  background-color: rgba(113, 197, 16, 0.05);
}
.ds-action-icon-base--style-approve.ds-util-is-active,
.ds-action-icon-base--style-approve: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.ds-util-is-marked,
.ds-action-icon-base--style-chameleon:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.ds-action-icon-base--style-chameleon.ds-util-is-active,
.ds-action-icon-base--style-chameleon: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.ds-util-is-marked,
.ds-action-icon-base--style-destructive:hover {
  border-color: rgba(251, 13, 0, 0.15);
  background-color: rgba(251, 13, 0, 0.05);
}
.ds-action-icon-base--style-destructive.ds-util-is-active,
.ds-action-icon-base--style-destructive: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.ds-util-is-marked,
.ds-action-icon-base--weight-light:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.ds-action-icon-base--weight-light.ds-util-is-active,
.ds-action-icon-base--weight-light: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.ds-util-is-marked,
.ds-action-icon-base--weight-light.ds-action-icon-base--style-approve:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.ds-action-icon-base--weight-light.ds-action-icon-base--style-approve.ds-util-is-active,
.ds-action-icon-base--weight-light.ds-action-icon-base--style-approve: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.ds-util-is-marked,
.ds-action-icon-base--weight-light.ds-action-icon-base--style-destructive:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.ds-action-icon-base--weight-light.ds-action-icon-base--style-destructive.ds-util-is-active,
.ds-action-icon-base--weight-light.ds-action-icon-base--style-destructive: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.ds-util-is-marked,
.ds-action-icon-base--weight-light.ds-action-icon-base--style-chameleon:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.ds-action-icon-base--weight-light.ds-action-icon-base--style-chameleon.ds-util-is-active,
.ds-action-icon-base--weight-light.ds-action-icon-base--style-chameleon: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.ds-util-is-marked,
.ds-action-icon-base--weight-x-light:hover {
  background-color: transparent;
}
.ds-action-icon-base--weight-x-light.ds-util-is-active,
.ds-action-icon-base--weight-x-light: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.ds-util-is-marked,
.ds-action-icon-base--weight-x-light.ds-action-icon-base--style-approve:hover {
  background-color: transparent;
  color: #71c510;
}
.ds-action-icon-base--weight-x-light.ds-action-icon-base--style-approve.ds-util-is-active,
.ds-action-icon-base--weight-x-light.ds-action-icon-base--style-approve: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.ds-util-is-marked,
.ds-action-icon-base--weight-x-light.ds-action-icon-base--style-destructive:hover {
  background-color: transparent;
  color: #fb0d00;
}
.ds-action-icon-base--weight-x-light.ds-action-icon-base--style-destructive.ds-util-is-active,
.ds-action-icon-base--weight-x-light.ds-action-icon-base--style-destructive: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.ds-util-is-marked,
.ds-action-icon-base--weight-x-light.ds-action-icon-style-chameleon:hover {
  background-color: transparent;
}
.ds-action-icon-base--weight-x-light.ds-action-icon-style-chameleon.ds-util-is-active,
.ds-action-icon-base--weight-x-light.ds-action-icon-style-chameleon:active {
  background-color: transparent;
}
.ds-action-icon-base.ds-util-is-disabled,
.ds-action-icon-base:disabled {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.ds-action-icon-base.ds-util-is-disabled,
.ds-action-icon-base.ds-util-is-disabled.ds-util-is-marked,
.ds-action-icon-base.ds-util-is-disabled:hover,
.ds-action-icon-base:disabled,
.ds-action-icon-base:disabled.ds-util-is-marked,
.ds-action-icon-base:disabled:hover {
  color: silver;
}
.ds-action-icon-base.ds-util-is-disabled.ds-util-is-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:disabled: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;
  animation: loading 0.5s infinite linear;
}
@keyframes loading {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.ds-action-icon-base--is-working:before {
  display: none;
}
.ds-action-icon-base--has-only-icon {
  position: relative;
  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: flex;
  align-items: 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: flex;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  font-family: ProximaNova, sans-serif;
  text-transform: uppercase;
  overflow: hidden;
}
.ds-avatar-base:after,
.ds-avatar-base:before {
  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: flex;
  flex-wrap: wrap;
}
.ds-choose-base:after,
.ds-choose-base:before {
  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;
  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: 0 0;
}
.ds-choose-base__label.ds-label--style-chameleon .ds-choose-base__helper {
  border-color: rgba(255, 255, 255, 0.3);
  background: 0 0;
}
.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:after,
.ds-choose-base__helper:before {
  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;
  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;
  order: 1;
}
.ds-choose-base--line-distributed .ds-choose-base__label {
  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: #111;
}
.ds-avatar--has-text-dark {
  color: rgba(0, 0, 0, 0.8);
}
.ds-avatar__photo {
  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;
  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: flex;
  align-items: 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-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  text-indent: 0;
  display: inline-flex;
  margin: 0;
  padding: 0;
  border-radius: 2px;
  position: relative;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}
.ds-badge:after,
.ds-badge:before {
  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: #777;
}
.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;
  animation: loading 0.5s infinite linear;
}
@keyframes loading {
  0% {
    transform: rotate(0);
  }
  100% {
    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: #777;
}
.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: flex;
  height: 34px;
  padding: 0 20px;
  border: none;
  border-radius: 2px;
  align-items: 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;
  user-select: none;
}
.ds-btn:after,
.ds-btn:before {
  box-sizing: border-box;
}
.ds-btn:active,
.ds-btn:focus {
  outline: 0;
}
.ds-btn[class*="icon-"]:before {
  position: static;
  color: inherit;
  vertical-align: middle;
  line-height: inherit;
  margin-right: 6px;
}
.ds-btn--link-type {
  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: 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:focus,
.ds-btn--style-default:hover {
  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:focus,
.ds-btn--style-neutral:hover {
  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:focus,
.ds-btn--style-approve:hover {
  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:focus,
.ds-btn--style-chameleon:hover {
  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:focus,
.ds-btn--style-destructive:hover {
  background-color: #e20c00;
}
.ds-btn--style-destructive:active {
  background-color: #af0900;
}
.ds-btn--style-warning {
  background-color: #ffe080;
  color: #444;
}
.ds-btn--style-warning:focus,
.ds-btn--style-warning:hover {
  background-color: #ffc61a;
}
.ds-btn--style-warning:active {
  background-color: #e6ad00;
}
.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:focus,
.ds-btn--weight-light.ds-btn--style-default:hover {
  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:focus,
.ds-btn--weight-light.ds-btn--style-neutral:hover {
  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:focus,
.ds-btn--weight-light.ds-btn--style-approve:hover {
  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:focus,
.ds-btn--weight-light.ds-btn--style-destructive:hover {
  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:focus,
.ds-btn--weight-light.ds-btn--style-chameleon:hover {
  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:focus,
.ds-btn--weight-light.ds-btn--style-warning:hover {
  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--is-disabled,
.ds-btn:disabled {
  pointer-events: none;
  opacity: 1;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  box-shadow: none;
}
.ds-btn--is-disabled,
.ds-btn--is-disabled:hover,
.ds-btn:disabled,
.ds-btn:disabled:hover {
  background-color: #f3f3f3;
  color: silver;
}
.ds-btn--is-disabled.ds-btn--weight-light,
.ds-btn--is-disabled.ds-btn--weight-light:hover,
.ds-btn:disabled.ds-btn--weight-light,
.ds-btn:disabled.ds-btn--weight-light:hover {
  box-shadow: inset 0 0 0 1px #e6e6e6;
  background-color: transparent;
  color: #a6a6a6;
}
.ds-btn--is-disabled.ds-btn--weight-light.ds-btn--style-chameleon,
.ds-btn--is-disabled.ds-btn--weight-light.ds-btn--style-chameleon:hover,
.ds-btn:disabled.ds-btn--weight-light.ds-btn--style-chameleon,
.ds-btn: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;
  animation: loading 0.5s infinite linear;
}
@keyframes loading {
  0% {
    transform: rotate(0);
  }
  100% {
    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.ds-btn--is-disabled:after,
.ds-btn--is-working.ds-btn--weight-light.ds-btn--is-disabled:after,
.ds-btn--is-working.ds-btn--weight-light:disabled:after,
.ds-btn--is-working:disabled:after {
  border-color: #5e5e5e;
}
.ds-btn-group {
  display: flex;
}
.ds-btn-group--direction-horizontal {
  flex-direction: row;
  align-items: center;
}
.ds-btn-group--direction-horizontal.ds-btn-group--stretched {
  width: 100%;
}
.ds-btn-group--direction-vertical {
  flex-direction: column;
}
.ds-btn-group--direction-vertical.ds-btn-group--stretched {
  height: 100%;
}
.ds-btn-group--stretched {
  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: "\E090";
  color: #919191;
  font-size: 7px;
  text-align: center;
  font-family: uxpds-icons;
  font-style: normal;
  font-weight: 400;
  font-feature-settings: 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.ds-util-is-active:after,
.ds-btn-icon--has-state-indicator:active:after {
  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:after,
.ds-checkbox:before {
  box-sizing: border-box;
}
.ds-checkbox:active,
.ds-checkbox:focus {
  outline: 0;
}
.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: "\E280";
  color: #fff;
  font-size: 4px;
  text-align: center;
  font-family: uxpds-icons;
  font-style: normal;
  font-weight: 400;
  font-feature-settings: 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: inline-flex;
}
.ds-decoration-icon:after,
.ds-decoration-icon:before {
  box-sizing: border-box;
}
.ds-decoration-icon:before {
  display: flex;
  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: flex;
  width: 100%;
  align-items: center;
}
.ds-heading-separator:after,
.ds-heading-separator:before {
  box-sizing: border-box;
}
.ds-heading-separator--text-uppercase {
  font-size: 10px;
  color: #b3b3b3;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.ds-heading-separator--text-center:after,
.ds-heading-separator--text-center:before {
  content: "";
  display: flex;
  height: 1px;
  background-color: #f3f3f3;
  flex-grow: 1;
}
.ds-heading-separator--text-on-left:after {
  content: "";
  display: flex;
  height: 1px;
  background-color: #f3f3f3;
  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:after,
.ds-hulk-select:before {
  box-sizing: border-box;
}
.ds-hulk-select__footer,
.ds-hulk-select__header {
  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__footer:after,
.ds-hulk-select__footer:before,
.ds-hulk-select__header:after,
.ds-hulk-select__header:before {
  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%;
  transform: translateY(-50%);
  cursor: pointer;
}
.ds-hulk-select__input-chevron:after,
.ds-hulk-select__input-chevron:before {
  box-sizing: border-box;
}
.ds-hulk-select__input-chevron:before {
  content: "\E090";
  color: rgba(0, 0, 0, 0.4);
  font-size: 7px;
  text-align: center;
  font-family: uxpds-icons;
  font-style: normal;
  font-weight: 400;
  font-feature-settings: 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 {
  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;
  top: 3px;
  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: flex;
  border-radius: 2px;
  position: fixed;
  z-index: 2147483547;
  top: 0;
  left: 0;
  flex-direction: column;
  background-color: #fff;
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.2);
}
.ds-hulk-select__container:after,
.ds-hulk-select__container:before {
  box-sizing: border-box;
}
.ds-hulk-select__container:active,
.ds-hulk-select__container:focus {
  outline: 0;
}
.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: flex;
  position: relative;
  flex-direction: column;
  overflow-y: auto;
}
.ds-hulk-select__options:after,
.ds-hulk-select__options:before {
  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: flex;
  width: 100%;
  min-height: 1px;
  margin: 5px 0;
  border: none;
  position: relative;
  z-index: 1;
  align-items: center;
}
.ds-hulk-select__separator:after,
.ds-hulk-select__separator:before {
  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: 400;
  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:after,
.ds-hulk-select__separator-item:before {
  box-sizing: border-box;
}
.ds-hulk-select__separator:before {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  top: 50%;
  z-index: -1;
  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:after,
.ds-hulk-select__group:before {
  box-sizing: border-box;
}
.ds-hulk-select__container--has-preview .ds-hulk-select__group {
  width: auto;
}
.ds-hulk-select__preview-container {
  overflow: hidden;
  display: flex;
  width: 170px;
  height: inherit;
  padding: 20px;
  position: absolute;
  top: 0;
  left: 0;
  align-items: 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: flex;
  box-sizing: border-box;
  width: 100%;
}
.ds-hulk-select__empty-state:after,
.ds-hulk-select__empty-state:before,
.ds-hulk-select__item:after,
.ds-hulk-select__item:before {
  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;
  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:after,
.ds-hulk-select__item-single:before {
  box-sizing: border-box;
}
.ds-hulk-select__item--hidden {
  display: none;
}
.ds-hulk-select__item--selected,
.ds-hulk-select__item.ds-util-is-marked {
  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: "\E280";
  color: #444;
  font-size: 5px;
  text-align: center;
  font-family: uxpds-icons;
  font-style: normal;
  font-weight: 400;
  font-feature-settings: 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__item,
.ds-hulk-select--fit-to-option .ds-hulk-select__options {
  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:after,
.ds-inline-edit:before {
  box-sizing: border-box;
}
.ds-inline-edit--is-inline {
  display: inline;
}
.ds-inline-edit:active,
.ds-inline-edit:focus,
.ds-inline-edit__field:active,
.ds-inline-edit__field:focus {
  outline: 0;
}
.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-feature-settings: 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: 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:after,
.ds-inline-edit__field:before {
  box-sizing: border-box;
}
.ds-inline-edit__field:hover {
  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:active,
.ds-inline-edit__field--is-active:focus,
.ds-inline-edit__field--is-active:hover {
  background-image: none;
  text-overflow: initial;
  cursor: auto;
  -webkit-user-select: initial;
  -moz-user-select: initial;
  user-select: initial;
}
.ds-inline-edit__field--is-active:empty {
  display: inline-block;
  overflow: visible;
  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--is-disabled:hover,
.ds-inline-edit__field--weight-x-light,
.ds-inline-edit__field--weight-x-light:hover {
  background-image: none;
}
.ds-inline-edit__field--style-chameleon {
  background-image: linear-gradient(
    to right,
    rgba(218, 218, 218, 0.3) 50%,
    transparent 50%
  );
}
.ds-inline-edit__field--style-chameleon:hover {
  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: flex;
  flex-direction: row;
  color: #5e5e5e;
  font-family: ProximaNova, sans-serif;
  font-size: 14px;
  cursor: text;
}
.ds-input20:after,
.ds-input20:before {
  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-input20--static:focus-within.ds-input20--style-default:not(
    .ds-input20--is-readonly
  ),
.ds-util-is-active.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::-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::-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::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;
}
.ds-input20--is-end-element-on-focus.ds-input20--static:not(
    :focus-within
  ).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,
:not(.ds-input20--has-end-element).ds-input20--weight-heavy.ds-input20--size-s
  .ds-input20__field {
  padding-right: 6px;
}
.ds-input20--is-start-element-on-focus.ds-input20--static:not(
    :focus-within
  ).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,
:not(.ds-input20--has-start-element).ds-input20--weight-heavy.ds-input20--size-s
  .ds-input20__field {
  padding-left: 6px;
}
.ds-input20--size-m {
  height: 34px;
  line-height: 21px;
}
.ds-input20--is-end-element-on-focus.ds-input20--static:not(
    :focus-within
  ).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,
:not(.ds-input20--has-end-element).ds-input20--weight-heavy.ds-input20--size-m
  .ds-input20__field {
  padding-right: 10px;
}
.ds-input20--is-start-element-on-focus.ds-input20--static:not(
    :focus-within
  ).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,
:not(.ds-input20--has-start-element).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;
}
.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,
:not(.ds-input20--has-end-element).ds-input20--weight-heavy.ds-input20--size-l
  .ds-input20__field {
  padding-right: 20px;
}
.ds-input20--is-end-element-on-focus.ds-input20--static:not(
    :focus-within
  ).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,
:not(.ds-input20--has-start-element).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;
  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:after,
.ds-input20__field:before {
  box-sizing: border-box;
}
.ds-input20__field:active,
.ds-input20__field:focus {
  outline: 0;
}
.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--is-disabled .ds-input20__field::-moz-placeholder,
.ds-input20__field::-moz-placeholder {
  color: #b3b3b3;
}
.ds-input20__field--is-disabled .ds-input20__field::-moz-placeholder, .ds-input20__field::-moz-placeholder {
  color: #b3b3b3;
}
.ds-input20__field--is-disabled .ds-input20__field::placeholder,
.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: flex;
  height: 100%;
  flex-grow: 0;
  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 {
  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:after,
.ds-input:before {
  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:after,
.ds-input .ds-input__field:before {
  box-sizing: border-box;
}
.ds-input .ds-input__field:active,
.ds-input .ds-input__field:focus {
  outline: 0;
}
.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::-moz-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;
  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: 0 0;
  color: #dadada;
}
.ds-input .ds-input__field--style-chameleon::-moz-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: 0 0;
}
.ds-input .ds-input__field--weight-light {
  padding: 0;
  border-top: none;
  border-right: none;
  border-left: none;
  border-radius: 0;
  background: 0 0;
  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;
  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;
  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;
  transform: translateY(-50%);
}
.ds-item-list__item-wrapper {
  display: grid;
  grid-template-areas: "option removeBtn";
  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: silver;
}
.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-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  text-indent: 0;
  display: flex !important;
}
.ds-label:after,
.ds-label:before {
  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-feature-settings: 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:after,
.ds-link:before {
  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);
}
.ds-util-is-marked.ds-link:not(.ds-util-is-working):not(.ds-util-is-disabled)
  .ds-link__text,
:hover.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);
}
.ds-util-is-marked.ds-link--style-contextual.ds-link:not(
    .ds-util-is-working
  ):not(.ds-util-is-disabled)
  .ds-link__text,
:hover.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;
}
.ds-util-is-marked.ds-link--style-chameleon.ds-link:not(
    .ds-util-is-working
  ):not(.ds-util-is-disabled)
  .ds-link__text,
:hover.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);
}
.ds-util-is-marked.ds-link--style-neutral.ds-link:not(.ds-util-is-working):not(
    .ds-util-is-disabled
  )
  .ds-link__text,
:hover.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);
}
.ds-util-is-marked.ds-link--style-destructive.ds-link:not(
    .ds-util-is-working
  ):not(.ds-util-is-disabled)
  .ds-link__text,
:hover.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: inline-flex;
  align-items: center;
}
.ds-link--style-contextual,
.ds-link--style-contextual.ds-util-is-marked,
.ds-link--style-contextual:hover {
  color: inherit;
}
.ds-link--style-chameleon {
  color: #fff;
}
.ds-link--style-chameleon.ds-util-is-marked,
.ds-link--style-chameleon:hover {
  color: rgba(255, 255, 255, 0.8);
}
.ds-link--style-neutral {
  color: #5e5e5e;
}
.ds-link--style-neutral.ds-util-is-marked,
.ds-link--style-neutral:hover {
  color: #474747;
}
.ds-link--style-destructive {
  color: #fb0d00;
}
.ds-link--style-destructive.ds-util-is-marked,
.ds-link--style-destructive:hover {
  color: #c90b00;
}
.ds-link.ds-util-is-disabled {
  color: silver;
  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;
  animation: loading 0.5s infinite linear;
}
@keyframes loading {
  0% {
    transform: rotate(0);
  }
  100% {
    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: inline-flex;
  max-width: 100%;
  min-width: 0;
}
.ds-link__ellipsis-helper:after,
.ds-link__ellipsis-helper:before {
  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:after,
.ds-link__text:before {
  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:after,
.ds-radio-button:before {
  box-sizing: border-box;
}
.ds-radio-button:active,
.ds-radio-button:focus {
  outline: 0;
}
.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:after,
.ds-radio-group:before {
  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:after,
.ds-radio-group__item:before {
  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:after,
.ds-switcher:before {
  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;
  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: flex;
  width: 100%;
  height: 100%;
  align-items: 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:after,
.ds-textarea:before {
  box-sizing: border-box;
}
.ds-textarea:active,
.ds-textarea:focus {
  outline: 0;
}
.ds-textarea.ds-util-is-disabled {
  pointer-events: none;
  opacity: 1;
  -webkit-user-select: none;
  -moz-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::-moz-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: 0 0;
  color: #dadada;
}
.ds-textarea--style-chameleon::-moz-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: 0 0;
}
.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:after,
.ds-tip:before {
  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-feature-settings: normal;
  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:after,
.ds-tooltip:before {
  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 {
  transition-delay: 0.2s;
}
.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:after,
.ds-tooltip__arrow:before {
  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-bottom:before,
.ds-tooltip--is-clickable-top: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-left:before,
.ds-tooltip--is-clickable-right: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%;
  transform: translateX(-50%);
}
.ds-tooltip--bottom .ds-tooltip__arrow,
.ds-tooltip--top .ds-tooltip__arrow {
  left: 50%;
  transform: translateX(-50%);
}
.ds-tooltip--top {
  top: -10px;
  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--left,
.ds-tooltip--right {
  top: 50%;
}
.ds-tooltip--left .ds-tooltip__arrow,
.ds-tooltip--right .ds-tooltip__arrow {
  top: 50%;
  transform: translateY(-50%);
}
.ds-tooltip--right {
  left: calc(100% + 10px);
  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;
  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: max-content max-content max-content;
}
.ds-fieldset--direction-horizontal {
  -moz-column-gap: 6px;
  column-gap: 6px;
  grid-template-areas: "label fields" "label tip";
  grid-template-columns: max-content 1fr;
  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: flex;
  grid-area: fields;
}
.ds-fieldset__fields--direction-vertical {
  flex-direction: column;
}
.ds-fieldset__fields--direction-horizontal {
  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: flex;
  width: 464px;
  padding: 16px 24px;
  position: fixed;
  bottom: var(--offset-bottom);
  left: var(--offset-left);
  z-index: 2147483247;
  flex-direction: column;
  background-color: #1e1e1e;
  color: #f3f3f3;
}
.ds-toast:after,
.ds-toast:before {
  box-sizing: border-box;
}
.ds-toast__close {
  position: absolute;
  top: 6px;
  right: 6px;
}
.ds-toast__header {
  font-size: 14px;
  color: #373737;
  font-weight: 700;
  line-height: 18px;
  display: flex;
  -moz-column-gap: 6px;
  column-gap: 6px;
  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-feature-settings: normal;
  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:after,
.ds-warning-box:before {
  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;
  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: 700;
  line-height: 32px;
}
.ds-headline-5 {
  font-size: 20px;
  color: #373737;
  font-weight: 400;
  line-height: 28px;
}
.ds-headline-6 {
  font-size: 18px;
  color: #373737;
  font-weight: 400;
  line-height: 24px;
}
.ds-headline-7 {
  font-size: 16px;
  color: #373737;
  font-weight: 400;
  line-height: 20px;
}
.ds-headline-8 {
  font-size: 14px;
  color: #373737;
  font-weight: 400;
  line-height: 18px;
}
.ds-headline-9 {
  font-size: 12px;
  color: #b3b3b3;
  font-weight: 400;
  line-height: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.ds-headline-10 {
  font-size: 10px;
  color: #515151;
  font-weight: 400;
  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(/packs/fonts/uxpds-icons-1675045025.woff?v=1675045025) format("woff");
  font-style: normal;
  font-weight: 400;
}
.btn {
  display: inline-flex;
  min-width: 200px;
  height: 50px;
  padding: 0 32px;
  border: 1px solid #00f;
  border-radius: 0;
  position: relative;
  align-items: center;
  justify-content: center;
  background-color: #00f;
  color: #fff;
  font-family: "Overpass Mono", Inconsolata, "Courier New", Courier, monospace;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .btn {
    width: 100%;
  }
}
.btn:after {
  content: "";
  display: inline-block;
  width: 155px;
  height: 32px;
  position: absolute;
  right: -6px;
  bottom: -6px;
  z-index: -1;
  background-color: #00f;
  -webkit-mask-image: url(/images/home/btn-shadow-blue.svg);
  mask-image: url(/images/home/btn-shadow-blue.svg);
  -webkit-mask-repeat: repeat;
  mask-repeat: repeat;
  -webkit-mask-position: center right;
  mask-position: center right;
}
.btn:hover {
  border-color: #ff0;
  background-color: #ff0;
  color: #00f;
}
.btn--disabled {
  opacity: 0.33;
  pointer-events: none;
}
.btn--stretched {
  width: 100%;
  min-width: 0;
  padding: 0 16px;
}
.btn--small {
  min-width: 0;
  height: 40px;
  padding: 0 24px;
  font-size: 12px;
}
.btn--small:after {
  width: 124px;
}
.btn--weight-light:after {
  display: none;
}
.btn--weight-light:hover {
  border-color: #00f;
}
.btn--weight-x-light {
  color: #00f;
  background-color: transparent;
}
.btn--weight-x-light:after {
  display: none;
}
.btn--weight-x-light:hover {
  border-color: #00f;
}
.btn--tint-violet {
  border: 1px solid #7800ff;
  background-color: #7800ff;
  color: #fff;
}
.btn--tint-violet:after {
  background-color: #7800ff;
}
.btn--tint-violet:hover {
  border-color: #fff;
  background-color: #fff;
  color: #121212;
}
.btn--tint-violet:hover:after {
  background-color: #fff;
}
.btn__caption {
  display: block;
  padding: 16px 0;
  color: #8c8c8c;
  font-family: "Overpass Mono", Inconsolata, "Courier New", Courier, monospace;
  font-size: 14px;
  line-height: 22px;
}
.btn__caption--is-centered {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}
.section {
  position: relative;
  z-index: 1;
  background-color: #fff;
  color: #2e2e2e;
  overflow: hidden;
}
.section__content {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 20px;
}
.section__content--width-wide {
  max-width: 1440px;
}
.section__content--width-fluid {
  max-width: 100%;
}
.section__content--spacing {
  margin-top: 100px;
  margin-bottom: 85px;
}
@media screen and (max-width: 1023px) {
  .section__content--spacing {
    margin-top: 50px;
    margin-bottom: 42.5px;
  }
}
.section__content--spacing-low {
  margin-top: 50px;
  margin-bottom: 65px;
}
.section__content--spacing-none {
  margin-top: 0;
  margin-bottom: 0;
}
.section__content--spacing-none-top {
  margin-top: 0;
}
.section__content--spacing-none-bottom {
  margin-bottom: 0;
}
.section__content--centered {
  text-align: center;
}
.section__content--aligned-right {
  text-align: right;
}
.section--bg-light {
  background-color: #fff;
  color: #2e2e2e;
}
.section--bg-gray {
  background-color: #f0f0f0;
  color: #2e2e2e;
}
.section--bg-dark {
  background-color: #121212;
  color: #fff;
}
.section--bg-black {
  background-color: #000;
  color: #fff;
}
.section--hidden {
  display: none;
}
.title {
  margin-bottom: 24px;
  font-size: 48px;
  font-weight: 600;
  line-height: 60px;
  text-align: left;
}
@media screen and (max-width: 1023px) {
  .title {
    font-size: 32px;
    line-height: 40px;
  }
}
.title__caption {
  display: block;
  margin-bottom: 10px;
  color: #f0f0f0;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 1.5px;
  line-height: 24px;
  text-transform: uppercase;
}
.subtitle {
  margin-bottom: 24px;
  font-size: 32px;
  font-weight: 600;
  line-height: 40px;
}
@media screen and (max-width: 1023px) {
  .subtitle {
    margin-bottom: 12px;
    font-size: 24px;
    line-height: 36px;
  }
}
.subtitle--light,
.title--light {
  color: #fff;
}
.subtitle--dark,
.title--dark {
  color: #2e2e2e;
}
.subtitle--gray,
.title--gray {
  color: #6a6a6a;
}
.subtitle--centered,
.title--centered {
  text-align: center;
}
.subtitle--bold,
.title--bold {
  font-weight: 700;
}
.subtitle--regular,
.title--regular {
  font-weight: 400;
}
.subtitle--thin,
.title--thin {
  font-weight: 300;
}
.subtitle--uppercased,
.title--uppercased {
  text-transform: uppercase;
}
.subtitle--width-half,
.title--width-half {
  width: 50%;
}
@media screen and (max-width: 767px) {
  .subtitle--width-half,
  .title--width-half {
    width: 100%;
  }
}
.homepage-fallback .title {
  font-size: 48px;
  line-height: 60px;
}
.homepage-fallback .subtitle {
  font-size: 24px;
  line-height: 32px;
}
.homepage-fallback .sub {
  font-size: 28px;
}
.homepage-fallback .subtitle,
.homepage-fallback .title {
  margin-bottom: 0;
  font-weight: 600;
  text-align: left;
}
.homepage-fallback .subtitle.thin,
.homepage-fallback .title.thin {
  font-weight: 300;
}
.homepage-fallback .subtitle.bold,
.homepage-fallback .title.bold {
  font-weight: 700;
}
.homepage-fallback .subtitle.centered,
.homepage-fallback .title.centered {
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .homepage-fallback .title {
    font-size: 36px;
    line-height: 40px;
  }
  .homepage-fallback .sub,
  .homepage-fallback .subtitle {
    font-size: 20px;
    line-height: 32px;
  }
}
@media screen and (max-width: 800px) {
  .homepage-fallback .title {
    font-size: 24px;
    line-height: 36px;
  }
  .homepage-fallback .sub {
    font-size: 18px;
    line-height: 27px;
  }
}
.text {
  font-size: 14px;
  line-height: 22px;
}
.text.bold {
  font-weight: 700;
}
.text {
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 8px;
}
.get-started-section .text {
  margin-bottom: 8px !important;
}
.text--large {
  margin-bottom: 24px;
  font-size: 24px;
  line-height: 36px;
}
@media screen and (max-width: 1023px) {
  .text--large {
    font-size: 18px;
    line-height: 27px;
  }
}
.text--dark {
  color: #2e2e2e;
}
.text--gray {
  color: #acacac;
}
.text--light {
  color: #fff;
}
.text--link {
  color: #ff0;
  text-decoration: none;
}
.text--link:hover {
  text-decoration: underline;
}
.text--uppercased {
  text-transform: uppercase;
}
.text--centered {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}
.text--width-narrow {
  width: 65%;
}
@media screen and (max-width: 767px) {
  .text--width-narrow {
    width: 100%;
  }
}
.badge {
  display: inline-block;
  padding: 2px 8px;
  border: 1px solid;
  border-radius: 2px;
  font-family: soleil, Arial, sans-serif;
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
  text-transform: uppercase;
  text-decoration: none;
}
.badge.align-middle {
  transform: translateY(-4px);
  vertical-align: middle;
}
.badge.align-top {
  transform: translateY(8px);
  vertical-align: top;
}
.badge.highlight {
  border-color: #ff0;
  background-color: #ff0;
  color: #121212;
}
.badge.neutral {
  border-color: #414141;
  background-color: #414141;
  color: #fff;
}
.badge.space-left {
  margin-left: 10px;
}
.badge.space-right {
  margin-right: 10px;
}
.badge.space-left-big {
  margin-left: 20px;
}
.badge.space-right-big {
  margin-right: 20px;
}
.badge.space-right-small {
  margin-right: 5px;
}
.badge.dot-shape {
  width: 6px;
  height: 6px;
  margin-right: 6px;
  padding: 0;
  border-radius: 50%;
  flex-shrink: 0;
  font-size: 0;
}
.logo {
  display: inline-block;
  width: 60px;
  height: 60px;
  border: 1px solid #fff;
  flex-shrink: 0;
  background: #fff url(/images/homepage/uxpin-black.svg) no-repeat center;
  background-size: 60px;
  text-indent: -9999px;
}
.logo.black {
  background-color: #000;
  background-image: url(/images/homepage/uxpin-white.svg);
  border-color: #000;
}
.logo.small {
  width: 40px;
  height: 40px;
  background-size: 40px;
}
.link-btn {
  color: #ff0;
  font-size: 18px;
  line-height: 27px;
  text-decoration: none;
  cursor: pointer;
}
.link-btn:hover {
  text-decoration: underline;
}
.link-btn:after {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-left: 10px;
  transform: translateY(4px);
  background-color: #ff0;
  -webkit-mask: url(/images/home/arrow-right-yellow.svg) no-repeat center;
  mask: url(/images/home/arrow-right-yellow.svg) no-repeat center;
  -webkit-mask-size: 18px;
  mask-size: 18px;
}
.link-btn--rotated:after {
  transform: translateY(4px) rotate(45deg);
}
.link-btn--outlined {
  padding-top: 11px;
  padding-right: 24px;
  padding-bottom: 12px;
  padding-left: 24px;
  border: 1px solid #ff0;
}
.link-btn--outlined:hover {
  background-color: #ff0;
  color: #000;
  text-decoration: none;
}
.link-btn--outlined:hover:after {
  background-color: #000;
}
.link-btn--mono {
  font-family: "Overpass Mono", Inconsolata, "Courier New", Courier, monospace;
}
.link-btn--color-white {
  color: #fff;
}
.link-btn--color-white:after {
  background-color: #acacac;
}
.link-btn--color-yellow {
  color: #ff0;
}
.link-btn--color-yellow:after {
  background-color: #ff0;
}
.link-btn--size-normal {
  font-size: 18px;
  line-height: 27px;
}
.link-btn--size-normal:after {
  width: 18px;
  height: 18px;
  -webkit-mask-size: 18px;
  mask-size: 18px;
}
.link-btn--size-large {
  font-size: 24px;
  line-height: 36px;
}
.link-btn--size-large:after {
  width: 24px;
  height: 24px;
  -webkit-mask-size: 24px;
  mask-size: 24px;
}
.image {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
@media screen and (min-width: 768px) {
  .image [data-mobile="show"],
  .image[data-mobile="show"] {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .image [data-mobile="hide"],
  .image[data-mobile="hide"] {
    display: none;
  }
}
.image--spacing {
  margin: 48px 0;
}
.image--rounded {
  border-radius: 4px;
}
.image--elevated {
  box-shadow: 0 0 64px rgba(0, 0, 0, 0.2);
}
.image--bg-light {
  background-color: #fff;
}
.image--bg-dark {
  background-color: #000;
}
.list {
  list-style: none;
}
.list--spacing-bottom {
  margin-bottom: 24px;
}
.list__item {
  display: block;
  margin: 12px 0;
}
.video:not(.video--absolute-sizing) {
  width: 100%;
}
.horizontal-separator {
  border-width: 1px;
  border-style: solid none none;
  border-color: #2e2e2e;
}
.horizontal-separator--light {
  border-color: #e6e6e6;
}
.grid {
  grid-template-columns: repeat(4, 1fr);
  display: grid;
  padding: 16px 0;
  grid-column-gap: 40px;
  grid-row-gap: 55px;
}
@media screen and (max-width: 1023px) {
  .grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .grid {
    grid-template-columns: 1fr;
  }
}
.grid--gaps-small {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
}
.grid--spacing-top {
  margin-top: 48px;
}
.grid--spacing-bottom {
  margin-bottom: 48px;
}
.grid--spacing-both {
  margin-top: 48px;
  margin-bottom: 48px;
}
.grid--2 {
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 1023px) {
  .grid--2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .grid--2 {
    grid-template-columns: 1fr;
  }
}
.grid--3 {
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 1023px) {
  .grid--3 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .grid--3 {
    grid-template-columns: 1fr;
  }
}
.grid--4 {
  grid-template-columns: repeat(4, 1fr);
}
@media screen and (max-width: 1023px) {
  .grid--4 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .grid--4 {
    grid-template-columns: 1fr;
  }
}
.default-footer {
  background-color: #000;
  overflow: auto;
}
.default-footer__content {
  display: flex;
}
.default-footer__logo {
  display: inline-block;
  width: 60px;
  height: 60px;
  border: 1px solid #fff;
  flex-shrink: 0;
  background: #fff url(/images/homepage/uxpin-black.svg) no-repeat center;
  background-size: 60px;
  text-indent: -9999px;
}
.default-footer__left {
  min-width: 220px;
  flex-basis: 290px;
  flex-grow: 0;
  flex-shrink: 1;
}
@media screen and (max-width: 767px) {
  .default-footer__left {
    flex-basis: auto;
  }
}
@media screen and (max-width: 1023px) {
  .default-footer__left--has-logo {
    display: none;
  }
}
.default-footer__right {
  padding-top: 0;
  padding-bottom: 0;
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 0;
}
@media screen and (min-width: 767px) {
  .default-footer__right {
    margin-left: auto;
  }
}
.default-footer__right--one-line {
  display: flex;
}
@media screen and (max-width: 767px) {
  .default-footer__right--one-line {
    flex-direction: column;
    flex-wrap: wrap;
  }
}
.default-footer__legal {
  display: flex;
  padding-top: 40px;
  padding-bottom: 120px;
}
@media screen and (max-width: 973px) {
  .default-footer__legal {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 767px) {
  .default-footer__legal {
    flex-direction: column;
  }
}
.default-footer__legal--padding-minified {
  padding-top: 32px;
  padding-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .default-footer__legal--padding-minified {
    padding-top: 40px;
  }
}
@media screen and (max-width: 766px) {
  .default-footer__language-selector {
    padding: 20px 0;
  }
}
.default-footer__languages {
  list-style: none;
}
.default-footer__languages-list {
  display: flex;
}
.default-footer__languages-link {
  color: #acacac;
  text-decoration: none;
  padding-right: 8px;
}
.default-footer__languages-link:hover {
  text-decoration: underline;
}
.default-footer__languages.selected-lang .default-footer__languages-link {
  color: #fff;
}
.default-footer__link {
  color: #acacac;
  text-decoration: none;
}
.default-footer__link:hover {
  text-decoration: underline;
}
.default-footer__legal-note {
  color: rgba(172, 172, 172, 0.5);
  font-size: 14px;
  line-height: 100%;
}
.default-footer-menu-sitemap {
  margin-bottom: 40px;
  grid-template-columns: repeat(4, 160px);
}
@media screen and (max-width: 1023px) {
  .default-footer-menu-sitemap {
    grid-template-columns: repeat(4, 160px);
  }
}
@media screen and (max-width: 767px) {
  .default-footer-menu-sitemap {
    grid-template-columns: repeat(2, 160px);
  }
}
@media screen and (max-width: 383.5px) {
  .default-footer-menu-sitemap {
    grid-template-columns: 160px;
  }
}
.default-footer-menu-sitemap__title {
  margin-bottom: 18px;
  color: rgba(172, 172, 172, 0.5);
  font-family: soleil, Arial, sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 32px;
  text-transform: uppercase;
}
.default-footer-menu-sitemap__list {
  flex-direction: column;
  list-style: none;
}
.default-footer-menu-sitemap__link {
  display: inline-block;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 16px;
}
.default-footer-menu-legal {
  display: flex;
  margin-right: 20px;
  list-style: none;
}
@media screen and (max-width: 767px) {
  .default-footer-menu-legal {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
.default-footer-menu-legal__item {
  margin-right: 20px;
}
.default-footer-menu-legal__link {
  font-size: 14px;
}
.default-footer-menu-social {
  display: flex;
  transform: translateY(4px);
  list-style: none;
}
.default-footer-menu-social__item {
  margin-right: 20px;
}
.default-footer-menu-social__link {
  display: inline-block;
}
.default-footer-menu-social__link:hover {
  opacity: 0.8;
}
.default-footer-menu-social__icon--pull-up {
  transform: translateY(-1px);
}
.companies-logos {
  display: flex;
  align-items: center;
  flex-direction: column;
  flex: 1 1 auto;
}
.companies-logos .companies-title {
  margin-bottom: 50px;
  color: #6a6a6a;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 3px;
  text-transform: uppercase;
}
.companies-logos .logos-list {
  display: grid;
  width: 100%;
  align-items: center;
  list-style: none;
  grid-column-gap: 36px;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
}
@media screen and (max-width: 1023px) {
  .companies-logos .logos-list {
    grid-template-columns: repeat(4, 1fr);
    grid-row-gap: 42px;
  }
}
@media screen and (max-width: 767px) {
  .companies-logos .logos-list {
    grid-template-columns: repeat(2, 1fr);
    grid-row-gap: 64px;
  }
}
.companies-logos .company-logo {
  display: flex;
  max-width: 100%;
  margin: 0 auto;
  align-items: center;
  background-color: #fff;
  background-repeat: no-repeat;
  background-size: contain;
  text-indent: -9999px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
@media screen and (-ms-high-contrast: active),
  screen and (-ms-high-contrast: none) {
  .companies-logos .company-logo {
    background-repeat: no-repeat;
    background-position: center center;
  }
}
.companies-logos .company-logo.hbo {
  -webkit-mask-image: url(/images/homepage/pricing/hbo.svg);
  mask-image: url(/images/homepage/pricing/hbo.svg);
  width: 64px;
  height: 27px;
}
@supports not (
  ((-webkit-mask-image: url("*.svg")) or (mask-image: url("*.svg")))
) {
  .companies-logos .company-logo.hbo {
    background-color: transparent;
    background-image: url(/images/homepage/pricing/hbo.svg);
    background-size: contain;
    filter: brightness(0) invert(1);
  }
}
@media screen and (max-width: 767px) {
  .companies-logos .company-logo.hbo {
    height: 21px;
  }
}
@media screen and (-ms-high-contrast: active),
  screen and (-ms-high-contrast: none) {
  .companies-logos .company-logo.hbo {
    background-image: url(/images/homepage/pricing/hbo.svg);
  }
}
.companies-logos .company-logo.paypal {
  -webkit-mask-image: url(/images/homepage/pricing/paypal.svg);
  mask-image: url(/images/homepage/pricing/paypal.svg);
  width: 107px;
  height: 27px;
}
@supports not (
  ((-webkit-mask-image: url("*.svg")) or (mask-image: url("*.svg")))
) {
  .companies-logos .company-logo.paypal {
    background-color: transparent;
    background-image: url(/images/homepage/pricing/paypal.svg);
    background-size: contain;
    filter: brightness(0) invert(1);
  }
}
@media screen and (max-width: 767px) {
  .companies-logos .company-logo.paypal {
    height: 21px;
  }
}
@media screen and (-ms-high-contrast: active),
  screen and (-ms-high-contrast: none) {
  .companies-logos .company-logo.paypal {
    background-image: url(/images/homepage/pricing/paypal.svg);
  }
}
.companies-logos .company-logo.sapient {
  -webkit-mask-image: url(/images/homepage/pricing/sapient.svg);
  mask-image: url(/images/homepage/pricing/sapient.svg);
  width: 95px;
  height: 35px;
}
@supports not (
  ((-webkit-mask-image: url("*.svg")) or (mask-image: url("*.svg")))
) {
  .companies-logos .company-logo.sapient {
    background-color: transparent;
    background-image: url(/images/homepage/pricing/sapient.svg);
    background-size: contain;
    filter: brightness(0) invert(1);
  }
}
@media screen and (max-width: 767px) {
  .companies-logos .company-logo.sapient {
    height: 28px;
  }
}
@media screen and (-ms-high-contrast: active),
  screen and (-ms-high-contrast: none) {
  .companies-logos .company-logo.sapient {
    background-image: url(/images/homepage/pricing/sapient.svg);
  }
}
.companies-logos .company-logo.netflix {
  -webkit-mask-image: url(/images/homepage/pricing/netflix.svg);
  mask-image: url(/images/homepage/pricing/netflix.svg);
  width: 82px;
  height: 22px;
}
@supports not (
  ((-webkit-mask-image: url("*.svg")) or (mask-image: url("*.svg")))
) {
  .companies-logos .company-logo.netflix {
    background-color: transparent;
    background-image: url(/images/homepage/pricing/netflix.svg);
    background-size: contain;
    filter: brightness(0) invert(1);
  }
}
@media screen and (max-width: 767px) {
  .companies-logos .company-logo.netflix {
    height: 20px;
  }
}
@media screen and (-ms-high-contrast: active),
  screen and (-ms-high-contrast: none) {
  .companies-logos .company-logo.netflix {
    background-image: url(/images/homepage/pricing/netflix.svg);
  }
}
.companies-logos .company-logo.microsoft {
  -webkit-mask-image: url(/images/homepage/pricing/microsoft.svg);
  mask-image: url(/images/homepage/pricing/microsoft.svg);
  width: 114px;
  height: 22px;
}
@supports not (
  ((-webkit-mask-image: url("*.svg")) or (mask-image: url("*.svg")))
) {
  .companies-logos .company-logo.microsoft {
    background-color: transparent;
    background-image: url(/images/homepage/pricing/microsoft.svg);
    background-size: contain;
    filter: brightness(0) invert(1);
  }
}
@media screen and (max-width: 767px) {
  .companies-logos .company-logo.microsoft {
    height: 21px;
  }
}
@media screen and (-ms-high-contrast: active),
  screen and (-ms-high-contrast: none) {
  .companies-logos .company-logo.microsoft {
    background-image: url(/images/homepage/pricing/microsoft.svg);
  }
}
.companies-logos .company-logo.sony {
  -webkit-mask-image: url(/images/homepage/pricing/sony.svg);
  mask-image: url(/images/homepage/pricing/sony.svg);
  width: 84px;
  height: 13px;
}
@supports not (
  ((-webkit-mask-image: url("*.svg")) or (mask-image: url("*.svg")))
) {
  .companies-logos .company-logo.sony {
    background-color: transparent;
    background-image: url(/images/homepage/pricing/sony.svg);
    background-size: contain;
    filter: brightness(0) invert(1);
  }
}
@media screen and (max-width: 767px) {
  .companies-logos .company-logo.sony {
    height: 21px;
  }
}
@media screen and (-ms-high-contrast: active),
  screen and (-ms-high-contrast: none) {
  .companies-logos .company-logo.sony {
    background-image: url(/images/homepage/pricing/sony.svg);
  }
}
.companies-logos .company-logo.autodesk {
  -webkit-mask-image: url(/images/homepage/pricing/autodesk.svg);
  mask-image: url(/images/homepage/pricing/autodesk.svg);
  width: 119px;
  height: 21px;
}
@supports not (
  ((-webkit-mask-image: url("*.svg")) or (mask-image: url("*.svg")))
) {
  .companies-logos .company-logo.autodesk {
    background-color: transparent;
    background-image: url(/images/homepage/pricing/autodesk.svg);
    background-size: contain;
    filter: brightness(0) invert(1);
  }
}
@media screen and (max-width: 767px) {
  .companies-logos .company-logo.autodesk {
    height: 18px;
  }
}
@media screen and (-ms-high-contrast: active),
  screen and (-ms-high-contrast: none) {
  .companies-logos .company-logo.autodesk {
    background-image: url(/images/homepage/pricing/autodesk.svg);
  }
}
.companies-logos .company-logo.liquidplanner {
  -webkit-mask-image: url(/images/homepage/pricing/liquidplanner.svg);
  mask-image: url(/images/homepage/pricing/liquidplanner.svg);
  width: 155px;
  height: 20px;
}
@supports not (
  ((-webkit-mask-image: url("*.svg")) or (mask-image: url("*.svg")))
) {
  .companies-logos .company-logo.liquidplanner {
    background-color: transparent;
    background-image: url(/images/homepage/pricing/liquidplanner.svg);
    background-size: contain;
    filter: brightness(0) invert(1);
  }
}
@media screen and (max-width: 767px) {
  .companies-logos .company-logo.liquidplanner {
    height: 17px;
  }
}
@media screen and (-ms-high-contrast: active),
  screen and (-ms-high-contrast: none) {
  .companies-logos .company-logo.liquidplanner {
    background-image: url(/images/homepage/pricing/liquidplanner.svg);
  }
}
.companies-logos .company-logo.sumologic {
  -webkit-mask-image: url(/images/homepage/pricing/sumologic.svg);
  mask-image: url(/images/homepage/pricing/sumologic.svg);
  width: 116px;
  height: 22px;
}
@supports not (
  ((-webkit-mask-image: url("*.svg")) or (mask-image: url("*.svg")))
) {
  .companies-logos .company-logo.sumologic {
    background-color: transparent;
    background-image: url(/images/homepage/pricing/sumologic.svg);
    background-size: contain;
    filter: brightness(0) invert(1);
  }
}
@media screen and (max-width: 767px) {
  .companies-logos .company-logo.sumologic {
    height: 19px;
  }
}
@media screen and (-ms-high-contrast: active),
  screen and (-ms-high-contrast: none) {
  .companies-logos .company-logo.sumologic {
    background-image: url(/images/homepage/pricing/sumologic.svg);
  }
}
.companies-logos.has-grid .logos-list {
  display: grid;
  max-width: 557px;
  align-content: center;
  align-items: center;
  justify-content: center;
  grid-template-columns: repeat(3, 1fr);
  grid-row-gap: 64px;
  grid-column-gap: 0;
}
@media (max-width: 767px) {
  .companies-logos.has-grid .logos-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
.homepage-section {
  padding-top: 100px;
  padding-bottom: 85px;
  text-align: center;
  overflow: hidden;
}
.homepage-section .title {
  margin-bottom: 23px;
  color: #fff;
  text-align: center;
}
.homepage-section .text {
  max-width: 900px;
  margin: 0 auto 23px;
  color: #acacac;
  font-size: 24px;
  line-height: 36px;
}
@media screen and (max-width: 800px) {
  .homepage-section .text {
    font-size: 18px;
    line-height: 27px;
  }
}
.homepage-section .image-wrapper {
  display: flex;
  max-width: 1360px;
  margin-bottom: 30px;
  padding: 74px 10px;
  position: relative;
  align-items: center;
  justify-content: center;
  background: url(/images/home/section-background.png) no-repeat center center;
  background-size: cover;
  overflow: hidden;
}
@media screen and (max-width: 415px) {
  .homepage-section .image-wrapper {
    padding-top: 35px;
    padding-bottom: 35px;
  }
}
.homepage-section .image-wrapper .image {
  max-width: 100%;
  position: relative;
  z-index: 1;
}
.homepage-section .image-wrapper .image.background {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  z-index: 0;
}
.homepage-section.two-col .text,
.homepage-section.two-col .title,
.homepage-section.white-style .text,
.homepage-section.white-style .title {
  text-align: left;
}
.homepage-section.two-col .text,
.homepage-section.white-style .text {
  margin-left: 0;
}
.homepage-section.white-style {
  background-color: #fff;
  color: #414141;
}
.homepage-section.white-style.merge .text {
  max-width: 1000px;
}
.homepage-section.white-style .title {
  color: #2e2e2e;
}
.homepage-section.white-style .text {
  max-width: 800px;
}
.homepage-section.two-col {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: left;
}
.homepage-section.two-col .header {
  max-width: 475px;
  margin-right: 20px;
}
@media screen and (max-width: 800px) {
  .homepage-section.two-col {
    flex-direction: column;
  }
  .homepage-section.two-col,
  .homepage-section.two-col .text,
  .homepage-section.two-col .title {
    text-align: center;
  }
  .homepage-section.two-col .buttons {
    display: flex;
    margin-right: auto;
    margin-left: auto;
    flex-direction: column;
    justify-content: center;
  }
  .homepage-section.two-col .buttons .btn {
    margin-right: 0;
  }
  .homepage-section.two-col .companies-logos {
    margin-top: 80px;
  }
}
.sign-up-link {
  display: inline-block;
  margin-bottom: 80px;
  color: #ff0;
  font-size: 24px;
  line-height: 100%;
  text-decoration: none;
}
.sign-up-link:after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: 10px;
  transform: translateY(4px);
  background: url(/images/home/arrow-right-yellow.svg) no-repeat center;
  background-size: 20px;
}
.sign-up-link:hover .link-text {
  position: relative;
}
.sign-up-link:hover .link-text:after {
  content: "";
  opacity: 0.8;
  width: 100%;
  border-bottom: 1px solid #ff0;
  position: absolute;
  bottom: 4px;
  left: 0;
}
.sign-up-link.small-style {
  margin-left: 0;
  font-size: 18px;
}
.sign-up-link.small-style:after {
  width: 18px;
  height: 18px;
  background-size: 18px;
}
.feature-blocks {
  display: flex;
  margin-top: 40px;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 730px) {
  .feature-blocks {
    flex-direction: column;
  }
}
.feature-block {
  width: 448px;
  margin-bottom: 40px;
  position: relative;
  background-color: #000;
  text-align: center;
}
.feature-block:nth-child(1):after {
  background-image: url(/images/home/feature-blocks/bg-pattern-1.svg),
    linear-gradient(to bottom, #000, #000 64px, #fff 64px, #fff 100%);
}
.feature-block:nth-child(2):after {
  background-image: url(/images/home/feature-blocks/bg-pattern-2.svg),
    linear-gradient(to bottom, #000, #000 32px, #fff 32px, #fff 100%);
}
.feature-block:nth-child(3):after {
  background-image: url(/images/home/feature-blocks/bg-pattern-3.svg),
    linear-gradient(to bottom, #000, #000 96px, #fff 96px, #fff 100%);
}
.feature-block:nth-child(2):after {
  background-color: #000;
  background-position: 0 32px;
}
.feature-block:nth-child(3) {
  margin-right: 0;
}
.feature-block:nth-child(3):after {
  background-size: 448px 192px;
}
.feature-block:after {
  content: "";
  display: block;
  height: 192px;
  background-color: #fff;
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 448px 160px;
}
.feature-block:hover .feature-image .feature-icon,
.feature-block:hover .feature-image:after {
  opacity: 0;
}
.feature-block:hover .feature-image .feature-bg {
  opacity: 1;
}
.feature-block:hover .feature-text {
  opacity: 0.3;
  transform: translateY(20px);
}
.feature-block .badge {
  position: absolute;
  top: 35px;
  left: 30px;
  z-index: 2;
}
.feature-block .feature-image {
  display: flex;
  width: 100%;
  height: auto;
  min-height: 130px;
  position: relative;
  align-items: center;
  justify-content: center;
}
.feature-block .feature-image:after {
  content: "";
  width: 100%;
  height: 100px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 2%, #000 100%);
}
.feature-block .feature-image .feature-bg,
.feature-block .feature-image .feature-icon,
.feature-block .feature-image:after {
  transition: opacity 0.2s ease-out;
}
.feature-block .feature-image .feature-icon {
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
}
.feature-block .feature-image .feature-bg {
  opacity: 0.15;
  max-width: 100%;
  height: auto;
  z-index: 1;
}
.feature-block .feature-text {
  display: flex;
  height: 140px;
  flex-direction: column;
  justify-content: center;
  transition: opacity 0.2s ease-out, transform 0.2s ease-out;
}
.feature-block .subtitle {
  margin: 0 50px 5px;
  color: #f0f0f0;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  text-align: center;
}
.feature-block .desc {
  margin: 0 55px;
  color: #acacac;
  font-size: 16px;
  line-height: 24px;
}
@media screen and (min-width: 731px) and (max-width: 1410px) {
  .feature-block {
    width: 416px;
  }
}
@media screen and (min-width: 731px) and (max-width: 1320px) {
  .feature-block {
    width: 384px;
  }
}
@media screen and (min-width: 731px) and (max-width: 1230px) {
  .feature-block {
    width: 352px;
  }
}
@media screen and (min-width: 731px) and (max-width: 1140px) {
  .feature-block {
    width: 320px;
  }
  .feature-block .desc,
  .feature-block .subtitle {
    margin-right: 20px;
    margin-left: 20px;
  }
  .feature-block .subtitle {
    font-size: 20px;
    line-height: 32px;
  }
}
@media screen and (min-width: 731px) and (max-width: 1020px) {
  .feature-block {
    width: 288px;
  }
  .feature-block .subtitle {
    font-size: 18px;
    line-height: 27px;
  }
}
@media screen and (min-width: 731px) and (max-width: 930px) {
  .feature-block {
    width: 256px;
  }
  .feature-block .desc,
  .feature-block .subtitle {
    margin-right: 15px;
    margin-left: 15px;
  }
  .feature-block .desc {
    font-size: 14px;
    line-height: 22px;
  }
}
@media screen and (min-width: 731px) and (max-width: 830px) {
  .feature-block {
    width: 224px;
  }
  .feature-block .badge {
    top: 20px;
    left: 15px;
  }
}
@media screen and (max-width: 510px) {
  .feature-block {
    width: 352px;
  }
}
@media screen and (max-width: 415px) {
  .feature-block {
    width: 288px;
  }
  .feature-block .desc,
  .feature-block .subtitle {
    margin-right: 20px;
    margin-left: 20px;
  }
  .feature-block .subtitle {
    font-size: 20px;
    line-height: 32px;
  }
  .feature-block .desc {
    font-size: 14px;
    line-height: 22px;
  }
}
.text-blocks {
  max-width: 1180px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 20px;
  padding-left: 20px;
  display: grid;
  padding-bottom: 80px;
  grid-template-columns: minmax(auto, 340px) minmax(auto, 340px) minmax(
      auto,
      340px
    );
  grid-column-gap: 40px;
  grid-row-gap: 55px;
}
@media screen and (max-width: 800px) {
  .text-blocks {
    max-width: 1170px;
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media screen and (max-width: 1024px) {
  .text-blocks {
    grid-template-columns: minmax(auto, 470px) minmax(auto, 470px);
  }
}
@media screen and (max-width: 736px) {
  .text-blocks {
    grid-template-columns: 1fr;
  }
}
.text-blocks .header {
  margin-bottom: 5px;
}
.text-blocks .subtitle {
  display: inline-block;
  color: #f0f0f0;
}
.text-blocks .text {
  color: #acacac;
  font-size: 16px;
  line-height: 24px;
}
.text-blocks .link {
  font-size: 16px;
}
.testimonial-box {
  width: 352px;
  display: flex;
  margin-bottom: 80px;
  padding-top: 100px;
  flex-direction: column;
}
.testimonial-box .quote {
  padding: 30px 40px 16px;
  background-color: #fff;
  color: #5e5e5e;
  font-size: 16px;
  line-height: 24px;
}
.testimonial-box .person {
  display: flex;
  position: relative;
  align-items: flex-end;
  justify-content: flex-start;
}
.testimonial-box .person:after {
  content: "";
  width: 100%;
  height: 64px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  background: #121212 url(/images/home/testimonials-pattern.svg) no-repeat 0 0;
  background-size: 352px 64px;
}
.testimonial-box .photo-wrapper {
  display: inline-block;
  width: 120px;
  height: 119px;
  margin: 14px 19px 0 40px;
  background-color: #00f;
}
.testimonial-box .name-wrapper,
.testimonial-box .photo-wrapper {
  position: relative;
  z-index: 1;
}
.testimonial-box .name-wrapper {
  padding: 7px;
}
.testimonial-box .name-wrapper .name {
  display: inline-block;
  margin-bottom: 4px;
}
@media screen and (min-width: 731px) and (max-width: 1280px) {
  .testimonial-box {
    width: 320px;
  }
}
@media screen and (min-width: 731px) and (max-width: 1024px) {
  .testimonial-box {
    width: 288px;
  }
  .testimonial-box .photo-wrapper {
    margin-right: 5px;
    margin-left: 16px;
  }
}
@media screen and (min-width: 731px) and (max-width: 950px) {
  .testimonial-box {
    width: 256px;
  }
  .testimonial-box .photo-wrapper {
    margin-right: 0;
    margin-left: 10px;
  }
}
@media screen and (min-width: 731px) and (max-width: 800px) {
  .testimonial-box {
    width: 224px;
  }
}
@media screen and (min-width: 731px) and (max-width: 850px) {
  .testimonial-box {
    width: 224px;
  }
  .testimonial-box .person {
    align-items: flex-start;
    flex-direction: column;
  }
  .testimonial-box .name-wrapper,
  .testimonial-box .photo-wrapper {
    margin-left: 16px;
    padding-left: 0;
  }
}
@media screen and (max-width: 730px) {
  .testimonial-box {
    width: 352px;
  }
}
@media screen and (max-width: 415px) {
  .testimonial-box {
    width: 288px;
  }
  .testimonial-box .photo-wrapper {
    margin-right: 5px;
    margin-left: 16px;
  }
}
.testimonials-container {
  display: flex;
  margin-bottom: 20px;
  justify-content: space-between;
}
@media screen and (max-width: 730px) {
  .testimonials-container {
    align-items: center;
    flex-direction: column;
  }
}
.video-modal {
  margin: auto;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  padding: 20px 26px;
  z-index: 105;
  background-color: #000;
}
.video-modal.visible {
  display: block;
}
.video-modal .modal-buttons {
  display: flex;
  justify-content: flex-end;
}
.video-modal .modal-buttons .btn {
  margin-left: 10px;
}
.video-modal .video-wrapper {
  position: absolute;
  top: 80px;
  right: 66px;
  bottom: 20px;
  left: 66px;
}
.video-modal .video-wrapper .video-player {
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  max-height: 100%;
}
.text-block__icon {
  width: auto;
  max-height: 32px;
  margin-bottom: 24px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: 0 0;
     object-position: 0 0;
}
.text-block__name {
  margin-bottom: 4px;
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
}
.text-block__description {
  margin: 0;
  font-size: 16px;
  line-height: 24px;
}
.one-col {
  padding: 16px 0;
}
.one-col--is-centered {
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  justify-content: center;
}
.one-col--is-wrappable {
  flex-wrap: wrap;
}
.one-col--padding-none {
  padding: 0;
}
.one-col--spacing-top {
  margin-top: 48px;
}
.one-col--spacing-bottom {
  margin-bottom: 48px;
}
.one-col--spacing-both {
  margin-top: 48px;
  margin-bottom: 48px;
}
.one-col--spacing-left {
  margin-left: 6px;
}
.one-col__item {
  width: 50%;
}
@media screen and (max-width: 1023px) {
  .one-col__item {
    width: 100%;
  }
}
.one-col__item--wide {
  width: 80%;
}
@media screen and (max-width: 1023px) {
  .one-col__item--wide {
    width: 100%;
  }
}
.two-cols {
  display: flex;
  padding: 16px 0;
  align-items: flex-start;
  flex-direction: row;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .two-cols [data-mobile="show"],
  .two-cols[data-mobile="show"] {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .two-cols [data-mobile="hide"],
  .two-cols[data-mobile="hide"] {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .two-cols {
    flex-wrap: wrap;
  }
}
.two-cols--is-centered {
  align-items: center;
}
.two-cols--has-equal-height {
  align-items: stretch;
}
.two-cols--is-reversed {
  flex-direction: row-reverse;
}
.two-cols--spacing-top {
  margin-top: 48px;
}
.two-cols--spacing-bottom {
  margin-bottom: 48px;
}
.two-cols--spacing-both {
  margin-top: 48px;
  margin-bottom: 48px;
}
.two-cols__item {
  width: calc(50% - 48px);
}
.two-cols__item--wide {
  width: 55%;
}
.two-cols__item--has-no-spacing {
  width: 50%;
}
@media screen and (max-width: 767px) {
  .two-cols__item {
    width: 100%;
  }
}
.banner {
  background-image: url(/images/home/banner-demo.gif);
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .banner {
    display: none;
  }
}
.banner__container {
  display: flex;
  max-width: 1180px;
  min-height: 50px;
  margin: 0 auto;
  padding: 5px 20px;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
}
.banner__logo {
  margin-right: 18px;
}
.banner__content {
  color: inherit;
  font-family: soleil, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
@media screen and (max-width: 1023px) {
  .banner__content {
    margin-right: 24px;
  }
}
.banner__link {
  display: block;
  height: 30px;
  margin-right: 150px;
  margin-left: auto;
  padding: 5px 10px;
  flex-shrink: 0;
  background-color: #000;
  color: inherit;
  font-family: "Overpass Mono", Inconsolata, "Courier New", Courier, monospace;
  font-size: 14px;
  line-height: 22px;
  text-decoration: underline;
}
@media screen and (max-width: 1023px) {
  .banner__link {
    margin-right: 0;
  }
}
.bigquote {
  max-width: 1180px;
  min-height: 261px;
  margin-top: 100px;
  margin-right: auto;
  margin-bottom: 74px;
  margin-left: auto;
  border-radius: 8px;
  background-color: #f4f4f4;
  background-image: url(/images/home/icon-quote.svg);
  background-repeat: no-repeat;
  background-position: 50% 40px;
  background-size: 33px;
}
.bigquote .quote-text {
  max-width: 818px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 91px;
  color: #000;
  font-size: 24px;
  line-height: 36px;
  text-align: center;
}
.bigquote .quote-author {
  padding-top: 22px;
  font-size: 24px;
  line-height: 36px;
}
.bigquote .quote-author:before {
  content: "\2014";
}
.bigquote .quote-author .quote-company.paypal {
  display: inline-block;
  width: 100px;
  height: 24px;
  background-color: #000;
  font-size: 0;
  -webkit-mask-image: url(/images/home/logo-paypal.svg);
  mask-image: url(/images/home/logo-paypal.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.homepage {
  background-color: #121212;
  color: #fff;
  font-family: soleil, Arial, sans-serif;
  font-weight: 300;
}
.homepage .section-content-wide {
  max-width: 1400px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 20px;
  padding-left: 20px;
}
@media screen and (max-width: 800px) {
  .homepage .section-content-wide {
    max-width: 1390px;
    padding-right: 15px;
    padding-left: 15px;
  }
}
.homepage .section-content {
  max-width: 1180px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 20px;
  padding-left: 20px;
}
@media screen and (max-width: 800px) {
  .homepage .section-content {
    max-width: 1170px;
    padding-right: 15px;
    padding-left: 15px;
  }
}
.homepage .video-bg {
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  z-index: -1;
  overflow: hidden;
}
.homepage .video-bg:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  background-image: linear-gradient(
    to bottom,
    rgba(18, 18, 18, 0) 2%,
    #121212 100%
  );
  background-position: center;
  background-size: cover;
}
@media screen and (max-width: 800px) {
  .homepage .video-bg:before {
    content: "";
    opacity: 0.25;
    width: 100vw;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(https://files.uxpin.com/homepage/videos/home-header-poster-1.png)
      no-repeat top center;
    background-size: cover;
  }
}
@media screen and (max-width: 736px) {
  .homepage .video-bg {
    top: -121px;
  }
}
.homepage .video-bg video {
  opacity: 0.25;
  width: 100%;
  max-width: 1440px;
  height: auto;
  position: absolute;
  top: -2%;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
}
@media screen and (max-width: 1470px) {
  .homepage .video-bg video {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media screen and (max-width: 800px) {
  .homepage .video-bg video {
    display: none;
  }
}
.homepage .header-section {
  position: relative;
}
.homepage .header-section .section-content {
  padding-top: 160px;
  padding-bottom: 100px;
  position: relative;
  z-index: 1;
}
.homepage .header-section .title {
  margin-bottom: 54px;
}
.homepage .header-section .sub {
  text-align: center;
  color: #acacac;
}
.homepage .header-section .companies-logos {
  margin-top: 90px;
}
.homepage .header-section .btn__caption {
  margin-top: 10px;
}
.homepage .header-section .header-input {
  width: 240px;
  height: 50px;
  margin-right: 10px;
  padding: 0 10px 2px 10px;
  border: none;
  color: #8c8c8c;
  font-family: "Overpass Mono", Inconsolata, "Courier New", Courier, monospace;
  font-size: 16px;
  line-height: 24px;
}
@media screen and (max-width: 767px) {
  .homepage .header-section .header-input {
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 736px) {
  .homepage .header-section .signup-disclaimer,
  .homepage .header-section .title {
    text-align: center;
  }
  .homepage .header-section .buttons {
    margin-right: auto;
    margin-left: auto;
    justify-content: space-around;
  }
  .homepage .header-section .buttons .btn {
    margin-right: 0;
  }
}
.homepage .buttons {
  display: flex;
  max-width: 400px;
  margin-bottom: 42px;
}
.homepage .buttons .btn {
  margin-right: 30px;
}
.homepage .buttons.centered {
  max-width: 100%;
  justify-content: center;
}
.homepage .buttons.centered .btn {
  margin-right: 0;
}
.homepage .signup-disclaimer {
  display: inline-block;
  max-width: 360px;
  color: #8c8c8c;
  font-family: "Overpass Mono", Inconsolata, "Courier New", Courier, monospace;
  font-size: 14px;
  line-height: 22px;
}
.homepage .homepage-section.main {
  padding-bottom: 40px;
}
.homepage .homepage-section.main .title {
  max-width: 420px;
  margin-bottom: 31px;
  font-weight: 700;
}
.homepage .homepage-section.main .text {
  margin-bottom: 0;
  color: #2e2e2e;
}
@media screen and (max-width: 540px) {
  .homepage .homepage-section.main .text br {
    display: none;
  }
}
.homepage .homepage-section.main .inline-img {
  display: inline-block;
  margin-right: 10px;
  transform: translateY(4px);
}
.homepage .homepage-section.merge .merge-logo {
  -webkit-mask-image: url(/images/home/merge-logo.svg);
  mask-image: url(/images/home/merge-logo.svg);
  width: 119px;
  height: 32px;
  text-indent: -9999px;
  font-size: 0;
  display: inline-block;
  margin-bottom: 22px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.homepage .homepage-section.merge .merge-logo.black {
  background-color: #000;
}
.homepage .homepage-section.merge .merge-logo.white {
  background-color: #fff;
}
.homepage .homepage-section.merge .merge-link {
  color: #000;
}
@media screen and (max-width: 1440px) {
  .homepage .homepage-section .section-video {
    width: 100%;
    max-width: 100%;
    padding-right: 0;
    padding-left: 0;
  }
}
@media screen and (max-width: 1140px) {
  .homepage .homepage-section .section-video {
    width: 120%;
    max-width: none;
    margin-left: -10%;
  }
}
.homepage .horizontal-separator.light {
  border-color: #e6e6e6;
}
.homepage.video .header-section .signup-disclaimer {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.homepage.video .header-section .signup-disclaimer,
.homepage.video .header-section .title {
  text-align: center;
}
.homepage.video .header-section .title {
  margin-bottom: 16px;
}
.homepage.video .header-section .sub {
  margin-bottom: 42px;
}
.homepage.video .header-section .buttons {
  max-width: none;
  justify-content: center;
}
.homepage.video .header-section .buttons .btn {
  margin-right: 20px;
}
.homepage.video .header-section .buttons .btn:last-child {
  margin-right: 0;
}
.homepage.video .header-section .companies-logos {
  margin-top: 142px;
}
.homepage.video .header-section .companies-logos .companies-title {
  color: #6a6a6a;
}
.homepage.video .homepage-section.main .title {
  max-width: none;
}
.homepage.video .homepage-section.main .text,
.homepage.video .homepage-section.main .title {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}
.homepage.video.copy .header-section .section-content {
  padding-top: 210px;
}
@media screen and (max-width: 767px) {
  .homepage.video.copy .header-section .section-content {
    padding-top: 100px;
  }
}
.homepage-signup-ab__btn {
  padding-top: 5px;
  padding-right: 20px;
  padding-bottom: 5px;
  padding-left: 5px;
  font-size: 14px;
  line-height: 22px;
}
.homepage-signup-ab__google-icon {
  margin-right: 16px;
  padding: 12px;
  background-color: #fff;
}
.homepage-signup-ab__text-link {
  display: block;
  margin-left: 48px;
  padding: 16px 0;
  color: #8c8c8c;
  font-family: "Overpass Mono", Inconsolata, "Courier New", Courier, monospace;
  font-size: 14px;
  line-height: 22px;
}
.comparison-page__header {
  margin-top: 80px;
}
@media screen and (max-height: 768px) {
  .comparison-page__header {
    margin-top: 40px;
  }
}
.sketch-landing {
  background-color: #121212;
}
.sketch-landing .inline-icon {
  display: inline-block;
  margin-right: 10px;
  transform: translateY(-2px);
}
.sketch-landing .standalone-icon {
  display: block;
}
.sketch-landing .inline-icon.grey-style,
.sketch-landing .standalone-icon.grey-style {
  filter: brightness(0) invert(1) opacity(0.5);
}
.sketch-landing .inline-icon.white-style,
.sketch-landing .standalone-icon.white-style {
  filter: brightness(0) invert(1);
}
.sketch-landing .wrap-layout {
  display: flex;
  flex-direction: row;
}
@media screen and (max-width: 736px) {
  .sketch-landing .wrap-layout {
    flex-wrap: wrap;
  }
}
.sketch-landing .homepage-section {
  padding-top: 100px;
  padding-bottom: 80px;
}
.sketch-landing .homepage-section.no-top-padding {
  padding-top: 0;
}
.sketch-landing .homepage-section.full-width {
  max-width: 100%;
  padding: 0;
}
.sketch-landing .homepage-section.bg-mid-dark {
  background-color: rgba(0, 0, 0, 0.5);
}
.sketch-landing .homepage-section.layout-centered {
  display: flex;
  justify-content: center;
}
.sketch-landing .homepage-section.two-col {
  display: flex;
}
.sketch-landing .homepage-section.two-col.layout-inverted {
  flex-direction: row-reverse;
}
@media screen and (max-width: 736px) {
  .sketch-landing .homepage-section.two-col {
    flex-direction: row-reverse;
    flex-wrap: wrap;
  }
}
.sketch-landing .homepage-section.two-col .side-img {
  width: 50%;
  height: auto;
}
@media screen and (max-width: 736px) {
  .sketch-landing .homepage-section.two-col .side-img {
    width: 100%;
  }
}
.sketch-landing .homepage-section.two-col .simple-block .title {
  text-align: left;
}
.sketch-landing .homepage-section.feature-section .desktop-image {
  display: block;
}
@media screen and (max-width: 736px) {
  .sketch-landing .homepage-section.feature-section .desktop-image {
    display: none;
  }
}
.sketch-landing .homepage-section.feature-section .mobile-image {
  display: none;
}
@media screen and (max-width: 736px) {
  .sketch-landing .homepage-section.feature-section .mobile-image {
    display: block;
  }
}
.sketch-landing .homepage-section.top-section {
  padding-top: 100px;
  padding-bottom: 100px;
}
@media screen and (max-width: 1024px) {
  .sketch-landing .homepage-section.top-section .title {
    font-size: 32px;
  }
}
.sketch-landing .homepage-section.top-section .title .inline-icon {
  height: 36px;
  margin-right: 6px;
}
@media screen and (max-width: 1024px) {
  .sketch-landing .homepage-section.top-section .title .inline-icon {
    height: 24px;
    margin-right: 4px;
  }
}
@media screen and (max-width: 736px) {
  .sketch-landing .homepage-section.top-section .title .inline-icon {
    height: 24px;
    margin-right: 4px;
    font-size: 20px;
  }
}
.sketch-landing .homepage-section.top-section .title {
  margin-bottom: 48px;
}
.sketch-landing .homepage-section.top-section .text {
  width: 65%;
  margin-bottom: 32px;
}
@media screen and (max-width: 736px) {
  .sketch-landing .homepage-section.top-section .text {
    width: 100%;
  }
}
.sketch-landing .homepage-section.top-section .cta-button {
  margin-bottom: 66px;
}
@media screen and (max-width: 736px) {
  .sketch-landing .homepage-section {
    padding: 100px 10%;
  }
}
.sketch-landing .homepage-section .title.small-style {
  font-size: 32px;
  font-weight: 600;
  line-height: 40px;
  text-align: left;
}
.sketch-landing .homepage-section .section-footer {
  text-align: left;
}
.sketch-landing .homepage-section .section-video-container {
  padding: 40px 0;
}
.sketch-landing .homepage-section .section-video-container,
.sketch-landing .homepage-section .section-video-container .section-video {
  width: 100%;
}
@media screen and (max-width: 1140px) {
  .sketch-landing .homepage-section .section-video-container,
  .sketch-landing .homepage-section .section-video-container .section-video {
    margin-left: 0;
  }
}
.sketch-landing .homepage-section .sign-up-link {
  margin-bottom: 0;
}
.pricing {
  background-color: #fff;
  font-family: soleil, Arial, sans-serif;
  font-weight: 300;
}
.pricing-header {
  padding-top: 50px;
}
.pricing__section {
  z-index: 2;
  overflow: visible;
}
.pricing__link {
  color: #8c8c8c;
  font-size: 14px;
  font-weight: 300;
  line-height: 22px;
  text-decoration: underline;
  text-decoration-color: rgba(140, 140, 140, 0.5);
}
.pricing__front-link {
  color: #8c8c8c;
  text-decoration-color: rgba(140, 140, 140, 0.5);
}
.pricing__front-link--dark {
  color: #2b2b2b;
}
.pricing__front-text {
  color: #8c8c8c;
  font-weight: 300;
}
.pricing .company-logo {
  background-color: #fff;
}
@media screen and (max-width: 1125px) {
  .pricing .title {
    font-size: 32px;
    line-height: 40px;
  }
}
.pricing .icon {
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
}
.pricing .icon-chevron {
  width: 21px;
  height: 21px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJ2aXNpYmxlIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyMSIgaGVpZ2h0PSIyMSI+PGc+PHBhdGggeG1sbnM6ZGVmYXVsdD0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGQ9Ik03LjQxIDE1LjQxTDEyIDEwLjgzbDQuNTkgNC41OEwxOCAxNGwtNi02LTYgNnoiIHN0eWxlPSJmaWxsOiByZ2IoMCwgMCwgMCk7IiB2ZWN0b3ItZWZmZWN0PSJub24tc2NhbGluZy1zdHJva2UiLz48L2c+PC9zdmc+);
}
.pricing .icon-tick {
  width: 10px;
  height: 7px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJ2aXNpYmxlIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB2aWV3Qm94PSIwIDAgMTIuMTcwMDAwMDc2MjkzOTQ1IDkuMzQ5OTk5OTA0NjMyNTY4IiB3aWR0aD0iMTAiIGhlaWdodD0iNyI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSwgMSkiPjxkZWZzPjxzdHlsZT4uYV8xNTYzMTg5MzEyMzQze2ZpbGw6bm9uZTtzdHJva2U6IzFkMWQxYjtzdHJva2UtbWl0ZXJsaW1pdDoxMDtzdHJva2Utd2lkdGg6MS41cHg7fTwvc3R5bGU+PC9kZWZzPjxwb2x5bGluZSBwb2ludHM9IjAuNTMgMi45MyAzLjg5IDYuMjkgOS42NCAwLjUzIiBjbGFzcz0iYV8xNTYzMTg5MzEyMzQzIiB2ZWN0b3ItZWZmZWN0PSJub24tc2NhbGluZy1zdHJva2UiLz48L2c+PC9zdmc+);
}
.pricing .intermission {
  padding-top: 35px;
  padding-bottom: 35px;
  font-size: 16px;
  color: #2b2b2b;
  font-weight: 700;
  border-bottom: 1px solid #e6e6e6;
  border-top: 1px solid #e6e6e6;
}
.pricing .free-plans-link {
  font-size: 16px;
  color: #2b2b2b;
  font-weight: 700;
  text-decoration: underline;
}
.pricing .free-plans-link-container {
  padding: 35px 0 35px 6px;
}
.pricing .features-table--merge tr td:nth-of-type(4) {
  background-color: #ebecfd;
}
.pricing .features-table--standard tr td:nth-of-type(5) {
  background-color: #f0f0f0;
}
.libraries-page__header {
  margin-top: 64px;
  margin-bottom: 0;
}
.libraries-page__header--extra-padding {
  padding-top: 96px;
  padding-bottom: 32px;
}
@media screen and (max-height: 768px) {
  .libraries-page__header--extra-padding {
    padding-top: 48px;
  }
}
.libraries-page__image {
  width: auto;
  height: 720px;
}
.webinars-page__image {
  width: auto;
  height: 530px;
}
.webinars-page__header {
  margin-top: 48px;
  position: relative;
  z-index: 2;
}
.webinars-page__header:before {
  content: "20";
  position: absolute;
  top: 0;
  z-index: -1;
  color: #7800ff;
  font-family: Termina, Arial, sans-serif;
  font-size: 450px;
  font-weight: 800;
  line-height: 0.8;
  padding-right: 20px;
  right: 100%;
}
@media screen and (max-width: 767px) {
  .webinars-page__header:before {
    font-size: 228px;
    line-height: 0.8;
  }
}
@media screen and (max-width: 767px) {
  .webinars-page__header:before {
    top: 48px;
    right: calc(100% - 82px);
  }
}
.webinars-page__header:after {
  content: "19";
  position: absolute;
  top: 0;
  z-index: -1;
  color: #7800ff;
  font-family: Termina, Arial, sans-serif;
  font-size: 450px;
  font-weight: 800;
  line-height: 0.8;
  left: calc(100% - 232px);
}
@media screen and (max-width: 767px) {
  .webinars-page__header:after {
    font-size: 228px;
    line-height: 0.8;
  }
}
@media screen and (max-width: 767px) {
  .webinars-page__header:after {
    left: calc(100% - 164px);
  }
}
.homepage-fallback .home-header {
  margin-top: 80px;
  position: relative;
  z-index: 1;
}
@media screen and (max-height: 1378px) {
  .homepage-fallback .home-header {
    margin-top: 40px;
  }
}
@media screen and (max-width: 767px) {
  .homepage-fallback .home-header {
    margin-top: 20px;
  }
}
.homepage-fallback .home-header__cols {
  display: flex;
  width: auto;
  padding: 16px 0;
  align-items: flex-end;
  flex-direction: row;
  justify-content: space-between;
}
@media screen and (max-width: 1023px) {
  .homepage-fallback .home-header__cols {
    flex-wrap: wrap;
  }
}
.homepage-fallback .home-header__title {
  margin-bottom: 20px;
  font-size: 38px;
  line-height: 46px;
}
@media screen and (max-width: 1023px) {
  .homepage-fallback .home-header__title {
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .homepage-fallback .home-header__title {
    font-size: 28px;
    line-height: 40px;
    text-align: left;
  }
}
.homepage-fallback .home-header__content {
  width: 40%;
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 0;
}
@media screen and (max-width: 1023px) {
  .homepage-fallback .home-header__content {
    width: 100%;
    margin-bottom: 64px;
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .homepage-fallback .home-header__content {
    margin-bottom: 32px;
    font-size: 18px;
    line-height: 27px;
    text-align: left;
  }
}
.homepage-fallback .home-header__video {
  width: 720px;
  height: 450px;
  margin-left: 48px;
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 0;
}
@media screen and (max-width: 1023px) {
  .homepage-fallback .home-header__video {
    width: 100%;
    height: auto;
    margin: 0;
  }
}
.homepage-fallback .home-header__btn-wrapper {
  margin-right: auto;
  margin-left: auto;
  padding-bottom: 0;
}
.homepage-fallback .home-header__btn-wrapper--visible-mobile {
  display: none;
}
@media screen and (max-width: 767px) {
  .homepage-fallback .home-header__btn-wrapper--visible-mobile {
    display: block;
  }
  .homepage-fallback .home-header__btn-wrapper--visible-desktop {
    display: none;
  }
}
.feature-box {
  display: flex;
  width: 30%;
  max-width: 430px;
  margin: 0 16px 36px;
  padding: 0 36px;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
}
@media screen and (max-width: 736px) {
  .feature-box {
    width: 100%;
    padding: 18px 0;
  }
}
.feature-box .header {
  display: flex;
  min-height: 40px;
  margin-bottom: 24px;
  align-items: flex-end;
  flex-direction: row;
  justify-content: center;
}
.feature-box .header .standalone-icon {
  margin: 0 16px;
}
.feature-box .title {
  margin-bottom: 16px;
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
  text-align: center;
}
.feature-box .content-text {
  color: #acacac;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}
.simple-block .icon {
  width: auto;
  max-height: 32px;
  margin-bottom: 24px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: 0 0;
     object-position: 0 0;
}
.simple-block .title {
  margin-bottom: 4px;
  font-size: 24px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
}
.simple-block .content-text {
  color: #acacac;
  font-size: 16px;
  text-align: left;
}
.simple-block-list {
  margin: 36px 0;
}
.simple-block-list.multi-line {
  display: flex;
  margin-right: -24px;
  margin-left: -24px;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.simple-block-list.multi-line .simple-block {
  padding: 24px;
}
.simple-block-list.one-line {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media screen and (max-width: 736px) {
  .simple-block-list.two-items .simple-block {
    width: 100%;
    margin: 36px 0;
  }
}
.simple-block-list.three-items .simple-block {
  width: 33%;
}
@media screen and (max-width: 736px) {
  .simple-block-list.three-items .simple-block {
    width: 100%;
    margin: 36px 0;
  }
}
.interactions-list {
  margin: 48px 0;
}
.interactions-list.one-line {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.interactions-list.four-items .interaction-item {
  width: calc(25% - 12px);
}
@media screen and (max-width: 736px) {
  .interactions-list.four-items .interaction-item {
    width: 100%;
    margin: 36px 0;
  }
}
.interactions-list.four-items .interaction-item .simple-block {
  width: 100%;
}
.interactions-list .interaction-item .preview-container {
  display: flex;
  width: 100%;
  height: 250px;
  margin-bottom: 64px;
  align-items: center;
  justify-content: center;
  background-color: #121212;
  overflow: hidden;
}
.interactions-list .interaction-item .preview-container .preview-video {
  width: 100%;
  height: auto;
}
.interactions-list .interaction-item .simple-block {
  padding-right: 16px;
}
.qa-block {
  margin: 16px 0;
}
.qa-block .question {
  margin-bottom: 5px;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
}
@media screen and (max-width: 767px) {
  .qa-block .question {
    font-size: 16px;
    line-height: 24px;
  }
}
.section.pricing-jp .qa-block .question {
  font-size: 22px;
}
.qa-block .answer {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}
.pricing-floating-container {
  width: 100%;
  height: 125px;
  border-bottom: 1px solid #f0f0f0;
  position: fixed;
  top: -125px;
  left: 0;
  z-index: 1;
  background-color: #fff;
  transition: top 0.2s ease;
}
.pricing-floating-container .pricing-table .row__header-vertical {
  padding: 0 6px 0 0;
}
.pricing-floating-container .pricing-table .box__name {
  margin-bottom: 8px;
}
.pricing-floating-container--visible {
  top: 0;
}
.plans-header {
  margin-bottom: 16px;
  padding-top: 8px;
}
@media screen and (min-width: 1024px) {
  .plans-header {
    padding: 0 2px;
  }
}
.plans-header__grid {
  grid-row-gap: 0;
  grid-template-columns: 100%;
  padding-top: 24px;
}
@media screen and (min-width: 1024px) {
  .plans-header__grid--2 {
    grid-template-columns: repeat(2, calc((100% / 2) - 20px));
    grid-column-gap: 40px;
  }
  .plans-header__grid--3 {
    grid-template-columns: repeat(3, calc((100% / 3) - 20px));
    grid-column-gap: 30px;
  }
  .plans-header__grid--4 {
    grid-template-columns: repeat(4, calc((100% / 4) - 20px));
    grid-column-gap: 26.66666667px;
  }
}
@media screen and (max-width: 1023px) {
  .plans-header .box-wrapper {
    margin: 8px 0;
    padding: 0 2px;
    border: 1px solid #f0f0f0;
    border-radius: 2px;
  }
}
.plans-header .box-wrapper--highlighted {
  background-color: #f0f0f0;
  border-radius: 4px;
}
.plans-header .box {
  display: flex;
  height: auto;
  margin: 16px 18px 0;
  padding: 4px 6px;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  text-align: left;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .plans-header .box {
    display: flex;
    height: 290px;
    align-content: flex-start;
    align-items: flex-start;
    flex-flow: column wrap;
    justify-content: flex-start;
  }
}
@media screen and (max-width: 1023px) {
  .plans-header .box {
    margin-bottom: 16px;
  }
}
.plans-header .box__badge {
  margin-left: 6px;
  padding: 2px 4px;
}
.plans-header .box__column {
  width: 100%;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .plans-header .box__column {
    width: 33%;
  }
}
.plans-header .box__name {
  display: inline-flex;
  width: 100%;
  margin-bottom: 4px;
  align-items: center;
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  color: #2b2b2b;
}
.plans-header .box__description {
  color: #414141;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  margin-bottom: 24px;
}
.plans-header .box__description--fill {
  height: 96px;
}
.section.pricing-jp .plans-header .box__description {
  height: 80px;
  font-size: 14px;
}
.section.pricing-kr .plans-header .box__description {
  height: 72px;
}
@media screen and (min-width: 1024px) and (max-width: 1199px) {
  .plans-header .box__description {
    height: 108px;
  }
}
.plans-header .box__price {
  display: flex;
  margin: 15px 0 17px;
  align-items: flex-start;
  flex-direction: column;
  flex: 1 1 auto;
  justify-content: center;
}
.section.pricing-jp .plans-header .box__price {
  margin: 25px 0 20px 0;
}
.plans-header .box__price-tag {
  color: #414141;
  font-size: 16px;
  font-weight: 300;
  line-height: 27px;
}
.plans-header .box__price-old-quota {
  text-decoration: line-through;
}
.plans-header .box__price-quota {
  font-size: 28px;
}
.plans-header .box__price-caption {
  color: #8c8c8c;
  font-size: 14px;
  font-weight: 300;
  line-height: 22px;
}
@media screen and (min-width: 1023px) and (max-width: 1045px) {
  .plans-header .box__price-caption {
    min-height: 44px;
  }
}
.section.pricing-jp .plans-header .box__price-caption {
  height: 40px;
}
.plans-header .box__features {
  margin: 21px 0 0;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .plans-header .box__features {
    margin-top: 8px;
    margin-left: 140px;
  }
}
.plans-header .box__features-header {
  margin-top: 4px;
  margin-bottom: 4px;
  color: #2b2b2b;
  font-size: 14px;
  font-weight: 300;
  line-height: 24px;
  text-transform: uppercase;
}
.plans-header .box__features-list {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  list-style: none;
}
.plans-header .box__features-item {
  display: inline-block;
  padding: 4px 0;
  color: #6a6a6a;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}
.plans-header .box__features-item--superwide {
  width: 115%;
}
.plans-header .box__features-item.bold {
  font-weight: 600;
  color: #2b2b2b;
}
.section.pricing-jp .plans-header .box__features-item {
  font-size: 14px;
}
.plans-header .box__features-item.item-tooltip {
  position: relative;
}
.plans-header .box__features-item.item-tooltip:active .cloud {
  display: flex;
}
.plans-header .box__features-item.item-tooltip .item-tooltip__text {
  padding-bottom: 1px;
  border-bottom: 1px dotted #d7d7d7;
  position: relative;
}
.plans-header .box__features-item.item-tooltip .cloud {
  top: 100%;
  z-index: 2;
  color: #fff;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 22px;
  text-align: left;
  pointer-events: none;
}
.plans-header .box__features-item.item-tooltip .cloud:before {
  box-sizing: border-box;
  transform: none;
  background: 0 0;
}
.plans-header .box__features-item.item-tooltip .cloud.arrow-top {
  left: calc((100% - 230px) / 2);
}
.plans-header .box__features-item.item-tooltip .cloud.arrow-top:before {
  left: calc(50% - 4px);
}
.plans-header .box--small {
  height: 125px;
}
.image-with-caption {
  width: 400px;
  margin-bottom: 32px;
  margin-left: auto;
  position: relative;
}
@media screen and (max-width: 1023px) {
  .image-with-caption {
    width: 250px;
    margin-bottom: 96px;
  }
}
@media screen and (max-width: 767px) {
  .image-with-caption {
    width: 100%;
    max-width: 352px;
    margin-top: 64px;
    margin-right: auto;
    margin-bottom: 128px;
    margin-left: auto;
  }
}
@media screen and (max-width: 1023px) {
  .image-with-caption__image {
    width: 250px;
    height: 250px;
  }
}
@media screen and (max-width: 767px) {
  .image-with-caption__image {
    width: 196px;
    height: 196px;
  }
}
.image-with-caption .caption {
  width: 352px;
  height: 160px;
  padding: 32px 32px 32px 0;
  position: absolute;
  bottom: -32px;
  left: -144px;
}
.image-with-caption .caption:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background-image: url(/images/home/pricing-pattern-border-top.png),
    url(/images/home/pricing-pattern-border-right.png),
    url(/images/home/pricing-pattern-border-bottom.png);
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-position: left top, right 32px, left bottom;
  background-size: 100% 32px, 64px 96px, 100% 32px;
}
@media screen and (max-width: 767px) {
  .image-with-caption .caption:after {
    width: calc(100% + 32px);
  }
}
@media screen and (max-width: 1023px) {
  .image-with-caption .caption {
    right: -32px;
    bottom: -96px;
    left: auto;
    left: initial;
  }
}
@media screen and (max-width: 767px) {
  .image-with-caption .caption {
    width: 100%;
    padding-right: 0;
    bottom: -96px;
    left: 0;
  }
}
.image-with-caption .caption__content {
  display: flex;
  width: 100%;
  height: 100%;
  padding-left: 32px;
  position: relative;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  background-color: #000;
}
.image-with-caption .caption__name {
  display: block;
  color: #fff;
  font-family: "Overpass Mono", Inconsolata, "Courier New", Courier, monospace;
  font-size: 16px;
  line-height: 24px;
  text-transform: uppercase;
}
.image-with-caption .caption__position {
  display: block;
  color: #acacac;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.contact-section {
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .contact-section [data-mobile="show"],
  .contact-section[data-mobile="show"] {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .contact-section [data-mobile="hide"],
  .contact-section[data-mobile="hide"] {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .contact-section .chat-cta {
    max-width: 352px;
    margin-right: auto;
    margin-left: auto;
  }
}
.plan-switcher {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
}
.plan-switcher__option {
  display: flex;
  align-items: center;
}
.plan-switcher__label {
  display: flex;
  padding: 4px 8px;
  border: solid 1px #2b2b2b;
  align-items: center;
  color: #2b2b2b;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  cursor: pointer;
}
input[name="billing-option"] {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}
input[name="billing-option"][value="monthly"]:checked
  ~ .pricing-floating-container
  [for="bill-monthly"],
input[name="billing-option"][value="monthly"]:checked
  ~ .section
  [for="bill-monthly"] {
  background-color: #2b2b2b;
  color: #fff;
}
input[name="billing-option"][value="monthly"]:checked
  ~ .pricing-floating-container
  [data-type="annually"],
input[name="billing-option"][value="monthly"]:checked
  ~ .section
  [data-type="annually"] {
  display: none;
}
input[name="billing-option"][value="annually"]:checked
  ~ .pricing-floating-container
  [for="bill-annually"],
input[name="billing-option"][value="annually"]:checked
  ~ .section
  [for="bill-annually"] {
  background-color: #2b2b2b;
  color: #fff;
}
input[name="billing-option"][value="annually"]:checked
  ~ .pricing-floating-container
  [data-type="monthly"],
input[name="billing-option"][value="annually"]:checked
  ~ .section
  [data-type="monthly"] {
  display: none;
}
.section-toggled {
  display: none;
}
#merge:checked ~ .merge,
#merge:checked ~ .section .merge,
#standard:checked ~ .section .standard,
#standard:checked ~ .standard {
  display: block;
}
#merge:checked ~ section ul li.tab-merge,
#standard:checked ~ section ul li.tab-standard {
  border-top: 3px solid #000;
  border-right: 3px solid #000;
  border-bottom: 3px solid #fff;
  border-left: 3px solid #000;
  background-color: #fff;
  color: #000;
}
.pricing input {
  display: none;
}
.box-wrapper--highlighted--merge {
  border-radius: 4px;
  background-color: #ebecfd !important;
}
.pricing-tabs-list:before {
  content: " ";
  width: 100%;
  border-bottom: 3px solid #000;
  position: absolute;
  bottom: 0;
  left: 0;
}
.pricing-tabs {
  padding-top: 50px;
}
.pricing-tabs-list {
  z-index: 0;
  font-size: 16px;
  font-weight: 600;
  list-style: none;
}
.pricing-tabs-list-section {
  margin-bottom: 48px;
}
.pricing-tabs-list-item {
  display: inline-grid;
  width: 280px;
  height: 53px;
  margin-right: 8px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  position: relative;
  z-index: 1;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .pricing-tabs-list-item {
    width: 140px;
  }
}
.pricing-tabs-list .tab-merge {
  border: 3px solid #2b2b2b;
  background-color: #2b2b2b;
  color: #fff;
}
.pricing-tabs-list .tab-merge:hover {
  border: 3px solid #000;
  background-color: #000;
}
.pricing-tabs-list .tab-standard {
  border-top: 3px solid #f3f3f3;
  border-right-style: hidden;
  border-bottom: 3px solid #000;
  border-left-style: hidden;
  z-index: 0;
  background-color: #f3f3f3;
  color: #2b2b2b;
}
.pricing-tabs-list .tab-standard:hover {
  border-top-color: #e6e6e6;
  background-color: #e6e6e6;
}
.pricing-table-wrapper {
  padding-top: 0;
}
.pricing-table {
  width: 100%;
  color: #2e2e2e;
}
@media screen and (max-width: 1023px) {
  .pricing-table {
    display: none;
  }
}
.pricing-table .row {
  width: 100%;
}
.pricing-table .row:not(.row--first):hover {
  background-color: #f5f5f5;
}
.pricing-table .row__data,
.pricing-table .row__header-horizontal,
.pricing-table .row__header-vertical {
  padding: 12px;
  font-size: 16px;
  line-height: 24px;
}
.pricing-table .row__header-horizontal {
  display: block;
  width: 100%;
  padding-right: 0;
  text-align: left;
}
.pricing-table .row__data {
  border-right: none;
  border-left: none;
  text-align: center;
}
.pricing-table .row__data .icon {
  margin: 0 auto;
}
.pricing-table .row__header-vertical {
  padding-bottom: 0;
}
.pricing-table .row__header-vertical .box {
  display: flex;
  height: 300px;
  padding: 4px 6px 4px 0;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  text-align: left;
}
.pricing-table .row__header-vertical .box--small {
  height: 125px;
}
.pricing-table .row__header-vertical .box__badge {
  margin-left: 6px;
  padding: 2px 4px;
}
.pricing-table .row__header-vertical .box__name {
  display: inline-flex;
  width: 100%;
  margin-bottom: 8px;
  align-items: center;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
}
.pricing-table .row__header-vertical .box__description {
  margin-right: 20px;
  color: #6a6a6a;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}
.pricing-table .row__header-vertical .box__price {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  flex: 1 1 auto;
  justify-content: center;
}
.pricing-table .row__header-vertical .box__price-tag {
  color: #414141;
  font-size: 16px;
  font-weight: 300;
  line-height: 32px;
}
.pricing-table .row__header-vertical .box__price-quota {
  font-size: 24px;
}
.pricing-table .row__header-vertical .box__price-caption {
  color: #8c8c8c;
  font-size: 14px;
  font-weight: 300;
  line-height: 22px;
}
.pricing-table .row__header-vertical .box__caption {
  width: 100%;
  height: 14px;
  margin-top: 2px;
  color: #414141;
  font-family: soleil, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  text-align: center;
  text-decoration: underline;
  cursor: pointer;
}
.pricing-table .row__header-vertical .box .btn {
  width: 166px;
  height: 35px;
  padding: 0 6px;
  font-size: 14px;
}
.pricing-table .row__header-vertical--highlighted {
  background-color: #f0f0f0;
}
.pricing-table .row__data,
.pricing-table .row__header-vertical {
  width: 17%;
}
.pricing-table .row__data--merge,
.pricing-table .row__header-vertical--merge {
  width: 21%;
}
.pricing-table .row__data--no-free,
.pricing-table .row__header-vertical--no-free {
  width: 24%;
}
.pricing-table .row__data.table-tooltip,
.pricing-table .row__header-horizontal.table-tooltip {
  position: relative;
}
@media screen and (max-width: 1023px) {
  .pricing-table .row__data.table-tooltip:active .cloud,
  .pricing-table .row__header-horizontal.table-tooltip:active .cloud {
    display: flex;
  }
}
.pricing-table .row__data.table-tooltip .table-tooltip__text,
.pricing-table .row__header-horizontal.table-tooltip .table-tooltip__text {
  padding-bottom: 1px;
  border-bottom: 1px dotted #d7d7d7;
  position: relative;
  font-size: 16px;
  line-height: 24px;
}
.section.pricing-jp
  .pricing-table
  .row__data.table-tooltip
  .table-tooltip__text,
.section.pricing-jp
  .pricing-table
  .row__header-horizontal.table-tooltip
  .table-tooltip__text {
  font-size: 14px;
}
.pricing-table .row__data.table-tooltip .cloud,
.pricing-table .row__header-horizontal.table-tooltip .cloud {
  top: 100%;
  z-index: 2;
  color: #fff;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 22px;
  text-align: left;
  pointer-events: none;
}
.pricing-table .row__data.table-tooltip .cloud:before,
.pricing-table .row__header-horizontal.table-tooltip .cloud:before {
  box-sizing: border-box;
  transform: none;
  background: 0 0;
}
.pricing-table .row__data.table-tooltip .cloud.arrow-top,
.pricing-table .row__header-horizontal.table-tooltip .cloud.arrow-top {
  left: calc((100% - 230px) / 2);
}
.pricing-table .row__data.table-tooltip .cloud.arrow-top:before,
.pricing-table .row__header-horizontal.table-tooltip .cloud.arrow-top:before {
  left: calc(50% - 4px);
}
.section.pricing-jp .pricing-table .row__data,
.section.pricing-jp .pricing-table .row__header-horizontal {
  font-size: 14px;
}
.pricing-table .row--space {
  height: 25px;
}
.pricing-table .row--heading {
  margin-bottom: 25px;
}
.pricing-table .row--heading .row__header-vertical {
  padding: 0 12px;
}
.pricing-table .row--heading .row__header-horizontal {
  padding: 0 0 0 12px;
}
.more-features {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease;
}
.more-features .group__title {
  margin: 0;
  padding: 16px 12px;
  font-size: 16px;
  line-height: 24px;
  text-align: left;
}
.more-features--expanded {
  max-height: 9999px;
}
#toggler-details-merge .toggler-expand,
#toggler-details-standard .toggler-expand {
  display: flex;
  width: 100%;
  margin: 12px 0;
  padding: 0;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
  color: #2e2e2e;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
}
#toggler-details-merge .toggler-expand:hover,
#toggler-details-standard .toggler-expand:hover {
  background-color: #f5f5f5;
}
#toggler-details-merge .toggler-expand__icon,
#toggler-details-standard .toggler-expand__icon {
  margin-left: 4px;
  transform: rotate(180deg);
}
#toggler-details-merge .toggler-expand__icon--inverted,
#toggler-details-standard .toggler-expand__icon--inverted {
  transform: rotate(0);
}
#toggler-details-merge .toggler-expand__label--hidden,
#toggler-details-standard .toggler-expand__label--hidden {
  display: none;
}
.preview-block {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  background-color: #121212;
  overflow: hidden;
}
.preview-block__video {
  width: 100%;
  height: auto;
}
.feature-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.feature-table__tick {
  width: 16px;
  height: 16px;
  margin: 0 auto;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/images/home/icon-true.svg);
  mask-image: url(/images/home/icon-true.svg);
  mask-type: alpha;
}
.feature-table__tick[data-aos="feature-showcase"] {
  transition-property: background-color;
}
.feature-table__tick--is-true {
  background-color: rgba(172, 172, 172, 0.6);
}
.feature-table__tick--is-true.aos-animate {
  background-color: #00a841;
}
.feature-table__tick--is-false {
  background-color: rgba(172, 172, 172, 0.6);
  -webkit-mask-image: url(/images/home/icon-false.svg);
  mask-image: url(/images/home/icon-false.svg);
}
.feature-table__tick--is-false.aos-animate {
  background-color: #bf3030;
}
.feature-table__tick--is-disabled {
  background-color: rgba(172, 172, 172, 0.6);
}
.feature-table__logo {
  width: 26px;
  height: 26px;
  margin: 0 auto;
}
.feature-table__text {
  margin: 0;
  color: #acacac;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  text-align: left;
}
.feature-table__text[data-aos="feature-showcase"] {
  transition-property: color;
}
.feature-table__text--highlighted {
  color: #acacac;
}
.feature-table__text--highlighted.aos-animate {
  color: #fff;
}
.feature-table__space {
  width: 48px;
}
@media screen and (max-width: 767px) {
  .feature-table__space {
    width: 12px;
  }
}
.feature-table__element {
  width: 48px;
  height: 48px;
  padding: 12px 0;
  border-top: 1px solid #2e2e2e;
  border-bottom: 1px solid #2e2e2e;
}
.feature-table__element--wide {
  width: auto;
}
.feature-table__header {
  border: none;
}
.testimonial-small {
  margin-bottom: 15px;
}
.testimonial-small__image {
  width: 156px;
  height: 156px;
  margin: 0 auto;
  position: relative;
  flex-shrink: 0;
}
.testimonial-small__image:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 0;
  background-image: url(/images/home/pattern-testimonial-small-dev.png);
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: 96px 96px;
}
.testimonial-small__image--figma:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  background-image: url(/images/home/ian-gaenssley.jpg);
  background-repeat: no-repeat;
  background-position: top right;
  background-size: 124px 124px;
}
.testimonial-small__image--invision:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  background-image: url(/images/home/colin-johnston.png);
  background-repeat: no-repeat;
  background-position: top right;
  background-size: 124px 124px;
}
.testimonial-small__quote-container {
  padding-left: 40px;
  flex: 1 1 auto;
}
@media screen and (max-width: 767px) {
  .testimonial-small__quote-container {
    padding-top: 40px;
    padding-right: 40px;
  }
}
.testimonial-small__quote {
  margin-bottom: 12px;
  font-size: 20px;
  line-height: 32px;
}
.testimonial-big {
  width: 772px;
  height: 452px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .testimonial-big {
    max-width: 100%;
    height: 740px;
  }
}
.testimonial-big__image {
  width: 420px;
  height: 420px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
}
@media screen and (max-width: 767px) {
  .testimonial-big__image {
    max-width: 100%;
    margin: 0 auto;
    top: auto;
    bottom: 352px;
    left: 0;
    -o-object-position: bottom;
       object-position: bottom;
  }
}
.testimonial-big__caption {
  display: flex;
  width: 320px;
  height: 320px;
  padding: 28px;
  position: absolute;
  bottom: 32px;
  left: 32px;
  z-index: 2;
  flex-direction: column;
}
@media screen and (max-width: 767px) {
  .testimonial-big__caption {
    width: 420px;
    max-width: 100%;
    margin: 0 auto;
    right: 0;
    left: 0;
  }
}
.testimonial-big__caption:before {
  content: "";
  width: 416px;
  height: 416px;
  position: absolute;
  top: -64px;
  left: -32px;
  z-index: -1;
  background-image: url(/images/home/testimonial-big-pattern-bottom.png),
    url(/images/home/testimonial-big-pattern-right.png);
  background-repeat: no-repeat, no-repeat;
  background-position: left bottom, right top;
  background-size: 320px 64px, 64px 384px;
}
@media screen and (max-width: 767px) {
  .testimonial-big__caption:before {
    display: none;
  }
}
.testimonial-big__caption:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background-color: #000;
}
.testimonial-big__text {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}
.testimonial-big__signature {
  margin-top: auto;
}
.testimonial-big__logo {
  width: 50px;
  height: 14px;
  margin-top: 6px;
}
.termina-title {
  width: 80%;
  padding-bottom: 36px;
  color: #fff;
  font-family: Termina, Arial, sans-serif;
  font-size: 86px;
  font-weight: 700;
  line-height: 82px;
  text-transform: uppercase;
}
@media screen and (max-width: 767px) {
  .termina-title {
    font-size: 36px;
    line-height: 38px;
  }
}
.termina-subtitle {
  color: #fff;
  font-family: Termina, Arial, sans-serif;
  font-size: 86px;
  font-weight: 700;
  line-height: 92px;
}
@media screen and (max-width: 767px) {
  .termina-subtitle {
    font-size: 34px;
    line-height: 38px;
    text-align: center;
  }
}
.termina-text {
  color: #fff;
  font-family: Termina, Arial, sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 44px;
}
@media screen and (max-width: 767px) {
  .termina-text {
    font-size: 20px;
    line-height: 28px;
  }
}
.termina-text--size-big {
  font-size: 40px;
  line-height: 52px;
}
@media screen and (max-width: 767px) {
  .termina-text--size-big {
    font-size: 26px;
    line-height: 28px;
  }
}
.termina-text--size-small {
  font-size: 20px;
  line-height: 32px;
}
@media screen and (max-width: 767px) {
  .termina-text--size-small {
    font-size: 14px;
    line-height: 16px;
  }
}
.termina-text--leading-big {
  line-height: 52px;
}
.termina-text--weight-bold {
  font-weight: 800;
}
.termina-text--color-dark {
  color: #000;
}
.termina-text__highlighted {
  color: #7800ff;
}
@media screen and (min-width: 768px) {
  .webinars-topbar [data-mobile="show"],
  .webinars-topbar[data-mobile="show"] {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .webinars-topbar [data-mobile="hide"],
  .webinars-topbar[data-mobile="hide"] {
    display: none;
  }
}
.webinars-topbar--sticky {
  position: fixed;
  top: -130px;
  transition: top 0.2s;
}
.webinars-topbar--sticky-visible {
  position: fixed;
  top: 0;
  transition: top 0.2s;
}
.webinars-topbar__logo {
  display: inline-block;
  width: auto;
  height: 58px;
  position: relative;
  flex-grow: 0;
  flex-shrink: 0;
  text-indent: -9999px;
}
@media screen and (max-width: 767px) {
  .webinars-topbar__logo {
    height: 45px;
  }
}
.webinars-topbar__logo--uxpin {
  width: 60px;
  height: 60px;
  margin-left: 20px;
  background-color: #fff;
}
.webinars-topbar__date {
  padding: 0 12px;
}
@media screen and (max-width: 767px) {
  .webinars-topbar__date {
    padding: 0 0 0 12px;
  }
}
.webinars-topbar__caption {
  font-size: 14px;
  line-height: 16px;
}
.webinars-topbar__btn {
  width: auto;
}
.webinar-timetable {
  margin-top: 80px;
  margin-bottom: 80px;
}
@media screen and (min-width: 768px) {
  .webinar-timetable [data-mobile="show"],
  .webinar-timetable[data-mobile="show"] {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .webinar-timetable [data-mobile="hide"],
  .webinar-timetable[data-mobile="hide"] {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .webinar-timetable {
    margin-top: 48px;
    margin-bottom: 48px;
  }
}
.webinar-timetable__entry {
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  justify-content: left;
}
.webinar-timetable__time {
  display: block;
  width: auto;
  height: 100%;
  flex-shrink: 0;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .webinar-timetable__time {
    display: flex;
    height: auto;
    margin-bottom: 8px;
    flex-direction: row;
  }
}
@media screen and (max-width: 767px) {
  .webinar-timetable__timezone {
    margin-left: 10px;
  }
}
.webinar-timetable__presentation {
  display: flex;
  position: relative;
  flex-direction: row;
  flex: 1 1 auto;
  justify-content: flex-end;
}
.webinar-timetable__portrait {
  width: 164px;
  height: 164px;
  margin-top: 8px;
  margin-right: 32px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .webinar-timetable__portrait {
    width: 96px;
    height: 96px;
    margin-right: 12px;
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
.webinar-timetable__portrait:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 0;
  background: url(/images/home/webinars-portrait-pattern.svg) bottom right
    no-repeat;
  background-size: 132px 132px;
}
@media screen and (max-width: 767px) {
  .webinar-timetable__portrait:before {
    background-size: 80px 80px;
  }
}
.webinar-timetable__portrait:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  background: url(/images/home/ian-gaenssley.jpg) top left no-repeat;
  background-size: 132px 132px;
}
@media screen and (max-width: 767px) {
  .webinar-timetable__portrait:after {
    background-size: 80px 80px;
  }
}
.webinar-timetable__portrait--marcin-treder:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  background: url(/images/home/marcin-treder.jpg) top left no-repeat;
  background-size: 132px 132px;
}
@media screen and (max-width: 767px) {
  .webinar-timetable__portrait--marcin-treder:after {
    background-size: 80px 80px;
  }
}
.webinar-timetable__portrait--tim-obrien:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  background: url(/images/home/tim-obrien.jpg) top left no-repeat;
  background-size: 132px 132px;
}
@media screen and (max-width: 767px) {
  .webinar-timetable__portrait--tim-obrien:after {
    background-size: 80px 80px;
  }
}
.webinar-timetable__portrait--luke-vella:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  background: url(/images/home/luke-vella.jpg) top left no-repeat;
  background-size: 132px 132px;
}
@media screen and (max-width: 767px) {
  .webinar-timetable__portrait--luke-vella:after {
    background-size: 80px 80px;
  }
}
.webinar-timetable__description {
  width: 65%;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .webinar-timetable__description {
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1;
  }
}
.webinar-timetable__footer {
  display: flex;
  margin-top: 36px;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .webinar-timetable__footer {
    justify-content: flex-start;
  }
}
.webinar-timetable__signature {
  display: block;
}
@media screen and (max-width: 767px) {
  .webinar-timetable__signature {
    margin-left: 32px;
    order: 2;
    text-align: left;
  }
}
.webinar-form__caption {
  display: block;
  width: 600px;
  padding-top: 36px;
  color: #8c8c8c;
  font-family: "Overpass Mono", Inconsolata, "Courier New", Courier, monospace;
  font-size: 14px;
  line-height: 22px;
}
@media screen and (max-width: 767px) {
  .webinar-form__caption {
    width: 100%;
    font-size: 12px;
    line-height: 16px;
  }
}
.webinar-form__link {
  color: inherit;
  text-decoration: underline;
}
.webinar-form__link:hover {
  color: #ff0;
}
.share-btn {
  height: 50px;
  padding: 12px 20px 12px 50px;
  border: solid 1px #fff;
  position: relative;
  background-color: transparent;
  color: #fff;
  font-family: "Overpass Mono", Inconsolata, "Courier New", Courier, monospace;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
}
.share-btn:before {
  content: "";
  width: 20px;
  height: 20px;
  margin: auto 0 auto 18px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-color: #fff;
  -webkit-mask-image: url(/images/home/social-icon-twitter.svg);
  mask-image: url(/images/home/social-icon-twitter.svg);
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
.share-btn:hover {
  border-color: #7800ff;
  background-color: #7800ff;
}
#webinar-form .hs-form {
  display: flex;
  width: 600px;
  align-items: flex-end;
  flex-direction: row;
  justify-content: flex-start;
}
@media screen and (max-width: 767px) {
  #webinar-form .hs-form {
    width: 100%;
    flex-wrap: wrap;
  }
}
#webinar-form .hs-form .hs-email {
  margin-right: 10px;
  position: relative;
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 1;
}
@media screen and (max-width: 767px) {
  #webinar-form .hs-form .hs-email {
    margin-right: 0;
    margin-bottom: 48px;
    text-align: center;
  }
}
#webinar-form .hs-form .hs-email label {
  color: #d7d7d7;
  font-family: "Overpass Mono", Inconsolata, "Courier New", Courier, monospace;
  font-size: 16px;
  line-height: 24px;
}
#webinar-form .hs-form .hs-email .hs-form-required {
  display: none;
}
#webinar-form .hs-form .hs-email .hs-error-msgs {
  width: 100%;
  padding: 4px 6px;
  position: absolute;
  left: 0;
  background-color: #ff0;
  list-style: none;
}
#webinar-form .hs-form .hs-email .hs-error-msgs .hs-error-msg {
  color: #000;
  font-size: 14px;
}
#webinar-form .hs-form .hs-email .hs-input {
  width: 100%;
  height: 50px;
  margin-top: 12px;
  padding: 0 16px;
  border: solid 2px #7800ff;
  border-radius: 0;
  background-color: transparent;
  color: #fff;
  font-family: Termina, Arial, sans-serif;
  font-size: 16px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
#webinar-form .hs-form .hs-email .hs-input.error {
  border: solid 2px #ff0;
}
#webinar-form .hs-form .hs_error_rollup {
  display: none;
}
#webinar-form .hs-form .hs-submit {
  position: relative;
}
@media screen and (max-width: 767px) {
  #webinar-form .hs-form .hs-submit {
    width: 75%;
    margin: 0 auto;
  }
}
#webinar-form .hs-form .hs-submit:after {
  content: "";
  display: inline-block;
  width: 155px;
  height: 32px;
  position: absolute;
  right: -6px;
  bottom: -6px;
  z-index: -1;
  background-color: #7800ff;
  -webkit-mask-image: url(/images/home/btn-shadow-blue.svg);
  mask-image: url(/images/home/btn-shadow-blue.svg);
  -webkit-mask-repeat: repeat;
  mask-repeat: repeat;
  -webkit-mask-position: center right;
  mask-position: center right;
}
#webinar-form .hs-form .hs-submit:hover:after {
  background-color: #fff;
}
#webinar-form .hs-form .hs-submit .hs-button {
  display: inline-flex;
  min-width: 200px;
  height: 50px;
  padding: 0 32px;
  border: 1px solid #7800ff;
  border-radius: 0;
  position: relative;
  align-items: center;
  justify-content: center;
  background-color: #7800ff;
  color: #fff;
  font-family: "Overpass Mono", Inconsolata, "Courier New", Courier, monospace;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  text-decoration: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
@media screen and (max-width: 767px) {
  #webinar-form .hs-form .hs-submit .hs-button {
    width: 100%;
  }
}
#webinar-form .hs-form .hs-submit .hs-button:hover {
  border-color: #fff;
  background-color: #fff;
  color: #121212;
}
@media screen and (max-width: 767px) {
  .discover-footer {
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .discover-footer__text {
    line-height: 27px;
  }
}
@media screen and (max-width: 767px) {
  .discover-footer__btn {
    padding: 0;
    margin-top: 0;
    margin-bottom: 48px;
  }
}
.vc-text {
  color: #fff;
  font-family: titling-gothic-fb, sans-serif;
  font-size: 24px;
  line-height: 32px;
}
@media screen and (max-width: 767px) {
  .vc-text {
    font-size: 18px;
    line-height: 27px;
  }
}
.vc-text--size-big {
  font-size: 32px;
  line-height: 40px;
}
@media screen and (max-width: 767px) {
  .vc-text--size-big {
    font-size: 20px;
    line-height: 32px;
  }
}
.vc-text--color-gray {
  color: #e6e6e6;
}
.vc-text--color-black {
  color: #000;
}
.vc-button {
  border-color: #f5e83f;
  background-color: #f5e83f;
  color: #000;
  font-family: titling-gothic-fb, sans-serif;
  font-size: 24px;
  line-height: 32px;
}
@media screen and (max-width: 767px) {
  .vc-button {
    width: auto;
    padding: 0 16px;
    font-size: 24px;
    line-height: 36px;
  }
}
.vc-button:hover {
  border-color: #fc4755;
  background-color: #fc4755;
  color: #000;
}
.vc-button--small {
  font-size: 18px;
  line-height: 27px;
}
@media screen and (max-width: 767px) {
  .vc-button--small {
    height: 30px;
    font-size: 12px;
    line-height: 16px;
  }
}
.vc-button:after {
  display: none;
}
@media screen and (min-width: 768px) {
  .vc-topbar [data-mobile="show"],
  .vc-topbar[data-mobile="show"] {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .vc-topbar [data-mobile="hide"],
  .vc-topbar[data-mobile="hide"] {
    display: none;
  }
}
.vc-topbar--sticky {
  position: fixed;
  top: -130px;
  transition: top 0.2s;
}
.vc-topbar--sticky-visible {
  position: fixed;
  top: 0;
  transition: top 0.2s;
}
.vc-topbar__logo {
  display: inline-block;
  width: auto;
  height: 48px;
  position: relative;
  flex-grow: 0;
  flex-shrink: 0;
  text-indent: -9999px;
}
@media screen and (max-width: 767px) {
  .vc-topbar__logo {
    height: 32px;
  }
}
.vc-topbar__logo--company {
  width: 40px;
  height: 40px;
  margin-left: 28px;
  background-color: #fff;
}
.vc-topbar__logo--small {
  height: 24px;
}
@media screen and (max-width: 767px) {
  .vc-topbar__logo--small {
    height: 32px;
  }
}
.vc-topbar__date {
  margin-left: 24px;
  font-family: titling-gothic-fb, sans-serif;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 1px;
  line-height: 27px;
}
@media screen and (max-width: 767px) {
  .vc-topbar__date {
    margin-left: 16px;
    font-size: 12px;
    line-height: 16px;
  }
}
.vc-topbar__caption {
  font-family: titling-gothic-fb, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
}
.vc-topbar__cta {
  display: flex;
  margin-left: auto;
  padding: 20px 0;
  position: relative;
  align-items: center;
  flex-direction: row;
}
@media screen and (max-width: 767px) {
  .vc-topbar__cta {
    padding: 0;
  }
}
.vc-topbar__cta--padding-none {
  padding: 0;
}
.vc-sponsored__text {
  color: #fff;
  font-family: titling-gothic-fb-wide, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 52px;
}
@media screen and (max-width: 767px) {
  .vc-sponsored__text {
    font-size: 20px;
    line-height: 32px;
  }
}
@media screen and (max-width: 767px) {
  .vc-sponsored__btn-container {
    margin-top: 0;
    margin-bottom: 48px;
    padding: 0;
  }
}
.vc-sponsored__btn {
  font-family: titling-gothic-fb, sans-serif;
  font-size: 24px;
  line-height: 32px;
}
.vc-sponsored__btn:after {
  width: 24px;
  height: 24px;
  -webkit-mask-size: 24px;
  mask-size: 24px;
}
.vc-header {
  margin-top: 50px;
  position: relative;
}
.vc-header__title {
  color: #fff;
  font-family: titling-gothic-fb-wide, sans-serif;
  font-size: 48px;
  font-weight: 500;
  line-height: 60px;
}
@media screen and (max-width: 767px) {
  .vc-header__title {
    font-size: 32px;
    line-height: 40px;
  }
}
.vc-header__content {
  width: 65%;
}
@media screen and (max-width: 767px) {
  .vc-header__content {
    width: 100%;
  }
}
.vc-header__media {
  width: 340px;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .vc-header__media {
    position: absolute;
    top: 15%;
    left: 50%;
  }
}
.vc-header__media-image {
  width: 600px;
}
@media screen and (max-width: 767px) {
  .vc-header__media-image {
    width: 340px;
  }
}
.vc-header__media-video {
  transform: translateX(-100px);
}
.vc-description {
  background-color: #f7ddd7;
}
.vc-description__header {
  color: #000;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .vc-description__header {
    font-size: 28px;
    line-height: 38px;
  }
}
.vc-description__text {
  color: #000;
}
.vc-description__content {
  margin-top: 65px;
  margin-bottom: 75px;
}
.vc-description__highlight {
  color: #fc4755;
}
.vc-description__highlight--link {
  text-decoration: underline;
}
.vc-description__inline-icon {
  display: inline-block;
  height: 32px;
  transform: translateY(5px);
}
@media screen and (max-width: 767px) {
  .vc-description__inline-icon {
    height: 24px;
    transform: translateY(2px);
  }
}
.vc-agenda {
  margin-top: 60px;
  margin-bottom: 60px;
}
@media screen and (min-width: 768px) {
  .vc-agenda [data-mobile="show"],
  .vc-agenda[data-mobile="show"] {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .vc-agenda [data-mobile="hide"],
  .vc-agenda[data-mobile="hide"] {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .vc-agenda {
    margin-top: 48px;
    margin-bottom: 48px;
  }
}
.vc-agenda__entry {
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  justify-content: left;
}
.vc-agenda__time {
  display: block;
  width: auto;
  height: 100%;
  margin-top: 64px;
  flex-shrink: 0;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .vc-agenda__time {
    display: flex;
    height: auto;
    margin-top: 0;
    margin-bottom: 8px;
    flex-direction: row;
  }
}
.vc-agenda__hour {
  color: #000;
  font-size: 20px;
  font-weight: 700;
  line-height: 32px;
}
.vc-agenda__timezone {
  color: #000;
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
}
@media screen and (max-width: 767px) {
  .vc-agenda__timezone {
    margin-left: 10px;
  }
}
.vc-agenda__presentation {
  display: flex;
  position: relative;
  flex-direction: row;
  flex: 1 1 auto;
  justify-content: flex-start;
}
.vc-agenda__portrait {
  width: 264px;
  height: 264px;
  margin-top: 8px;
  margin-right: 32px;
  position: relative;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .vc-agenda__portrait {
    width: 96px;
    height: 96px;
    margin-right: 12px;
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
.vc-agenda__speaker-name {
  color: #000;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}
.vc-agenda__speaker-occupation {
  color: #000;
  font-size: 20px;
  line-height: 32px;
}
.vc-agenda__description {
  text-align: left;
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 1;
}
.vc-agenda__title-container {
  margin-top: 64px;
  margin-left: -96px;
}
@media screen and (max-width: 767px) {
  .vc-agenda__title-container {
    margin-top: 32px;
    margin-left: -32px;
  }
}
.vc-agenda__title {
  padding: 4px 8px;
  background-color: #fc4755;
  box-decoration-break: clone;
  color: #000;
  font-family: titling-gothic-fb-wide, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 44px;
  -webkit-box-decoration-break: clone;
}
@media screen and (max-width: 767px) {
  .vc-agenda__title {
    font-size: 20px;
    line-height: 32px;
  }
}
.vc-agenda__footer {
  display: flex;
  margin-top: 36px;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .vc-agenda__footer {
    justify-content: flex-start;
  }
}
.vc-agenda__signature {
  display: block;
}
@media screen and (max-width: 767px) {
  .vc-agenda__signature {
    margin-left: 32px;
    order: 2;
    text-align: left;
  }
}
.vc-agenda__section-tbd {
  background-color: #f5f5f5;
}
.vc-break {
  max-height: 100px;
  padding: 18px 0;
  position: relative;
  background-color: #f5f5f5;
}
.vc-break:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(/images/home/pattern-line.svg),
    url(/images/home/pattern-line.svg);
  background-repeat: repeat-x, repeat-x;
  background-position: 0, 130px;
  background-size: auto 100%, auto 100%;
}
.vc-break__entry {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.vc-break__time {
  width: 164px;
  height: 100%;
}
.vc-break__text {
  color: #000;
  font-size: 20px;
  line-height: 32px;
  text-align: left;
}
.vc-break__text--weight-bold {
  font-weight: 700;
}
#vc-signup-form .hs-form {
  display: flex;
  width: 600px;
  align-items: flex-end;
  flex-direction: row;
  justify-content: flex-start;
}
@media screen and (max-width: 767px) {
  #vc-signup-form .hs-form {
    width: 100%;
    flex-wrap: wrap;
  }
}
#vc-signup-form .hs-form .hs-email {
  margin-right: 10px;
  position: relative;
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 1;
}
@media screen and (max-width: 767px) {
  #vc-signup-form .hs-form .hs-email {
    margin-right: 0;
    margin-bottom: 48px;
  }
}
#vc-signup-form .hs-form .hs-email label {
  color: #d7d7d7;
  font-family: "Overpass Mono", Inconsolata, "Courier New", Courier, monospace;
  font-size: 16px;
  line-height: 24px;
}
#vc-signup-form .hs-form .hs-email .hs-form-required {
  display: none;
}
#vc-signup-form .hs-form .hs-email .hs-error-msgs {
  display: none;
  width: 100%;
  padding: 4px 6px;
  position: absolute;
  left: 0;
  background-color: #f5e83f;
  list-style: none;
}
#vc-signup-form .hs-form .hs-email .hs-error-msgs .hs-error-msg {
  color: #000;
  font-size: 14px;
}
#vc-signup-form .hs-form .hs-email .hs-input {
  width: 100%;
  height: 50px;
  margin-top: 12px;
  padding: 0 16px;
  border: solid 2px #f5e83f;
  border-radius: 0;
  background-color: transparent;
  color: #fff;
  font-family: titling-gothic-fb, sans-serif;
  font-size: 16px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
#vc-signup-form .hs-form .hs-email .hs-input.not-valid {
  border: solid 2px #f5e83f;
}
#vc-signup-form .hs-form .hs-email .hs-input.not-valid + .hs-error-msgs {
  display: block;
}
#vc-signup-form .hs-form .hidden-field,
#vc-signup-form .hs-form .hs_error_rollup {
  display: none;
}
#vc-signup-form .hs-form .hs-submit {
  position: relative;
}
@media screen and (max-width: 767px) {
  #vc-signup-form .hs-form .hs-submit {
    width: 75%;
  }
}
#vc-signup-form .hs-form .hs-submit .hs-button {
  display: inline-flex;
  min-width: 200px;
  height: 50px;
  padding: 0 24px;
  border: 1px solid #f5e83f;
  border-color: #f5e83f;
  border-radius: 0;
  position: relative;
  align-items: center;
  justify-content: center;
  background-color: #f5e83f;
  color: #fff;
  color: #000;
  font-family: "Overpass Mono", Inconsolata, "Courier New", Courier, monospace;
  font-family: titling-gothic-fb, sans-serif;
  font-size: 16px;
  font-size: 24px;
  font-weight: 400;
  line-height: 24px;
  line-height: 32px;
  text-align: center;
  text-decoration: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  #vc-signup-form .hs-form .hs-submit .hs-button {
    width: 100%;
  }
}
#vc-signup-form .hs-form .hs-submit .hs-button:hover {
  border-color: #fc4755;
  background-color: #fc4755;
  color: #000;
}
.vc-share-btn {
  height: 50px;
  padding: 8px 20px 8px 56px;
  border: solid 1px #f5e83f;
  position: relative;
  background-color: #f5e83f;
  color: #000;
  font-family: titling-gothic-fb, sans-serif;
  font-size: 24px;
  line-height: 32px;
  text-decoration: none;
}
.vc-share-btn:before {
  content: "";
  width: 28px;
  height: 28px;
  margin: auto 0 auto 18px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  transform: translateY(2px);
  background-color: #000;
  -webkit-mask-image: url(/images/home/social-icon-twitter.svg);
  mask-image: url(/images/home/social-icon-twitter.svg);
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
.vc-share-btn:hover {
  border-color: #fc4755;
  background-color: #fc4755;
}