.sp-container {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  z-index: 9999994;
  overflow: hidden;
}
.sp-container.sp-flat {
  position: relative;
}
.sp-container,
.sp-container * {
  box-sizing: content-box;
}
.sp-top {
  position: relative;
  width: 100%;
  display: inline-block;
}
.sp-top-inner {
  right: 0;
}
.sp-color,
.sp-top-inner {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
}
.sp-color {
  right: 20%;
}
.sp-hue {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 84%;
  height: 100%;
}
.sp-clear-enabled .sp-hue {
  top: 33px;
  height: 77.5%;
}
.sp-fill {
  padding-top: 80%;
}
.sp-sat,
.sp-val {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.sp-alpha-enabled .sp-top {
  margin-bottom: 18px;
}
.sp-alpha-enabled .sp-alpha {
  display: block;
}
.sp-alpha-handle {
  position: absolute;
  top: -4px;
  bottom: -4px;
  width: 6px;
  left: 50%;
  cursor: pointer;
  border: 1px solid #000;
  background: #fff;
  opacity: 0.8;
}
.sp-alpha {
  display: none;
  position: absolute;
  bottom: -14px;
  right: 0;
  left: 0;
  height: 8px;
}
.sp-alpha-inner {
  border: 1px solid #333;
}
.sp-clear {
  display: none;
}
.sp-clear.sp-clear-display {
  background-position: 50%;
}
.sp-clear-enabled .sp-clear {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 84%;
  height: 28px;
}
.sp-alpha,
.sp-alpha-handle,
.sp-clear,
.sp-container,
.sp-container.sp-dragging .sp-input,
.sp-container button,
.sp-dragger,
.sp-preview,
.sp-replacer,
.sp-slider {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.sp-container.sp-buttons-disabled .sp-button-container,
.sp-container.sp-input-disabled .sp-input-container,
.sp-container.sp-palette-buttons-disabled .sp-palette-button-container,
.sp-initial-disabled .sp-initial,
.sp-palette-disabled .sp-palette-container,
.sp-palette-only .sp-picker-container {
  display: none;
}
.sp-sat {
  background-image: linear-gradient(90deg, #fff, rgba(204, 154, 129, 0));
  -ms-filter: 'progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)';
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1,startColorstr="#FFFFFFFF",endColorstr="#00CC9A81");
}
.sp-val {
  background-image: linear-gradient(0deg, #000, rgba(204, 154, 129, 0));
  -ms-filter: 'progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)';
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00CC9A81",endColorstr="#FF000000");
}
.sp-hue {
  background: linear-gradient(180deg, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red);
}
.sp-1 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0000",endColorstr="#ffff00");
}
.sp-2 {
  height: 16%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffff00",endColorstr="#00ff00");
}
.sp-3 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ff00",endColorstr="#00ffff");
}
.sp-4 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffff",endColorstr="#0000ff");
}
.sp-5 {
  height: 16%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0000ff",endColorstr="#ff00ff");
}
.sp-6 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff00ff",endColorstr="#ff0000");
}
.sp-hidden {
  display: none !important;
}
.sp-cf:after,
.sp-cf:before {
  content: '';
  display: table;
}
.sp-cf:after {
  clear: both;
}
.sp-cf {
  *zoom: 1;
}
@media (max-device-width: 480px) {
  .sp-color {
    right: 40%;
  }
  .sp-hue {
    left: 63%;
  }
  .sp-fill {
    padding-top: 60%;
  }
}
.sp-dragger {
  border-radius: 5px;
  height: 5px;
  width: 5px;
  border: 1px solid #fff;
  background: #000;
  left: 0;
}
.sp-dragger,
.sp-slider {
  cursor: pointer;
  position: absolute;
  top: 0;
}
.sp-slider {
  height: 3px;
  left: -1px;
  right: -1px;
  border: 1px solid #000;
  background: #fff;
  opacity: 0.8;
}
.sp-container {
  border-radius: 0;
  background-color: #ececec;
  border: 1px solid #f0c49b;
  padding: 0;
}
.sp-clear,
.sp-color,
.sp-container,
.sp-container button,
.sp-container input,
.sp-hue {
  font: normal 12px Lucida Grande, Lucida Sans Unicode, Lucida Sans, Geneva, Verdana, sans-serif;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.sp-top {
  margin-bottom: 3px;
}
.sp-clear,
.sp-color,
.sp-hue {
  border: 1px solid #666;
}
.sp-input-container {
  float: right;
  width: 100px;
  margin-bottom: 4px;
}
.sp-initial-disabled .sp-input-container,
.sp-input {
  width: 100%;
}
.sp-input {
  font-size: 12px !important;
  border: 1px inset;
  padding: 4px 5px;
  margin: 0;
  background: transparent;
  border-radius: 3px;
  color: #222;
}
.sp-input:focus {
  border: 1px solid orange;
}
.sp-input.sp-validation-error {
  border: 1px solid red;
  background: #fdd;
}
.sp-palette-container,
.sp-picker-container {
  float: left;
  position: relative;
  padding: 10px 10px 300px;
  margin-bottom: -290px;
}
.sp-picker-container {
  width: 172px;
  border-left: 1px solid #fff;
}
.sp-palette-container {
  border-right: 1px solid #ccc;
}
.sp-palette-only .sp-palette-container {
  border: 0;
}
.sp-palette .sp-thumb-el {
  display: block;
  position: relative;
  float: left;
  width: 24px;
  height: 15px;
  margin: 3px;
  cursor: pointer;
  border: 2px solid transparent;
}
.sp-palette .sp-thumb-el.sp-thumb-active,
.sp-palette .sp-thumb-el:hover {
  border-color: orange;
}
.sp-thumb-el {
  position: relative;
}
.sp-initial {
  float: left;
  border: 1px solid #333;
}
.sp-initial span {
  width: 30px;
  height: 25px;
  border: none;
  display: block;
  float: left;
  margin: 0;
}
.sp-initial .sp-clear-display {
  background-position: 50%;
}
.sp-button-container,
.sp-palette-button-container {
  float: right;
}
.sp-replacer {
  margin: 0;
  overflow: hidden;
  cursor: pointer;
  padding: 4px;
  display: inline-block;
  *zoom: 1;
  *display: inline;
  border: 1px solid #91765d;
  background: #eee;
  color: #333;
  vertical-align: middle;
}
.sp-replacer.sp-active,
.sp-replacer:hover {
  border-color: #f0c49b;
  color: #111;
}
.sp-replacer.sp-disabled {
  cursor: default;
  border-color: silver;
  color: silver;
}
.sp-dd {
  padding: 2px 0;
  height: 16px;
  line-height: 16px;
  float: left;
  font-size: 10px;
}
.sp-preview {
  position: relative;
  width: 25px;
  height: 20px;
  border: 1px solid #222;
  margin-right: 5px;
  float: left;
  z-index: 0;
}
.sp-palette {
  *width: 220px;
  max-width: 220px;
}
.sp-palette .sp-thumb-el {
  width: 16px;
  height: 16px;
  margin: 2px 1px;
  border: 1px solid #d0d0d0;
}
.sp-container {
  padding-bottom: 0;
}
.sp-container button {
  background-color: #eee;
  background-image: linear-gradient(180deg, #eee, #ccc);
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  color: #333;
  font-size: 14px;
  line-height: 1;
  padding: 5px 4px;
  text-align: center;
  text-shadow: 0 1px 0 #eee;
  vertical-align: middle;
}
.sp-container button:hover {
  background-color: #ddd;
  background-image: linear-gradient(180deg, #ddd, #bbb);
  border: 1px solid;
  border-color: #bbb #bbb #999;
  cursor: pointer;
  text-shadow: 0 1px 0 #ddd;
}
.sp-container button:active {
  border: 1px solid;
  border-color: #aaa #aaa #888;
  -ms-box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee;
  -o-box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee;
  box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee;
}
.sp-cancel {
  font-size: 11px;
  color: #d93f3f !important;
  padding: 2px;
  margin: 0 5px 0 0;
  vertical-align: middle;
  text-decoration: none;
}
.sp-cancel:hover {
  color: #d93f3f !important;
  text-decoration: underline;
}
.sp-palette span.sp-thumb-active,
.sp-palette span:hover {
  border-color: #000;
}
.sp-alpha,
.sp-preview,
.sp-thumb-el {
  position: relative;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}
.sp-alpha-inner,
.sp-preview-inner,
.sp-thumb-inner {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.sp-palette .sp-thumb-inner {
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=);
}
.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=);
}
.sp-clear-display {
  background-repeat: no-repeat;
  background-position: 50%;
  background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==);
}
.tether-element,
.tether-element *,
.tether-element:after,
.tether-element :after,
.tether-element:before,
.tether-element :before {
  box-sizing: border-box;
}
.tether-element {
  position: absolute;
  display: none;
}
.tether-element.tether-open {
  display: block;
}
.drop-element,
.drop-element *,
.drop-element:after,
.drop-element :after,
.drop-element:before,
.drop-element :before {
  box-sizing: border-box;
}
.drop-element {
  position: absolute;
  display: none;
}
.drop-element.drop-open {
  display: block;
}
.drop-element.drop-theme-basic {
  max-width: 100%;
  max-height: 100%;
}
.drop-element.drop-theme-basic .drop-content {
  font-family: inherit;
  font-size: 1.1em;
  line-height: 1.5em;
  padding: 1em;
  color: #444;
  border-radius: 5px;
  background: #eee;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
.p-relative {
  position: relative;
}
@font-face {
  font-family: Rubik;
  font-weight: 500;
  font-style: normal;
  src: url(/fonts/rubik-medium.woff2) format('woff2'), url(/fonts/rubik-medium.woff) format('woff');
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  font: inherit;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  border: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:after,
blockquote:before,
q:after,
q:before {
  content: '';
  content: none;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
*,
:after,
:before {
  box-sizing: border-box;
}
.form-control::-moz-selection,
[contenteditable] ::-moz-selection,
input::-moz-selection,
textarea::-moz-selection {
  -moz-user-select: text;
  user-select: text;
  background: highlight;
}
.form-control::selection,
[contenteditable] ::selection,
input::selection,
textarea::selection {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  background: highlight;
}
.text-select {
  -webkit-user-select: initial;
  -moz-user-select: initial;
  -ms-user-select: initial;
  user-select: initial;
}
body {
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;
  font-size: 14px;
  color: hsla(0, 0%, 100%, 0.67);
  background: #51545b;
  overscroll-behavior-x: none;
}
img,
video {
  max-width: 100%;
}
.fit {
  line-height: 130%;
  position: absolute;
  z-index: 1000;
  top: -1000px;
  left: -1000px;
  float: left;
  width: 350px;
  word-wrap: break-word;
  pointer-events: none;
  opacity: 0;
  background-color: #0f0;
}
.fit b {
  font-weight: 700;
}
.cursor-draw-graph {
  cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAACXBIWXMAAAsTAAALEwEAmpwYAAABWWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS40LjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyI+CiAgICAgICAgIDx0aWZmOk9yaWVudGF0aW9uPjE8L3RpZmY6T3JpZW50YXRpb24+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgpMwidZAAAAz0lEQVQ4EYWRSw4CMQxDBwRIsONqLIDLcQLOxo6f+Gjwk2qpHZrWkkmbOk4yDEMdi5Q+KO7T2bmiopqUYpZUm0JduUQGln59iGLPwJNE9UNkMKYKx6YBJnknilbiR1yKhs9o0Tj6vRq3ysIQuBxFRHS0KxOcRX9Euu/EpzgXmYDJL/xcRZKIcwMMyQPebuJLtIbah9hEdwVcoF0dWeEuMjY4iWvxLaIxRooZNQJv/isp/tN6x6lB3mX6Vtwjg0LUurBCC90GkYH35kP6XG30A507JkhzyuDPAAAAAElFTkSuQmCC)
      8 8,
    auto;
}
.cursor-move {
  cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAASCAYAAABSO15qAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAhGVYSWZNTQAqAAAACAAFARIAAwAAAAEAAQAAARoABQAAAAEAAABKARsABQAAAAEAAABSASgAAwAAAAEAAgAAh2kABAAAAAEAAABaAAAAAAAAAEgAAAABAAAASAAAAAEAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAEKADAAQAAAABAAAAEgAAAAC9r0+RAAAACXBIWXMAAAsTAAALEwEAmpwYAAABWWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS40LjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyI+CiAgICAgICAgIDx0aWZmOk9yaWVudGF0aW9uPjE8L3RpZmY6T3JpZW50YXRpb24+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgpMwidZAAABtUlEQVQ4EYWTv0tXYRSHX/NHKkqgqJuDGA0ODQYtLdISiAoiTm7hKjQ7KBj0D9TQIA1FUFNQuLg4CP4JDioifQcxXDQdpNLnufc993uhsA8895z33POe8/64N6WmWppu4T3l2YBreFtEmo87Tbf06pNXCG3BFZzDDlhkFzbgCaj20pTP1jxYw5p8me0rbD9Y7FeOWXQAVEcs5Xc5TrPYHzAI36EHnGi3GVgEY5OgrqJAOUzJQnb7CRfQBrG9U3y7q3dwAI+jQGzB5HrM7YjqgLuFl9JX7Ah8NtkusYWwhP6S78xV0/ARhg24R/fVB50QHZ1QLxir0XaBKyqWO4E9yjzAund1DywcspmT3OafCGpP4Aw+gNX3QHniU4WX0kvsEIzBco59wRar9bGdgxbxBtry+DZTFXhNlkWWcrYHpLyZuB2/A5fuOIpv4hcr6MbZz4NHWOWEfymu2MM+hthuGmdgtUPoBWUnu9aJ7g+Jm/8Gqm4vcnDdILKb1AvEyp4Tt8AcVAn638AXCw5u0XvemXff6srD8aPxL/M8vP9PEB1xK/mvzEMDRqsoTiQ/w7f6/1glJ90AumJh5ldbYK0AAAAASUVORK5CYII=),
    auto;
}
.cursor-text {
  cursor: text;
}
.cursor-zoom-in {
  cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAhGVYSWZNTQAqAAAACAAFARIAAwAAAAEAAQAAARoABQAAAAEAAABKARsABQAAAAEAAABSASgAAwAAAAEAAgAAh2kABAAAAAEAAABaAAAAAAAAAEgAAAABAAAASAAAAAEAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAFKADAAQAAAABAAAAFAAAAABB553+AAAACXBIWXMAAAsTAAALEwEAmpwYAAABWWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS40LjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyI+CiAgICAgICAgIDx0aWZmOk9yaWVudGF0aW9uPjE8L3RpZmY6T3JpZW50YXRpb24+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgpMwidZAAACZElEQVQ4EZ2UMYgTQRSGd7PJ3SZHlGDgNHqa04hoEA5SeIXKFqIiWtqIjZWNCKLFNUIaBUGwsdNDRCsrBb27zsZCDwMqCooipNBCOXKKgcTo6fdvZm43JCjkhy/vzZvdN/Pe7MRxIiUj1zmB/wi+wi/4BPfgCFh51hlkw8lsNruOyQX48w9mYwkGJg2DxWLRd133aSzRK/xrcA6uwwcIF0okEnfxrRLWsdaWeomAXliB21CBQ3AW9sJ+eABhUs/zTuFL9v3uSL/5fL6A+Qx6+D5sBukqKHZaA7QbnoFii6VSaRQruV3jOOF2G43GHgIbTPAWVqtug4yJrcVuhx9wx8Sm6vX6TuOvJjRj5wyOVv3i+/4kds6MfxrbMfYKVq3Qs+IwSKt9tPVrUkq2Wi35r2ELjBn7EfsbZOMnu8J4oI4RVSJxHNKgkm+CYhdBOx+BGVBsGaZA6it5E8E3oAdrMAHSZVDMHooS6CNXbB5yoGRRwkqlkiKg0s+DHhRPQAdVNHYjVp+QXVTlnwSnXC5r170qFAo6Te3yBtikOohFeAgvYnHNt+F9Op2exkp9SdVoXTt9GjrJJbCJ4/Yt8cexuaVUKmX7qEqj2lV6rVZTUh92wT7QAtr9d4gnm2VcAofrupzJZIJms/mSYTJqpma7vVSjdQO8UdRut9Vfla8y9b2pf1pI7dkK0jd2GnQ6HbWmT656av55xpldD+Ma6w8Ef42JHcC+A9uSo/j/lSrQrnoqyeVyuopa7CA8hwswEgSBqhlO/KFkeXMCdsCkWaRn4WEyjyHtVH2PX8lhcnXfqVarPS35C9L5lklUz5RUAAAAAElFTkSuQmCC),
    auto;
}
.cursor-zoom-out {
  cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAhGVYSWZNTQAqAAAACAAFARIAAwAAAAEAAQAAARoABQAAAAEAAABKARsABQAAAAEAAABSASgAAwAAAAEAAgAAh2kABAAAAAEAAABaAAAAAAAAAEgAAAABAAAASAAAAAEAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAFKADAAQAAAABAAAAFAAAAABB553+AAAACXBIWXMAAAsTAAALEwEAmpwYAAABWWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS40LjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyI+CiAgICAgICAgIDx0aWZmOk9yaWVudGF0aW9uPjE8L3RpZmY6T3JpZW50YXRpb24+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgpMwidZAAACaklEQVQ4EZ2Uv2sTYRjHc7lLe4kmejahGrSkJUUxDpZQcREOERVx0FVc3N0Upw5BcPAfEEQEhy7d6qDt5tKhSgMWEZTiItShUrFCIGn89fne3evd2aKQBz73PO+Pe97ned4fmUwsTmxmrmE/g8/wA9ZhDi6BEdsYu+lgsFgsjjC4CL/+weOEg12dBp21Ws21LGs54WgV+wHchYewBsFC2Wx2FttI1hhGm1Tv0aEffsITOA0NOAbH4SzMQ+DUtu0b2BLzf9jSt1wuV1GfQJOfwiHwKpXKXrQLRdgPR+ElaN6rer0+jJZYoYq+rHYVM1gZfQXG4CTUYbJUKk2ip+Aw3ATN3c7lcpoj2ZG2mbThuu44E56Dfvr+l75Puxn1afwiSP44NPlrUOJ0u13Zb2ACvkAO5PgAfIDkzqreKTEOP0a9HvoUzIDO3TboJ0UgR1roDki2YCOwwmwiM1SqzVtQdG3QJmkzxvL5vOqpcTk9AeugeQugALQh8aY0m02lpEhvgSaKJQo+jTZiOY5zgYZZVLfnugYbjcaQdEqq1WqBDkXxCIxTpbsM86CoTb90D9aIXmdVssOp6jMCOh7ayU1IOjD2O/pfJMY2E0dHmca5K/V2uy2nqp1uxhnQAor+GySd6T7rjGa4rl8LhYLf6XRWaTpxMTUa1lKF1g2wh5Fer6f69kFpamNUPy2k8kyAZItI/X6//zpspr+Wahq9PKMMHYRRtfWAYJeivnPo92DKcRn7v6IMFFUqE8/z9tGnxc7DCtyGId/3lc1gwoOiB+MI6MEYjxZJLTyI5z2IIlXdk1dyEF/hP61WK1WS33JXkT0aXXg3AAAAAElFTkSuQmCC),
    auto;
}
.o-flex {
  display: flex;
}
.o-flex--vertical {
  flex-direction: column;
}
.o-flex--vertical-center {
  align-items: center;
}
.o-flex--center,
.o-flex--horizontal-center {
  justify-content: center;
}
.o-flex--center {
  align-items: center;
}
.o-flex--justify-between {
  justify-content: space-between;
}
.o-flex--spaced :not(:last-child) {
  margin-right: 12px;
}
.o-flex__item {
  flex: 1 1;
}
.o-flex-1-of-2 {
  flex-basis: 50%;
}
.o-flex-2-of-2 {
  flex-basis: 100%;
}
.o-flex-1-of-3 {
  flex-basis: 33.33333%;
}
.o-flex-2-of-3 {
  flex-basis: 66.66667%;
}
.o-flex-3-of-3 {
  flex-basis: 100%;
}
.o-flex-1-of-4 {
  flex-basis: 25%;
}
.o-flex-2-of-4 {
  flex-basis: 50%;
}
.o-flex-3-of-4 {
  flex-basis: 75%;
}
.o-flex-4-of-4 {
  flex-basis: 100%;
}
.o-flex-1-of-5 {
  flex-basis: 20%;
}
.o-flex-2-of-5 {
  flex-basis: 40%;
}
.o-flex-3-of-5 {
  flex-basis: 60%;
}
.o-flex-4-of-5 {
  flex-basis: 80%;
}
.o-flex-5-of-5 {
  flex-basis: 100%;
}
.o-flex-1-of-6 {
  flex-basis: 16.66667%;
}
.o-flex-2-of-6 {
  flex-basis: 33.33333%;
}
.o-flex-3-of-6 {
  flex-basis: 50%;
}
.o-flex-4-of-6 {
  flex-basis: 66.66667%;
}
.o-flex-5-of-6 {
  flex-basis: 83.33333%;
}
.o-flex-6-of-6 {
  flex-basis: 100%;
}
@media (min-width: 60em) {
  .o-flex-1-of-2-bp1 {
    flex-basis: 50%;
  }
  .o-flex-2-of-2-bp1 {
    flex-basis: 100%;
  }
  .o-flex-1-of-3-bp1 {
    flex-basis: 33.33333%;
  }
  .o-flex-2-of-3-bp1 {
    flex-basis: 66.66667%;
  }
  .o-flex-3-of-3-bp1 {
    flex-basis: 100%;
  }
  .o-flex-1-of-4-bp1 {
    flex-basis: 25%;
  }
  .o-flex-2-of-4-bp1 {
    flex-basis: 50%;
  }
  .o-flex-3-of-4-bp1 {
    flex-basis: 75%;
  }
  .o-flex-4-of-4-bp1 {
    flex-basis: 100%;
  }
  .o-flex-1-of-5-bp1 {
    flex-basis: 20%;
  }
  .o-flex-2-of-5-bp1 {
    flex-basis: 40%;
  }
  .o-flex-3-of-5-bp1 {
    flex-basis: 60%;
  }
  .o-flex-4-of-5-bp1 {
    flex-basis: 80%;
  }
  .o-flex-5-of-5-bp1 {
    flex-basis: 100%;
  }
  .o-flex-1-of-6-bp1 {
    flex-basis: 16.66667%;
  }
  .o-flex-2-of-6-bp1 {
    flex-basis: 33.33333%;
  }
  .o-flex-3-of-6-bp1 {
    flex-basis: 50%;
  }
  .o-flex-4-of-6-bp1 {
    flex-basis: 66.66667%;
  }
  .o-flex-5-of-6-bp1 {
    flex-basis: 83.33333%;
  }
  .o-flex-6-of-6-bp1 {
    flex-basis: 100%;
  }
}
@media (min-width: 80em) {
  .o-flex-1-of-2-bp2 {
    flex-basis: 50%;
  }
  .o-flex-2-of-2-bp2 {
    flex-basis: 100%;
  }
  .o-flex-1-of-3-bp2 {
    flex-basis: 33.33333%;
  }
  .o-flex-2-of-3-bp2 {
    flex-basis: 66.66667%;
  }
  .o-flex-3-of-3-bp2 {
    flex-basis: 100%;
  }
  .o-flex-1-of-4-bp2 {
    flex-basis: 25%;
  }
  .o-flex-2-of-4-bp2 {
    flex-basis: 50%;
  }
  .o-flex-3-of-4-bp2 {
    flex-basis: 75%;
  }
  .o-flex-4-of-4-bp2 {
    flex-basis: 100%;
  }
  .o-flex-1-of-5-bp2 {
    flex-basis: 20%;
  }
  .o-flex-2-of-5-bp2 {
    flex-basis: 40%;
  }
  .o-flex-3-of-5-bp2 {
    flex-basis: 60%;
  }
  .o-flex-4-of-5-bp2 {
    flex-basis: 80%;
  }
  .o-flex-5-of-5-bp2 {
    flex-basis: 100%;
  }
  .o-flex-1-of-6-bp2 {
    flex-basis: 16.66667%;
  }
  .o-flex-2-of-6-bp2 {
    flex-basis: 33.33333%;
  }
  .o-flex-3-of-6-bp2 {
    flex-basis: 50%;
  }
  .o-flex-4-of-6-bp2 {
    flex-basis: 66.66667%;
  }
  .o-flex-5-of-6-bp2 {
    flex-basis: 83.33333%;
  }
  .o-flex-6-of-6-bp2 {
    flex-basis: 100%;
  }
}
.o-grid {
  margin-right: -15px;
}
.o-grid:after,
.o-grid:before {
  display: table;
  content: ' ';
}
.o-grid:after {
  clear: both;
}
.o-grid .o-grid-col:last-child {
  margin-right: 0;
}
.o-grid-col {
  float: left;
  margin-right: 15px;
}
.o-grid-col-2 {
  width: calc(16.66667% - 15px);
}
.o-grid-col-3 {
  width: calc(25% - 15px);
}
.o-grid-col-4 {
  width: calc(33.33333% - 15px);
}
.o-grid-col-5 {
  width: calc(41.66667% - 15px);
}
.o-grid-col-6 {
  width: calc(50% - 15px);
}
.o-grid-col-7 {
  width: calc(58.33333% - 15px);
}
.o-grid-col-8 {
  width: calc(66.66667% - 15px);
}
.o-grid-col-9 {
  width: calc(75% - 15px);
}
.o-grid-col-10 {
  width: calc(83.33333% - 15px);
}
.o-grid-col-11 {
  width: calc(91.66667% - 15px);
}
.o-grid-col-12 {
  width: calc(100% - 15px);
}
.o-grid-col-13 {
  width: calc(108.33333% - 15px);
}
@media (min-width: 60em) {
  .o-grid-col-2-bp1 {
    width: calc(16.66667% - 15px);
  }
  .o-grid-col-3-bp1 {
    width: calc(25% - 15px);
  }
  .o-grid-col-4-bp1 {
    width: calc(33.33333% - 15px);
  }
  .o-grid-col-5-bp1 {
    width: calc(41.66667% - 15px);
  }
  .o-grid-col-6-bp1 {
    width: calc(50% - 15px);
  }
  .o-grid-col-7-bp1 {
    width: calc(58.33333% - 15px);
  }
  .o-grid-col-8-bp1 {
    width: calc(66.66667% - 15px);
  }
  .o-grid-col-9-bp1 {
    width: calc(75% - 15px);
  }
  .o-grid-col-10-bp1 {
    width: calc(83.33333% - 15px);
  }
  .o-grid-col-11-bp1 {
    width: calc(91.66667% - 15px);
  }
  .o-grid-col-12-bp1 {
    width: calc(100% - 15px);
  }
  .o-grid-col-13-bp1 {
    width: calc(108.33333% - 15px);
  }
}
@media (min-width: 80em) {
  .o-grid-col-2-bp2 {
    width: calc(16.66667% - 15px);
  }
  .o-grid-col-3-bp2 {
    width: calc(25% - 15px);
  }
  .o-grid-col-4-bp2 {
    width: calc(33.33333% - 15px);
  }
  .o-grid-col-5-bp2 {
    width: calc(41.66667% - 15px);
  }
  .o-grid-col-6-bp2 {
    width: calc(50% - 15px);
  }
  .o-grid-col-7-bp2 {
    width: calc(58.33333% - 15px);
  }
  .o-grid-col-8-bp2 {
    width: calc(66.66667% - 15px);
  }
  .o-grid-col-9-bp2 {
    width: calc(75% - 15px);
  }
  .o-grid-col-10-bp2 {
    width: calc(83.33333% - 15px);
  }
  .o-grid-col-11-bp2 {
    width: calc(91.66667% - 15px);
  }
  .o-grid-col-12-bp2 {
    width: calc(100% - 15px);
  }
  .o-grid-col-13-bp2 {
    width: calc(108.33333% - 15px);
  }
}
.o-svg-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
}
.o-svg-icon--lg {
  width: 30px;
  height: 30px;
}
[class*='o-svg-icon-s-'],
[class^='o-svg-icon-s-'] {
  width: 14px;
  height: 14px;
}
.o-svg-icon-add {
  width: 19px;
}
.o-svg-icon-close {
  top: 1px;
  left: 1px;
}
.o-svg-icon-s-caret-down,
.o-svg-icon-s-caret-up {
  width: 9px;
}
.o-svg-icon-s-caret-add,
.o-svg-icon-s-delete {
  width: 13px;
}
.o-svg-icon-s-collapse,
.o-svg-icon-s-expand {
  width: 13px;
  height: 13px;
}
.o-fixed {
  width: 340px;
  flex-grow: 0;
  flex-shrink: 0;
}
.o-fixed .c-panel:last-child {
  flex: 1 1;
}
.c-alert {
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;
  padding: 15px;
}
.c-alert--default {
  color: #263036;
  background: #c4e7ff;
}
.c-alert--info {
  color: #49493d;
  background: #ffc;
}
.c-alert--info .o-svg-icon * {
  fill: #49493d;
}
.c-alert--danger {
  color: #fff;
  background: #e5323f;
}
.c-alert--danger .o-svg-icon * {
  fill: #fff;
}
.c-alert--success {
  color: #fff;
  background: #48bc7d;
}
.c-alert--success .o-svg-icon * {
  fill: #fff;
}
.c-alert__positioned {
  position: fixed;
  z-index: 2;
  top: 20px;
  left: 0;
  width: 100%;
}
.c-alert__positioned .c-alert {
  width: 400px;
  margin: 0 auto;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2), 0 0 0 2px #fff;
}
.c-button {
  font-size: 13px;
  height: 30px;
  padding: 0 5.5px;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: 3px;
}
.c-button > svg + .c-button__label {
  margin-left: 4px;
}
a.c-button {
  display: inline-block;
}
button.c-button {
  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
button.c-button::-moz-focus-inner {
  border: 0;
}
.c-button .o-svg-icon,
.c-button__label {
  float: left;
  margin-right: 1.5px;
  margin-left: 1.5px;
}
.c-button .c-button__label {
  line-height: 20px;
}
.c-button--extra-small .c-button__label,
.c-button--small .c-button__label {
  line-height: 14px;
}
a.c-button .o-svg-icon {
  margin-top: 4px;
}
a.c-button [class*='o-svg-icon-s-'],
a.c-button [class^='o-svg-icon-s-'] {
  margin-top: 8px;
}
a.c-button.c-button--small [class*='o-svg-icon-'],
a.c-button.c-button--small [class^='o-svg-icon-'] {
  margin-top: 1px;
}
a.c-button.c-button--small [class*='o-svg-icon-s-'],
a.c-button.c-button--small [class^='o-svg-icon-s-'] {
  margin-top: 4px;
}
a.c-button.c-button--extra-small [class*='o-svg-icon-s-'],
a.c-button.c-button--extra-small [class^='o-svg-icon-s-'] {
  margin-top: 1px;
}
a.c-button.c-button--small .c-button__label,
a.c-button .c-button__label {
  margin-top: 4px;
}
a.c-button.c-button--extra-small .c-button__label {
  margin-top: 1px;
}
button.c-button .o-svg-icon {
  position: relative;
}
button.c-button [class*='o-svg-icon-s-'],
button.c-button [class^='o-svg-icon-s-'] {
  top: 2px;
}
button.c-button.c-button--extra-small [class*='o-svg-icon-s-'],
button.c-button.c-button--extra-small [class^='o-svg-icon-s-'],
button.c-button.c-button--small [class*='o-svg-icon-s-'],
button.c-button.c-button--small [class^='o-svg-icon-s-'] {
  top: 3px;
}
button.c-button.c-button--small.c-button--icon [class*='o-svg-icon-s-'],
button.c-button.c-button--small.c-button--icon [class^='o-svg-icon-s-'] {
  top: 2px;
}
button.c-button.c-button--extra-small.c-button--icon [class*='o-svg-icon-s-'],
button.c-button.c-button--extra-small.c-button--icon [class^='o-svg-icon-s-'] {
  top: 1px;
}
button.c-button [class*='o-svg-icon']:not([class*='o-svg-icon-s-']) ~ .c-button__label {
  line-height: 20px;
}
.c-button--center-content {
  display: flex;
  align-items: center;
}
.c-button--center-content svg {
  margin-right: 5px;
}
.c-button--icon {
  display: flex;
  min-width: 30px;
  padding-right: 0;
  padding-left: 0;
  cursor: pointer;
  align-items: center;
  justify-content: center;
}
.c-button--icon .o-svg-icon {
  float: none;
}
.c-button--small {
  font-size: 12px;
  min-width: 24px;
  height: 24px;
  padding-right: 2.5px;
  padding-left: 2.5px;
  border-radius: 2px;
}
.c-button--small.c-button--icon .o-svg-icon {
  margin: 0;
  padding: 0;
}
.c-button--small.c-button--icon {
  max-width: 24px;
  padding-right: 0;
  padding-left: 0;
}
.c-button--extra-small {
  font-size: 12px;
  min-width: 18px;
  height: 18px;
  padding-right: 0;
  padding-left: 0;
}
.c-button--extra-small.c-button--icon .o-svg-icon {
  margin: 0;
  padding: 0;
}
.c-button-list > :not(:first-child) {
  margin-left: 10px;
}
.c-button-group {
  display: flex;
}
.c-button-group .c-button:focus {
  position: relative;
  z-index: 1;
}
.c-button-group .c-button {
  border-radius: 0;
}
.c-button-group .c-button + .c-button {
  margin-left: 1px;
}
.c-button-group .c-button--borderless {
  display: block;
  float: left;
  margin: 0 1px;
  border-radius: 3px;
}
.c-button-group .c-button:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.c-button-group .c-button:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.c-button-group--justify .c-button {
  float: none;
  flex-grow: 1;
}
.c-button {
  transition: background-color 0.14s cubic-bezier(0.62, 0.28, 0.23, 0.99);
  color: #fff;
  border-color: transparent;
}
.c-button.c-button--disabled,
.c-button:disabled {
  pointer-events: none;
  opacity: 0.3;
}
.c-button.c-button--loading {
  display: flex;
  pointer-events: none;
  opacity: 0.8;
  align-items: center;
}
.c-button.c-button--loading .Spinner {
  margin-right: 5px;
  margin-bottom: 0;
}
.c-button.c-button--loading .Spinner circle {
  stroke: #fff;
}
.c-button.c-button--active:focus,
.c-button:active:focus {
  box-shadow: 0 0 0 2px #189df7, inset 0 0 5px rgba(0, 0, 0, 0.4);
}
.c-button--default {
  background: #51545b;
}
.c-button--default:hover {
  background: #62656b;
}
.c-button--default:focus {
  transition: box-shadow 0.14s cubic-bezier(0.62, 0.28, 0.23, 0.99);
  outline: 0;
  box-shadow: 0 0 0 2px #189df7;
}
.c-button--default:active {
  background: #494c52;
}
.c-button--default.c-button--active {
  background: #189df7 !important;
}
.c-button--primary {
  background: #189df7;
}
.c-button--primary svg * {
  fill: #fff;
}
.c-button--primary:hover {
  background: #2fa7f8;
}
.c-button--primary:focus {
  transition: box-shadow 0.14s cubic-bezier(0.62, 0.28, 0.23, 0.99);
  outline: 0;
  box-shadow: 0 0 0 2px #fff;
}
.c-button--primary:active {
  background: #168dde;
}
.c-button--primary:active:focus {
  box-shadow: 0 0 0 2px #fff, inset 0 0 5px rgba(0, 0, 0, 0.4);
}
.c-button--danger {
  background: #e5323f;
}
.c-button--danger svg * {
  fill: #fff;
}
.c-button--danger:hover {
  background: #e84752;
}
.c-button--danger:focus {
  transition: box-shadow 0.14s cubic-bezier(0.62, 0.28, 0.23, 0.99);
  outline: 0;
  box-shadow: 0 0 0 2px #fff;
}
.c-button--danger.c-button--active,
.c-button--danger:active {
  background: #ce2d39;
}
.c-button--success {
  background: #48bc7d;
}
.c-button--success svg * {
  fill: #fff;
}
.c-button--success:hover {
  background: #5ac38a;
}
.c-button--success:focus {
  transition: box-shadow 0.14s cubic-bezier(0.62, 0.28, 0.23, 0.99);
  outline: 0;
  box-shadow: 0 0 0 2px #fff;
}
.c-button--success.c-button--active,
.c-button--success:active {
  background: #41a971;
}
.c-button--info {
  background: #9a9a6c;
}
.c-button--info svg * {
  fill: #fff;
}
.c-button--info:hover {
  background: #a4a47b;
}
.c-button--info:focus {
  transition: box-shadow 0.14s cubic-bezier(0.62, 0.28, 0.23, 0.99);
  outline: 0;
  box-shadow: 0 0 0 2px #fff;
}
.c-button--info.c-button--active,
.c-button--info:active {
  background: #8b8b61;
}
.c-button--blue-darker {
  color: #fff;
  border-color: #14283c;
  background: #204263;
}
.c-button--blue-darker svg * {
  fill: #fff;
}
.c-button--blue-darker:hover {
  border-color: #070f16;
  background: #14283c;
}
.c-button--blue-darker:focus {
  box-shadow: 0 0 0 2px #fff;
}
.c-button--blue-darker.c-button--active,
.c-button--blue-darker:active {
  border-color: #2c5c8a;
  background: #14283c;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.4);
}
.c-button--blue-darker:focus {
  transition: box-shadow 0.14s cubic-bezier(0.62, 0.28, 0.23, 0.99);
  outline: 0;
  box-shadow: 0 0 0 2px #189df7;
}
.c-button--borderless {
  color: #fff;
  border-color: transparent;
  background: none;
}
.c-button--borderless:hover {
  border-radius: 2px !important;
  background: hsla(0, 0%, 100%, 0.1);
}
.c-button--borderless:focus {
  transition: box-shadow 0.14s cubic-bezier(0.62, 0.28, 0.23, 0.99);
  outline: 0;
  box-shadow: 0 0 0 2px #189df7;
}
.c-button--borderless.c-button--active,
.c-button--borderless:active {
  border-color: transparent;
  background: #51545b;
}
.c-button--borderless.c-button--active:focus,
.c-button--borderless:active:focus {
  box-shadow: 0 0 0 2px #189df7;
}
.c-modal .c-button--borderless {
  background: hsla(0, 0%, 100%, 0.1);
}
.c-modal .c-button--borderless:hover {
  background: hsla(0, 0%, 100%, 0.15);
}
.c-button--minimal {
  color: #fff;
  border-color: transparent;
  background: none;
}
.c-button--minimal:focus,
.c-button--minimal:hover {
  border-radius: 2px !important;
  outline: 0;
  background: hsla(0, 0%, 100%, 0.1);
}
.c-button--minimal.c-button--active,
.c-button--minimal:active {
  border-color: transparent;
  background: #51545b;
}
.c-button--dark-border.c-button--primary {
  border-color: #0782d5;
}
.c-button--dark-border.c-button--primary.c-button--active,
.c-button--dark-border.c-button--primary:active {
  border-color: #044672;
  background: #0664a3;
}
.c-button--dark-border.c-button--danger {
  border-color: #ca1a26;
}
.c-button--dark-border.c-button--danger.c-button--active,
.c-button--dark-border.c-button--danger:active {
  border-color: #700e15;
  background: #9d141e;
}
.c-button--dark-border.c-button--success {
  border-color: #389964;
}
.c-button--dark-border.c-button--success.c-button--active,
.c-button--dark-border.c-button--success:active {
  border-color: #1d4e33;
  background: #2a744c;
}
.c-button-toolbar:after,
.c-button-toolbar:before {
  display: table;
  content: ' ';
}
.c-button-toolbar:after {
  clear: both;
}
.c-button-toolbar .c-button,
.c-button-toolbar .c-dropdown {
  float: left;
  margin-right: 4px;
}
.c-button-toolbar .c-button:last-child,
.c-button-toolbar .c-dropdown:last-child {
  margin-right: 0;
}
.c-modal .c-button-toolbar .c-button,
.c-modal .c-button-toolbar .c-dropdown {
  margin-right: 8px;
}
.c-modal .c-button-toolbar .c-button:last-child,
.c-modal .c-button-toolbar .c-dropdown:last-child {
  margin-right: 0;
}
.c-button.c-button--center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.c-button-toolbar--justify {
  display: flex;
  width: 100%;
}
.c-button-toolbar--justify .c-button {
  flex-grow: 1;
}
.c-button-toolbar--justify .c-button__label {
  float: none;
}
.c-button-toolbar--justify .c-button__inner {
  display: inline-block;
  overflow: hidden;
  margin: 0 auto;
}
.c-button-toolbar--justify .c-button__inner .c-button__label {
  float: left;
}
.c-button-toolbar--justify .c-button__inner .o-svg-icon {
  float: left;
  overflow: hidden;
}
.c-button-toolbar--justify-main {
  flex-basis: 45%;
}
.c-checkbox-group,
.c-radio-group {
  padding: 5px 0;
}
.c-checkbox-group.disabled,
.c-radio-group.disabled {
  opacity: 0.6;
}
.c-checkbox label,
.c-radio label {
  line-height: 16px;
  padding-left: 16px;
  color: #fff;
}
.c-checkbox input[type='checkbox'],
.c-radio input[type='radio'] {
  position: relative;
  vertical-align: top;
  -webkit-appearance: none;
}
.c-checkbox input[type='checkbox']:before,
.c-radio input[type='radio']:before {
  position: absolute;
  content: '';
}
.c-checkbox input[type='checkbox']:checked,
.c-radio input[type='radio']:checked {
  border-color: #fff;
}
.c-checkbox input[type='checkbox']:checked:before,
.c-radio input[type='radio']:checked:before {
  opacity: 1;
}
.c-checkbox input[type='checkbox']:focus,
.c-radio input[type='radio']:focus {
  transition: box-shadow 0.14s cubic-bezier(0.62, 0.28, 0.23, 0.99);
  outline: 0;
}
.c-checkbox label {
  padding-left: 16px;
}
.c-checkbox input[type='checkbox'] {
  width: 16px;
  height: 16px;
  margin: 0 4px 4px -16px;
  border: 1px solid #828f99;
  border-radius: 3px;
  background: #323439;
}
.c-checkbox input[type='checkbox']:before {
  top: -1px;
  left: -1px;
  width: 16px;
  height: 16px;
  transition: all 0.14s;
  transition-property: opacity, border;
  opacity: 0;
  background: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxLjQxNCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxNnYxNkgweiIvPjxjbGlwUGF0aCBpZD0iYSI+PHBhdGggZD0iTTAgMGgxNnYxNkgweiIvPjwvY2xpcFBhdGg+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj48cGF0aCBkPSJNMTEuNjkgNC42NzVsLS40NDMuNDI0TDYuNzcgOS41NzYgNC43NTIgNy41NThsLS40NDItLjQyMi0uODY1Ljg2My40MjMuNDQzIDIuNDYgMi40Ni40NDIuNDIzLjQ0Mi0uNDIzIDQuOTItNC45Mi40MjMtLjQ0Mi0uODY1LS44NjV6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==)
    no-repeat;
}
.c-checkbox--small input[type='checkbox'] {
  width: 12px;
  height: 12px;
}
.c-checkbox--small input[type='checkbox']:before {
  top: -1px;
  left: -1px;
  width: 12px;
  height: 12px;
}
.c-checkbox--small input[type='checkbox'][disabled]:before {
  width: 6px;
  height: 6px;
  border-radius: 1px;
}
.c-checkbox input[type='checkbox']:checked {
  background-color: #189df7;
}
.c-radio input[type='radio'] {
  width: 16px;
  height: 16px;
  margin: 0 4px 4px -16px;
  border: 1px solid #828f99;
  border-radius: 100%;
  background: #323439;
}
.c-radio input[type='radio']:checked:before,
.c-radio input[type='radio'][disabled]:before {
  top: 3px;
  left: 3px;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background: #189df7;
}
.c-radio input[type='radio'][disabled]:before {
  background: #828f99;
}
.c-checkbox-group--inline .c-checkbox,
.c-radio-group--inline .c-radio {
  display: inline;
  height: 16px;
  margin-right: 8px;
}
html {
  font-size: 62.5%;
}
@media (min-width: 700px) {
  html {
    font-size: 70.3125%;
  }
}
.c-copy {
  line-height: 1.5;
}
.c-copy p {
  padding: 0 0 1.2rem;
}
.c-copy p.intro {
  font-size: 120%;
  line-height: 1.33;
}
.c-copy h1,
.c-copy h2,
.c-copy h3 {
  line-height: 1.1;
  color: #fff;
}
.c-copy a {
  color: #fff;
}
.c-copy h1 {
  font-size: 3.2rem;
  font-weight: 700;
  padding-bottom: 1.2rem;
}
.c-copy h2 {
  font-size: 2.4rem;
  font-weight: 500;
  padding-bottom: 1.2rem;
}
.c-copy h3 {
  font-size: 1.8rem;
  padding: 0.6rem 0;
}
.c-copy h3,
.c-copy h4 {
  font-weight: 700;
}
.c-copy ol,
.c-copy ul {
  padding-bottom: 1.2rem;
  padding-left: 2rem;
}
.c-copy ul {
  list-style: disc;
}
.c-copy ol {
  list-style: decimal;
}
.c-copy--no-padding-last-child > :last-child {
  padding: 0;
}
.c-dropdown {
  position: relative;
}
.c-dropdown .c-menu {
  position: absolute;
  top: 32px;
  left: 0;
}
.c-dropdown .with-overflow {
  overflow-y: scroll;
  max-height: 250px;
}
.c-dropdown .c-dropdown__open {
  display: block;
}
.c-dropdown .c-dropdown__closed {
  display: none;
}
.c-dropdown-menu .c-menu__item:active,
.c-dropdown-menu .c-menu__item:focus,
.c-dropdown-menu .c-menu__item:hover {
  background-color: #189df7;
}
.c-dropdown-menu .c-menu__label {
  margin-right: 8px;
}
.c-dropdown--right .c-menu {
  right: 0;
  left: auto;
}
.c-dropdown--dropup .c-menu {
  top: auto;
  bottom: calc(100% + 2px);
}
.__c-form--small .c-menu,
.c-dropdown--small .c-menu {
  top: 26px;
}
.c-dropzone {
  display: flex;
  min-height: 300px;
  text-align: center;
  border: 1px dashed #dee3e8;
  border-radius: 3px;
}
.c-dropzone__content {
  margin: auto;
}
.c-dropzone__or {
  font-size: 12px;
  margin: 6px 0;
  text-transform: uppercase;
  opacity: 0.5;
}
.c-dropzone--dropping {
  border: 1px dashed #189df7;
  background: hsla(0, 0%, 100%, 0.1);
}
.c-dropzone--with-margin {
  margin: 15px;
}
.c-form--horizontal .c-form-group {
  display: flex;
  align-items: flex-start;
}
.c-form--horizontal .c-form-group > .c-form-control-color,
.c-form--horizontal .c-form-group > .c-generic-control-holder,
.c-form--horizontal .c-form-group > .c-select {
  flex-grow: 1;
}
.c-form--horizontal .c-form-group .c-form-label {
  width: 100px;
  margin-top: 8px;
  flex-shrink: 0;
}
.__c-form--small.c-form--horizontal .c-form-label {
  margin-top: 6px;
}
.c-form-control,
.c-form-control-color__input,
.c-form-control-color__input[type='email'],
.c-form-control-color__input[type='password'],
.c-form-control-color__input[type='text'],
.c-form-control[type='email'],
.c-form-control[type='password'],
.c-form-control[type='text'] {
  font-size: 13px;
  line-height: 1;
  width: 100%;
  height: 30px;
  padding: 8px 6px;
  color: #fff;
  border: 1px solid hsla(0, 0%, 100%, 0.25);
  border-radius: 2px;
  background: hsla(0, 0%, 100%, 0.05);
  -webkit-appearance: none;
}
.c-form-control-color__input:disabled,
.c-form-control-color__input[type='email']:disabled,
.c-form-control-color__input[type='password']:disabled,
.c-form-control-color__input[type='text']:disabled,
.c-form-control:disabled,
.c-form-control[type='email']:disabled,
.c-form-control[type='password']:disabled,
.c-form-control[type='text']:disabled {
  cursor: inherit;
  opacity: 0.5;
}
.c-form-control-color__input:active:not(:disabled),
.c-form-control-color__input:focus:not(:disabled),
.c-form-control-color__input[type='email']:active:not(:disabled),
.c-form-control-color__input[type='email']:focus:not(:disabled),
.c-form-control-color__input[type='password']:active:not(:disabled),
.c-form-control-color__input[type='password']:focus:not(:disabled),
.c-form-control-color__input[type='text']:active:not(:disabled),
.c-form-control-color__input[type='text']:focus:not(:disabled),
.c-form-control:active:not(:disabled),
.c-form-control:focus:not(:disabled),
.c-form-control[type='email']:active:not(:disabled),
.c-form-control[type='email']:focus:not(:disabled),
.c-form-control[type='password']:active:not(:disabled),
.c-form-control[type='password']:focus:not(:disabled),
.c-form-control[type='text']:active:not(:disabled),
.c-form-control[type='text']:focus:not(:disabled) {
  outline: 0;
  box-shadow: 0 0 0 2px #189df7;
}
textarea.c-form-control,
textarea.c-form-control-color__input {
  height: 80px;
}
.c-form-control-editor {
  line-height: 1.33;
  overflow: auto;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.__c-form--small .c-form-control-color__input[contentEditable],
.__c-form--small .c-form-control[contentEditable],
.c-form-control-color__input[contentEditable],
.c-form-control[contentEditable] {
  line-height: 1.33;
  overflow: auto;
  height: 60px;
}
textarea.c-form-control--size-md {
  height: 120px;
}
.__c-form--small .c-form-control,
.__c-form--small .c-form-control-color__input,
.__c-form--small .c-form-control-color__input[type='email'] .c-form-control-color__input[type='password'],
.__c-form--small .c-form-control-color__input[type='email'] .c-form-control[type='password'],
.__c-form--small .c-form-control-color__input[type='text'],
.__c-form--small .c-form-control[type='email'] .c-form-control-color__input[type='password'],
.__c-form--small .c-form-control[type='email'] .c-form-control[type='password'],
.__c-form--small .c-form-control[type='text'] {
  font-size: 12px;
  height: 24px;
  padding: 6px 4px;
}
.__c-form--small .c-checkbox,
.__c-form--small .c-radio {
  font-size: 12px;
}
.c-form-control-color input {
  float: left;
  height: 0;
  margin-left: -999em;
  opacity: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.c-form-control-color__input {
  position: relative;
  width: 38px;
}
.__c-form--small .c-form-control-color__input {
  font-size: 12px;
  width: 28px;
  height: 24px;
  padding: 6px 4px;
}
.c-form-control-color__input--active,
.c-form-control-color__input--focus {
  border-color: #189df7;
}
.c-form-control-color__badge {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 30px;
  height: 22px;
  border: 1px solid #323439;
  border-radius: 3px;
  background: #fff;
}
.c-form-control-color__badge.c-form-control-color__badge--color-is-dark {
  border: 1px solid hsla(0, 0%, 100%, 0.5);
}
.__c-form--small .c-form-control-color__badge {
  width: 20px;
  height: 16px;
}
.c-form-control-range {
  width: 100%;
  background: transparent;
}
.c-form-control-range:focus {
  outline: 0;
}
.c-form-control-range__holder {
  display: flex;
}
.c-form-control-range {
  -webkit-appearance: none;
}
.c-form-control-range:focus::-webkit-slider-thumb {
  outline: 0;
  box-shadow: 0 0 0 2px #189df7;
}
.c-form-control-range::-webkit-slider-thumb {
  width: 14px;
  height: 14px;
  cursor: pointer;
  border: 1px solid #5b5d61;
  border-radius: 100%;
  background: #fff;
  margin-top: -5px;
  -webkit-appearance: none;
}
.c-form-control-range::-moz-range-thumb {
  width: 14px;
  height: 14px;
  cursor: pointer;
  border: 1px solid #5b5d61;
  border-radius: 100%;
  background: #fff;
}
.c-form-control-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  border: 1px solid #5b5d61;
  border-radius: 3px;
  background: #323439;
}
.c-form-control-range::-moz-range-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  border: 1px solid #5b5d61;
  border-radius: 3px;
  background: #323439;
}
.c-form-control-range::-ms-track {
  width: 100%;
  height: 8px;
  cursor: pointer;
  color: transparent;
  border-color: transparent;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  background: transparent;
}
.c-form-control-range::-ms-fill-lower,
.c-form-control-range::-ms-fill-upper {
  border-radius: 3px;
  background: #323439;
}
.c-form-control-range:focus::-ms-fill-lower,
.c-form-control-range:focus::-ms-fill-upper {
  background: #323439;
}
.c-form-control-range::-ms-thumb {
  position: relative;
  width: 14px;
  height: 14px;
  cursor: pointer;
  border-radius: 100%;
}
.c-toolbar .c-form-control-range__holder {
  width: 100px;
}
@media (min-width: 1200px) {
  .c-toolbar .c-form-control-range__holder {
    width: 150px;
  }
}
.c-form-control-range-vert {
  position: absolute;
  top: 55px;
  left: -36px;
  width: 100px !important;
  transform: rotate(270deg);
}
.c-form-control-slider {
  position: relative;
  width: 100%;
  height: 3px;
  cursor: pointer;
  border-radius: 1px;
  background: #828f99;
}
.c-form-control-slider input {
  float: left;
  height: 0;
  margin-left: -999em;
  opacity: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.c-form-control-slider-ticks {
  position: relative;
}
.c-form-control-slider-ticks .c-form-control-slider-tick {
  position: absolute;
  top: -2px;
  width: 2px;
  height: 7px;
  background-color: #828f99;
}
.c-form-control-slider__thumb {
  position: absolute;
  top: -6px;
  left: 30%;
  width: 15px;
  min-width: 15px;
  height: 15px;
  margin-left: -6px;
  padding: 0;
  cursor: pointer;
  border: 1px solid #323439;
  border-radius: 100%;
  background: #fff;
}
.c-form-control-slider__thumb.horizontal {
  margin-left: -8px;
}
.c-form-control-slider__thumb:focus {
  outline: 0;
  box-shadow: 0 0 0 2px #189df7;
}
.c-toolbar .c-form-control-slider {
  width: 50px;
}
@media (min-width: 1400px) {
  .c-toolbar .c-form-control-slider {
    width: 150px;
  }
}
.c-form-flex {
  position: relative;
  display: flex;
  align-items: center;
}
.c-form-flex * {
  flex: 0 1 auto;
}
.c-form-flex .c-button {
  flex: 1 0 auto;
}
.c-form-flex .c-form-label {
  flex: 0 0 auto;
}
.c-form--horizontal .c-form-flex .c-form-label {
  margin: 0;
  padding: 0;
}
.c-form-flex > :first-child {
  margin-right: 1px;
  margin-left: 0;
}
.c-form-flex > * {
  margin: 0 1px;
}
.c-form-flex > :last-child {
  margin-right: 0;
  margin-left: 1px;
}
.c-form-flex-spacing--medium > :first-child {
  margin-right: 4px;
  margin-left: 0;
}
.c-form-flex-spacing--medium > * {
  margin: 0 4px;
}
.c-form-flex-spacing--medium > :last-child {
  margin-right: 0;
  margin-left: 4px;
}
.justify-content-between {
  justify-content: space-between;
}
.c-form-group {
  margin: 0 0 15px;
}
.c-form-group input[type='text'],
.c-form-group textarea {
  padding: 5px 10px;
  color: #fff;
  border: none;
  background-color: hsla(0, 0%, 100%, 0.1);
}
.c-form-group.block input,
.c-form-group.block textarea {
  display: block;
  width: 100%;
}
.c-form-group .form-error {
  margin-top: 5px;
  margin-bottom: 1rem;
  color: #e42929;
}
.c-form-group--no-margin {
  margin: 0;
}
.c-form-group--half-margin {
  margin: 0 0 7.5px;
}
.c-form-group--flex {
  display: flex;
  align-items: center;
}
.c-form-group--flex .c-form-label {
  margin-right: 6px;
}
.c-form-label {
  font-size: 13px;
  font-size: 14px;
  display: block;
  padding: 0 0 2px;
  opacity: 0.8;
}
.__c-form--small .c-form-label {
  font-size: 12px;
  line-height: 14px;
}
.c-form-label-inside {
  font-size: 12px;
  margin-top: 2px;
  text-align: center;
  opacity: 0.5;
}
.__c-form--small .c-form-label-inside {
  font-size: 11px;
}
.c-input-group {
  display: flex;
  align-items: center;
}
.c-input-group-prepend {
  margin-right: 4px;
}
.c-input-checkbox {
  display: block;
  width: 100%;
}
.c-library-image-grid-full {
  display: grid;
  margin: 0 0 7px;
  padding-top: 7.5px;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));
}
.c-library-image-grid-full > * {
  width: 100%;
}
.c-library-image-grid-full > * .c-library-image-grid-full__item {
  position: relative;
  width: 100%;
  padding-top: 100%;
}
.c-library-image-grid-full > * .c-library-image-grid-full__item.full {
  background-size: contain;
}
.c-library-image-grid-full > * .c-library-image-grid-full__item.background {
  background-color: #fff;
}
.c-library-image-grid-full.small {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.c-library-image-grid-full__item {
  overflow: hidden;
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 3px;
  outline: 0;
  background-color: rgba(138, 141, 148, 0.33);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
}
.c-library-image-grid-full__item.full {
  background-size: contain;
}
.c-library-image-grid-full__item.cover {
  background-size: cover;
}
.c-library-image-grid-full__item:hover {
  cursor: pointer;
}
.c-library-image-grid-full__item.c-library-image-grid-full__item--active,
.c-library-image-grid-full__item:active {
  box-shadow: 0 0 0 2px #4990e2;
}
.c-library-table-grid-holder {
  padding-top: 10px;
  padding-right: 15px;
  padding-left: 15px;
}
.c-library-table-grid-data {
  overflow: scroll;
}
.c-library-table-grid-data .c-table td {
  padding-top: 4px;
  padding-bottom: 4px;
}
.c-library-table-grid-data__item {
  cursor: pointer;
}
.c-library-table-grid-data__item img {
  max-height: 25px;
}
.c-library-table-grid-data__item td {
  white-space: nowrap;
}
.c-library-table-grid-data__item.c-library-table-grid-data__item--active,
.c-library-table-grid-data__item:active,
.c-library-table-grid-data__item:focus,
.c-library-table-grid-data__item:hover {
  background-color: #51545b;
}
.c-library-image-preview-full img {
  max-height: 200px;
  margin-bottom: 15px;
}
.c-asset-details {
  padding: 15px;
  border-left: 1px solid #212329;
  background: #323439;
}
.c-asset-details.c-border--gray-medium {
  border-left-color: #51545b;
}
.c-asset-details--no-padding {
  padding: 0;
}
.c-asset-details-toolbar {
  display: flex;
  padding: 7.5px;
  border-top: 1px solid #51545b;
  justify-content: space-between;
}
.c-library-tree {
  font-size: 13px;
  width: 200px;
  height: 100%;
  color: #fff;
}
.c-library-tree--bordered-right {
  border-right: 1px solid #51545b;
}
.c-library-tree-category {
  margin-top: 10px;
}
.c-library-tree-content {
  margin-left: 15px;
}
.c-library-tree-header {
  display: flex;
  padding-right: 5px;
  padding-left: 5px;
  align-items: center;
  justify-content: space-between;
}
.c-library-tree-header__label {
  font-weight: 700;
}
.c-library-tree-entry {
  display: flex;
  padding: 5px;
  text-decoration: none;
  color: #fff;
  flex: 1 1;
  align-items: center;
}
.c-library-tree-entry.selected,
.c-library-tree-entry:active,
.c-library-tree-entry:focus,
.c-library-tree-entry:hover {
  background-color: #46484d;
}
.c-library-tree-entry__label {
  max-width: 250px;
  margin-left: 5px;
}
.c-library-moovly {
  overflow: scroll;
  padding: 10px;
}
.c-library-moovly-collection {
  float: left;
  width: 400px;
  margin-top: 10px;
  margin-left: 10px;
  padding: 20px;
  color: #fff;
  background-color: #45484d;
}
.c-library-moovly-collection__title {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px;
}
.c-library-moovly-collection__preview {
  margin-bottom: 10px;
}
.c-library-moovly-collection__description {
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 10px;
}
.c-library-image-grid {
  display: grid;
  margin: 0 0 7px;
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  grid-template-columns: repeat(auto-fit, minmax(50px, 1fr));
}
.c-library-image-grid.small {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.c-library-image-grid > * {
  width: 100%;
}
.c-library-image-grid > * .c-library-image-grid__item {
  position: relative;
  width: 100%;
}
.c-library-image-grid > * .c-library-image-grid__item > .c-thumbnail {
  position: relative;
  width: 100%;
  padding-top: 100%;
}
.locked-asset-icon {
  position: absolute;
  z-index: 2;
  top: 2px;
  right: 4px;
}
.locked-asset-icon,
.locked-asset-icon-extended {
  fill: #fff;
  -webkit-filter: drop-shadow(-1px 1px 1px #000);
  filter: drop-shadow(-1px 1px 1px black);
}
.locked-asset-icon-extended {
  width: 20px;
  height: 20px;
  margin-top: 5px;
  margin-right: 20px;
  justify-self: flex-end;
  grid-column-start: 1;
  grid-row-start: 1;
}
.locked-library-icon {
  margin-left: 5px;
}
.locked-library-icon,
.locked-library-upload-icon {
  fill: #fff;
  -webkit-filter: drop-shadow(-1px 1px 1px #000);
  filter: drop-shadow(-1px 1px 1px black);
}
.locked-library-upload-icon {
  margin-right: 5px;
}
.c-library-section-head {
  font-size: 13px;
  font-weight: 600;
  padding: 0 0 10px;
}
.c-menu {
  z-index: 40;
  background: #51545b;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
.c-menu--size-small {
  width: 180px;
}
.c-menu--size-medium {
  width: 230px;
}
.c-menu--size-full {
  width: 100%;
}
.c-menu__divider {
  font-size: 0;
  height: 1px;
  margin: 4px 0;
  background: #323439;
}
.c-menu__item {
  font-size: 13px;
  display: flex;
  min-height: 28px;
  padding: 4px 5px 4px 2px;
  cursor: default;
  text-decoration: none;
  color: #fff;
  align-items: center;
  justify-content: space-between;
}
.c-menu__item .o-svg-icon-s-caret-right {
  margin-left: auto;
}
.c-menu__item.disabled .c-menu__label {
  opacity: 0.6;
  cursor: auto;
}
.c-menu__item:not(.disabled).active,
.c-menu__item:not(.disabled):focus,
.c-menu__item:not(.disabled):hover {
  transition: background-color 0.14s cubic-bezier(0.62, 0.28, 0.23, 0.99);
  color: #fff;
  background-color: #189df7;
}
.c-menu__item:not(.disabled):focus {
  outline: 0;
  background: #14283c;
  box-shadow: 0 0 0 2px #fff;
}
.c-menu__item > .o-svg-icon {
  margin-right: 5px;
  margin-left: 5px;
  flex-shrink: 1;
}
.c-menu__item input[type='checkbox'] {
  margin: 0 6px 0 -18px;
}
.c-menu__item.c-menu__item-disabled .c-menu__icon,
.c-menu__item.c-menu__item-disabled .c-menu__label {
  opacity: 0.5;
}
.c-menu__label {
  line-height: 1.5em;
  display: block;
  overflow: hidden;
  margin-right: auto;
  margin-left: 8px;
  white-space: nowrap;
  text-overflow: ellipsis;
  align-items: center;
  flex-shrink: 1;
}
.o-svg-icon + .c-menu__label {
  margin-left: 0;
}
.c-menu__label .c-menu__text {
  display: block;
  flex: 1 1;
}
.c-menu__label .c-menu__icon {
  display: block;
  height: 15px;
  display: flex;
  align-items: center;
  opacity: 0.7;
}
.c-menu__sublabel {
  margin-right: 5px;
  color: hsla(0, 0%, 100%, 0.1);
}
.c-menu__item--current {
  background-color: hsla(0, 0%, 100%, 0.1);
}
.c-menu--bordered .c-menu__item {
  border-bottom: 1px solid #45484e;
}
.c-menu-subitems .c-menu__item {
  padding-left: 28px;
}
.drop-element {
  z-index: 50;
}
.c-menu--vertical {
  position: relative;
  width: 32px;
  height: 120px;
}
.menu ul {
  width: 230px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.menu li ul {
  position: absolute;
  display: none;
  margin-top: -2.07em;
  margin-left: 230px;
  background-color: #51545b;
}
.menu li div.c-menu__item {
  display: block;
  padding: 8px;
  cursor: default;
  text-decoration: none;
  color: #fff;
  border-bottom: none;
}
.menu li div.c-menu__item:hover {
  color: #ffe;
  background-color: #189df7;
}
.menu li:hover ul {
  display: block;
}
.menu li:hover div.submenu-holder {
  background-color: #189df7;
}
.menu li div.submenu-holder.disabled {
  opacity: 0.4;
}
.c-modal-context {
  position: fixed;
  z-index: 102;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
}
.c-modal,
.c-modal-context.c-modal-context--visible {
  display: flex;
}
.c-modal {
  z-index: 101;
  border: 1px solid hsla(0, 0%, 100%, 0.4);
  flex-direction: column;
  border-radius: 4px;
  width: calc(100% - 100px);
  height: calc(100% - 140px);
  max-height: 90vh;
  margin: auto;
  background: #323439;
}
.c-modal.full-screen {
  width: calc(100vw - 100px) !important;
  max-width: calc(100vw - 100px) !important;
  height: calc(100vh - 100px) !important;
  max-height: calc(100vh - 100px) !important;
}
.c-modal--lvl2 {
  z-index: 13;
}
.c-modal__body {
  overflow: auto;
  padding: 15px;
  flex: 1 1 auto;
}
.c-modal__body a {
  text-decoration: underline;
  color: inherit;
}
.c-modal__body p {
  line-height: 1.5;
}
.c-modal__body b,
.c-modal__body strong {
  font-weight: 700;
}
.c-modal__body i {
  font-style: italic;
}
.c-modal__body a:hover {
  text-decoration: underline;
}
.c-modal__body--no-padding {
  padding: 0;
}
.c-modal__header {
  padding: 15px 15px 0;
}
.c-modal__header--bordered {
  padding: 15px;
  border-bottom: 1px solid #51545b;
}
.c-modal__header--no-padding {
  padding-top: 0;
  padding-bottom: 0;
}
.c-modal__header--left-padding-sm {
  padding-left: 12.5px;
}
.c-modal__footer {
  padding: 15px;
}
.c-modal__footer--bordered {
  padding: 15px;
  border-top: 1px solid #51545b;
}
.c-modal--size-md {
  width: 660px;
}
.c-modal--size-sm {
  width: 440px;
}
.c-modal--size-fullscreen {
  width: calc(100% - 30px);
  height: calc(100% - 30px);
}
.c-modal--size-60 {
  width: 60vw;
}
.c-modal--size-70 {
  width: 70vw;
}
.c-modal--size-80 {
  width: 80vw;
}
.c-modal--height-auto {
  height: auto;
}
.c-modal-backdrop,
.c-modal-backdrop-lvl2 {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.66);
}
.c-modal-backdrop-lvl2.c-modal-backdrop--visible,
.c-modal-backdrop.c-modal-backdrop--visible {
  display: block;
}
.c-modal-backdrop {
  z-index: 100;
}
.c-modal-backdrop-lvl2 {
  z-index: 12;
}
.c-navbar {
  height: 50px;
  padding: 0 15px;
  border-bottom: 1px solid #212329;
  background: #323439;
}
.c-navbar.c-bg--gray-darker {
  border-bottom-color: #16171b;
}
.c-navbar.c-border--gray-medium {
  border-bottom-color: #51545b;
}
.c-navbar.c--no-border {
  border-bottom: none;
}
.c-navbar-size--small {
  height: 36px;
}
.c-navbar .c-toolbar__title {
  font-family: Rubik, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
}
.c-full-preview {
  position: relative;
  display: flex;
  height: 300px;
  background: rgba(138, 141, 148, 0.33);
  background: #fff
    url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAABGdBTUEAALGPC/xhBQAAACxJREFUKBVjvHHjxn8GLEBDQ4MRizADEzZBfGLDQQPWkAB5GlfoDQdPk+wHAOdoB57LYsbOAAAAAElFTkSuQmCC)
    repeat;
}
.c-full-preview img {
  display: block;
  max-height: 250px;
  margin: auto;
}
.c-pagination {
  font-size: 13px;
  display: flex;
  height: 50px;
  padding: 7.5px;
  color: #fff;
  border-top: 1px solid #51545b;
  align-items: center;
  justify-content: center;
}
.c-pagination--size-small {
  height: 44px;
}
.c-pagination__content {
  margin-right: 5px;
  margin-left: 5px;
}
.c-panel {
  margin: 0 1px 1px;
  background: #323439;
}
.c-panel__border-right {
  border-right: 1px solid #51545b;
}
.c-panel__heading {
  padding: 0 15px;
  border-bottom: 1px solid #51545b;
}
.c-panel__heading--no-spacing {
  padding: 0;
}
.c-panel__footer {
  padding: 15px 15px 10px;
  border-top: 1px solid #51545b;
}
.c-panel__footer > .c-toolbar {
  height: auto;
}
.c-panel__section {
  padding: 15px;
}
.c-panel__section + .c-panel__section {
  border-top: 1px solid #51545b;
}
.c-panel__section--not-padded {
  padding: 0;
}
.c-panel__section__inner-padding {
  padding: 15px;
}
.c-panel--collapsable .c-panel__heading .c-toolbar__item:first-child {
  margin-right: -6px;
  margin-left: 6px;
}
.c-panel--play-controls {
  margin: 0 0 1px;
  border-top: 1px solid #212329;
}
.c-panel--play-controls .c-panel__section {
  padding: 0 15px;
}
.c-panel.c-panel--collapsable.o-flex.o-flex--vertical .o-flex__item.o-flex.o-flex--vertical:last-child {
  background-color: #323439;
}
.c-player-time {
  display: flex;
  color: #828f99;
}
.c-player-time__elapsed {
  padding-right: 5px;
  color: #fff;
}
.c-player-time__total {
  padding-left: 5px;
}
.c-playhead {
  position: absolute;
  z-index: 6;
  top: 28px;
  left: 400px;
  width: 12px;
  transform: translate(50%);
  pointer-events: none;
  -webkit-filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.3));
}
.c-playhead:hover {
  -webkit-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.6));
  filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.6));
}
.c-playhead__inner {
  position: relative;
  left: 6px;
  width: 1px;
  height: 1000px;
  background: #ff6767;
}
.c-playhead__inner__head {
  position: absolute;
  top: -5px;
  left: -9px;
  display: block;
  width: 19px;
  height: 17px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxwYXRoIGQ9Ik0yLjY0IDYuODA5QzIuMjg1IDYuMzg1IDIgNS41OTQgMiA1LjA0MlYzLjk5N0MyIDIuODk0IDIuODkzIDIgMy45OTIgMmgxMS4wMTZDMTYuMTA4IDIgMTcgMi44OTcgMTcgMy45OTd2MS4wNDVjMCAuNTUyLS4yODUgMS4zNDEtLjY0IDEuNzY3bC02LjIyIDcuNDY1Yy0uMzU0LjQyNC0uOTI1LjQyNi0xLjI4IDBMMi42NCA2LjgxeiIgaWQ9ImEiLz48L2RlZnM+PHVzZSBmaWxsPSIjRkY2NzY3IiB4bGluazpocmVmPSIjYSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)
    no-repeat 0 0;
}
.c-popover {
  position: absolute;
  z-index: 2001;
  width: 340px;
  border: 1px solid #fff;
  border-radius: 3px;
  background: #51545b;
  -webkit-filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.3));
}
.c-popover.no-drop-shadow {
  -webkit-filter: none;
  filter: none;
}
.c-popover:after,
.c-popover:before {
  position: absolute;
  width: 0;
  height: 0;
  content: ' ';
  pointer-events: none;
  border: solid transparent;
}
.c-popover:after {
  border-width: 10px;
}
.c-popover:before {
  border-width: 12px;
}
.c-popover.c-popover--left:after,
.c-popover.c-popover--left:before {
  top: 43px;
  right: 100%;
}
.c-popover.c-popover--left:after {
  margin-top: -10px;
  border-right-color: #51545b;
}
.c-popover.c-popover--left:before {
  margin-top: -12px;
  border-right-color: #fff;
}
.c-popover.c-popover--right:after,
.c-popover.c-popover--right:before {
  top: 43px;
  left: 100%;
}
.c-popover.c-popover--right:after {
  margin-top: -28px;
  border-left-color: #51545b;
}
.c-popover.c-popover--right:before {
  margin-top: -30px;
  border-left-color: #fff;
}
.c-popover.c-popover--top:after,
.c-popover.c-popover--top:before {
  bottom: 100%;
  left: 43px;
}
.c-popover.c-popover--top:after {
  margin-left: -10px;
  border-bottom-color: #51545b;
}
.c-popover.c-popover--top:before {
  margin-left: -12px;
  border-bottom-color: #fff;
}
.c-popover.c-popover--bottom:after,
.c-popover.c-popover--bottom:before {
  top: 100%;
  left: 43px;
}
.c-popover.c-popover--bottom:after {
  margin-left: -10px;
  border-top-color: #51545b;
}
.c-popover.c-popover--bottom:before {
  margin-left: -12px;
  border-top-color: #fff;
}
.c-popover.c-popover--align-bottom:after,
.c-popover.c-popover--align-bottom:before {
  top: 95%;
}
.c-popover.c-popover--align-center:after,
.c-popover.c-popover--align-center:before {
  top: 60%;
}
.c-popover.c-popover--align-top:after,
.c-popover.c-popover--align-top:before {
  bottom: 95%;
}
.c-popover.c-popover--align-left:after,
.c-popover.c-popover--align-left:before {
  right: 95%;
}
.c-popover.c-popover--align-middle:after,
.c-popover.c-popover--align-middle:before {
  left: 50%;
}
.c-popover.c-popover--align-right:after,
.c-popover.c-popover--align-right:before {
  left: 95%;
}
.c-popover__section:not(:last-child) {
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.15);
}
.c-popover--color-picker {
  position: absolute;
  top: 400px;
  right: 300px;
  display: none;
  width: 240px;
}
.c-popover--width-auto {
  width: auto;
}
.c-popover--tutorial {
  width: 300px;
  padding: 10px 15px;
  color: #fff;
  background-color: #0065ae;
}
.c-popover--tutorial .c-popover__header {
  display: flex;
  padding-bottom: 7px;
  border-bottom: 1px solid hsla(0, 0%, 94.9%, 0.3);
  justify-content: space-between;
  align-items: center;
}
.c-popover--tutorial .c-popover__title {
  font-size: 16px;
}
.c-popover--tutorial .c-popover__tag {
  font-size: 12px;
  padding: 5px 10px;
  border-radius: 33px;
  background-color: rgba(32, 66, 99, 0.25);
}
.c-popover--tutorial .c-popover__content {
  margin-bottom: 1rem;
  padding-top: 7px;
}
.c-popover--tutorial .c-popover__actions {
  display: flex;
  justify-content: space-between;
}
.c-popover--tutorial.c-popover--left:after {
  border-right-color: #0065ae;
}
.c-popover--tutorial.c-popover--right:after {
  border-left-color: #0065ae;
}
.c-popover--tutorial.c-popover--top:after {
  border-bottom-color: #0065ae;
}
.c-popover--tutorial.c-popover--bottom:after {
  border-top-color: #0065ae;
}
.c-recent-colors-title {
  font-size: 13px;
  margin: 0 0 4px;
  color: #fff;
}
.c-recent-colors {
  display: flex;
  flex-wrap: wrap;
}
.c-recent-colors__item {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 20px;
  height: 20px;
  margin: 2px;
  border: 1px solid hsla(0, 0%, 100%, 0.5);
  border-radius: 3px;
}
.c-recent-colors__item:last-child {
  margin-right: 0;
}
.c-resize-handle {
  position: absolute;
  z-index: 7;
  top: 0;
  left: -6px;
  cursor: ew-resize;
  background: none;
}
.c-resize-handle:hover {
  background: hsla(0, 0%, 100%, 0.2);
}
.c-resize-handle--left,
.c-resize-handle--right {
  width: 11px;
  height: 100%;
}
.c-resize-handle--right {
  top: 0;
  right: -6px;
  left: auto;
}
.c-resize-handle--top {
  top: -6px;
  right: 0;
  left: 0;
  width: 100%;
  height: 11px;
  cursor: ns-resize;
}
.Resizer {
  z-index: 1;
  box-sizing: border-box;
  opacity: 0.2;
  background: #000;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.Resizer:hover {
  transition: all 2s ease;
}
.Resizer.horizontal {
  width: 100%;
  height: 10px;
  margin: -5px 0;
  cursor: row-resize;
  border-top: 5px solid hsla(0, 0%, 100%, 0);
  border-bottom: 5px solid hsla(0, 0%, 100%, 0);
}
.Resizer.horizontal:hover {
  border-top: 5px solid rgba(0, 0, 0, 0.5);
  border-bottom: 5px solid rgba(0, 0, 0, 0.5);
}
.Resizer.vertical {
  width: 10px;
  margin: 0 -8px 0 -2px;
  cursor: col-resize;
  border-right: 5px solid hsla(0, 0%, 100%, 0);
  border-left: 5px solid hsla(0, 0%, 100%, 0);
}
.Resizer.disabled {
  cursor: default;
}
.Resizer.disabled:hover {
  border-color: transparent;
}
.mobile .Resizer {
  opacity: 0;
}
.mobile .Resizer.horizontal,
.mobile .Resizer.vertical {
  cursor: col-resize;
  border-right: 5px solid hsla(0, 0%, 100%, 0);
  border-left: 5px solid hsla(0, 0%, 100%, 0);
}
.mobile .Resizer.horizontal {
  height: 30px;
  margin: -15px 0;
  border-top: 10px solid hsla(0, 0%, 100%, 0);
  border-bottom: 10px solid hsla(0, 0%, 100%, 0);
}
.mobile .Resizer.horizontal:hover {
  border-top: 10px solid rgba(0, 0, 0, 0.5);
  border-bottom: 10px solid rgba(0, 0, 0, 0.5);
}
.mobile .Resizer.vertical {
  width: 30px;
  margin: 0 -15px;
  border-right: 10px solid hsla(0, 0%, 100%, 0);
  border-left: 10px solid hsla(0, 0%, 100%, 0);
}
.mobile .Resizer.vertical:hover {
  border-right: 10px solid rgba(0, 0, 0, 0.5);
  border-left: 10px solid rgba(0, 0, 0, 0.5);
}
.c-select {
  position: relative;
  display: inline-block;
  width: 100%;
}
.c-select:after {
  position: absolute;
  top: 8px;
  right: 6px;
  display: block;
  width: 14px;
  height: 14px;
  content: ' ';
  pointer-events: none;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTAuMjc3IDguOTM3bC0zLjMzOCAzLjM0TDMuNiA4LjkzNyA0LjIyIDguNGwyLjcyIDIuNzIgMi43Mi0yLjcyek0zLjYwMSA0LjczOGwzLjMzOC0zLjM0IDMuMzM4IDMuMzQtLjYxOS41MzktMi43Mi0yLjcyMS0yLjcxOCAyLjcyeiIvPjwvZz48L3N2Zz4=)
    no-repeat 0 0;
}
.c-select .c-select-custom__label {
  width: calc(100% - 20px);
}
.c-select__input {
  font-size: 13px;
  line-height: 1;
  position: relative;
  width: 100%;
  height: 30px;
  padding-right: 26px;
  padding-left: 6px;
  color: #fff;
  border: 1px solid hsla(0, 0%, 100%, 0.25);
  border-radius: 2px;
  background: none;
  background: hsla(0, 0%, 100%, 0.05);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.c-select__input:focus {
  border-color: #189df7;
  outline: 0;
}
.__c-form--small .c-select:after {
  top: 5px;
  right: 4px;
}
.__c-form--small .c-select__input {
  font-size: 12px;
  height: 24px;
  padding-right: 24px;
  padding-left: 4px;
}
.c-select--input-combo {
  position: relative;
}
.c-select--input-combo:hover:after {
  border-radius: 2px;
  background-color: #189df7;
}
.c-select--input-combo .c-menu {
  position: absolute;
  top: 24px;
  left: 0;
  display: none;
  width: 100%;
}
.c-select a,
.c-select a:hover {
  text-decoration: none !important;
}
.c-select-custom {
  font-size: 13px;
  line-height: 1;
  position: relative;
  display: inline-flex;
  overflow: hidden;
  width: 100%;
  height: 30px;
  padding: 0 6px;
  cursor: default;
  text-decoration: none;
  color: #fff;
  border: 1px solid #51545b;
  border-radius: 2px;
  background: hsla(0, 0%, 100%, 0.05);
  align-items: center;
  justify-content: space-between;
}
.c-select-custom.c-select-custom--active,
.c-select-custom:focus {
  outline: 0;
  box-shadow: 0 0 0 2px #189df7;
}
.c-select-custom .o-svg-icon {
  margin-right: 6px;
}
.c-select-custom--breadcrumb {
  justify-content: flex-start;
}
.c-select-custom__sublabel {
  margin-right: 20px;
  opacity: 0.5;
}
.c-select-custom--breadcrumb .breadcrumbs {
  display: flex;
}
.c-select-custom--breadcrumb .c-select-custom__item {
  display: flex;
  align-items: center;
  flex: none;
}
.c-select-custom--breadcrumb .c-select-custom__item:not(:last-child):after {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: 0 6px;
  content: '';
  opacity: 0.4;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNCAxNCI+PHBhdGggZD0iTTQuNDM4IDEuMjQ1bDYuMTI1IDUuNTA1bTAgMEw0LjQzNiAxMi41IiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZT0iI0ZGRiIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIvPjwvc3ZnPg==)
    no-repeat 0 0;
}
.c-select-custom--breadcrumb .c-select-custom__item:last-child {
  line-height: 16px;
  display: block;
  overflow: hidden;
  width: 100%;
  padding-right: 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 1 1;
}
.__c-form--small .c-select-custom {
  font-size: 12px;
  height: 24px;
  padding: 0 4px;
}
.__c-form--small .c-select-custom:after {
  top: 5px;
  right: 4px;
}
.__c-form--small .c-select-custom .o-svg-icon {
  margin-right: 4px;
}
.__c-form--small .c-select-custom--breadcrumb .c-select-custom__item:not(:last-child):after {
  margin: 0 4px;
}
@-webkit-keyframes rotate {
  to {
    transform: rotate(1turn);
  }
}
@keyframes rotate {
  to {
    transform: rotate(1turn);
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }
  to {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }
  to {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}
.c-spinner {
  width: 220px;
  height: 20px;
}
.c-spinner.c-spinner--inline {
  display: flex;
  width: auto;
}
.c-spinner span {
  display: block;
  text-indent: -999em;
}
.c-spinner .o-svg-icon {
  position: static !important;
  display: inline;
  float: left;
  width: auto;
  height: auto;
}
.c-spinner svg {
  display: block;
  width: 20px;
  height: 20px;
  -webkit-animation: rotate 2s linear infinite;
  animation: rotate 2s linear infinite;
}
.c-spinner svg .path {
  -webkit-animation: dash 1.5s cubic-bezier(0.62, 0.28, 0.23, 0.99) infinite;
  animation: dash 1.5s cubic-bezier(0.62, 0.28, 0.23, 0.99) infinite;
  stroke: #93bfec;
  stroke-linecap: round;
  stroke: #fff;
}
.c-spinner p {
  display: inline;
  float: left;
  margin: 4px 0 0 20px;
}
.c-spinner--large,
.c-spinner--large svg {
  width: 50px;
  height: 50px;
}
.c-spinner-fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  width: 100%;
  height: 100%;
}
.c-spinner-fullscreen .c-spinner-fullscreen__holder {
  margin: auto;
  padding: 20px;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.5);
}
.c-table {
  width: 100%;
}
.c-table thead {
  border-bottom: 2px solid #fff;
}
.c-table th {
  color: #fff;
}
.c-table td,
.c-table th {
  padding: 6px;
  text-align: left;
  border-bottom: 1px solid #51545b;
}
.c-table tbody tr:last-child td,
.c-table tbody tr:last-child th {
  border: none;
}
.c-table th {
  font-weight: 700;
}
.c-table--no-margin {
  margin: 0;
}
.c-table--align-middle td {
  vertical-align: middle;
}
.c-table--small-type {
  font-size: 12px;
}
.c-table--horizontal th {
  width: 100px;
}
.c-table--horizontal td,
.c-table--horizontal th {
  border-bottom: 1px solid #51545b;
}
.c-table__actions > .c-button {
  float: right;
  margin-right: 10px;
}
.o-table-col-2 {
  width: 12.5%;
}
.o-table-col-3 {
  width: 18.75%;
}
.o-table-col-4 {
  width: 25%;
}
.o-table-col-5 {
  width: 31.25%;
}
.o-table-col-6 {
  width: 37.5%;
}
.o-table-col-7 {
  width: 43.75%;
}
.o-table-col-8 {
  width: 50%;
}
.o-table-col-9 {
  width: 56.25%;
}
.o-table-col-10 {
  width: 62.5%;
}
.o-table-col-11 {
  width: 68.75%;
}
.o-table-col-12 {
  width: 75%;
}
.o-table-col-13 {
  width: 81.25%;
}
.o-table-col-14 {
  width: 87.5%;
}
.o-table-col-15 {
  width: 93.75%;
}
.o-table-col-16 {
  width: 100%;
}
#text-editor b {
  font-weight: 700;
}
#text-editor i {
  font-style: italic;
}
.c-thumbnail {
  overflow: hidden;
  width: 100%;
  height: 100%;
  border: 0;
  outline: 0;
  background-color: rgba(138, 141, 148, 0.33);
  background-repeat: no-repeat;
  background-position: 50%;
}
.c-thumbnail,
.c-thumbnail.full {
  background-size: contain;
}
.c-thumbnail.cover {
  background-size: cover;
}
.c-thumbnail--selected {
  position: relative;
  z-index: 1;
  box-shadow: 0 0 0 2px #189df7;
}
.c-thumbnail--locked {
  -webkit-filter: opacity(70%);
  filter: opacity(70%);
}
.c-thumbnail--icon .o-svg-icon {
  position: absolute;
  top: 14px;
  left: 14px;
}
.c-thumbnail--loading:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  background: rgba(0, 0, 0, 0.2);
}
.c-thumbnail__spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 30px;
  height: 30px;
  transform: translate(-50%, -50%);
  border-radius: 3px;
  background: rgba(0, 0, 0, 0.8);
}
.c-thumbnail__spinner .c-spinner {
  position: absolute;
  top: 5px;
  left: 5px;
}
.c-thumbnail__label {
  font-size: 60%;
  font-weight: 700;
  position: absolute;
  z-index: 1;
  top: 1px;
  right: 1px;
}
.c-timeline {
  display: flex;
  height: 240px;
  background: #323439;
}
.c-timeline::-webkit-scrollbar {
  display: none;
}
.c-timeline__top {
  background: #212329;
}
.c-timeline-global-controls {
  padding: 7.5px 15px;
}
.c-timeline__middle {
  background: #323439;
}
.c-timeline-options__left,
.c-timeline-options__right {
  padding: 7.5px 15px;
}
.c-timeline__bottom {
  position: relative;
  z-index: 8;
  min-height: 38px;
  background: #212329;
}
.c-timeline__flex {
  overflow-y: visible;
  width: calc(100% - 340px);
  flex-grow: 1;
}
.c-timeline__flex--overflow {
  overflow: visible;
}
.c-timeline-clips-scroll {
  overflow-x: scroll;
  flex-grow: 1;
}
.c-timeline-clips {
  width: 10000px;
  padding-bottom: 8px;
}
.c-timeline-layer-controls {
  padding-right: 15px;
}
.c-timeline-tree li .c-timeline-layer-controls {
  margin-top: 4px;
}
.c-timeline-tree li li .c-timeline-layer-controls {
  margin-top: 0;
}
.c-timeline-clip__icon--collapsed button,
.c-timeline-clip__icon--expanded button {
  position: relative;
  margin-right: 3px;
}
.c-timeline-layer__icon--collapsed button,
.c-timeline-layer__icon--expanded button {
  position: relative;
}
.c-timeline-clip .c-timeline-clip__icon--expanded,
.c-timeline-clip .c-timeline-layer {
  display: none;
}
.c-timeline-clip .c-timeline-clip__icon--collapsed {
  display: flex;
}
.c-timeline-clip .c-timeline-clip__icon--collapsed,
.c-timeline-clip .c-timeline-clip__icon--expanded {
  align-items: center;
}
.c-timeline-clip .c-timeline-clip__icon--collapsed button,
.c-timeline-clip .c-timeline-clip__icon--expanded button {
  display: block;
}
.c-timeline-clip .c-timeline-clip__icon--collapsed .o-svg-icon,
.c-timeline-clip .c-timeline-clip__icon--expanded .o-svg-icon {
  margin-top: -2px;
}
.c-timeline-clip.c-timeline-clip--expanded .c-timeline-layer {
  display: block;
}
.c-timeline-clip.c-timeline-clip--expanded .c-timeline-clip__icon--expanded {
  display: flex;
}
.c-timeline-clip.c-timeline-clip--expanded .c-timeline-clip__icon--collapsed {
  display: none;
}
.c-timeline-clip.c-timeline-clip--active .c-timeline-gutter {
  background-color: #204263;
}
.c-timeline-layer .c-timeline-animation-layer,
.c-timeline-layer .c-timeline-layer__icon--expanded {
  display: none;
}
.c-timeline-layer.c-timeline-layer--expanded .c-timeline-animation-layer,
.c-timeline-layer.c-timeline-layer--expanded .c-timeline-layer__icon--expanded,
.c-timeline-layer .c-timeline-layer__icon--collapsed {
  display: block;
}
.c-timeline-layer.c-timeline-layer--expanded .c-timeline-layer__icon--collapsed {
  display: none;
}
.c-timeline-animation-layer.c-timeline-animation-layer--active .c-timeline-gutter,
.c-timeline-layer.c-timeline-layer--active .c-timeline-gutter {
  background-color: #204263;
}
.c-timeline-animation {
  position: absolute;
  display: block;
  width: 100px;
  min-height: 2px;
  margin: 10px 5px;
  background: #fff;
  -webkit-filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.5));
  filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.5));
}
.c-timeline-animation__handle {
  position: absolute;
  width: 10px;
  height: 10px;
  margin: 3px;
  cursor: pointer;
  transition: transform 0.2s ease-in-out;
  border-radius: 100%;
  background: #fff;
}
.c-timeline-animation__handle:hover {
  transform: scale(1.23);
  background: #189df7;
}
.c-timeline-animation__handle--selected {
  background: #189df7;
}
.c-timeline-animation__handle {
  top: -7px;
}
.c-timeline-animation__handle:first-child {
  left: -10px;
}
.c-timeline-animation__handle:last-child {
  right: -7px;
}
.c-timeline-animation__handle-icon {
  position: absolute;
  width: 10px;
  height: 10px;
  cursor: pointer;
  color: #fff;
}
.c-timeline-animation__handle-icon.icon-pause {
  margin-top: -5px;
}
.c-timeline-animation__handle-icon.icon-play {
  margin-top: -5px;
  margin-left: 5px;
}
.c-timeline-animation__handle-icon svg {
  display: block;
}
.c-timeline-animation__handle-icon.selected-icon svg path,
.c-timeline-animation__handle-icon svg:hover path {
  fill: #189df7;
}
.c-timeline-object {
  font-size: 12px;
  font-weight: 500;
  display: flex;
  height: 30px;
  margin-top: 1px;
  padding: 0 6px;
  cursor: default;
  color: #fff;
  border: 2px solid transparent;
  border-radius: 3px;
  background: #828f99;
  align-items: center;
}
.c-timeline-object svg {
  border-radius: 0 0 3px 3px;
}
.c-timeline-object .o-svg-icon {
  margin-top: -3px;
}
.c-timeline-object--selected {
  border: 2px solid #fff;
}
.c-timeline-object__label {
  line-height: 22px;
}
.c-timeline-clips li .c-timeline-object__label {
  line-height: 18px;
}
.c-timeline-object--clip {
  background: #828f99;
}
.c-timeline-object--layer {
  top: 0;
  height: 20px;
  background: #189df7;
}
.c-timeline-object--preset {
  background: #48bc7d;
}
.c-timeline-scroll-tracker {
  position: absolute;
  bottom: 38px;
  width: 100%;
  height: 8px;
}
.c-timeline-gutter {
  line-height: 32px;
  position: relative;
  height: 34px;
  margin-bottom: 1px;
  padding: 1px 0;
  cursor: pointer;
  background: #444a50;
}
.c-timeline-gutter--layer {
  line-height: 22px;
  display: flex;
  height: 24px;
  align-items: center;
}
.c-timeline-gutter--layer .c-form-control,
.c-timeline-gutter--layer .c-form-control-color__input,
.c-timeline-gutter--layer .c-form-control-color__input[type='email'] .c-form-control-color__input[type='password'],
.c-timeline-gutter--layer .c-form-control-color__input[type='email'] .c-form-control[type='password'],
.c-timeline-gutter--layer .c-form-control-color__input[type='text'],
.c-timeline-gutter--layer .c-form-control[type='email'] .c-form-control-color__input[type='password'],
.c-timeline-gutter--layer .c-form-control[type='email'] .c-form-control[type='password'],
.c-timeline-gutter--layer .c-form-control[type='text'] {
  font-size: 12px;
  height: 20px;
}
.c-timeline-tree {
  position: relative;
  min-height: 100%;
  margin-right: 1px;
  padding-bottom: 8px;
  box-shadow: 1px 0 4px 0 rgba(0, 0, 0, 0.33);
  flex-grow: 1;
}
.c-timeline-tree .c-timeline-gutter {
  padding-left: 10px;
}
.c-timeline-tree .c-timeline-layer .c-timeline-gutter {
  padding-left: 30px;
}
.c-timeline-tree .c-timeline-animation-layer .c-timeline-gutter {
  font-weight: 300;
  font-style: italic;
  padding-left: 50px;
}
.drag-preview .c-timeline-gutter {
  padding-left: 10px;
}
.drag-preview .c-timeline-layer .c-timeline-gutter {
  padding-left: 30px;
}
.drag-preview .c-timeline-animation-layer .c-timeline-gutter {
  font-weight: 300;
  font-style: italic;
  padding-left: 50px;
}
.c-timeline-preview {
  margin: 5px;
}
.c-timeline-preview__thumb {
  min-width: 60px;
  height: 33.75px;
  margin: 2px;
  border-radius: 2px;
  background: #fff;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}
.c-timeline-preview-scroll-parent {
  background: #212329;
}
.c-timeline-preview-scroll {
  overflow: auto;
  margin-left: 340px;
}
.c-timeline-preview-scroll::-webkit-scrollbar {
  display: none;
}
.c-timeline-time-scroll {
  overflow: auto;
}
.c-timeline-time-scroll::-webkit-scrollbar {
  display: none;
}
.c-timeline-time {
  font-size: 12px;
  overflow: hidden;
  width: 10000px;
  height: 27px;
  white-space: nowrap;
}
.c-timeline-time:after,
.c-timeline-time:before {
  content: ' ';
}
.c-timeline-time:after {
  clear: both;
}
.c-timeline-time__element {
  position: relative;
  display: block;
  float: left;
  width: 100px;
  height: 24px;
  margin-top: 3px;
  border-left: 1px solid #7a7c83;
}
.c-timeline-time__element-label {
  position: absolute;
  top: 0;
  left: 2px;
}
.c-timeline-time__element-interval {
  position: relative;
  float: left;
  width: 20px;
  height: 24px;
}
.c-timeline-time__element-interval:after {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 8px;
  content: '';
  border-right: 1px solid #51545b;
}
.c-toolbar--size-small {
  height: 32px;
}
.c-toolbar--size-medium {
  height: 50px;
}
.c-toolbar--size-small .c-toolbar__text {
  line-height: 32px;
}
.c-toolbar--size-medium .c-toolbar__text,
.c-toolbar--size-medium .c-toolbar__title {
  line-height: 50px;
}
.c-toolbar--size-small .c-toolbar__text {
  font-size: 13px;
}
.c-toolbar__title {
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;
  font-weight: 600;
  color: #fff;
}
.c-toolbar--size-small .c-toolbar__title {
  font-size: 13px;
  position: relative;
  top: 1px;
}
.c-toolbar__title--fancy {
  font-family: Rubik, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;
  font-size: 17px;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
}
.c-toolbar {
  position: relative;
  display: flex;
  width: 100%;
  align-items: center;
}
.c-toolbar__left {
  justify-content: flex-start;
}
.c-toolbar__left .c-toolbar__item {
  padding-right: 10px;
}
.c-toolbar__right {
  justify-content: flex-end;
}
.c-toolbar__right .c-toolbar__item {
  padding-left: 10px;
}
.c-toolbar__left,
.c-toolbar__right {
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  align-items: center;
}
.c-toolbar__center {
  position: absolute;
  left: 0;
  margin-left: 50%;
}
.c-toolbar__center-inner {
  margin-left: -50%;
}
.c-toolbar__center-inner--alt {
  margin-left: -100%;
}
.c-toolbar__left .c-toolbar__item {
  padding: 0 0 0 10px;
}
.c-toolbar__left .c-toolbar__item:first-child {
  padding-left: 0;
}
.c-toolbar__right .c-toolbar__item {
  padding: 0 10px 0 0;
}
.c-toolbar__right .c-toolbar__item:last-child {
  padding-right: 0;
}
.c-toolbar__left .c-toolbar__item--no-spacing,
.c-toolbar__left .c-toolbar__top .c-toolbar__item,
.c-toolbar__right .c-toolbar__item--no-spacing {
  padding: 0;
}
.c-toolbar__divider {
  width: 1px;
  height: 20px;
  margin: 0 2px;
  background-color: #696969;
}
.c-toolbar-zoom {
  overflow: hidden;
  flex-direction: column;
  justify-content: space-around;
}
.c-toolbar-zoom .c-form-control-slider {
  height: 100px;
  margin: 0 auto;
}
.c-toolbar-zoom .c-button--icon {
  height: 45px;
  flex: 1 1;
}
@media (min-width: 1400px) {
  .c-toolbar__divider {
    width: 1px;
    height: 20px;
    margin: 0 10px;
    background-color: #696969;
  }
}
.c-tooltip {
  margin-top: 30px;
  padding: 5px;
  color: #fff;
  border: solid #fff;
  background-color: #000;
}
.c-tooltip:after,
.c-tooltip:before {
  content: normal !important;
}
.c-tooltip__purple {
  color: #dc1964;
}
[data-tooltip] {
  position: relative;
}
[data-tooltip]:before {
  font-size: 12px;
  line-height: 1.5;
  position: absolute;
  bottom: calc(100% + 17px);
  left: -10px;
  padding: 8px;
  content: attr(data-tooltip);
  pointer-events: none;
  opacity: 0;
  color: #fff;
  background-color: #000;
  -webkit-filter: drop-shadow(0 0 1px hsla(0, 0%, 100%, 0.3));
  filter: drop-shadow(0 0 1px rgba(255, 255, 255, 0.3));
}
.c-timeline__bottom [data-tooltip]:before {
  width: 250px;
}
[data-tooltip]:after {
  position: absolute;
  bottom: calc(100% + 5px);
  left: calc(50% - 7px);
  content: '';
  pointer-events: none;
  opacity: 0;
  border: 6px solid transparent;
  border-top-color: #000;
  -webkit-filter: drop-shadow(0 1px 1px hsla(0, 0%, 100%, 0.3));
  filter: drop-shadow(0 1px 1px rgba(255, 255, 255, 0.3));
}
[data-tooltip]:hover:after,
[data-tooltip]:hover:before {
  opacity: 1;
}
.o-svg-icon-s-favorite * {
  fill: #ffd14c;
}
.c-checkbox--small input {
  position: relative;
  top: 1px;
}
.c-checkbox--small label {
  font-size: 12px;
}
.c-bg--gray-darker {
  background: #212329;
}
.elementToFadeInAndOut {
  width: 140px;
  margin-left: 5px;
  padding: 5px;
  border-radius: 3px;
  align-items: center;
  justify-content: center;
}
.animateInLoadingMessage {
  -webkit-animation: alertShowAndHide 2s forwards;
  animation: alertShowAndHide 2s forwards;
}
@-webkit-keyframes alertShowAndHide {
  0% {
    background: #dc1964;
  }
  50% {
    background: #dc1964;
  }
  to {
    background: rgba(220, 25, 100, 0);
  }
}
@keyframes alertShowAndHide {
  0% {
    background: #dc1964;
  }
  50% {
    background: #dc1964;
  }
  to {
    background: rgba(220, 25, 100, 0);
  }
}
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 5px 0 rgba(173, 0, 0, 0.3);
  }
  65% {
    box-shadow: 0 0 5px 13px rgba(173, 0, 0, 0.3);
  }
  90% {
    box-shadow: 0 0 5px 13px rgba(173, 0, 0, 0);
  }
}
@keyframes pulse {
  0% {
    box-shadow: 0 0 5px 0 rgba(173, 0, 0, 0.3);
  }
  65% {
    box-shadow: 0 0 5px 13px rgba(173, 0, 0, 0.3);
  }
  90% {
    box-shadow: 0 0 5px 13px rgba(173, 0, 0, 0);
  }
}
#recorder-modal .section-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin: 0;
  padding: 30px;
  border: 1px solid hsla(0, 0%, 100%, 0.1);
}
#recorder-modal .section-recorder {
  padding-bottom: 0;
}
#section-recorder-view,
#section-recorder-view .btn-record {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#section-recorder-view .btn-record {
  line-height: 155px;
  width: 155px;
  height: 155px;
  margin-bottom: 20px;
  cursor: pointer;
  border: 0;
  border-radius: 155px;
  background-color: #dd1964;
  justify-content: center;
  align-content: stretch;
}
#section-recorder-view .btn-record.recording {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  animation-iterationcount: infinite;
  animation-timingfunction: linear;
}
#section-recorder-view .btn-pause,
#section-recorder-view .recorder-text {
  flex: 0 1 auto;
}
#section-recorder-view .btn-clear {
  margin-bottom: 10px;
  padding-right: 8px;
  padding-left: 7px;
}
#section-recorder-view .recorder-text {
  font-size: 1.2em;
  display: flex;
  flex-direction: row;
  margin: 0 10px;
  align-items: center;
  justify-content: center;
}
#section-recorder-view .hint,
#section-recorder-view .timecode {
  font-size: 1em;
  line-height: 20px;
  display: none;
  text-align: center;
}
#section-recorder-view .hint.show,
#section-recorder-view .timecode.show {
  display: block;
}
#section-recorder-view .playhead {
  width: 100%;
  height: 35px;
}
.custom-scrollbar::-webkit-scrollbar-track {
  background-color: #444a50;
}
.custom-scrollbar::-webkit-scrollbar {
  width: 4px;
  background-color: #444a50;
}
@media (min-width: 1600px) {
  .custom-scrollbar::-webkit-scrollbar {
    width: 8px;
  }
}
body.is-touch .custom-scrollbar::-webkit-scrollbar {
  width: 4px;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
  background-color: #bbb;
}
.custom-scrollbar.Portal::-webkit-scrollbar {
  width: 4px !important;
}
.c-timeline-clips-scroll.custom-scrollbar::-webkit-scrollbar {
  width: 8px !important;
}
.browser-not-supported {
  display: flex;
  height: 100vh;
  align-items: center;
  justify-content: center;
}
.browser-not-supported .browser-not-supported-modal {
  width: calc(100% - 20px);
  max-width: 500px;
  padding: 20px;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.5);
}
.browser-not-supported .browser-not-supported-modal h1 {
  font-size: 20px;
  line-height: 25px;
  margin-bottom: 20px;
}
@media (min-width: 700px) {
  .browser-not-supported .browser-not-supported-modal h1 html {
    font-size: 30px;
  }
}
.browser-not-supported .browser-not-supported-modal p {
  line-height: 20px;
  margin-bottom: 15px;
}
.browser-not-supported .browser-not-supported-modal button {
  font-size: 12px;
  padding: 5px 10px;
  cursor: pointer;
  color: #fff;
  border: none;
  border-radius: 3px;
  background-color: hsla(0, 0%, 100%, 0.3);
}
.error-overlay {
  position: absolute;
  z-index: 10;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.error-overlay .error-box {
  padding: 1rem;
  background-color: rgba(0, 0, 0, 0.5);
}
.u-maximize-height {
  height: 100% !important;
}
.u-maximize-width {
  width: 100% !important;
}
.u-position-relative {
  position: relative !important;
}
.u-ta-center {
  text-align: center !important;
}
.u-hidden {
  display: none !important;
}
.u-is-scrollable {
  overflow: auto;
}
.u-overflow-hidden {
  overflow: hidden !important;
}
.u-m0 {
  margin: 0 !important;
}
.u-hide-scrollbar::-webkit-scrollbar {
  display: none;
}
.u-spacer-s {
  padding: 7.5px !important;
}
.u-spacer {
  padding: 15px !important;
}
.u-spacer-l {
  padding: 30px !important;
}
.u-spacer-left-s {
  padding-left: 7.5px !important;
}
.u-spacer-left {
  padding-left: 15px !important;
}
.u-spacer-left-l {
  padding-left: 30px !important;
}
.u-spacer-right-mini {
  padding-right: 3px !important;
}
.u-spacer-right-s {
  padding-right: 7.5px !important;
}
.u-spacer-right {
  padding-right: 15px !important;
}
.u-spacer-right-l {
  padding-right: 30px !important;
}
.u-spacer-top-s {
  padding-top: 7.5px !important;
}
.u-spacer-top {
  padding-top: 15px !important;
}
.u-spacer-top-l {
  padding-top: 30px !important;
}
.u-spacer-bottom-s {
  padding-bottom: 7.5px !important;
}
.u-spacer-bottom {
  padding-bottom: 15px !important;
}
.u-spacer-bottom-l {
  padding-bottom: 30px !important;
}
body.is-touch .c-timeline-gutter--layer {
  line-height: 32px;
  height: 34px;
}
body.is-touch .c-timeline-object--layer {
  height: 30px;
}
body.is-touch .c-button-toolbar > :not(:first-child) {
  margin-left: 5px;
}
body.is-touch .c-button-toolbar > :not(:last-child) {
  margin-right: 5px;
}
* {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.word-break-all {
  word-break: break-all;
}
.__react_component_tooltip {
  z-index: 10000 !important;
}
.information-block {
  font-style: italic;
  padding: 1rem;
  opacity: 0.8;
}
:not(input):not(textarea):not([contenteditable]):not(.c-form-control):not(.c-form-control-color__input) {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.toolbar-label {
  font-size: 14px;
}
.hide-helpcenter #zohohc-asap-web-launcherbox {
  display: none !important;
}
.h-100 {
  height: 100%;
}
.d-flex {
  display: flex;
}
.align-items-center {
  align-items: center;
}
.justify-content-center {
  justify-content: center;
}
.justify-content-space-between {
  justify-content: space-between;
}
.active-box-shadow {
  box-shadow: 0 0 0 2px #189df7;
}
.mb-10 {
  margin-bottom: 10px;
}
.mb-15 {
  margin-bottom: 15px;
}
.error {
  font-size: 14px;
  color: #e5323f;
}
.Pane.vertical.Pane2 {
  z-index: 2;
}
.Resizer {
  z-index: 3;
}
#preload-spinner {
  display: flex;
  width: 100%;
  height: 100vh;
  justify-content: center;
  align-items: center;
}
#preload-spinner .c-spinner {
  width: auto;
}
#preload-spinner .spinner {
  width: 50px;
  height: 50px;
}
.link {
  cursor: pointer;
}
.info--message {
  font-style: italic;
  text-align: center;
  padding: 1rem;
  line-height: 1.3;
}
.info--message.left {
  text-align: left;
}
.btn:not(.is-disabled):hover {
  background-color: #51545b !important;
}
@media all {
  .u-is-scrollable {
    min-width: 100%;
    width: 100% !important;
  }
  .Pane.vertical.Pane2
    .c-panel.c-panel--collapsable.o-flex.o-flex--vertical:last-child
    .c-panel__section.o-flex__item.u-is-scrollable {
    min-height: 10vh;
    margin-top: 0;
    margin-bottom: 0;
  }
  .c-modal-wrapper {
    display: flex;
    width: 100%;
    min-height: 100vh;
    align-items: center;
  }
  .c-library-preview-wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 100%;
    flex: 1 1;
  }
  .c-library-preview-wrapper .c-panel__section {
    flex: 1 1 auto;
  }
  #extended-library .c-modal__body {
    height: auto;
  }
  #extended-library-btn-remove-background-color {
    margin: 1px;
  }
  .c-asset-details-toolbar {
    width: 100%;
  }
  #properties .c-panel--collapsable .o-flex__item.o-flex.o-flex--vertical,
  #properties .o-fixed .c-panel:last-child {
    background: #323439;
  }
}
@media (-ms-high-contrast: none) {
  #moovly-stage-properties-editor {
    width: 100%;
  }
  .c-spinner-fullscreen {
    position: fixed;
    top: 50%;
    left: 50%;
    display: block;
    width: auto;
    height: auto;
    transform: translate(-50%, -100%);
  }
  .c-panel--collapsable.o-flex--vertical {
    display: block;
    min-height: 32px;
  }
  .Pane.vertical.Pane2 .o-flex.o-flex__item.o-flex.o-flex--vertical {
    flex: none;
  }
  .Pane.vertical.Pane2 .c-panel__section.o-flex__item.u-is-scrollable {
    min-width: 100%;
  }
  #ui-main-toolbar .c-toolbar__center {
    left: 0;
    margin-left: 0;
  }
  .c-toolbar__center {
    position: relative;
  }
  #tutorial-properties {
    min-height: 80px;
  }
  #flexible-content {
    flex: 1 1;
  }
  .c-modal-context {
    flex-direction: row;
  }
  .c-modal--height-auto {
    height: auto;
  }
  #extended-library .c-modal__body {
    flex: 1 1 auto;
  }
  .c-modal__body {
    flex: none;
  }
  .c-button--extra-small {
    height: auto;
  }
  .c-panel__section-expanded-ie11 {
    display: table-cell !important;
    width: 200vw;
    table-layout: fixed;
  }
  #properties .c-panel__heading.c-panel__heading--no-spacing {
    display: table;
    width: 100%;
  }
  #properties .c-panel--collapsable.o-flex--vertical {
    width: 100%;
  }
  .c-dropzone__content {
    margin-top: 25%;
    transform: translateY(-50%);
  }
  .c-button--minimal {
    margin-top: 2px;
  }
  button.c-button.c-button--extra-small [class*='o-svg-icon-s-'],
  button.c-button.c-button--extra-small [class^='o-svg-icon-s-'],
  button.c-button.c-button--small [class*='o-svg-icon-s-'],
  button.c-button.c-button--small [class^='o-svg-icon-s-'] {
    top: 0;
  }
}
.PropertyInput {
  display: flex;
  margin-bottom: 15px;
  align-items: center;
}
.PropertyInput.small {
  margin-bottom: 5px;
}
.PropertyInput > label {
  width: 100px;
  min-width: 100px;
  margin-top: 0 !important;
  margin-right: 5px;
}
.PropertyInput .PropertyInput__Children {
  display: flex;
  width: 100%;
  margin-right: 5px;
  flex: 1 1;
  align-items: center;
}
.PropertyInput .PropertyInput__Children > :not(:last-child) {
  margin-right: 10px;
}
.PropertyInput .PropertyInput__Children input:not([type='text']) {
  max-width: 50px;
}
.PropertyInput .PropertyInput__Children .c-select input[type='number'] {
  max-width: 100%;
}
.PropertyInput .PropertyInput__Children input.large-property-input {
  max-width: 70px;
}
.PropertySubSettings {
  position: absolute;
  z-index: 101;
  right: calc(100% + 5px);
  width: 220px;
  margin-top: -10px;
  padding: 1rem;
  background: #323439;
}
.PropertySubSettings:after {
  border-left-color: #323439 !important;
}
.PropertySubSettings .PropertyInput:not(.always-inline) {
  flex-direction: column;
  align-items: flex-start;
}
.PropertySubSettings .PropertyInput:not(.always-inline) > label {
  width: 100%;
  margin-bottom: 5px;
}
.PropertySubSettings .PropertyInput.always-inline label {
  width: 75px;
}
.PropertySubSettings--Close {
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
}
.Button__container {
  position: relative;
}
.Button__container .Button__is-new {
  font-size: 12px;
  position: absolute;
  top: -12px;
  left: -10px;
}
.Button__container .Button__is-new .LabelTag {
  padding: 1px;
}
.Select--Search {
  width: 100%;
  color: #fff;
  border: none;
  outline: none;
  background-color: transparent;
}
.Select--Category {
  font-size: 12px;
  font-weight: 700;
  padding: 5px 10px;
  text-transform: uppercase;
  opacity: 0.5;
  color: #fff;
}
.SpinnerOverlay {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  width: 100%;
  height: 100%;
  background-color: rgba(50, 52, 57, 0.8);
  align-items: center;
  justify-content: center;
}
.IconButton__container {
  position: relative;
  display: inline-block;
}
.IconButton__container button {
  width: 100%;
  cursor: pointer;
}
.IconButton__container .IconButton__is-new {
  font-size: 12px;
  position: absolute;
  top: -10px;
  right: 0;
}
.IconButton__container .IconButton__is-new .LabelTag {
  padding: 1px;
}
.TextStyleProperty .TextStyleProperty--Actions {
  display: flex;
  margin-right: -15px;
  margin-left: -5px;
  align-items: center;
}
.CreateTextStyleModal input:not([type='checkbox']) {
  font-size: 12px;
  width: 100%;
  padding: 5px 10px;
  color: hsla(0, 0%, 100%, 0.67);
  border: 1px solid hsla(0, 0%, 100%, 0.4);
  background-color: transparent;
}
.CreateTextStyleModal h3 {
  font-weight: 700;
  margin-bottom: 10px;
  color: hsla(0, 0%, 100%, 0.9);
}
.CreateTextStyleModal dl {
  display: flex;
  padding: 10px 0;
}
.CreateTextStyleModal dl dt {
  min-width: 150px;
}
.CreateTextStyleModal dl dd {
  flex: 1 1;
}
.PlayControllerView__Controls {
  margin: 0;
  border-top: none;
}
.PlayControllerView__PanelSection.PlayControllerView__PanelSection {
  padding: 0;
}
.PlayControllerView__Toolbar {
  padding: 0 15px;
  background: #323439;
}
.context-menu.with-scroll {
  overflow-y: auto;
  max-height: 250px;
}
.Dropdown__Button {
  position: relative;
  display: flex;
  align-items: center;
}
.Dropdown__Button.c-button--active,
.Dropdown__Button:active,
.Dropdown__Button:focus {
  background-color: #51545b;
  box-shadow: 0 0 0 2px #189df7;
}
.Dropdown__Button.c-button--active:hover,
.Dropdown__Button:active:hover,
.Dropdown__Button:focus:hover {
  background-color: #51545b;
}
.Dropdown__Button .Dropdown__Indicator {
  line-height: 12px;
  position: absolute;
  top: 0;
  right: 0;
  transform: translateX(50%) translateY(-50%);
  border: none;
}
.Dropdown__Button .Dropdown__Indicator .LabelTag {
  border: none;
}
.Dropdown__Button.icon-dropdow {
  background: none;
}
.Dropdown__Button.icon-dropdow:active,
.Dropdown__Button.icon-dropdow:focus,
.Dropdown__Button.icon-dropdow:hover {
  border-radius: 2px !important;
  outline: none;
  background: hsla(0, 0%, 100%, 0.1);
}
.Dropdown__Button.icon-dropdow .c-button__label {
  display: flex;
  align-items: center;
}
.c-dropdown .c-menu__item:hover {
  background-color: #189df7;
}
.c-dropdown .c-menu__item:hover svg.hover-fill-none * {
  fill: none;
}
.c-dropdown .c-menu--right {
  right: 0;
  left: unset;
}
.DropdownItem {
  display: flex;
  padding: 4px 8px;
  align-items: center;
}
.DropdownItem .DropdownItemLabel {
  line-height: 20px;
  flex: 1 1;
}
.DropdownItem .DropdownItemIcon {
  display: inherit;
  margin-right: 5px;
}
.DropdownItem.active,
.DropdownItem:active,
.DropdownItem:focus,
.DropdownItem:hover {
  background-color: #189df7;
}
.DropdownItem.disabled {
  opacity: 0.5;
}
.Error_Tooltip__Container {
  position: relative;
}
.Error_Tooltip__Container .Error_Tooltip__Error {
  font-size: 12px;
  line-height: 16px;
  position: absolute;
  z-index: 99;
  top: 35px;
  right: 0;
  visibility: hidden;
  min-width: 300px;
  max-width: 500px;
  padding: 1rem;
  transition: opacity 0.3s;
  opacity: 0;
  color: #fff;
  background: #e5323f;
}
.Error_Tooltip__Container .Error_Tooltip__Error.show {
  visibility: visible;
  opacity: 1;
}
.NumberInput {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.NumberInput .c-form-control {
  max-width: 100px;
}
.NumberInput .NumberInput__prefix {
  font-size: 12px;
  line-height: 14px;
  margin-left: 5px;
}
.NumberInput.small .c-form-control {
  font-size: 12px;
  height: 22px;
  padding: 2px;
}
.LabelTag {
  font-size: 80%;
  padding: 2px 4px;
  text-transform: uppercase;
  color: #fff;
  border: 2px solid #fff;
  border-radius: 2px;
}
.LabelTag__Blue {
  background-color: #189df7;
}
.LabelTag__Red {
  background-color: #dc1964;
}
.Slider .Slider--Thumb {
  position: absolute;
  top: -6px;
  left: 30%;
  width: 15px;
  min-width: 15px;
  height: 15px;
  margin-left: -6px;
  padding: 0;
  cursor: pointer;
  border: 1px solid #323439;
  border-radius: 100%;
  outline: none;
  background: #fff;
}
.Slider.Slider--Vertical {
  margin-top: 8px;
  margin-bottom: 8px;
}
.Slider.Slider--Vertical .Slider--Thumb {
  transform: translateY(-7.5px);
}
.ProgressBar,
.ProgressBar .c-progress {
  position: relative;
}
.ProgressBar-breakpoint {
  position: absolute;
  display: block;
  width: 8px;
  height: 6px;
  margin-left: -4px !important;
  background-color: rgba(36, 168, 247, 0.48);
}
.PopoverCounter {
  font-size: 12px;
  position: absolute;
  right: 10px;
  bottom: 10px;
  opacity: 0.7;
}
.MediaPreviewProgressBar__Loaded {
  position: absolute;
  height: 100%;
  opacity: 0.3;
  background-color: #fff;
}
.MediaPreviewProgressBar__Slider {
  width: 100% !important;
  flex: 1 1;
}
.MediaPreviewProgressBar__Progress {
  position: absolute;
  height: 100%;
  background-color: #fff;
}
.MediaPreviewProgressBar__Thumb {
  position: absolute;
}
.MediaPreviewProgressBar__Label {
  margin-left: 20px;
}
.PlayBar {
  display: flex;
  width: 100%;
  min-width: 100%;
}
.PlayBar > div {
  flex: 1 1;
}
.PlayBar button {
  margin-right: 10px;
}
.PlayBar .c-form-control-slider {
  flex: 1 1;
}
button.SignupButton {
  padding-right: 10px;
  padding-left: 10px;
  border-radius: 3px;
}
button.SignupButton:hover {
  color: hsla(0, 0%, 100%, 0.8);
  border-color: hsla(0, 0%, 100%, 0.8);
}
.SignupModal {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  position: relative;
  width: 100%;
  max-width: 500px;
  padding: 2rem 2rem 3rem;
  text-align: center;
  color: #212329;
  border-radius: 5px;
  background-color: #fff;
}
.SignupModal h2 {
  font-size: 32px;
  font-weight: 500;
  margin-bottom: 1rem;
  color: #232d64;
}
.SignupModal .SignupModal--Animation {
  display: flex;
  justify-content: center;
}
.SignupModal .SignupModal--Animation > * {
  max-width: 100px;
}
.SignupModal .SignupModal--Body:not(:last-child) {
  margin-bottom: 1rem;
}
.SignupModal .SignupModal--Footer {
  font-size: 14px;
}
.SignupModal .SignupModal--Footer a {
  color: #dc1964;
  color: var(--secondary-color, #dc1964);
}
.SignupModal--Content {
  margin-bottom: 2rem;
}
.SignupModalBackdrop {
  position: fixed;
  z-index: 1001;
  top: 0;
  left: 0;
  display: flex;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  align-items: center;
  justify-content: center;
}
.SignupModalClose {
  position: absolute;
  top: 10px;
  right: 15px;
}
.SignupModalClose button {
  padding: 0;
  cursor: pointer;
  color: #51545b;
  border: none;
  background-color: transparent;
}
.SignupModalClose button:active,
.SignupModalClose button:focus,
.SignupModalClose button:hover {
  opacity: 0.6;
  background-color: transparent;
}
.WalkthroughHighlightWrapper {
  position: fixed;
  z-index: 7;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.WalkthroughBlock {
  position: absolute;
  pointer-events: fill;
  background-color: rgba(0, 0, 0, 0.6);
}
@-webkit-keyframes walkthroughtPointerAnimation {
  0% {
    transform: scale(0.6);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes walkthroughtPointerAnimation {
  0% {
    transform: scale(0.6);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.WalkthroughPointer--Container {
  position: absolute;
  z-index: 7;
  -webkit-animation-name: walkthroughtPointerAnimation;
  animation-name: walkthroughtPointerAnimation;
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-timing-function: cubic-bezier(0.64, 0, 0.34, 1);
  animation-timing-function: cubic-bezier(0.64, 0, 0.34, 1);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.WalkthroughPointer--Svg {
  display: block;
}
.WalkthroughPointer--Svg.right {
  float: right;
}
.WalkthroughPointer--Svg.top {
  margin-bottom: -2px;
}
.WalkthroughPointer--Svg.bottom {
  margin-top: -2px;
  transform: rotate(180deg);
}
.Walkthrough-Animation {
  width: 100px;
  min-width: 100px;
  margin-right: 1rem;
}
.Walkthrough-Content {
  flex: 1 1;
}
.WalkthroughPointer {
  font-size: 18px;
  position: relative;
  display: flex;
  clear: both;
  max-width: 400px;
  padding: 1.5rem;
  color: #232d64;
  border-radius: 6px;
  background-color: #fff;
  align-items: center;
}
.WalkthroughPointer h3 {
  font-size: 25;
  font-weight: 800;
  margin-bottom: 1rem;
  color: #dc1964;
}
.WalkthroughPointer p {
  margin-bottom: 0.5rem;
}
.WalkthroughPointer strong {
  font-weight: 600;
}
.WalkthroughPointer button {
  font-size: 16px;
  font-weight: 600;
  padding: 0.2rem 1rem;
  color: #dc1964;
  border: 2px solid #dc1964;
  border-radius: 15px;
  background-color: transparent;
  box-shadow: none;
}
.WalkthroughCloseable {
  position: absolute;
  top: 5px;
  right: 5px;
  display: flex;
}
.WalkthroughCloseable button {
  padding: 0;
  cursor: pointer;
  color: #51545b;
  border: none;
  background-color: transparent;
}
.WalkthroughCloseable button:active,
.WalkthroughCloseable button:focus,
.WalkthroughCloseable button:hover {
  opacity: 0.6;
  background-color: transparent;
}
.WalkthroughModal {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  position: relative;
  width: 100%;
  max-width: 500px;
  padding: 2rem 2rem 3rem;
  text-align: center;
  color: #212329;
  border-radius: 5px;
  background-color: #fff;
}
.WalkthroughModal h2 {
  font-size: 32px;
  font-weight: 500;
  margin-bottom: 1rem;
  color: #232d64;
  color: var(--primary-color, #232d64);
}
.WalkthroughModal button {
  font-size: 16px;
  line-height: 24px;
  padding: 0.3rem 1rem;
  cursor: pointer;
  color: #fff;
  border: 2px solid #dc1964;
  border: 2px solid var(--secondary-color, #dc1964);
  border-radius: 18px;
  background-color: #dc1964;
  background-color: var(--secondary-color, #dc1964);
}
.WalkthroughModal button:not(:last-child) {
  margin-right: 1rem;
}
.WalkthroughModal button:hover {
  background-color: #dc1964;
  background-color: var(--secondary-color, #dc1964);
}
.WalkthroughModal .WalkthroughCloseable button {
  color: #212329;
  border: none;
  background-color: transparent;
}
.WalkthroughModal .WalkthroughCloseable button:hover {
  opacity: 0.6;
  background-color: transparent;
}
.WalkthroughModal--Content {
  margin-bottom: 2rem;
}
.WalkthroughBackdrop {
  position: fixed;
  z-index: 1001;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  align-items: center;
}
.WalkthroughBackdrop,
.WalkthroughModal--Footer {
  display: flex;
  justify-content: center;
}
.WalkthroughModal--Animation {
  max-width: 150px;
  margin: 0 auto 2rem;
}
.Progress--Container {
  position: absolute;
  z-index: 1000;
  top: 0;
  right: 0;
  left: 0;
  height: 4px;
}
.Progress--Container .Progress--Bar {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-color: #dc1964;
  background-color: var(--secondary-color, #dc1964);
}
.LoaderInfo {
  z-index: 1000;
  display: flex;
  padding: 10px 15px;
  color: #fff;
  align-items: center;
  justify-content: center;
}
.LoaderInfo .Label {
  font-size: 14px;
  font-weight: 400;
  opacity: 0.7;
}
.LoaderInfo .Spinner-Wrapper {
  flex-direction: row;
}
.LoaderInfo .Spinner {
  margin-right: 15px;
  margin-bottom: 0;
}
.PropertiesHeader--Title {
  display: flex;
  align-items: center;
}
.PropertiesHeader--Title .Tag {
  margin-left: 15px;
}
.PropertyPanelSubtitle {
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
  font-size: 12px;
}
.TrialModal--Footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.TrialModal--Footer .TrialModal--Buttons > :not(:last-child) {
  margin-right: 10px;
}
.Loops {
  margin-bottom: 30px;
}
.LoopInput,
.Loops {
  display: flex;
  align-items: center;
}
.LoopInput {
  margin-right: 20px;
  justify-content: space-between;
}
.LoopInput label {
  margin-right: 15px;
}
.LoopInput input {
  max-width: 100px;
}
.LoopNote {
  color: hsla(0, 0%, 100%, 0.7);
}
.LoopNote strong {
  color: #fff;
}
.LoopNote p {
  margin-bottom: 0;
}
.ModalHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.Tabs {
  border-bottom: 2px solid hsla(0, 0%, 100%, 0.3);
  margin-bottom: 15px;
}
.Tabs ul {
  padding: 0;
  list-style: none;
}
.Tabs ul li {
  display: inline-block;
}
.Tabs .Tab--Indicator {
  margin-left: 5px;
}
.Tabs .Tabs--Tab button {
  background: transparent;
  padding: 0.9rem 2rem;
  color: hsla(0, 0%, 100%, 0.5);
  outline: none;
  border: none;
  position: relative;
  z-index: 10;
  margin-bottom: -2px;
}
.Tabs .Tabs--Tab.Active button {
  border-bottom: 2px solid #fff;
  color: #fff;
}
.TabToggles {
  background-color: #212329;
}
.TabToggles ul {
  padding: 0;
  list-style: none;
}
.TabToggles ul li {
  display: inline-block;
}
.TabToggles .Tab--Indicator {
  margin-left: 5px;
}
.TabToggles .Tabs--Tab button {
  display: flex;
  padding: 1rem;
  cursor: pointer;
  color: #fff;
  border: none;
  background-color: transparent;
  align-items: center;
}
.TabToggles .Tabs--Tab.Active button {
  background-color: #323439;
}
.TabsScreen {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.TabsScreen .TabsScreen--Content {
  overflow-y: hidden;
  padding-top: 10px;
  background-color: #323439;
  flex: 1 1;
}
.ToggleWrapper {
  display: flex;
  flex-wrap: wrap;
}
.ToggleWrapper .ToggleItem {
  margin-bottom: 10px;
  padding: 5px 10px;
  cursor: pointer;
  color: #fff;
  border: none;
  border-radius: 4px;
  background-color: #51545b;
  box-shadow: none;
}
.ToggleWrapper .ToggleItem:not(:last-child) {
  margin-right: 10px;
}
.ToggleWrapper .ToggleItem.active {
  color: #323439;
  background-color: #fff;
}
.CheckBox,
.CheckBox * {
  cursor: pointer;
}
.RefreshButton--Wrapper {
  display: flex;
  height: 15px;
  margin-bottom: 0;
  justify-content: flex-end;
}
.RefreshButton {
  cursor: pointer;
}
.RefreshButton.busy {
  -webkit-animation-name: spin;
  animation-name: spin;
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.BackButton {
  display: flex;
  min-width: auto;
  height: 25px;
  padding-right: 5px;
  padding-left: 5px;
  margin-left: -5px;
  margin-right: 5px;
  cursor: pointer;
  align-items: center;
}
.SmartSearch {
  position: relative;
  flex: 1 1;
}
.SmartSearch input {
  font-size: 13px;
  height: 100%;
  padding: 5px;
  padding-left: 25px !important;
}
.SmartSearch .SearchBar--Icon {
  position: absolute;
  top: 6px;
  left: 8px;
}
.SmartSearch .Clear--Icon {
  position: absolute;
  top: 7px;
  right: 8px;
  cursor: pointer;
}
.SmartSearchList {
  position: absolute;
  z-index: 1000;
  top: calc(100% + 2px);
  left: 0;
  overflow: scroll;
  width: 100%;
  max-height: 30vh;
  color: #fff;
  background-color: #51545b;
}
.SmartSearchList ul {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.SmartSearchList ul li {
  padding: 0.5rem 1rem;
  cursor: pointer;
}
.SmartSearchList ul li.Active,
.SmartSearchList ul li:hover {
  background-color: #189df7;
}
.MoovlyEditorInfo dt {
  font-weight: 700;
  display: inline-block;
}
.MoovlyEditorInfo dd {
  margin-bottom: 15px;
}
.MetadataUpdateModal {
  padding: 16px;
}
.MetadataUpdateModal input {
  font-size: 12px;
  width: 100%;
  padding: 5px 10px;
  color: hsla(0, 0%, 100%, 0.67);
  border: 1px solid hsla(0, 0%, 100%, 0.4);
  background-color: transparent;
}
.MetadataUpdateModal h3 {
  font-weight: 700;
  margin-bottom: 16px;
  color: hsla(0, 0%, 100%, 0.9);
}
.MetadataUpdateModal dl {
  display: flex;
  padding: 10px 0;
}
.MetadataUpdateModal dl dt {
  min-width: 150px;
}
.MetadataUpdateModal dl dd {
  flex: 1 1;
}
.MetadataUpdateModal .MetadataUpdateModal--Actions {
  display: flex;
  margin-top: 10px;
  justify-content: flex-end;
}
.MetadataUpdateModal .MetadataUpdateModal--Actions > :not(:last-child) {
  margin-right: 10px;
}
.SaveInsertFooter {
  display: flex;
}
.SaveInsertFooter .SaveInsertFooter--InputWrapper {
  display: flex;
  margin-right: 10px;
  flex: 1 1;
}
.SaveInsertFooter .SaveInsertFooter--InputWrapper input {
  height: 30px;
  border-color: #51545b;
  border-left: none;
  border-radius: 0 3px 3px 0;
  outline: none;
}
.SaveInsertFooter .SaveInsertFooter--ButtonSave {
  min-width: 125px;
  justify-content: flex-start;
}
.SaveInsertFooter .Dropdown__Button {
  width: 130px;
  border-radius: 3px 0 0 3px;
}
.SaveInsertFooter .Dropdown__Button .c-button__label {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.SaveInsertFooter .Dropdown__Button:active,
.SaveInsertFooter .Dropdown__Button:focus,
.SaveInsertFooter input:active,
.SaveInsertFooter input:focus {
  box-shadow: none !important;
}
.PredefinedSearches__Container {
  padding-left: 25px;
}
.PredefinedSearches {
  font-weight: 400;
  padding: 5px;
  cursor: pointer;
  color: hsla(0, 0%, 100%, 0.67);
}
.PredefinedSearches-active {
  font-weight: 700;
  color: #fff;
}
.PredefinedSearches:hover {
  color: #fff;
  background-color: #46484d;
}
.PredefinedSearches__IconSearch {
  display: inline-block;
  padding-right: 10px;
}
.PredefinedSearches__Content {
  display: flex;
  justify-content: space-between;
}
.PredefinedSearches__Content .PredefinedSearches__Label {
  display: flex;
  align-items: center;
}
.ColorPicker_Button-container {
  width: 24px;
  height: 24px;
  padding: 2px;
  cursor: pointer;
  color: #fff;
  border: 1px solid hsla(0, 0%, 100%, 0.25);
  border-radius: 2px;
  background-color: hsla(0, 0%, 100%, 0.05);
}
.ColorPicker_Button-color-display {
  width: 100%;
  height: 100%;
  border: 1px solid #000;
  border-radius: 3px;
}
.ColorpickerLabel {
  width: 100% !important;
  margin-bottom: 0.2rem;
}
.ColorPicker--ResetColor {
  position: relative;
  display: block;
  width: 20px;
  height: 20px;
  margin: 2px;
  cursor: pointer;
  border: 1px solid hsla(0, 0%, 100%, 0.5);
  border-radius: 3px;
  background-color: hsla(0, 0%, 100%, 0.2);
}
.ColorPicker--ResetColor:after {
  position: absolute;
  top: 1px;
  right: 1px;
  bottom: 1px;
  left: 1px;
  content: '';
  background: linear-gradient(
    to top left,
    rgba(255, 0, 0, 0) 0,
    rgba(255, 0, 0, 0) calc(50% - 1.5px),
    red 50%,
    rgba(255, 0, 0, 0) calc(50% + 1.5px),
    rgba(255, 0, 0, 0)
  );
}
.ModalSaveToLibraryHeader--Title {
  line-height: normal;
  display: flex;
  margin-right: 15px;
  justify-content: space-between;
  justify-content: center;
  align-content: center;
}
.ModalSaveToLibraryHeader--Title-span {
  margin-right: 10px;
  align-self: center;
}
.TransformationModal .c-modal {
  max-width: 900px;
  height: auto;
}
.TransformationModal .TransformationModal--content {
  flex: 1 1;
}
.TransformationModal .TransformationModal--footer {
  padding: 15px;
  border-top: 1px solid hsla(0, 0%, 100%, 0.1);
}
.TransformationModal .TransformationModal--single_save {
  display: flex;
  justify-content: flex-end;
}
.GreenScreen__ColorPicker {
  flex: 1 1;
}
.GreenScreen__ColorPicker .GreenScreen__ColorPicker-content {
  padding: 15px;
}
.GreenScreen__ColorPicker .GreenScreen__ColorPicker-content .c-panel__section {
  padding: 0;
}
.GreenScreen__ColorPicker .GreenScreen__Modal__SingleSave {
  display: flex;
  justify-content: flex-end;
}
.GreenScreen__ColorPicker .GreenScreen__ColorPicker-description {
  margin-bottom: 10px;
}
.GreenScreen__ColorPicker .GreenScreen__ColorPicker-container {
  display: flex;
  flex: 1 1;
}
.GreenScreen__ColorPicker .GreenScreen__ColorPicker-container img,
.GreenScreen__ColorPicker .GreenScreen__ColorPicker-container video {
  width: auto;
  margin-bottom: 1px;
}
.GreenScreen__ColorPicker .GreenScreen__ColorPicker-container .VideoPreview__Container {
  display: flex;
  flex-direction: column;
}
.GreenScreen__ColorPicker .GreenScreen__ColorPicker-canvas {
  overflow: hidden;
  flex: 1 1;
}
.GreenScreen__ColorPicker .GreenScreen__ColorPicker-sidebar {
  min-width: 120px;
  padding: 0 10px;
}
.GreenScreen__ColorPicker .GreenScreen__Modal-footer {
  padding: 15px;
  border-top: 1px solid hsla(0, 0%, 100%, 0.1);
}
.GreenScreen__ColorPicker .GreenScreen__ColorPicker-eyepicker {
  width: 35px;
  height: 35px;
}
.GreenScreen__ColorPicker .GreenScreen__ColorPicker-color-actions {
  display: flex;
  margin-bottom: 1rem;
}
.GreenScreen__ColorPicker .GreenScreen__ColorPicker-color-actions > :not(:last-child) {
  margin-right: 5px;
}
.GreenScreen__ColorPicker .GreenScreen__ColorPicker-tolerance {
  margin-bottom: 1.5rem;
}
.GreenScreen__ColorPicker .GreenScreen__ColorPicker-tolerance h5 {
  font-size: 1.1rem;
  margin-bottom: 1rem;
}
.GreenScreen__ColorPicker .GreenScreen__ColorPicker-tolerance h5 svg {
  position: relative;
  top: 5px;
  left: 1ch;
}
.GreenScreen__Preview img,
.GreenScreen__Preview video {
  display: none;
}
.GreenScreen__Preview .GreenScreen__Preview-canvas {
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
  align-items: center;
}
.GreenScreen__Preview .GreenScreen__Preview-canvas canvas {
  width: 100%;
}
.GreenScreen__colorpicker-active {
  cursor: url(../../static/media/eye-picker.8e8afc39.png) 0 16, auto;
}
.GreenScreenVideo__Progress {
  display: flex;
  width: 100%;
  min-width: 100%;
}
.GreenScreenVideo__Progress > div {
  flex: 1 1;
}
.GreenScreenVideo__Progress button {
  margin-right: 10px;
}
.GreenScreenVideo__Progress .c-form-control-slider {
  flex: 1 1;
}
.CropTool {
  display: flex;
  align-items: center;
  justify-content: center;
}
.CropTool img {
  width: 100%;
  max-width: 600px;
  height: 100%;
  max-height: 500px;
}
.CropTool video {
  width: 600px;
}
.CropTool.FullScreen img {
  max-width: calc(100vw - 100px);
  max-height: calc(100vh - 260px);
}
.CropTool.FullScreen video {
  width: calc(100vw - 100px);
  max-width: calc(100vw - 100px);
  height: calc(100vh - 280px);
  max-height: calc(100vh - 280px) !important;
}
.CropToolVideo {
  position: relative;
}
.CropToolVideo .cropper-container,
.CropToolVideo .CropToolVideo--container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.CropToolVideo img {
  width: 100%;
  height: 100%;
  opacity: 0;
}
.SvgPreview--Container {
  position: relative;
  padding: 15px;
}
.SvgPreview--Container svg {
  transition: all 0.3s ease-in-out;
}
.SvgPreview--Container .SvgPreview--Highlight {
  position: absolute;
  top: 15px;
  left: 15px;
  width: calc(100% - 30px);
  height: calc(100% - 30px);
}
.SvgChangeProperties--Container {
  position: relative;
  display: flex;
  overflow-y: scroll;
  max-height: 560px;
  padding: 10px 15px 15px;
  align-items: flex-start;
}
.SvgChangeProperties--Container .SvgChangeProperties--Preview {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  flex: 1 1;
}
.SvgChangeProperties--Container .SvgChangeProperties--Properties {
  width: 250px;
}
.SvgProperties--Colors {
  display: flex;
  margin-right: -10px;
  margin-left: -10px;
  flex-wrap: wrap;
}
.SvgProperties--Colors .SvgProperties--Color {
  padding: 10px;
}
.SvgProperties--Colors .SvgProperties--ColorSwatch {
  width: 24px;
  height: 24px;
  padding: 2px;
  cursor: pointer;
  color: #fff;
  border: none;
  border-radius: 2px;
  outline: none;
  background-color: transparent;
}
.SvgProperties--Colors .SvgProperties--ColorSwatch.active {
  border: 2px solid hsla(0, 0%, 100%, 0.5);
}
.SvgProperties--Colors .SvgProperties--ColorSwatch > div {
  width: 100%;
  height: 100%;
  border-radius: 2px;
}
.SvgProperties--Section {
  margin-bottom: 20px;
}
.SvgProperties--Container {
  padding-top: 15px;
  padding-left: 15px;
}
.SvgProperties--Container h4 {
  margin-bottom: 10px;
}
#svg-preview svg {
  background-color: #fff;
}
#svg-preview path {
  transition: all 0.3s ease-in-out;
}
#svg-preview .active {
  opacity: 1;
  stroke: #fff;
  stroke-width: 5px;
}
#svg-preview .disabled {
  opacity: 1;
}
.SvgChangeHeader {
  display: flex;
  padding: 30px 30px 0;
  align-items: center;
  justify-content: space-between;
}
.SvgChangeHeader h2 {
  font-size: 1.5rem;
  font-weight: 700;
}
.MetadataPreviewItem th {
  min-width: 100px;
}
.MetadataPreviewItem .MetadataPreviewItem-Value {
  line-height: 17px;
  cursor: text;
  -webkit-user-select: all;
  -moz-user-select: all;
  -ms-user-select: all;
  user-select: all;
}
.MetadataPreviewItem .MetadataPreviewItem-Value span {
  padding: 3px 5px;
}
.MetadataPreviewItem .MetadataPreviewItem-Value:hover .IconEdit {
  opacity: 1;
}
.MetadataPreviewItem input {
  font-size: 12px;
  width: 100%;
  padding: 2px 5px;
  color: hsla(0, 0%, 100%, 0.67);
  border: 1px solid hsla(0, 0%, 100%, 0.4);
  background-color: transparent;
}
.MetadataPreviewItem .IconEdit {
  margin-left: 10px;
  transition: opacity 0.3s;
  opacity: 0;
}
.MetadataPreviewItem td {
  word-break: keep-all;
}
.AudioPreview__audio {
  display: none;
  width: 0;
  height: 0;
}
.VideoPreview__Container.VideoPreview__Container {
  display: block;
  overflow-x: hidden;
  width: 100%;
  height: auto;
}
.VideoPreview__Container-grid.VideoPreview__Container-grid {
  display: grid;
  background: #000;
  grid-template-rows: 1fr 1fr;
}
.VideoPreview__video {
  width: 100%;
  height: 100%;
  max-height: 250px;
}
@media (min-width: 1800px) {
  .VideoPreview__video {
    max-height: 500px;
  }
}
.VideoPreview__video-grid {
  width: 100%;
  height: 100%;
  grid-row: 1/3;
  grid-column: 1;
}
.VideoPreview__Toolbar {
  bottom: 0;
  left: 0;
  width: 100%;
  margin-top: -2px;
  background-color: #323439;
}
.VideoPreview__Toolbar-grid {
  z-index: 1;
  width: 100%;
  background-color: #323439;
  grid-row: 2;
  grid-column: 1;
}
.VideoPreview__ColorPicker-active {
  cursor: url(../../static/media/eye-picker.8e8afc39.png) 0 16, auto;
}
.SpritePreview__DisablePointerEvents,
.SpritePreview__ImageWithoutColor {
  pointer-events: none;
}
.SpritePreview__Container.SpritePreview__Container {
  position: relative;
  display: block;
  height: auto;
}
.SpritePreview__CanvasContainer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.SpritePreview__InnerCanvasContainer {
  display: table;
  margin: 0 auto;
}
.SpritePreview__CanvasWithoutColor {
  opacity: 0;
}
.SpritePreview__CanvasWithColor,
.SpritePreview__ImageWithoutColor {
  opacity: 1;
}
.SpritePreview__ImageWithColor {
  pointer-events: auto;
  opacity: 0;
}
.SpritePreview__ColorPicker-active {
  cursor: url(../../static/media/eye-picker.8e8afc39.png) 0 16, auto;
}
.MultiSelectIndicator {
  position: fixed;
  z-index: 1000;
  pointer-events: none;
  border: 1px solid #fff;
  background-color: hsla(0, 0%, 100%, 0.05);
}
.Clickable--Card {
  display: block;
  width: 100%;
  padding: 15px;
  color: #fff;
  border: 2px solid hsla(0, 0%, 100%, 0.4);
  border-radius: 5px;
  background-color: transparent;
}
.Clickable--Card h4 {
  font-size: 1.5rem;
  color: #fff;
}
.Clickable--Card p {
  opacity: 0.7;
  color: #fff;
}
.CardRow {
  display: flex;
  margin-right: -15px;
  margin-left: -15px;
}
.CardCol {
  padding: 0 15px;
  flex: 1 1;
}
.Checkbox {
  display: flex;
  margin-left: 20px;
}
.SliderProperty {
  display: flex;
  width: 100%;
  align-items: center;
}
.SliderProperty .SliderProperty--slider {
  padding-right: 8px;
  flex: 1 1;
}
.SliderProperty .SliderProperty--input {
  font-size: 12px;
  width: 65px;
  margin-right: 15px;
}
.SliderProperty .SliderProperty--input .NumberInput {
  justify-content: flex-start;
}
.TextProperty,
.TextProperty input {
  width: 100%;
}
.TextProperty {
  display: flex;
  align-items: center;
}
.TextProperty input {
  flex: 1 1;
}
.TextProperty--Pre {
  font-size: 12px;
  margin-right: 5px;
}
.CheckBox {
  padding: 0;
}
.SubtitlesProperties__Language.SubtitlesProperties__Language {
  display: grid;
  grid-template-columns: auto 1fr;
}
.SubtitlesProperties__Language-error {
  padding-top: 10px;
  grid-column: -1/1;
}
.SubtitlesProperties__ImportExport {
  display: grid;
  grid-gap: 15px;
  grid-template-columns: 1fr 1fr;
}
.SubtitlesProperties__ImportButton {
  display: grid;
  grid-template-columns: 0 auto;
}
.SubtitlesProperties__ImportButton-input {
  visibility: hidden;
}
.SubtitlesProperties__ImportButton-label {
  display: flex;
  height: auto;
  padding: 5px;
  justify-content: center;
  align-items: center;
}
.SubtitlesProperties__ExportButton {
  display: flex;
  width: 100%;
  height: auto;
  padding: 5px;
  justify-content: center;
}
.XliffTranslate {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}
.Languages-Select {
  display: flex;
  margin-right: -10px;
  margin-left: -10px;
  justify-content: stretch;
}
.Languages-Select > div {
  padding: 0 10px;
  flex: 1 1;
}
.Languages-Select label {
  display: block;
  margin-bottom: 10px;
}
.TranslateModal .c-modal {
  max-width: 500px;
  height: auto;
}
.TranslateModal .c-modal__header {
  padding-left: 2rem;
}
.TranslateModal .ModalBody {
  padding: 2rem;
}
.TranslateModal--Error {
  color: #e5323f;
}
.SubtitleLink {
  height: auto;
  padding: 0;
}
.SubtitleLink--Wrapper {
  display: flex;
  align-items: center;
}
.SubtitleLink--Wrapper .c-dropdown .c-menu {
  top: 14px;
}
.SubtitleTranscriptModal .c-modal {
  max-width: 900px;
  height: auto;
}
.SubtitleTranscriptModal .c-modal__body {
  padding: 1rem;
}
.SubtitleTranscriptModal .SubtitleTranscriptModal--Footer {
  display: flex;
  padding: 0 1rem 1rem;
  justify-content: flex-end;
}
.SubtitleTranscriptModal .SubtitleTranscriptModal--Footer > :not(:last-child) {
  margin-right: 15px;
}
.BadQualityTooltip {
  font-size: 14px;
  max-width: 450px;
  padding: 0.5rem;
  background-color: #323439;
}
.ProjectSizeSyncWrapper {
  position: relative;
  display: flex;
  margin-bottom: 10px;
  align-items: center;
}
.ProjectSizeSyncWrapper .ProjectSizeSyncWrapper--Content > :last-child {
  margin-bottom: 0;
}
.ProjectSizeSyncWrapper .ProjectSizeSyncWrapper--Content label {
  width: 70px;
}
.ProjectSizeSyncWrapper .ProjectSizeSyncWrapper--Sync {
  margin-left: 15px;
  background-color: transparent;
  border: 1px solid hsla(0, 0%, 100%, 0.4);
  height: auto;
  padding: 0.6rem;
}
.ProjectSizeSyncWrapper .ProjectSizeSyncWrapper--Sync > * {
  display: block;
}
.ProjectSizeSyncWrapper .ProjectSizeSyncWrapper--Sync.active {
  background-color: #fff;
  color: rgba(0, 0, 0, 0.6);
}
.ProjectTitle {
  font-weight: 500;
  position: relative;
  width: auto;
  display: flex;
  align-items: center;
}
.ProjectTitle .focus-visible {
  border: 1px solid hsla(0, 0%, 100%, 0.2);
  outline: none;
}
.ProjectTitle .ProjectTitle--Input {
  padding: 0.5rem 35px 0.5rem 0.5rem;
  background-color: transparent;
  color: #fff;
  border: none;
  outline: none;
}
.ProjectTitle .ProjectTitle--Input:active,
.ProjectTitle .ProjectTitle--Input:focus {
  border: 1px solid hsla(0, 0%, 100%, 0.3);
}
.ProjectTitle .ProjectTitle--Edit {
  position: absolute;
  right: 6px;
}
.LatexEditor .LatexContainerWrapper {
  position: relative;
  width: 100%;
  padding-top: 50%;
}
.LatexEditor .LatexContainerWrapper canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.GroupsView__Group {
  margin-bottom: 20px;
}
.GroupsView__Group .GroupsView__Group-titleContainer {
  display: flex;
  margin-bottom: 10px;
  align-self: center;
}
.GroupsView__Group .GroupsView__Group-title {
  font-weight: 700;
  margin-bottom: 0;
}
.GroupsView__Group .c-button {
  min-width: auto;
  height: auto;
  margin-left: 10px;
  padding: 0;
}
.GroupsView__Library {
  font-size: 13px;
  display: grid;
  padding: 5px 0;
  grid-gap: 5px;
  grid-template-columns: auto 1fr;
  grid-auto-flow: column;
  align-items: center;
}
.GroupsView__Library:hover {
  cursor: pointer;
  background: #46484d;
}
.LicenseFeature--Tag {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
}
.ThumbView {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 100%;
  border-radius: 4px;
  background: hsla(0, 0%, 100%, 0.15);
}
.ThumbView > div {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
}
.ThumbView.clip > div,
.ThumbView.image > div,
.ThumbView.sprite > div,
.ThumbView.video > div {
  background-size: cover;
}
.ThumbView.svg > div {
  top: 4px;
  right: 4px;
  bottom: 4px;
  left: 4px;
}
.ThumbView img {
  max-width: 100%;
}
.ThumbView.full {
  background-repeat: no-repeat;
  background-size: auto auto;
  background-size: initial;
}
.ThumbView.locked {
  opacity: 0.7;
}
.ThumbView.selected {
  box-shadow: 0 0 0 2px #189df7;
}
.ThumbView .ThumbView--ObjectTypeIcon {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  opacity: 0.9;
}
.drag-preview .ThumbView {
  cursor: pointer;
  transform: scale(1.5);
  opacity: 1;
}
.ProcessingThumbview__container {
  width: 100%;
  padding-top: 100%;
}
.ProcessingThumbview__container .ProcessingThumbview__loader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 2px;
}
.ProcessingThumbview__container .CircularProgressbar .CircularProgressbar-path {
  stroke: #fff;
}
.ProcessingThumbview__container .CircularProgressbar .CircularProgressbar-text {
  font-size: 30px;
  fill: #fff;
  dominant-baseline: central;
}
.ProcessingThumbview__container .CircularProgressbar .CircularProgressbar-trail {
  stroke: hsla(0, 0%, 100%, 0.4);
}
@-webkit-keyframes LibraryLoaderThumbAnimation {
  50% {
    opacity: 0.5;
  }
}
@keyframes LibraryLoaderThumbAnimation {
  50% {
    opacity: 0.5;
  }
}
.LibraryLoaderThumb {
  position: relative;
  width: 100%;
  -webkit-animation: LibraryLoaderThumbAnimation 1.4s linear infinite;
  animation: LibraryLoaderThumbAnimation 1.4s linear infinite;
  opacity: 1;
  border-radius: 4px;
  background-color: hsla(0, 0%, 100%, 0.3);
}
.LibraryLoaderThumb.grid {
  padding-top: 100%;
}
.LibraryLoaderThumb.list {
  height: 40px;
  margin-bottom: 15px;
}
.LibraryGrid {
  display: grid;
  max-height: 100%;
  margin: 0 0 7px;
}
.LibraryGrid.grid {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-columns: repeat(auto-fit, minmax(50px, 1fr));
}
.LibraryGrid.small {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.LibraryGrid > * {
  width: 100%;
}
.LibraryGrid > * .c-library-image-grid__item {
  position: relative;
  width: 100%;
}
.LibraryGrid > * .c-library-image-grid__item > .c-thumbnail {
  position: relative;
  width: 100%;
  padding-top: 100%;
}
.ExpandedLibraryView .LibraryGrid.grid {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
}
.LibaryView {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.LibaryView > div:first-child {
  padding-top: 0;
}
.StickyHeader {
  position: -webkit-sticky;
  position: sticky;
  z-index: 4;
  top: 0;
  margin-right: -15px;
  margin-left: -15px;
  padding-right: 15px;
  padding-left: 15px;
  background-color: #323439;
}
.LibraryRowView {
  display: flex;
  padding: 5px 0;
  border-bottom: 1px solid #51545b;
  align-items: center;
}
.LibraryRowView img {
  max-width: 100%;
  max-height: 100%;
}
.LibraryRowView .LibraryRowView__ImageWrapper {
  display: flex;
  width: 100px;
  min-width: 100px;
  height: 40px;
  min-height: 40px;
  margin-right: 15px;
  align-items: center;
}
.LibraryRowView.active,
.LibraryRowView:active,
.LibraryRowView:focus,
.LibraryRowView:hover {
  background-color: hsla(0, 0%, 100%, 0.1);
}
.LibraryRowView__Thumbnail {
  max-height: 35px;
}
.LibraryRowView__Description {
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
}
.Library__LibraryStatusWrapper {
  position: absolute;
  padding: 10px 10px 5px;
  bottom: 25px;
  left: 0;
  width: calc(100% - 20px);
  background-color: #51545b;
  opacity: 0;
  display: none;
  transition: opacity 0.3s;
}
.Library__LibraryStatusWrapper.enter {
  display: block;
}
.Library__LibraryStatusWrapper.enter-done {
  opacity: 1;
  display: block;
}
.Library__LibraryStatusWrapper.exit {
  opacity: 0;
}
.Library__LibraryStatusWrapper.exit-done {
  display: none;
}
.Library__Progress {
  font-size: 12px;
  position: relative;
  display: flex;
  overflow: hidden;
  height: 20px;
  margin-bottom: 5px;
  padding: 0 15px;
  color: grey;
  border-radius: 3;
  border-radius: 3px;
  background-color: hsla(0, 0%, 100%, 0.1);
  align-items: center;
  flex: 1 1;
}
.Library__Progress.inverse {
  background-color: rgba(0, 0, 0, 0.3);
}
.Library__Progress.failed {
  color: #fff;
  background-color: #e42929;
}
.Library__Progress .Library__Progress-name {
  position: relative;
  z-index: 2;
}
.Library__Progress .Library__Progress-name h6 {
  margin: 0;
}
.Library__Progress .Library__Progress-progressBar {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  transition: width 0.3s;
  background-color: hsla(0, 0%, 100%, 0.8);
}
.Library__Progress-transition {
  pointer-events: none;
}
.Library__Progress-transition.enter {
  display: block;
  transform: scaleY(0) scaleX(0.8);
  opacity: 0;
}
.Library__Progress-transition.enter-done {
  transition: transform 0.3s, opacity 0.3s;
  transform: scaleY(1) scaleX(1);
  opacity: 1;
}
.Library__Progress-transition.exit {
  height: 0;
  transition: transform 0.3s, height 0.3s, opacity 0.3s;
  transform: scaleY(0) scaleX(0.8);
  opacity: 0;
}
.Library__ProgressWrapper {
  padding: 17px 0;
}
.DropZone--droparea {
  width: 90%;
  max-width: 350px;
  height: 300px;
  margin: auto;
  border: 2px dashed hsla(0, 0%, 100%, 0.2);
  border-radius: 7px;
}
.DropZone--content {
  display: flex;
  flex-direction: column;
  padding: 15px;
  align-items: center;
}
.DropZone--droparea:focus {
  outline: none;
}
.DropZone--droparea aside {
  overflow-x: hidden;
  overflow-y: auto;
  width: inherit;
  height: 100%;
  padding: 15px;
}
.DropZone--droparea aside::-webkit-scrollbar {
  width: 5px;
}
.DropZone--droparea aside::-webkit-scrollbar-track {
  background: transparent;
}
.DropZone--droparea aside::-webkit-scrollbar-thumb {
  background: #51545b;
}
.DropZone--droparea button {
  margin-top: 20px;
}
.DropZone--droparea ul {
  margin-top: 20px;
  padding-right: 10px;
  list-style-type: circle;
}
.DropZone--droparea li {
  margin-top: 10px;
  margin-left: 20px;
}
.DropZone--droparea aside {
  width: 100%;
}
.NoMatch {
  font-style: italic;
}
.LibrarySection .ExternalView-ShowMoreContainer {
  display: flex;
  justify-content: center;
}
.LibrarySection .ExternalView-ShowMoreContainer button {
  padding: 0;
  cursor: pointer;
  text-decoration: underline;
  color: #fff;
  border: none;
  background: none;
}
.ThirdParty {
  display: block;
  padding: 0;
  cursor: pointer;
  border: none;
  outline: 0;
  background-color: transparent;
}
.ThirdParty.disabled {
  opacity: 0.3;
}
.ThirdParty__Banner {
  display: grid;
  width: 260px;
  height: 50px;
  padding: 0 10px;
  border-radius: 4px;
  background: #fff;
  grid-template-columns: auto 1fr;
  align-items: center;
  grid-gap: 15px;
}
.ThirdParty__Banner img {
  width: 40px;
}
.ThirdParty__Banner span {
  font-size: 1.3rem;
  font-weight: 700;
  text-align: left;
  color: grey;
}
.UploadView__Title {
  line-height: normal;
  display: grid;
  grid-template-columns: 1fr auto;
  grid-gap: 10px;
  justify-content: center;
  align-content: center;
}
.UploadView__Title-span {
  align-self: center;
}
.UploadManager .c-modal {
  max-width: 780px;
  max-height: 500px;
}
.UploadManager .c-modal .DropZone--droparea {
  margin: 50px auto 0;
}
.UploadManager--right-col {
  border-left: 1px solid #51545b;
}
.UploadManager--thirdParties {
  display: grid;
  align-items: center;
  justify-items: center;
  grid-gap: 20px;
  grid-auto-rows: 1fr;
}
.DragDropzone {
  position: fixed;
  z-index: 1000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  flex-direction: column;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.9);
  align-items: center;
  justify-content: center;
}
.DragDropzone > * {
  pointer-events: none;
}
.DragDropzone .DragDropzone--icon {
  margin-bottom: 2rem;
}
.DragDropzone h2 {
  font-size: 3rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
}
.DragDropzone p {
  font-weight: 100;
  text-transform: uppercase;
}
.DragDropzone.DragDropzone--visible {
  display: flex;
}
.LibraryFilterWrapper {
  padding-top: 3px;
  margin-bottom: 15px;
}
.LibraryFilterWrapper .d-flex > div:not(:last-child) {
  margin-right: 10px;
}
.LibrarySearch {
  position: relative;
  flex: 1 1;
}
.LibrarySearch input {
  font-size: 13px;
  height: 100%;
  padding: 5px;
  padding-left: 25px !important;
}
.LibrarySearch .SearchBar--Icon {
  position: absolute;
  top: 6px;
  left: 8px;
}
.ExpandedLibraryView {
  display: flex;
  width: 100%;
  height: 100%;
}
.ExpandedLibraryView--LibraryTree {
  overflow: auto;
  width: 250px;
  height: 100%;
  padding: 15px;
}
.ExpandedLibraryView--Main {
  overflow: auto;
  padding: 15px;
  flex: 1 1;
}
.ExpandedLibraryView--Preview {
  width: 30%;
  height: 100%;
}
.LibraryPreview {
  height: 100%;
}
.LibraryPreview .LibraryPreview--Toolbar {
  display: flex;
  margin-bottom: 10px;
  align-items: center;
  justify-content: flex-end;
}
.LibraryPreview .LibraryPreview--Toolbar .LibraryPreview--ToolbarLabel {
  font-size: 14px;
  font-weight: 500;
  margin-right: 10px;
}
.ExpandedLibraryHeader {
  display: flex;
  margin-bottom: 10px;
  justify-content: space-between;
  align-items: center;
}
.ExpandedLibraryHeader .ExpandedLibraryHeader--Toggles,
.LibraryTab {
  display: flex;
}
.LibraryTab {
  align-items: center;
}
.LibraryTab .LibraryTab--Expand {
  height: auto;
  margin-left: 10px;
  padding: 0 !important;
}
.MaskSettings {
  margin-bottom: 15px;
  padding: 10px 15px;
}
.MaskSettings .MaskSettings--Input {
  min-width: 250px;
  max-width: 250px;
  margin-right: 15px;
}
.MaskSettings .MaskSettings--Input > * {
  margin-bottom: 0;
}
.MaskSettings .MaskSettings--Item {
  display: flex;
  align-items: center;
}
.MaskSettings .MaskSettings--Item label {
  font-weight: 600;
  min-width: 170px;
}
.AddMaskModal .c-modal {
  max-width: 700px;
  max-height: 500px;
}
.FrameHelper {
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  display: flex;
  padding: 1rem;
  color: hsla(0, 0%, 100%, 0.7);
  background-color: #263036;
}
.FrameHelper input {
  max-width: 50px;
}
.FrameHelper .FrameHelper--Section:not(:last-child) {
  margin-right: 15px;
}
.TranscribeModal .c-modal {
  max-width: 500px;
  height: auto;
}
.TranscribeModal .c-modal__body {
  padding: 1rem;
}
.LanguageSelect {
  min-width: 300px;
}
.LanguageSelect label {
  display: block;
  margin-bottom: 10px;
}
.introVideoContainer {
  height: 70vh;
  text-align: center;
}
.introVideoContainer iframe {
  width: 100%;
  height: 100%;
}
.HeaderView__SaveButton {
  transition: background-color 0.4s;
}
.HeaderView__SaveButton .dropdown-label svg {
  margin-right: 5px;
}
.HeaderView__SaveButton-active {
  background-color: #24a8f7;
}
.HeaderView__SaveButton-saved,
.HeaderView__SaveButton-saved:active,
.HeaderView__SaveButton-saved:focus,
.HeaderView__SaveButton-saved:hover {
  background-color: #058c14;
}
.StageToolbar .c-toolbar__left .c-toolbar__item {
  padding-left: 0;
}
.StageToolbar .c-button.c-button--borderless {
  padding-right: 1px;
  padding-left: 1px;
}
@media (min-width: 1600px) {
  .StageToolbar .c-button.c-button--borderless {
    padding-right: 5.5px;
    padding-left: 5.5px;
  }
}
.ZoomBtn__toggle {
  display: flex;
  width: 100%;
  height: 40px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  border: none;
  outline: none;
  background-color: transparent;
  align-items: center;
  justify-content: center;
}
.ZoomBtn__toggle:hover {
  background: #62656b;
}
.ModalView .ModalView--Body {
  position: relative;
}
.ModalView .ModalView--Counter {
  font-size: 12px;
  position: absolute;
  bottom: 10px;
  left: 10px;
  opacity: 0.7;
}
.EditorPlayer__Container {
  position: fixed;
  z-index: 1000;
  top: 0;
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.EditorPlayer__Container .EditorPlayer__Backdrop {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0.3s ease-in-out;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.6);
}
.EditorPlayer__Container .EditorPlayer {
  position: relative;
  z-index: 2;
  width: 90%;
  height: 90%;
  padding: 0;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
  transform: translateY(20%);
  opacity: 0;
  background-color: #323439;
}
.EditorPlayer__Container .EditorPlayer iframe {
  width: 100%;
  height: 100%;
}
.EditorPlayer__Container .EditorPlayer .EditorPlayer__Close {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  border: none;
  outline: none;
  background-color: rgba(0, 0, 0, 0.4);
}
.EditorPlayer__Container.show .EditorPlayer__Backdrop {
  opacity: 1;
}
.EditorPlayer__Container.show .EditorPlayer {
  transform: translateY(0);
  opacity: 1;
}
.CommentList {
  padding-top: 0;
  padding-bottom: 40px !important;
}
.CommentList > .Comment:not(:last-child) > div {
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.25);
}
.CommentContainer {
  position: relative;
}
.Comment {
  margin-right: -15px;
  margin-left: -15px;
  padding: 0 15px;
}
.Comment .Comment--Actions {
  font-size: 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.Comment .Comment--Actions .Comment--Action {
  cursor: pointer;
  text-decoration: underline;
  color: hsla(0, 0%, 100%, 0.6);
}
.Comment .Comment--Actions > :not(:last-child) {
  margin-right: 15px;
}
.Comment > div {
  padding: 15px 0;
}
.Comment.active {
  background-color: hsla(0, 0%, 100%, 0.05);
}
.Comment .Comment--Reviewer {
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 10px;
  text-transform: uppercase;
  color: inherit;
}
.Comment .Comment--Reviewer strong {
  font-size: 10px;
  display: block;
  text-transform: none;
  opacity: 0.8;
}
.Comment .Comment--Time {
  font-size: 12px;
  margin-bottom: 10px;
  opacity: 0.8;
}
.Comment .Comment--Body {
  font-size: 14px;
  width: 100%;
  margin-bottom: 14px;
  word-break: break-word;
  color: #fff;
}
.Comment .Comment--Body strong {
  font-size: 12px;
  font-weight: 700;
  line-height: inherit;
  margin-right: 10px;
  opacity: 0.5;
}
.Comment .Comment--Body p:first-child {
  display: inline;
}
.Comment .Comment--TimeValue {
  font-size: 11px;
  width: 55px;
  min-width: 55px;
  text-transform: uppercase;
}
.Comment .Comment--Content {
  display: flex;
}
.Comment .Comment--Content .Comment--ContentWrapper {
  position: relative;
  flex: 1 1;
}
.Comment .Comment--EditActions {
  position: absolute;
  z-index: 2;
  top: -10px;
  right: -10px;
  display: flex;
  align-items: center;
}
.Comment .Comment--EditActions button {
  cursor: pointer;
  color: hsla(0, 0%, 100%, 0.6);
  border: none;
  background-color: transparent;
}
.Comment .Comment--ChildrenDropdownToggle {
  font-size: 12px;
  font-weight: 700;
  display: flex;
  margin-right: 15px;
  margin-left: -10px;
  text-decoration: none;
  color: #f5c300;
  align-items: center;
}
.Comment .Comment--ChildrenDropdownToggle svg {
  transition: transform 0.3s ease-in-out;
  transform: rotate(0);
}
.Comment .Comment--ChildrenDropdownToggle.active svg {
  transform: rotate(90deg);
}
.Comment--ChildrenDropdown .Comment > div {
  padding: 15px 0 0;
}
.Comment--ChildrenDropdown .Comment--Replies {
  display: none;
  padding-left: 15px;
}
.Comment--ChildrenDropdown .Comment--Replies .Comment--Body {
  margin-bottom: 0;
}
.Comment--ChildrenDropdown .Comment--Replies.show {
  display: block;
}
.Comment--ChildrenDropdown .CommentEditor--Container {
  margin-top: 1rem;
}
.item-enter {
  opacity: 0;
}
.item-enter-active {
  transition: opacity 0.3s ease-in-out;
  opacity: 1;
}
.item-exit {
  transform: translateX(0);
}
.item-exit-active {
  transition: transform 0.3s ease-in-out;
  transform: translateX(-120%);
}
.CommentEditor--Submit {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.CommentEditor--Submit .CommentEditor--Info {
  margin-right: 10px;
}
.CommentEditor--Container {
  font-size: 14px;
}
.CommentEditor--Container .CommentEditor--Cancel {
  font-size: 12px;
  display: flex;
  justify-content: flex-end;
}
.CommentEditor--Container .CommentEditor--Cancel a {
  cursor: pointer;
}
.CommentEditor--Container .CommentEditorAvatar {
  margin-right: 10px;
}
.CommentEditor--Container .CommentEditor--Form {
  padding: 10px;
  border: 1px solid hsla(0, 0%, 100%, 0.25);
  border-radius: 2px;
  flex: 1 1;
}
.CommentEditor--Input {
  margin-bottom: 1rem;
}
.CommentEditor--Input .textarea-emoji-control {
  top: unset;
  right: unset;
  bottom: -45px;
  left: 0;
}
.CommentEditor--Input .ql-container {
  position: relative;
  box-sizing: border-box;
  height: 100%;
  margin: 0;
}
.CommentEditor--Input .ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.CommentEditor--Input .ql-container.ql-disabled .ql-editor ul[data-checked] > li:before {
  pointer-events: none;
}
.CommentEditor--Input .ql-clipboard {
  position: absolute;
  top: 50%;
  left: -100000px;
  overflow-y: hidden;
  height: 1px;
}
.CommentEditor--Input .ql-clipboard p {
  margin: 0;
  padding: 0;
}
.CommentEditor--Input .ql-editor {
  line-height: 1.42;
  overflow-y: auto;
  box-sizing: border-box;
  height: 100%;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  outline: none;
}
.CommentEditor--Input .ql-editor > * {
  cursor: text;
}
.CommentEditor--Input .ql-editor blockquote,
.CommentEditor--Input .ql-editor h1,
.CommentEditor--Input .ql-editor h2,
.CommentEditor--Input .ql-editor h3,
.CommentEditor--Input .ql-editor h4,
.CommentEditor--Input .ql-editor h5,
.CommentEditor--Input .ql-editor h6,
.CommentEditor--Input .ql-editor ol,
.CommentEditor--Input .ql-editor p,
.CommentEditor--Input .ql-editor pre,
.CommentEditor--Input .ql-editor ul {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.CommentEditor--Input .ql-editor ol,
.CommentEditor--Input .ql-editor ul {
  padding-left: 1.5em;
}
.CommentEditor--Input .ql-editor ol > li,
.CommentEditor--Input .ql-editor ul > li {
  list-style-type: none;
}
.CommentEditor--Input .ql-editor ul > li:before {
  content: '\2022';
}
.CommentEditor--Input .ql-editor ul[data-checked='false'],
.CommentEditor--Input .ql-editor ul[data-checked='true'] {
  pointer-events: none;
}
.CommentEditor--Input .ql-editor ul[data-checked='false'] > li *,
.CommentEditor--Input .ql-editor ul[data-checked='true'] > li * {
  pointer-events: all;
}
.CommentEditor--Input .ql-editor ul[data-checked='false'] > li:before,
.CommentEditor--Input .ql-editor ul[data-checked='true'] > li:before {
  cursor: pointer;
  pointer-events: all;
  color: #777;
}
.CommentEditor--Input .ql-editor ul[data-checked='true'] > li:before {
  content: '\2611';
}
.CommentEditor--Input .ql-editor ul[data-checked='false'] > li:before {
  content: '\2610';
}
.CommentEditor--Input .ql-editor li:before {
  display: inline-block;
  width: 1.2em;
  white-space: nowrap;
}
.CommentEditor--Input .ql-editor li:not(.ql-direction-rtl):before {
  margin-right: 0.3em;
  margin-left: -1.5em;
  text-align: right;
}
.CommentEditor--Input .ql-editor li.ql-direction-rtl:before {
  margin-right: -1.5em;
  margin-left: 0.3em;
}
.CommentEditor--Input .ql-editor ol li:not(.ql-direction-rtl),
.CommentEditor--Input .ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.CommentEditor--Input .ql-editor ol li.ql-direction-rtl,
.CommentEditor--Input .ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.CommentEditor--Input .ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.CommentEditor--Input .ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.CommentEditor--Input .ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.CommentEditor--Input .ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.CommentEditor--Input .ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.CommentEditor--Input .ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.CommentEditor--Input .ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.CommentEditor--Input .ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.CommentEditor--Input .ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.CommentEditor--Input .ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.CommentEditor--Input .ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.CommentEditor--Input .ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.CommentEditor--Input .ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.CommentEditor--Input .ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.CommentEditor--Input .ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.CommentEditor--Input .ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.CommentEditor--Input .ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.CommentEditor--Input .ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.CommentEditor--Input .ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.CommentEditor--Input .ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.CommentEditor--Input .ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.CommentEditor--Input .ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.CommentEditor--Input .ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.CommentEditor--Input .ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.CommentEditor--Input .ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.CommentEditor--Input .ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.CommentEditor--Input .ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.CommentEditor--Input .ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.CommentEditor--Input .ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.CommentEditor--Input .ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.CommentEditor--Input .ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.CommentEditor--Input .ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.CommentEditor--Input .ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.CommentEditor--Input .ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.CommentEditor--Input .ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.CommentEditor--Input .ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.CommentEditor--Input .ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.CommentEditor--Input .ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.CommentEditor--Input .ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.CommentEditor--Input .ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.CommentEditor--Input .ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.CommentEditor--Input .ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.CommentEditor--Input .ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.CommentEditor--Input .ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.CommentEditor--Input .ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.CommentEditor--Input .ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.CommentEditor--Input .ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.CommentEditor--Input .ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.CommentEditor--Input .ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.CommentEditor--Input .ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.CommentEditor--Input .ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.CommentEditor--Input .ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.CommentEditor--Input .ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.CommentEditor--Input .ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.CommentEditor--Input .ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.CommentEditor--Input .ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.CommentEditor--Input .ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.CommentEditor--Input .ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.CommentEditor--Input .ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.CommentEditor--Input .ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.CommentEditor--Input .ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.CommentEditor--Input .ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.CommentEditor--Input .ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.CommentEditor--Input .ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.CommentEditor--Input .ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.CommentEditor--Input .ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.CommentEditor--Input .ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.CommentEditor--Input .ql-editor .ql-bg-black {
  background-color: #000;
}
.CommentEditor--Input .ql-editor .ql-bg-red {
  background-color: #e60000;
}
.CommentEditor--Input .ql-editor .ql-bg-orange {
  background-color: #f90;
}
.CommentEditor--Input .ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.CommentEditor--Input .ql-editor .ql-bg-green {
  background-color: #008a00;
}
.CommentEditor--Input .ql-editor .ql-bg-blue {
  background-color: #06c;
}
.CommentEditor--Input .ql-editor .ql-bg-purple {
  background-color: #93f;
}
.CommentEditor--Input .ql-editor .ql-color-white {
  color: #fff;
}
.CommentEditor--Input .ql-editor .ql-color-red {
  color: #e60000;
}
.CommentEditor--Input .ql-editor .ql-color-orange {
  color: #f90;
}
.CommentEditor--Input .ql-editor .ql-color-yellow {
  color: #ff0;
}
.CommentEditor--Input .ql-editor .ql-color-green {
  color: #008a00;
}
.CommentEditor--Input .ql-editor .ql-color-blue {
  color: #06c;
}
.CommentEditor--Input .ql-editor .ql-color-purple {
  color: #93f;
}
.CommentEditor--Input .ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.CommentEditor--Input .ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.CommentEditor--Input .ql-editor .ql-size-small {
  font-size: 0.75em;
}
.CommentEditor--Input .ql-editor .ql-size-large {
  font-size: 1.5em;
}
.CommentEditor--Input .ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.CommentEditor--Input .ql-editor .ql-direction-rtl {
  text-align: inherit;
  direction: rtl;
}
.CommentEditor--Input .ql-editor .ql-align-center {
  text-align: center;
}
.CommentEditor--Input .ql-editor .ql-align-justify {
  text-align: justify;
}
.CommentEditor--Input .ql-editor .ql-align-right {
  text-align: right;
}
.CommentEditor--Input .ql-editor.ql-blank:before {
  font-style: italic;
  position: absolute;
  right: 15px;
  left: 0;
  content: attr(data-placeholder);
  pointer-events: none;
  color: hsla(0, 0%, 100%, 0.6);
}
.CommentPanel {
  font-size: 14px;
  line-height: 18px;
  height: 100%;
  padding: 0;
}
.CommentPanel > div {
  padding: 15px;
}
.CommentPanel > div:not(:last-child) {
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.2);
}
.CommentPanel a {
  text-decoration: underline;
  color: inherit;
}
.CommentCreator {
  font-size: 12px;
}
.CommentCreator .Comment--Actions {
  display: flex;
  margin-bottom: 0.5rem;
  align-items: center;
}
.CommentCreator .Comment--Actions > :not(:last-child) {
  margin-right: 1rem;
}
.CommentCreator .Comment--Input {
  margin-bottom: 1rem;
}
.CommentCreator .Comment--Time {
  font-weight: 700;
}
.CommentFilters {
  position: relative;
}
.CommentFilters > div > label {
  font-size: 14px;
  display: block;
  margin-bottom: 15px;
  text-transform: uppercase;
  color: #bbbcbe;
}
.CommentFilters > div:not(:last-child) {
  margin-bottom: 10px;
}
.CommentFilters > div.RefreshButton--Wrapper {
  margin-bottom: 0;
}
.CommentFilters a {
  text-decoration: underline;
  color: hsla(0, 0%, 100%, 0.6);
}
.PlayerReviewWrapper {
  position: absolute;
  top: -15px;
  right: 15px;
  left: 0;
  height: 20px;
  pointer-events: none;
}
.PlayerReviewIndicator {
  z-index: 1000;
  pointer-events: visible;
}
.PlayerReviewIndicator,
.TimelineReviewIndicator {
  position: absolute;
  width: 15px;
  cursor: pointer;
  transform: translateX(-7.5px);
  color: #f5c300;
}
.TimelineReviewIndicator {
  z-index: 10;
  bottom: 0;
  opacity: 0.2;
}
.TimelineReviewIndicator.active {
  z-index: 2;
  opacity: 1;
}
.LibrarySortOrder__container {
  display: flex;
  align-items: center;
}
.LibrarySortOrder__container .LibrarySortOrder__label {
  font-size: 12px;
  margin-right: 10px;
}
.LibrarySortOrder__container .LibrarySortOrder__toggles {
  display: flex;
}
.LibrarySortOrder__container .LibrarySortOrder__toggles .LibrarySortOrder__toggle {
  font-size: 12px;
  line-height: 12px;
  padding: 2px 5px;
  cursor: pointer;
  color: hsla(0, 0%, 100%, 0.7);
  border: 1px solid hsla(0, 0%, 100%, 0.7);
  outline: none;
  background-color: transparent;
}
.LibrarySortOrder__container .LibrarySortOrder__toggles .LibrarySortOrder__toggle:first-child {
  border-radius: 2px 0 0 2px;
}
.LibrarySortOrder__container .LibrarySortOrder__toggles .LibrarySortOrder__toggle:last-child {
  border-radius: 0 2px 2px 0;
}
.LibrarySortOrder__container .LibrarySortOrder__toggles .LibrarySortOrder__toggle.active {
  color: #212329;
  background-color: hsla(0, 0%, 100%, 0.7);
}
.LibrarySection {
  margin-bottom: 20px;
}
.LibrarySection .LibrarySection--title {
  margin-bottom: 10px;
}
.LibrarySection .LibrarySection--title.with-icon {
  display: flex;
  align-items: center;
}
.LibrarySection .LibrarySection--InfoIcon {
  margin-left: 10px;
  padding: 0;
  cursor: pointer;
  color: #fff;
  border: none;
  outline: none;
  background-color: transparent;
}
.AnimationSubMenu.AnimationSubMenu.AnimationSubMenu {
  display: grid;
  grid-template-columns: auto auto 1fr;
  align-items: center;
  grid-gap: 10px;
}
.AnimationSubMenu__NewLabel {
  font-size: 80%;
  margin: 0 5px;
  background-color: #189df7;
}
.TimelineBottom--bar {
  display: flex;
}
.TimelineBottom--bar > div {
  display: flex;
  width: 33%;
  min-width: 33%;
  flex-grow: 1;
  flex-basis: 0;
}
.TimelineBottom--bar .TimelineBottom--item-center {
  justify-content: center;
}
.TimelineBottom--bar .TimelineBottom--Buttons > :not(:first-child) {
  margin-left: 15px;
}
.TimelineClipsLayer {
  position: relative;
}
.TimelineClipsLayer .TimelineClipsLayer--Label {
  display: inline-block;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.TimelineClipsLayer .c-timeline-bar__handle {
  position: absolute;
  top: -2px;
  width: 12px;
  height: calc(100% + 4px);
  cursor: ew-resize;
}
.TimelineClipsLayer .c-timeline-bar__handle.c-timeline-bar__handle--left {
  left: -7px;
}
.TimelineClipsLayer .c-timeline-bar__handle.c-timeline-bar__handle--right {
  right: -7px;
}
body.is-touch .TimelineClipsLayer .c-timeline-bar__handle {
  width: 30px;
}
body.is-touch .TimelineClipsLayer .c-timeline-bar__handle.c-timeline-bar__handle--left {
  left: -12px;
}
body.is-touch .TimelineClipsLayer .c-timeline-bar__handle.c-timeline-bar__handle--right {
  right: -12px;
}
.wave-bar {
  fill: #fff;
}
.WaveformTimelineBlock {
  width: calc(100% + 16px);
  height: 24px;
  margin: -3px -8px;
}
.SubtitleFrameLayer {
  position: absolute;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  text-overflow: ellipsis;
  background: #f5c300;
}
.SubtitleClip__Gutter {
  position: relative;
}
.SubtitleClip {
  position: absolute;
  overflow: hidden;
  width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transform: translateZ(1px);
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.SubtitleClip__IconGroup {
  pointer-events: none;
}
.SubtitleClip__ObjectLabel {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
}
.TimelineLock {
  width: 14px;
  height: 14px;
  border-width: 0;
}
.TimelineLock.locked,
.TimelineLock.semi-locked {
  color: #fff;
}
.TimelineLock.unlocked {
  color: #828f99;
}
.TimelineLock:disabled {
  cursor: none;
  opacity: 1;
}
.TimelineTreeLayerTag {
  position: absolute;
  top: 2px;
  left: 8px;
  margin-left: 10px;
}
.SubtitleTreeTrack__Label {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.SubtitleTreeTrack__Label .Tag {
  margin-left: 10px;
}
.SubtitleTreeTrack__Input {
  padding-top: 0;
  padding-bottom: 0;
}
.SubtitleTreeTrack__Toolbar {
  display: flex;
  padding-top: 3px;
}
.SubtitleTreeTrack__LabelContent {
  display: flex;
  align-items: center;
}
.SubtitleTreeTrack__LabelContent .c-spinner {
  width: auto;
  height: auto;
}
.SubtitleTreeClip__Label {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.SubtitleTreeClip__IconAdd.SubtitleTreeClip__IconAdd.SubtitleTreeClip__IconAdd.SubtitleTreeClip__IconAdd {
  top: 0;
}
.RestrictedLengthBlock__Container {
  position: absolute;
  z-index: 7;
  top: 0;
  display: flex;
  min-width: 300px;
  height: 100%;
  border-left: 8px solid #dc1964;
  background-color: rgba(0, 0, 0, 0.5);
  align-items: center;
  justify-content: center;
}
.RestrictedLengthBlock__Container.withClick {
  cursor: pointer;
}
.RestrictedLengthBlock__Container.isLockedDuration {
  pointer-events: none;
  border-left: 2px solid #dc1964;
  background-color: rgba(0, 0, 0, 0.2);
}
.StageSizeRestricted {
  text-align: center;
}
.StageSizeRestricted h2 {
  font-size: 32px;
}
.StageSizeRestricted p {
  max-width: 450px;
}
.UpgradeRestricted {
  font-size: 1.7rem;
  cursor: pointer;
  display: flex;
  height: 30%;
  min-height: 35px;
  max-height: 58px;
  padding: 0.5rem 3rem;
  color: #fff;
  border: none;
  border-radius: 30px;
  outline: none;
  background-color: #dc1964;
  align-items: center;
}
.UpgradeRestricted svg {
  margin-right: 10px;
}
.UpgradeRestricted svg path {
  fill: #fff;
}
.Breakpoint {
  position: absolute;
  z-index: 10;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  margin-left: -3px;
  cursor: ew-resize;
  transition: width 0.25s, height 0.25s, margin 0.25s, background-color 0.25s, border-color 0.25s;
  border: 2px solid #8f9aa3;
  border-radius: 50%;
  background-color: #8f9aa3;
}
.Breakpoint:active,
.Breakpoint:focus,
.Breakpoint:hover {
  width: 16px;
  height: 16px;
  margin-top: -10px;
  margin-left: -6px;
  border-color: #199df7;
}
.Breakpoint.Breakpoint--active,
.Breakpoint:hover {
  border-color: #199df7;
  background-color: #199df7;
}
.Breakpoint:active,
.Breakpoint:focus {
  background-color: #066aac;
}
.Breakpoint-contextMenuFiller {
  display: block;
  width: 15px;
  height: 13px;
  opacity: 0;
}
.TimelineZoomSlider {
  display: flex;
  min-width: 200px;
  height: 20px;
  margin-right: 1rem;
  align-items: center;
}
.TimelineZoomSlider > span {
  height: 16px;
  opacity: 0.7;
}
.TimelineZoomSlider span:first-child {
  margin-right: 12px;
}
.TimelineZoomSlider span:last-child {
  margin-left: 12px;
}
.TimelineLayout {
  display: flex;
  overflow-x: hidden;
  overflow-y: scroll;
  height: 100%;
}
.TimelineLayout .TimelineLayout--tree {
  width: 340px;
  min-width: 340px;
}
.TimelineLayout .TimelineLayout--timeline {
  flex: 1 1;
}
.ObjectBehavior--Modal .ObjectBehavior {
  display: flex;
}
.ObjectBehavior--Modal .ObjectBehavior:not(:last-child) {
  margin-bottom: 2rem;
}
.ObjectBehavior--Modal .ObjectBehavior > * {
  width: 50%;
  min-width: 50%;
  flex: 1 1;
}
.ObjectBehavior--Modal .ObjectBehavior p {
  margin-left: 1rem;
}
.ObjectBehavior--Modal strong {
  color: #ffd14c;
}
.ObjectBehavior--Description {
  margin-bottom: 2rem;
}
.PropertiesView {
  display: block;
  margin: 0;
  border-top: 1px solid #51545b;
}
.PropertiesView__Container {
  border: 1px solid #51545b;
  background: #323439;
}
.PropertyDropdown .PropertyDropdown--Header {
  font-size: 14px;
  line-height: 16px;
  display: flex;
  padding: 10px 0;
  justify-content: space-between;
}
.PropertyDropdown .PropertyDropdown--Header .PropertyDropdown--Toggle {
  display: flex;
  cursor: pointer;
  align-items: center;
}
.PropertyDropdown .PropertyDropdown--Header h5 {
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  margin-bottom: 0;
}
.PropertyDropdown .PropertyDropdown--Header .Chevron {
  margin-left: 5px;
  transition: transform 0.15s ease-in-out;
  transform: rotate(0deg);
}
.PropertyDropdown .PropertyDropdown--Header.open .Chevron {
  transform: rotate(90deg);
}
.PropertyDropdown .PropertyDropdown--Body {
  overflow-y: hidden;
  max-height: 0;
  transition: max-height 0.3s ease-in-out;
}
.PropertyDropdown .PropertyDropdown--Body.open {
  max-height: 500px;
}
.ChooseProjectSize {
  display: grid;
  margin-bottom: 2rem;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
}
.ChooseProjectSize--Subtitle {
  font-weight: 700;
  margin-bottom: 1rem;
  font-size: 12px;
  text-transform: uppercase;
}
.ChooseProjectSize-Content {
  text-align: center;
  z-index: 3;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 500;
}
.ChooseProjectSize-AspectRatioBox,
.ChooseProjectSize-Content {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.ChooseProjectSize-AspectRatioBox {
  position: absolute;
  top: 0;
  left: 0;
  padding: 1rem;
  width: 100%;
}
.ChooseProjectSize-AspectRatioBox svg {
  width: 100%;
  height: auto;
}
.ChooseProjectSizeCard {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: hsla(0, 0%, 100%, 0.1);
  padding: 1.5rem 0.5rem;
  height: 100%;
  text-align: center;
  border-radius: 4px;
  position: relative;
}
.ChooseProjectSizeCard > :not(.ChooseProjectSizeCard--Badge) {
  opacity: 0.6;
}
.ChooseProjectSizeCard.enabled > :not(.ChooseProjectSizeCard--Badge) {
  opacity: 1;
}
.ChooseProjectSizeCard svg {
  width: 65px;
  height: auto;
  fill: hsla(0, 0%, 100%, 0.4);
}
.ChooseProjectSizeCard svg text {
  fill: #fff;
}
.ChooseProjectSizeCard.active {
  background-color: #fff;
}
.ChooseProjectSizeCard.active > :not(.ChooseProjectSizeCard--Box) {
  -webkit-filter: invert(1);
  filter: invert(1);
}
.ChooseProjectSizeCard.active svg {
  fill: rgba(0, 0, 0, 0.4);
}
.ChooseProjectSizeCard h4 {
  font-size: 13px;
  margin-bottom: 3px;
  color: #fff;
  font-weight: 600;
}
.ChooseProjectSizeCard h6 {
  font-size: 12px;
  color: #a5a5a5;
  font-weight: 400;
}
.ChooseProjectSizeCard .ChooseProjectSizeCard--Logo {
  margin-bottom: 1rem;
}
.ChooseProjectSizeCard .ChooseProjectSizeCard--Logo img {
  max-width: 80px;
  max-height: 40px;
  opacity: 0.8;
  height: auto;
}
.ChooseProjectSizeCard .ChooseProjectSizeCard--Badge {
  position: absolute;
  top: -5px;
  right: -5px;
}
.GeneralPropertiesPanel {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  padding: 0 2rem;
  width: 350px;
  min-width: 350px;
}
.GeneralPropertiesPanel .c-form-label {
  font-size: 12px;
}
.GeneralPropertiesPanel--Subtitle {
  font-weight: 700;
  margin-bottom: 2rem;
  color: #fff;
}
.CreateFormat--List {
  display: grid;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  margin-bottom: 1rem;
}
.CreateFormat--List a {
  display: block;
  color: inherit;
  text-decoration: none;
}
.CreateFormat--List a:hover {
  text-decoration: none;
}
.CreateFormat--List .CreateFormat--Item {
  width: 100%;
  height: 100px;
  padding: 1rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 4px;
  cursor: pointer;
  background-color: hsla(0, 0%, 100%, 0.1);
  justify-content: center;
}
.CreateFormat--List .CreateFormat--Item .CreateFormat--Ratio {
  margin-bottom: 1rem;
}
.CreateFormat--List .CreateFormat--Item .CreateFormat--Ratio svg {
  width: 50px;
  fill: hsla(0, 0%, 100%, 0.4);
}
.CreateFormat--List .CreateFormat--Item.active {
  background-color: #fff;
  color: #51545b;
}
.CreateFormat--List .CreateFormat--Item.active .CreateFormat--Ratio svg {
  fill: rgba(0, 0, 0, 0.4);
}
.CreateFormat--Info {
  color: #9a9999;
  display: flex;
  margin-bottom: 2rem;
  align-items: center;
  font-size: 12px;
  font-weight: 400;
}
.CreateFormat--Info svg {
  margin-right: 10px;
}
.CreateModal .c-modal {
  max-width: 900px;
  height: auto;
}
.CreateModal--Header {
  display: flex;
  padding: 1rem;
  justify-content: center;
}
.CreateModal--Content {
  display: flex;
  overflow-x: hidden;
  width: 100%;
}
.CreateModal--Side {
  width: 350px;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-width: 350px;
}
.CreateModal--Main {
  padding: 2rem;
  flex: 1 1;
  background-color: #3d3e43;
  height: 500px;
  overflow-y: scroll;
}
.CreateModal--SideFooter {
  display: flex;
  padding: 1rem;
  justify-content: flex-end;
}
.CreateModal--SideMain {
  flex: 1 1;
  padding: 1rem;
}