.custom-view-editor hr:last-of-type {
  display: none;
}


.asset-picker-component-editor {
  font-size: 0.8em;
}
.asset-picker-component-editor h4 {
  white-space: nowrap;
}
.asset-picker-component-editor-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 40px;
  margin-bottom: 40px;
}
.asset-picker-component-editor-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 33.333%;
          flex: 1 1 33.333%;
  margin-right: 40px;
}

.carousel-list-view-editor h3 {
  margin-bottom: 8px;
}
.carousel-list-view-editor-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 16px;
  padding-bottom: 16px;
}
.carousel-list-view-editor-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
}
.carousel-list-view-editor-column:not(:last-child) {
  padding-right: 16px;
}
.carousel-list-view-editor .carousel-list-view-editor-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 16px;
  margin-bottom: 16px;
}
.carousel-list-view-editor .disabled {
  -webkit-filter: opacity(0.5);
          filter: opacity(0.5);
}

.content-selector-editor {
  font-size: 0.8em;
}
.content-selector-editor h2 {
  margin-top: -30px;
  margin-bottom: 30px;
}

.source-target-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.source-target-list .tip-icons {
  margin-right: 32px;
}
.source-target-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 16px;
  padding-bottom: 16px;
}
.source-target-list-item-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 32px;
}
.source-target-list-item-declaration {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 40%;
          flex: 1 1 40%;
}
.source-target-list-item-checkboxes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 150px;
          flex: 1 0 150px;
}
.source-target-list-item-checkboxes .checkbox-component > .label {
  font-size: 14px;
}

.copy-button-editor {
  font-size: 0.8em;
  min-width: 50vw;
}
.copy-button-editor-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 40px;
  margin-bottom: 40px;
}
.copy-button-editor-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  margin-right: 40px;
}
.copy-button-editor-title {
  padding-bottom: 16px;
}

.data-model-selector-editor {
  font-size: 0.8em;
}
.data-model-selector-editor h2 {
  margin-top: -30px;
  margin-bottom: 30px;
}

.data-property-selector-editor {
  font-size: 0.8em;
}
.data-property-selector-editor h2 {
  margin-top: -30px;
  margin-bottom: 30px;
}

.download-button-editor {
  font-size: 0.8em;
}
.download-button-editor-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 40px;
  margin-bottom: 40px;
}
.download-button-editor-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  margin-right: 40px;
}
.download-button-editor-title {
  padding-bottom: 16px;
}

.final-rendering-button-editor-content > * {
    padding-top: 16px;
    padding-bottom: 16px
}

.flow-show-editor {
  min-width: 850px;
}
.flow-show-editor-tabs {
  margin-bottom: 24px;
  border-bottom: 2px solid;
  border-color: rgb(var(--color-tabs-border));
}
.flow-show-editor-tabs .tabs-component {
  margin-bottom: -2px;
}
.flow-show-editor .flow-show-editor-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 40px;
  margin-bottom: 40px;
}
.flow-show-editor .flow-show-editor-content .flow-show-editor-source-list {
  -webkit-box-flex: 1;
      -ms-flex: 1 0;
          flex: 1 0;
  width: 350px;
  margin-bottom: 32px;
}
.flow-show-editor .flow-show-editor-content .flow-show-editor-selection-list {
  -webkit-box-flex: 1;
      -ms-flex: 1 0;
          flex: 1 0;
  width: 350px;
}
.flow-show-editor .flow-show-editor-content .flow-show-editor-source-list .named-container .expanded-declaration-dropdown,
.flow-show-editor .flow-show-editor-content .flow-show-editor-selection-list .named-container .expanded-declaration-dropdown {
  min-height: 80px;
}
.flow-show-editor .flow-show-editor-content .flow-show-editor-source-list .named-container .expanded-declaration-dropdown .text,
.flow-show-editor .flow-show-editor-content .flow-show-editor-selection-list .named-container .expanded-declaration-dropdown .text {
  white-space: pre-wrap;
  word-wrap: break-word;
  padding-right: 8px;
}
.flow-show-editor-label,
.flow-show-editor-arity {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
}
.flow-show-editor-timing {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
}
.flow-show-editor-delay,
.flow-show-editor-duration,
.flow-show-editor-shortest {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 30%;
          flex: 1 1 30%;
}

.image-composer-editor {
  font-size: 0.8em;
}
.image-composer-editor-tabs {
  margin-bottom: 24px;
  border-bottom: 2px solid;
  border-color: rgb(var(--color-tabs-border));
}
.image-composer-editor-tabs .tabs-component {
  margin-bottom: -2px;
}
.image-composer-editor-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 40px;
  margin-bottom: 40px;
}
.image-composer-editor-content-global > *,
.image-composer-editor-content-item > * {
  margin-bottom: 40px;
}
.image-composer-editor-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  margin-right: 40px;
  overflow: hidden;
}
.image-composer-editor-title {
  padding-bottom: 16px;
}

.list-item-editor {
  min-width: 650px;
}
.list-item-editor h3 {
  margin-bottom: 8px;
}
.list-item-editor-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 8px;
  padding-bottom: 8px;
}
.list-item-editor-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  padding-left: 16px;
  padding-right: 16px;
}
.list-item-editor .list-item-editor-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 16px;
  margin-bottom: 16px;
}
.list-item-editor .list-item-editor-content .list-item-editor-source-list {
  -webkit-box-flex: 1;
      -ms-flex: 1 0;
          flex: 1 0;
  width: 350px;
  margin-bottom: 32px;
}
.list-item-editor .list-item-editor-content .list-item-editor-source-list .named-container .expanded-declaration-dropdown,
.list-item-editor .list-item-editor-content .list-item-editor-selection-list .named-container .expanded-declaration-dropdown {
  min-height: 80px;
}
.list-item-editor .list-item-editor-content .list-item-editor-source-list .named-container .expanded-declaration-dropdown .text,
.list-item-editor .list-item-editor-content .list-item-editor-selection-list .named-container .expanded-declaration-dropdown .text {
  white-space: pre-wrap;
  word-wrap: break-word;
  padding-right: 8px;
}
.list-item-editor .disabled {
  -webkit-filter: opacity(0.5);
          filter: opacity(0.5);
}

.parameter-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.parameter-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: auto;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 16px;
  padding-bottom: 16px;
}
.parameter-list-item-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 32px;
}
.parameter-list-item-declaration {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 40%;
          flex: 1 1 40%;
}
.parameter-list-item-checkboxes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 150px;
          flex: 1 0 150px;
}
.parameter-list-item-checkboxes .checkbox-component > .label {
  font-size: 14px;
}

.live-update-component-editor {
  font-size: 0.8em;
}
.live-update-component-editor-tabs {
  margin-bottom: 24px;
  border-bottom: 2px solid;
  border-color: rgb(var(--color-tabs-border));
}
.live-update-component-editor-tabs .tabs-component {
  margin-bottom: -2px;
}
.live-update-component-editor-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 40px;
  margin-bottom: 40px;
}
.live-update-component-editor-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
}
.live-update-component-editor-column:not(:last-child) {
  margin-right: 40px;
}
.live-update-component-editor-function-name {
  padding-bottom: 16px;
}
.live-update-component-editor-event-trigger-name {
  padding-bottom: 16px;
}
.live-update-component-editor-event-trigger-name > p {
  padding-bottom: 16px;
}
.live-update-component-editor .parameter-list-items {
  margin-bottom: 16px;
}
.live-update-component-editor .parameter-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.live-update-component-editor .parameter-list-item-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  margin-right: 24px;
}
.live-update-component-editor .parameter-list-item-declaration {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  margin-right: 24px;
}
.live-update-component-editor .parameter-list-item-action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.many-of-editor .many-of-editor-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 40px;
  margin-bottom: 40px;
}
.many-of-editor .many-of-editor-content .many-of-editor-source-list {
  -webkit-box-flex: 1;
      -ms-flex: 1 0;
          flex: 1 0;
  width: 350px;
  margin-right: 80px;
}
.many-of-editor .many-of-editor-content .many-of-editor-selection-list {
  -webkit-box-flex: 1;
      -ms-flex: 1 0;
          flex: 1 0;
  width: 350px;
}
.many-of-editor .many-of-editor-content .many-of-editor-source-list .named-container .expanded-declaration-dropdown,
.many-of-editor .many-of-editor-content .many-of-editor-selection-list .named-container .expanded-declaration-dropdown {
  min-height: 80px;
}
.many-of-editor .many-of-editor-content .many-of-editor-source-list .named-container .expanded-declaration-dropdown .text,
.many-of-editor .many-of-editor-content .many-of-editor-selection-list .named-container .expanded-declaration-dropdown .text {
  white-space: pre-wrap;
  word-wrap: break-word;
  padding-right: 8px;
}

.many-of-editor .many-of-editor-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 40px;
  margin-bottom: 40px;
}
.many-of-editor .many-of-editor-content .many-of-editor-source-list {
  -webkit-box-flex: 1;
      -ms-flex: 1 0;
          flex: 1 0;
  width: 350px;
  margin-right: 80px;
}
.many-of-editor .many-of-editor-content .many-of-editor-selection-list {
  -webkit-box-flex: 1;
      -ms-flex: 1 0;
          flex: 1 0;
  width: 350px;
}
.many-of-editor .many-of-editor-content .many-of-editor-source-list .named-container .expanded-declaration-dropdown,
.many-of-editor .many-of-editor-content .many-of-editor-selection-list .named-container .expanded-declaration-dropdown {
  min-height: 80px;
}
.many-of-editor .many-of-editor-content .many-of-editor-source-list .named-container .expanded-declaration-dropdown .text,
.many-of-editor .many-of-editor-content .many-of-editor-selection-list .named-container .expanded-declaration-dropdown .text {
  white-space: pre-wrap;
  word-wrap: break-word;
  padding-right: 8px;
}

.one-of-media-selection-editor {
  max-width: 80vw;
}
.one-of-media-selection-editor-description {
  min-height: 4em;
}
.one-of-media-selection-editor-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
}
.one-of-media-selection-editor-column:empty {
  display: none;
}
@media (min-width: 960px) {
  .one-of-media-selection-editor {
    max-width: 45vw;
  }
}

.one-of-external-media-selection-editor {
  max-width: 80vw;
}
.one-of-external-media-selection-editor-description {
  min-height: 4em;
}
.one-of-external-media-selection-editor-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
}
.one-of-external-media-selection-editor-column:empty {
  display: none;
}
@media (min-width: 960px) {
  .one-of-external-media-selection-editor {
    max-width: 45vw;
  }
}

.one-of-inline-selection-editor {
  font-size: 0.8em;
}
.one-of-inline-selection-editor .label-selector {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.one-of-inline-selection-editor .label-selector > * {
  margin-right: 40px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
}
.one-of-inline-selection-editor-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 40px;
}
.one-of-inline-selection-editor-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  margin-right: 40px;
}
.one-of-inline-selection-editor-title {
  padding-bottom: 16px;
}
.one-of-inline-selection-editor-description {
  width: 250pt;
}

.organization-selector-editor {
  font-size: 0.8em;
}
.organization-selector-editor h2 {
  margin-top: -30px;
  margin-bottom: 30px;
}

.preview-rendering-button-editor-content > * {
    padding-top: 16px;
    padding-bottom: 16px
}

.super-button-editor {
  font-size: 0.8em;
}
.super-button-editor-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 40px;
  margin-bottom: 40px;
}
.super-button-editor-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.super-button-editor-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  margin-right: 40px;
}
.super-button-editor-title {
  padding-bottom: 16px;
}

.team-selector-editor {
  font-size: 0.8em;
}
.team-selector-editor h2 {
  margin-top: -30px;
  margin-bottom: 30px;
}

.tiled-list-editor h3 {
  margin-bottom: 8px;
}
.tiled-list-editor-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 8px;
  padding-bottom: 8px;
}
.tiled-list-editor-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  padding-left: 8px;
  padding-right: 8px;
}
.tiled-list-editor-column:not(:last-child) {
  margin-right: 24px;
}
.tiled-list-editor .tiled-list-editor-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 16px;
  margin-bottom: 16px;
}
.tiled-list-editor .tiled-list-editor-content .label-selector {
  width: 100%;
}
.tiled-list-editor .tiled-list-editor-content .tiled-list-editor-source-list {
  -webkit-box-flex: 1;
      -ms-flex: 1 0;
          flex: 1 0;
  width: 350px;
  margin-bottom: 32px;
}
.tiled-list-editor .disabled {
  -webkit-filter: opacity(0.5);
          filter: opacity(0.5);
}

.type-view-selector-editor {
  font-size: 0.8em;
}
.type-view-selector-editor h2 {
  margin-top: 0px;
  margin-bottom: 30px;
}


.video-progress-viewer-editor {
  min-width: 850px;
}
.video-progress-viewer-editor h3 {
  margin-bottom: 8px;
}
.video-progress-viewer-editor-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 8px;
  padding-bottom: 8px;
}
.video-progress-viewer-editor-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  padding-left: 16px;
  padding-right: 16px;
}
.video-progress-viewer-editor-tabs {
  margin-bottom: 24px;
  border-bottom: 2px solid;
  border-color: rgb(var(--color-tabs-border));
}
.video-progress-viewer-editor-tabs .tabs-component {
  margin-bottom: -2px;
}
.video-progress-viewer-editor .video-progress-viewer-editor-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 16px;
  margin-bottom: 16px;
}
.video-progress-viewer-editor .video-progress-viewer-editor-content .video-progress-viewer-editor-source-list {
  -webkit-box-flex: 1;
      -ms-flex: 1 0;
          flex: 1 0;
  width: 350px;
  margin-bottom: 32px;
}
.video-progress-viewer-editor .video-progress-viewer-editor-content .video-progress-viewer-editor-selection-list {
  -webkit-box-flex: 1;
      -ms-flex: 1 0;
          flex: 1 0;
  width: 350px;
}
.video-progress-viewer-editor .video-progress-viewer-editor-content .video-progress-viewer-editor-source-list .named-container .expanded-declaration-dropdown,
.video-progress-viewer-editor .video-progress-viewer-editor-content .video-progress-viewer-editor-selection-list .named-container .expanded-declaration-dropdown {
  min-height: 80px;
}
.video-progress-viewer-editor .video-progress-viewer-editor-content .video-progress-viewer-editor-source-list .named-container .expanded-declaration-dropdown .text,
.video-progress-viewer-editor .video-progress-viewer-editor-content .video-progress-viewer-editor-selection-list .named-container .expanded-declaration-dropdown .text {
  white-space: pre-wrap;
  word-wrap: break-word;
  padding-right: 8px;
}
.video-progress-viewer-editor-label,
.video-progress-viewer-editor-arity {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
}
.video-progress-viewer-editor-timing {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
}
.video-progress-viewer-editor-delay,
.video-progress-viewer-editor-duration,
.video-progress-viewer-editor-shortest {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 30%;
          flex: 1 1 30%;
}

.workspace-selector-editor {
  font-size: 0.8em;
}
.workspace-selector-editor h2 {
  margin-top: -30px;
  margin-bottom: 30px;
}

.complex-property-editor > .active-properties > .heading {
  font-size: 14px;
  font-weight: bolder;
  margin-bottom: 16px;
}
.complex-property-editor > .active-properties > .property {
  display: grid;
  grid-template-columns: auto 1fr 2fr 2fr auto auto;
  grid-column-gap: 8px;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  padding: 16px 0;
  padding-right: 24px;
}
.complex-property-editor > .active-properties > .property > .name {
  font-size: 16px;
}
.complex-property-editor > .active-properties > .property > .display-name {
  margin-bottom: 0;
}
.complex-property-editor > .active-properties > .property > .type-view-selector {
  margin-bottom: 0;
}
.complex-property-editor > .active-properties > .property > .checkbox-component {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.complex-property-editor > .active-properties > .header {
  display: grid;
  grid-template-columns: auto 1fr 2fr 2fr auto auto;
  padding-right: 24px;
  grid-column-gap: 8px;
  font-size: 14px;
  color: rgba(var(--color-typo), 1);
  font-weight: bolder;
}
.complex-property-editor > .disabled-properties > .heading {
  font-size: 14px;
  font-weight: bolder;
  margin-bottom: 16px;
}
.complex-property-editor > .disabled-properties > .property {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  padding: 16px 0;
  padding-right: 24px;
}
.complex-property-editor > .disabled-properties > .property > .name {
  font-size: 16px;
}

.list-editor-component {
  min-width: 850px;
}
.list-editor-component > .sub-view-hint {
  margin-bottom: 40px;
  font-size: 16px;
}

.number-editor-component {
  min-width: 850px;
}

.data-view-editor > .data-field-creation {
  border-bottom: rgb(var(--color-typo)) 2px solid;
  margin-bottom: 32px;
}

.container-editor > .container-condition-editor > .allowed-values {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 16px;
}
.container-editor > .container-condition-editor > .allowed-values > .value {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 8px;
  margin: 8px;
  border: solid 2px;
  border-color: rgba(var(--color-typo), 1);
  border-radius: var(--border);
  font-size: 14px;
}

.image-editor-component > .image img {
  max-height: 200px;
  max-width: 100%;
  width: auto;
  height: auto;
  margin: 16px auto;
}
.image-editor-component > .image-dimensions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 24px;
}

.screen-divider-title-custom-configs-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 16px;
}
.screen-divider-title-custom-configs-conditions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 16px;
}

.video-editor-component video {
  max-height: 200px;
  max-width: 100%;
  width: auto;
  height: auto;
  margin: 16px auto;
}
.video-editor-component > .video-dimensions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 24px;
}

.organization-picker .organization-label,
.dropdown-root .organization-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.organization-picker .organization-label .image-container,
.dropdown-root .organization-label .image-container {
  -o-object-fit: contain;
     object-fit: contain;
  margin-left: 0 !important;
  margin-right: 12px !important;
}
.organization-picker .organization-label.selection,
.dropdown-root .organization-label.selection {
  cursor: pointer;
  margin-bottom: 0;
}

.add-view-element {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-right: 12px;
}
.add-view-element > .element-editor {
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  overflow: visible;
  border-top: rgb(var(--color-typo)) 2px solid;
  padding-top: 24px;
}
.add-view-element .indent {
  padding-left: 16px;
}

.view-configuration-editor-top-bar {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.view-configuration-editor-top-bar > .buttons {
  display: grid;
  grid-template-columns: auto auto;
  grid-column-gap: 16px;
}


.organizations-selections .label {
  font-size: 14px !important;
}
.organizations-selections .checkbox {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  min-height: 16px !important;
}

.user-role-container {
  display: grid;
  width: 100%;
}

.import-view-data-modal > .json-input {
  margin-bottom: 16px;
}
.import-view-data-modal > .json-input > button {
  width: 100%;
}



.upload-action-result-component > .no-data {
  margin-bottom: 32px;
  font-size: 16px;
}
.upload-action-result-component > .last-result {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 32px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.upload-action-result-component > .last-result > .result-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.upload-action-result-component > .last-result > .result-info > .result-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 24px;
  font-size: 16px;
}
.upload-action-result-component > .last-result > .result-info > .result-detail > .filename {
  font-weight: bolder;
}
.upload-action-result-component > .upload-action-result-list > .upload-action-result-content {
  border: solid 2px;
  border-color: rgba(var(--color-typo), 1);
  border-radius: var(--border);
  padding: 16px 16px;
  height: 320px;
  overflow: scroll;
}
.upload-action-result-component > .upload-action-result-list > .upload-action-result-content > .upload-action-result-entry {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr auto;
  grid-column-gap: 16px;
  font-size: 16px;
  color: rgba(var(--color-typo), 1);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 48px;
  padding: 0 16px;
  margin-bottom: 16px;
  border: solid 1px;
  border-color: rgba(var(--color-typo), 1);
  border-radius: var(--border);
}
.upload-action-result-component > .upload-action-result-list > .upload-action-result-content > .upload-action-result-entry > .filename {
  font-weight: bolder;
}
.upload-action-result-component > .upload-action-result-list > .upload-action-result-content > .upload-action-result-entry > .client-instance {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.asset-picker-view {
  margin-top: 16px;
  margin-bottom: 16px;
}

.custom-view-component:has(.searchable-dropdown) > .default-label > .label,
.custom-view-component:has(.searchable-selection-dropdown) > .default-label > .label {
  padding-bottom: 0 !important;
}

.copy-button-loading-indicator {
  margin-left: 8px;
}
.copy-button-loading-indicator .loading-indicator-component {
  margin: auto !important;
  width: auto !important;
  height: auto !important;
}
.copy-button-loading-indicator .loading-indicator-component i {
  font-size: 20px !important;
}
.copy-button-confirmation .custom-modal-content {
  max-width: 500px;
}

.carousel-list-view-component {
  display: grid;
  grid-template-columns: auto 1fr auto auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.carousel-list-view-component-controls {
  height: 100%;
}
.carousel-list-view-component-controls i {
  font-size: 32px;
}
.carousel-list-view-component-controls.disabled {
  opacity: 0.5;
}
.carousel-list-view-component-controls.disabled > * {
  pointer-events: none;
}
.carousel-list-view-component-controls .button {
  height: 100%;
}
.carousel-list-view-component-controls .button > .button-content {
  height: 100%;
}
.carousel-list-view-component-controls-anchor {
  position: sticky;
  top: 50%;
}
.carousel-list-view-component-content {
  margin-left: 16px;
  margin-right: 16px;
  min-height: 250px;
  overflow-x: hidden;
}
.carousel-list-view-component-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-transition: all var(--duration-slow);
  transition: all var(--duration-slow);
}
.carousel-list-view-component-items-item {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  width: 100%;
}
.carousel-list-view-component-edit {
  height: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
}


.custom-view-component .flow-show {
  overflow-x: auto;
  padding: 30px;
}
.custom-view-component .flow-show-grid {
  display: grid;
}
.custom-view-component .flow-show-grid.isDragging .flow-show-item-drop {
  pointer-events: all;
}
.custom-view-component .flow-show-tree {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.custom-view-component .flow-show-tree-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.custom-view-component .flow-show-tree-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.custom-view-component .flow-show-item-wrapper {
  position: relative;
  border-radius: 5px;
  -webkit-transition: ease var(--duration-medium) all;
  transition: ease var(--duration-medium) all;
}
.custom-view-component .flow-show-item-wrapper.selected {
  border-radius: 5px;
  z-index: 2;
  -webkit-box-shadow: 2px 2px 5px rgba(var(--color-shadow), 0.3);
          box-shadow: 2px 2px 5px rgba(var(--color-shadow), 0.3);
}
.custom-view-component .flow-show-item-wrapper.selected .flow-show-item-panel {
  opacity: 1 !important;
}
.custom-view-component .flow-show-item-wrapper.selected .flow-show-item-panel.right {
  right: -20px;
}
.custom-view-component .flow-show-item-wrapper.selected .flow-show-item-panel.left {
  left: -20px;
}
.custom-view-component .flow-show-item-wrapper.selected .flow-show-item-panel.bottom {
  bottom: -20px;
}
.custom-view-component .flow-show-item-wrapper.selected .flow-show-item-panel.top {
  top: -20px;
}
.custom-view-component .flow-show-item-wrapper.selected .flow-show-item-frame,
.custom-view-component .flow-show-item-wrapper.selected .flow-show-item-panel {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.custom-view-component .flow-show-item-wrapper.selected .flow-show-item-wrapper-main {
  overflow-x: visible !important;
  overflow-x: initial !important;
  position: relative;
  -webkit-transition: ease var(--duration-medium) all;
  transition: ease var(--duration-medium) all;
  padding-left: 20px;
  padding-right: 20px;
}
.custom-view-component .flow-show-item-wrapper.selected .flow-show-item-wrapper-main .flow-show-item-wrapper-main-body {
  border: 1px solid rgb(var(--color-button-outline-border));
  background-color: rgba(var(--color-surface-hover), 1);
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.custom-view-component .flow-show-item-wrapper.selected .flow-show-item-wrapper-main > .flow-show-item-panel {
  -webkit-box-shadow: 2px 2px 5px rgba(var(--color-shadow), 0.3);
          box-shadow: 2px 2px 5px rgba(var(--color-shadow), 0.3);
}
.custom-view-component .flow-show-item-wrapper.selected.main .flow-show-item-wrapper-main-body {
  border-radius: 5px;
}
.custom-view-component .flow-show-item-wrapper-main {
  opacity: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
}
.custom-view-component .flow-show-item-wrapper.isResizing .flow-show-item-wrapper-main {
  opacity: 0;
}
.custom-view-component .flow-show-item-wrapper.isResizing .flow-show-item-resize-viewport {
  opacity: 1;
}
.custom-view-component .flow-show-item-wrapper.trimmed:before {
  position: absolute;
  content: "";
  width: 24px;
  height: 100%;
  left: 100%;
  top: 0;
  bottom: 0;
  margin: auto;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(var(--color-button-outline-border), 1)), to(rgba(var(--color-button-outline-border), 0)));
  background-image: linear-gradient(to right, rgba(var(--color-button-outline-border), 1), rgba(var(--color-button-outline-border), 0));
  border-left: 1px dashed rgba(0, 0, 0, 0.3);
}
.custom-view-component .flow-show-item-wrapper.trimmed .flow-show-item-wrapper-main {
  overflow-x: clip;
}
.custom-view-component .flow-show-item-wrapper.trimmed .flow-show-item-wrapper-main .flow-show-item:last-child:not(.selected) .flow-show-item-frame-inner {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: none;
}
.custom-view-component .flow-show-item {
  min-width: 200px;
  min-height: 65px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  width: 100%;
  height: 100%;
}
.custom-view-component .flow-show-item:not(.readonly) {
  cursor: pointer;
}
.custom-view-component .flow-show-item-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  width: 100%;
  height: 100%;
}
.custom-view-component .flow-show-item.main {
  min-width: 250px;
  position: relative;
}
.custom-view-component .flow-show-item.main .flow-show-item-label-text textarea {
  font-size: 16px;
}
.custom-view-component .flow-show-item.selected {
  z-index: 3;
}
.custom-view-component .flow-show-item.selected .flow-show-item-frame {
  border-radius: 0;
}
.custom-view-component .flow-show-item.selected .flow-show-item-frame-inner {
  border-color: rgba(var(--color-list-border), 1);
  background-color: rgba(var(--color-list-selected-surface), 1);
  border-radius: 0;
}
.custom-view-component .flow-show-item.selected .flow-show-item-frame:not(.readonly):hover {
  background-color: rgba(var(--color-list-selected-surface), 1);
}
.custom-view-component .flow-show-item.selected .flow-show-item-actions {
  opacity: 1 !important;
}
.custom-view-component .flow-show-item.selected .flow-show-item-panel {
  opacity: 1 !important;
}
.custom-view-component .flow-show-item.selected .flow-show-item-panel.right {
  right: -20px;
}
.custom-view-component .flow-show-item.selected .flow-show-item-panel.left {
  left: -20px;
}
.custom-view-component .flow-show-item.selected .flow-show-item-panel.bottom {
  bottom: -20px;
}
.custom-view-component .flow-show-item.selected .flow-show-item-panel.top {
  top: -20px;
}
.custom-view-component .flow-show-item-overlay {
  border-radius: 5px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: ease var(--duration-medium) all;
  transition: ease var(--duration-medium) all;
}
.custom-view-component .flow-show-item:not(.readonly) .flow-show-item-overlay:hover {
  background-color: rgba(var(--color-surface-hover), 1);
}
.custom-view-component .flow-show-item-frame {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-shadow: 2px 2px 5px rgba(var(--color-shadow), 0.3);
          box-shadow: 2px 2px 5px rgba(var(--color-shadow), 0.3);
  border-radius: 5px;
  -webkit-transition: ease var(--duration-medium) all;
  transition: ease var(--duration-medium) all;
}
.custom-view-component .flow-show-item-frame-inner {
  border: 1px solid rgb(var(--color-button-outline-border));
  border-radius: 5px;
  background-color: rgba(var(--color-surface), 1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.custom-view-component .flow-show-item-frame:not(.readonly):hover .flow-show-item-actions {
  opacity: 1 !important;
}
.custom-view-component .flow-show-item-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding-top: 8px;
  padding-bottom: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.custom-view-component .flow-show-item-label-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 30px;
  cursor: auto;
  cursor: initial;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow-x: hidden;
}
.custom-view-component .flow-show-item-label-text textarea {
  font-size: 14px;
  border: none;
  margin: 0;
  text-align: center;
}
.custom-view-component .flow-show-item-label-resize-viewport {
  position: absolute;
  width: 100%;
  height: 100%;
}
.custom-view-component .flow-show-item-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -ms-flex-item-align: start;
      align-self: flex-start;
  -webkit-transition: ease var(--duration-medium) all;
  transition: ease var(--duration-medium) all;
  padding: 4px;
  min-width: 40px;
}
.custom-view-component .flow-show-item.isDragging {
  opacity: 0.3;
  pointer-events: none;
}
.custom-view-component .flow-show-item-panel {
  opacity: 0;
  z-index: 0;
  position: absolute;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 22px;
  height: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  border: 1px solid rgb(var(--color-button-outline-border));
  -webkit-box-shadow: 2px 2px 5px rgba(var(--color-shadow), 0.3);
          box-shadow: 2px 2px 5px rgba(var(--color-shadow), 0.3);
  -webkit-transition: ease var(--duration-medium) all;
  transition: ease var(--duration-medium) all;
  background-color: rgba(var(--color-surface), 1);
  margin: auto;
}
.custom-view-component .flow-show-item-panel > * {
  padding: 3px;
}
.custom-view-component .flow-show-item-panel.top {
  width: 50px;
  height: 22px;
  top: 0;
  left: 0;
  right: 0;
  bottom: auto;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.custom-view-component .flow-show-item-panel.right {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  left: auto;
  right: 0px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.custom-view-component .flow-show-item-panel.left {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  left: 0px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.custom-view-component .flow-show-item-panel.bottom {
  width: 50px;
  height: 22px;
  top: auto;
  left: 0;
  right: 0;
  bottom: 0px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.custom-view-component .flow-show-item-resize {
  cursor: col-resize;
}
.custom-view-component .flow-show-item-resize .button {
  cursor: col-resize;
}
.custom-view-component .flow-show-item-drop {
  pointer-events: none;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 12px;
          flex: 0 0 12px;
  width: 100%;
  height: 100%;
  opacity: 1;
}
.custom-view-component .flow-show-item-drop-inner {
  -webkit-transition: ease var(--duration-medium) all;
  transition: ease var(--duration-medium) all;
  width: 12px;
  height: 0;
  border-radius: 5px;
  background-color: rgba(var(--color-surface-hover), 1);
}
.custom-view-component .flow-show-item-drop-area {
  -webkit-transition: ease var(--duration-medium) all;
  transition: ease var(--duration-medium) all;
  position: absolute;
  width: 100%;
  height: 100%;
  margin: auto;
  border-color: rgba(var(--color-success), 1);
  z-index: 2;
}
.custom-view-component .flow-show-item-drop.bottom .flow-show-item-drop-area {
  width: 80%;
  height: 50px;
}
.custom-view-component .flow-show-item-drop.bottom.hovered .flow-show-item-drop-inner {
  height: 65px;
  width: 100%;
  margin: 5px 0;
}
.custom-view-component .flow-show-item-drop.left .flow-show-item-drop-area {
  left: 0;
  width: 200px;
  height: 100%;
}
.custom-view-component .flow-show-item-drop.right .flow-show-item-drop-area {
  right: 0;
  width: 200px;
  height: 100%;
}
.custom-view-component .flow-show-item-drop.main .flow-show-item-drop-inner {
  width: 24px;
}
.custom-view-component .flow-show-item-drop.main .flow-show-item-drop-area {
  width: 200px;
  height: 100%;
}
.custom-view-component .flow-show-item-drop.middle .flow-show-item-drop-inner {
  width: 24px;
}
.custom-view-component .flow-show-item-drop.middle .flow-show-item-drop-area {
  width: 200px;
}
.custom-view-component .flow-show-item-drop.left.hovered .flow-show-item-drop-inner,
.custom-view-component .flow-show-item-drop.right.hovered .flow-show-item-drop-inner,
.custom-view-component .flow-show-item-drop.middle.hovered .flow-show-item-drop-inner {
  height: 100%;
  width: 200px !important;
  margin: 0 5px;
}
.custom-view-component .flow-show-item-drop.hovered .flow-show-item-drop-area {
  width: 120%;
  height: 120%;
}
.custom-view-component .flow-show-item-resize-viewport {
  opacity: 0;
  pointer-events: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
}
.custom-view-component .flow-show-item.isResizing .flow-show-item-inner {
  opacity: 0;
}
.custom-view-component .flow-show-item.isResizing .flow-show-item-resize-viewport {
  opacity: 1;
}
.custom-view-component .flow-show-item-add {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  min-width: 20px;
  min-height: 20px;
  -webkit-transition: ease var(--duration-medium) all;
  transition: ease var(--duration-medium) all;
}
.custom-view-component .flow-show-item-add.flow-show-item-add-initial .button {
  -webkit-box-shadow: 2px 2px 5px rgba(var(--color-shadow), 0.3);
          box-shadow: 2px 2px 5px rgba(var(--color-shadow), 0.3);
  border: 1px solid rgb(var(--color-button-outline-border));
  width: 40px;
  height: 40px;
}
.custom-view-component .flow-show-item-add.flow-show-item-add-initial .button i {
  font-size: 20px !important;
}
.custom-view-component .flow-show-item-add .button {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  padding: 10px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
}
.custom-view-component .flow-show-item-add-transition {
  border-radius: 50%;
  position: absolute;
  width: 40px;
  height: 40px;
  cursor: pointer;
  -webkit-transition: ease var(--duration-medium) all;
  transition: ease var(--duration-medium) all;
}
.custom-view-component .flow-show-item-add:not(.readonly) .flow-show-item-add-transition:hover {
  background-color: rgba(var(--color-surface-hover), 1);
}

.custom-view-component.label-data-field.data-field-component {
  margin-bottom: 0;
}



.maybe-data-field-component {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.maybe-data-field-component > .maybe-data-field-button {
  margin-right: 40px;
}
.maybe-data-field-component > .maybe-data-field {
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
}
.maybe-data-field-component > .placeholder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.maybe-data-field-component > .placeholder > .icon-component {
  margin-right: 16px;
}

.boolean-data-field-component > .dropdown {
  max-width: 100px;
  position: relative;
}
.boolean-data-field-component > .dropdown .option {
  font-size: 14px;
  padding: 4px;
}



.editable-video-component {
  position: relative;
}
.editable-video-component > .video-editor {
  position: absolute;
  width: 100%;
  height: auto;
  z-index: 1;
}
.editable-video-component > .video-editor > #canvas_canvas {
  display: none;
}
.editable-video-component > video {
  width: 100%;
  height: auto;
}
.editable-video-component > .video-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: rgba(var(--color-background), 1);
  padding: 16px;
  border-radius: var(--border);
}
.editable-video-component > .video-controls .rc-slider > .rc-slider-rail {
  background-color: rgba(var(--color-surface-100), 1);
}
.editable-video-component > .video-controls .rc-slider > .rc-slider-track {
  background-color: rgba(var(--color-primary), 1);
  color: rgba(var(--color-typo-negative), 1);
}
.editable-video-component > .video-controls .rc-slider > .rc-slider-handle {
  border-color: rgba(var(--color-primary), 1);
  background-color: rgba(var(--color-primary), 1);
  color: rgba(var(--color-typo-negative), 1);
}
.editable-video-component > .video-controls .rc-slider > .rc-slider-handle:active {
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-box-shadow: initial;
          box-shadow: initial;
}
.editable-video-component > .video-controls .rc-slider > .rc-slider-handle:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-box-shadow: initial;
          box-shadow: initial;
}
.editable-video-component > .video-controls .rc-slider > .rc-slider-handle:not(.rc-slider-handle-2) {
  background-color: rgba(var(--color-primary-desat), 1);
  border-color: rgba(var(--color-primary-desat), 1);
}
.editable-video-component > .video-controls .rc-slider > .rc-tooltip {
  border: solid 1px;
  border-color: rgba(var(--color-typo), 1);
}
.editable-video-component > .video-controls > .slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px;
}
.editable-video-component > .video-controls > .slider > .value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 100px;
  padding-left: 16px;
}
.editable-video-component > .video-controls > .controls {
  display: grid;
  width: 100%;
  grid-template-columns: 1fr 1fr 1fr 1fr 2fr 3fr;
  grid-template-areas: "play mask backward forward . volume" "timing timing timing timing timing timing";
  grid-column-gap: 40px;
  -webkit-column-gap: 40px;
     -moz-column-gap: 40px;
          column-gap: 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.editable-video-component > .video-controls > .controls > .start-end {
  grid-area: timing;
  margin-left: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: grid;
  grid-template-columns: auto auto 1fr;
  grid-column-gap: 24px;
  -webkit-column-gap: 24px;
     -moz-column-gap: 24px;
          column-gap: 24px;
}
.editable-video-component > .video-controls > .controls > .volume {
  grid-area: volume;
}
.editable-video-component > .video-controls > .controls > .volume > .info {
  font-size: 16px;
  margin-bottom: 8px;
}
@media (min-width: 1280px) {
  .editable-video-component > .video-controls > .controls {
    grid-template-columns: auto auto auto auto 1fr 1fr auto;
    grid-template-areas: "play mask backward forward . volume timing";
    -webkit-column-gap: 24px;
       -moz-column-gap: 24px;
            column-gap: 24px;
  }
  .editable-video-component > .video-controls > .controls button {
    margin-left: 32px;
    margin-right: 32px;
  }
  .editable-video-component > .video-controls > .controls button i {
    font-size: 28px !important;
  }
}


.number-data-field-component {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 1;
      flex-shrink: 1;
}
.number-data-field-component > .slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.number-data-field-component > .slider > .rc-slider > .rc-slider-rail {
  background-color: rgba(var(--color-surface-100), 1);
}
.number-data-field-component > .slider > .rc-slider > .rc-slider-track {
  background-color: rgba(var(--color-primary), 1);
  color: rgba(var(--color-typo-negative), 1);
}
.number-data-field-component > .slider > .rc-slider > .rc-slider-handle {
  border-color: rgba(var(--color-primary), 1);
  background-color: rgba(var(--color-primary), 1);
  color: rgba(var(--color-typo-negative), 1);
}
.number-data-field-component > .slider > .rc-slider > .rc-slider-handle:active {
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-box-shadow: initial;
          box-shadow: initial;
}
.number-data-field-component > .slider > .rc-slider > .rc-slider-handle:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-box-shadow: initial;
          box-shadow: initial;
}
.number-data-field-component > .slider > .rc-slider > .rc-tooltip {
  border: solid 1px;
  border-color: rgba(var(--color-typo), 1);
}
.number-data-field-component > .slider > .value {
  width: 75px;
  font-size: 20px;
  padding: 0 24px;
}
.number-data-field-component .readonly {
  background-color: rgba(var(--color-background), 1);
}


.one-of-image-selection header {
  padding-bottom: 1rem;
  -webkit-box-shadow: 0 5px 5px rgba(var(--color-shadow), 0.1);
          box-shadow: 0 5px 5px rgba(var(--color-shadow), 0.1);
  margin: 0 -32px 16px -32px;
  padding: 32px 32px 16px 32px;
}
.one-of-image-options {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: repeat(auto-fill, 72px);
  grid-row-gap: 15px;
  row-gap: 15px;
  grid-column-gap: 25px;
  -webkit-column-gap: 25px;
     -moz-column-gap: 25px;
          column-gap: 25px;
}
.one-of-image-options .one-of-image-option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.one-of-image-options .one-of-image-option,
.one-of-image-options .one-of-image-option label,
.one-of-image-options .one-of-image-option img {
  cursor: pointer;
}
.one-of-image-options .one-of-image-option img,
.one-of-image-options .one-of-image-option .media-viewer {
  width: 128px;
  height: 72px;
  margin-right: 25px;
}
.one-of-image-options .one-of-image-option img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: left center;
     object-position: left center;
}
.one-of-image-options .one-of-image-option:hover {
  background-color: rgba(var(--color-list-hover-surface), 0.5);
}
.one-of-image-options .one-of-image-option.selected,
.one-of-image-options .one-of-image-option.selected:hover {
  background-color: rgba(var(--color-list-active-surface), 1);
}
.one-of-image-options .one-of-image-option .icon {
  margin-right: 16px;
  margin-left: auto;
  color: rgba(var(--color-success));
}
.one-of-image-options.disabled .one-of-image-option {
  opacity: 0.75;
  cursor: default;
}

.one-of-image-selection header {
  padding-bottom: 1rem;
  -webkit-box-shadow: 0 5px 5px rgba(var(--color-shadow), 0.1);
          box-shadow: 0 5px 5px rgba(var(--color-shadow), 0.1);
  margin: 0 -32px 16px -32px;
  padding: 32px 32px 16px 32px;
}
.one-of-image-options {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: repeat(auto-fill, 72px);
  grid-row-gap: 15px;
  row-gap: 15px;
  grid-column-gap: 25px;
  -webkit-column-gap: 25px;
     -moz-column-gap: 25px;
          column-gap: 25px;
}
.one-of-image-options .one-of-image-option {
  background: #f4f4f5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 8px 8px 8px;
}
.one-of-image-options .one-of-image-option,
.one-of-image-options .one-of-image-option label,
.one-of-image-options .one-of-image-option img {
  cursor: pointer;
}
.one-of-image-options .one-of-image-option label {
  word-break: break-all;
  padding-right: 10px;
}
.one-of-image-options .one-of-image-option img,
.one-of-image-options .one-of-image-option .media-viewer {
  width: 128px;
  height: 72px;
  margin-right: 25px;
}
.one-of-image-options .one-of-image-option img {
  width: 103px;
  height: 57px;
  -o-object-fit: contain;
     object-fit: contain;
  aspect-ratio: 1.77777778;
  -o-object-position: center;
     object-position: center;
}
.one-of-image-options .one-of-image-option:hover {
  background: #e8e8ea;
}
.one-of-image-options .one-of-image-option.selected,
.one-of-image-options .one-of-image-option.selected:hover {
  background: #e8e8ea;
}
.one-of-image-options .one-of-image-option.selected {
  border: 0.8px solid #1b192c;
}
.one-of-image-options .one-of-image-option .icon {
  margin-right: 16px;
  margin-left: auto;
  background: #1b192c;
  color: white;
  border-radius: 200px;
  padding: 4px 4px 4px 4px;
}
.one-of-image-options.disabled .one-of-image-option {
  opacity: 0.75;
  cursor: default;
}

.tiled-list-breadcrumb .breadcrumb {
    margin-top: 8px;
    margin-bottom: 8px
}

@media (min-width: 1600px) {
  .tiled-list-component .grid-container {
    grid-template-columns: repeat(auto-fill, minmax(300px, 340px));
  }
}

.toggle-switch-view {
  display: inline-block;
}

.video-progress-input-component-type-view {
  background-color: rgba(var(--color-background), 1);
  padding: 8px;
  border-radius: var(--border);
}
.video-progress-input-component-type-view > .slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.video-progress-input-component-type-view > .slider > .value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: auto;
  padding-left: 16px;
}
.video-progress-input-component-type-view > .slider > .rc-slider {
  min-width: 75px;
}
.video-progress-input-component-type-view > .slider > .rc-slider > .rc-slider-rail {
  background-color: rgba(var(--color-surface-100), 1);
}
.video-progress-input-component-type-view > .slider > .rc-slider > .rc-slider-track {
  background-color: rgba(var(--color-primary), 1);
  color: rgba(var(--color-typo-negative), 1);
}
.video-progress-input-component-type-view > .slider > .rc-slider > .rc-slider-handle {
  border-color: rgba(var(--color-primary), 1);
  background-color: rgba(var(--color-primary), 1);
  color: rgba(var(--color-typo-negative), 1);
}
.video-progress-input-component-type-view > .slider > .rc-slider > .rc-slider-handle:active {
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-box-shadow: initial;
          box-shadow: initial;
}
.video-progress-input-component-type-view > .slider > .rc-slider > .rc-slider-handle:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-box-shadow: initial;
          box-shadow: initial;
}
.video-progress-input-component-type-view > .slider > .rc-slider > .rc-slider-handle:not(.rc-slider-handle-2) {
  background-color: rgba(var(--color-primary-desat), 1);
  border-color: rgba(var(--color-primary-desat), 1);
}
.video-progress-input-component-type-view > .slider > .rc-slider > .rc-tooltip {
  border: solid 1px;
  border-color: rgba(var(--color-typo), 1);
}
.video-progress-input-component-type-view .flex.flex-initial input {
  width: auto;
  margin-bottom: 0;
  margin: 0 3px;
  padding: 3px 0;
}

.custom-view-component .video-progress-viewer-component-video {
  position: relative;
}
.custom-view-component .video-progress-viewer-component-video video {
  width: 100%;
}
.custom-view-component .video-progress-viewer-component-type-view {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.custom-view-component .video-progress-viewer-component > .video-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: rgba(var(--color-background), 1);
  padding: 16px;
  border-radius: var(--border);
}
.custom-view-component .video-progress-viewer-component > .video-controls .rc-slider {
  min-width: 75px;
}
.custom-view-component .video-progress-viewer-component > .video-controls .rc-slider > .rc-slider-rail {
  background-color: rgba(var(--color-surface-100), 1);
}
.custom-view-component .video-progress-viewer-component > .video-controls .rc-slider > .rc-slider-track {
  background-color: rgba(var(--color-primary), 1);
  color: rgba(var(--color-typo-negative), 1);
}
.custom-view-component .video-progress-viewer-component > .video-controls .rc-slider > .rc-slider-handle {
  border-color: rgba(var(--color-primary), 1);
  background-color: rgba(var(--color-primary), 1);
  color: rgba(var(--color-typo-negative), 1);
}
.custom-view-component .video-progress-viewer-component > .video-controls .rc-slider > .rc-slider-handle:active {
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-box-shadow: initial;
          box-shadow: initial;
}
.custom-view-component .video-progress-viewer-component > .video-controls .rc-slider > .rc-slider-handle:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-box-shadow: initial;
          box-shadow: initial;
}
.custom-view-component .video-progress-viewer-component > .video-controls .rc-slider > .rc-slider-handle:not(.rc-slider-handle-2) {
  background-color: rgba(var(--color-primary-desat), 1);
  border-color: rgba(var(--color-primary-desat), 1);
}
.custom-view-component .video-progress-viewer-component > .video-controls .rc-slider > .rc-tooltip {
  border: solid 1px;
  border-color: rgba(var(--color-typo), 1);
}
.custom-view-component .video-progress-viewer-component > .video-controls > .slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px;
}
.custom-view-component .video-progress-viewer-component > .video-controls > .slider > .value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 100px;
  padding-left: 16px;
}
.custom-view-component .video-progress-viewer-component > .video-controls > .controls {
  display: grid;
  width: 100%;
  grid-template-columns: auto auto auto auto 1fr auto;
  grid-template-areas: "play backward forward progress . volume" "timing timing timing timing timing timing";
  grid-column-gap: 16px;
  -webkit-column-gap: 16px;
     -moz-column-gap: 16px;
          column-gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.custom-view-component .video-progress-viewer-component > .video-controls > .controls > .start-end {
  grid-area: timing;
  margin-left: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: grid;
  grid-template-columns: auto auto 1fr;
  grid-column-gap: 8px;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
}
.custom-view-component .video-progress-viewer-component > .video-controls > .controls > .progress {
  position: relative;
  grid-area: progress;
}
.custom-view-component .video-progress-viewer-component > .video-controls > .controls > .volume {
  position: relative;
  grid-area: volume;
}
.custom-view-component .video-progress-viewer-component > .video-controls > .controls > .volume > .info {
  position: absolute;
  top: -16px;
  left: 11px;
  font-size: 14px;
  color: rgba(var(--color-typo-faded), 1);
  margin-bottom: 8px;
}

.pending-quality-check-component {
  margin-bottom: 16px;
}
.pending-quality-check-component > .user-info-component {
  margin-bottom: 16px;
}
.pending-quality-check-component .request-comment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.pending-quality-check-component .request-comment .request-comment-body {
  caret-color: rgb(var(--color-primary));
  border-bottom-width: 1px;
  border-color: rgba(var(--color-input-group-border), 1);
  color: rgba(var(--color-input-typo), 1);
  padding-left: 0;
  padding-right: 0;
  padding-top: 8px;
  padding-bottom: 8px;
  background-color: rgba(var(--color-transparent), 0);
  line-height: 1.5;
  font-size: 16px;
  width: 100%;
  outline: none;
  margin-top: 8px;
  margin-bottom: 16px;
}
.pending-quality-check-component .request-comment .request-comment-body i {
  color: rgba(var(--color-input-icon), 1);
}
.pending-quality-check-component .request-comment .request-comment-body:disabled {
  cursor: not-allowed;
}
.pending-quality-check-component .request-comment .request-comment-body:focus {
  border-bottom-width: 1px;
  border-color: rgba(var(--color-input-active-border), 1);
}
.pending-quality-check-component .request-comment .request-comment-body:focus i {
  color: rgba(var(--color-input-active-icon), 1);
}
.pending-quality-check-component .request-comment .request-comment-body ::-webkit-input-placeholder {
  color: rgba(var(--color-input-typo), 1);
}
.pending-quality-check-component .request-comment .request-comment-body ::-moz-placeholder {
  color: rgba(var(--color-input-typo), 1);
}
.pending-quality-check-component .request-comment .request-comment-body :-ms-input-placeholder {
  color: rgba(var(--color-input-typo), 1);
}
.pending-quality-check-component .request-comment .request-comment-body ::-ms-input-placeholder {
  color: rgba(var(--color-input-typo), 1);
}
.pending-quality-check-component .request-comment .request-comment-body ::placeholder {
  color: rgba(var(--color-input-typo), 1);
}
.pending-quality-check-component .request-comment .request-comment-body i {
  color: rgba(var(--color-input-icon), 1);
}
.pending-quality-check-component .request-comment .request-comment-body:disabled {
  cursor: not-allowed;
}
.pending-quality-check-component .request-comment .request-comment-body:focus {
  border-bottom-width: 1px;
  border-color: rgba(var(--color-input-active-border), 1);
}
.pending-quality-check-component .request-comment .request-comment-body:focus i {
  color: rgba(var(--color-input-active-icon), 1);
}
.pending-quality-check-component .request-comment .request-comment-body ::-webkit-input-placeholder {
  color: rgba(var(--color-input-typo), 1);
}
.pending-quality-check-component .request-comment .request-comment-body ::-moz-placeholder {
  color: rgba(var(--color-input-typo), 1);
}
.pending-quality-check-component .request-comment .request-comment-body :-ms-input-placeholder {
  color: rgba(var(--color-input-typo), 1);
}
.pending-quality-check-component .request-comment .request-comment-body ::-ms-input-placeholder {
  color: rgba(var(--color-input-typo), 1);
}
.pending-quality-check-component .request-comment .request-comment-body ::placeholder {
  color: rgba(var(--color-input-typo), 1);
}

.pending-render-request-component {
  margin-bottom: 16px;
}
.pending-render-request-component > .user-info-component {
  margin-bottom: 16px;
}
.pending-render-request-component .request-comment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.pending-render-request-component .request-comment .request-comment-body {
  caret-color: rgb(var(--color-primary));
  border-bottom-width: 1px;
  border-color: rgba(var(--color-input-group-border), 1);
  color: rgba(var(--color-input-typo), 1);
  padding-left: 0;
  padding-right: 0;
  padding-top: 8px;
  padding-bottom: 8px;
  background-color: rgba(var(--color-transparent), 0);
  line-height: 1.5;
  font-size: 16px;
  width: 100%;
  outline: none;
  margin-top: 8px;
  margin-bottom: 16px;
}
.pending-render-request-component .request-comment .request-comment-body i {
  color: rgba(var(--color-input-icon), 1);
}
.pending-render-request-component .request-comment .request-comment-body:disabled {
  cursor: not-allowed;
}
.pending-render-request-component .request-comment .request-comment-body:focus {
  border-bottom-width: 1px;
  border-color: rgba(var(--color-input-active-border), 1);
}
.pending-render-request-component .request-comment .request-comment-body:focus i {
  color: rgba(var(--color-input-active-icon), 1);
}
.pending-render-request-component .request-comment .request-comment-body ::-webkit-input-placeholder {
  color: rgba(var(--color-input-typo), 1);
}
.pending-render-request-component .request-comment .request-comment-body ::-moz-placeholder {
  color: rgba(var(--color-input-typo), 1);
}
.pending-render-request-component .request-comment .request-comment-body :-ms-input-placeholder {
  color: rgba(var(--color-input-typo), 1);
}
.pending-render-request-component .request-comment .request-comment-body ::-ms-input-placeholder {
  color: rgba(var(--color-input-typo), 1);
}
.pending-render-request-component .request-comment .request-comment-body ::placeholder {
  color: rgba(var(--color-input-typo), 1);
}
.pending-render-request-component .request-comment .request-comment-body i {
  color: rgba(var(--color-input-icon), 1);
}
.pending-render-request-component .request-comment .request-comment-body:disabled {
  cursor: not-allowed;
}
.pending-render-request-component .request-comment .request-comment-body:focus {
  border-bottom-width: 1px;
  border-color: rgba(var(--color-input-active-border), 1);
}
.pending-render-request-component .request-comment .request-comment-body:focus i {
  color: rgba(var(--color-input-active-icon), 1);
}
.pending-render-request-component .request-comment .request-comment-body ::-webkit-input-placeholder {
  color: rgba(var(--color-input-typo), 1);
}
.pending-render-request-component .request-comment .request-comment-body ::-moz-placeholder {
  color: rgba(var(--color-input-typo), 1);
}
.pending-render-request-component .request-comment .request-comment-body :-ms-input-placeholder {
  color: rgba(var(--color-input-typo), 1);
}
.pending-render-request-component .request-comment .request-comment-body ::-ms-input-placeholder {
  color: rgba(var(--color-input-typo), 1);
}
.pending-render-request-component .request-comment .request-comment-body ::placeholder {
  color: rgba(var(--color-input-typo), 1);
}

.button.render-trigger-button .button-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.button.render-trigger-button .button-content > * {
  margin: 0 0 0 16px;
}
.button.render-trigger-button.disabled .hint {
  color: rgba(var(--color-button-disabled-typo), 1);
}
.button.render-trigger-button .loading-indicator-component {
  width: 20px;
  height: 20px;
  font-size: 20px;
}
.button.render-trigger-button .loading-indicator-component i {
  font-size: 20px;
}
.button.cancel-button {
  margin-top: 4px;
  max-height: 24px;
  font-size: small;
}

.render-trigger-confirm-modal > .confirm-render {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 24px;
}
.render-trigger-confirm-modal > .confirm-render > .filename {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-bottom: 16px;
}
.render-trigger-confirm-modal > .confirm-render > .filename > .hint {
  margin-left: 16px;
}
.render-trigger-confirm-modal > .confirm-render > .filename > .hint > .team-name {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 8px;
}
.render-trigger-confirm-modal > .confirm-render > .filename > .hint > .info {
  font-size: 16px;
}

.permission-modal {
  min-width: 100%;
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
}
.permission-modal > .permission-info {
  font-size: 16px;
}
.permission-modal > .permission-info > span {
  font-weight: bolder;
}
.permission-modal > .supervisor {
  margin-top: 24px;
  margin-bottom: 32px;
}

.final-rendering-view .remark-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.final-rendering-view .remark-container > .remark-label {
  font-size: 18px;
  border-color: rgba(var(--color-input-border), 1);
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 16px;
  padding-bottom: 16px;
  margin-bottom: 24px;
}
.final-rendering-view .remark-container > .remark {
  font-size: 16px;
  margin-bottom: 8px;
  padding: 16px;
  border-radius: var(--border);
  background-color: rgba(var(--color-surface-100), var(--opacity-variant-surface-feeble));
}
.final-rendering-view > .no-preview-hint {
  font-size: 16px;
  margin-bottom: 8px;
  padding: 16px;
  border-radius: var(--border);
  background-color: rgba(var(--color-surface-100), var(--opacity-variant-surface-feeble));
}

.image-composer-wrapper .image-composer {
  position: relative;
  width: 100%;
  height: 100%;
}
.image-composer-wrapper .image-composer-placeholder {
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: rgba(var(--color-image-editor-placeholder-typo), 1);
  font-weight: 600;
}
.image-composer-wrapper.no-background .image-composer {
  display: none;
}
.image-composer-wrapper.no-background .image-composer-placeholder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: dashed 2px rgb(var(--color-image-editor-placeholder-border));
  width: 100%;
  height: 117px;
}

.selected-media-controls {
  position: absolute;
  z-index: 2;
  top: 16px;
  right: 16px;
  background-color: rgba(var(--color-background), 1);
  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.4), 0 4px 6px -2px rgba(0, 0, 0, 0.2);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -2px var(--tw-shadow-color);
  -webkit-box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 10px 15px -3px rgba(0, 0, 0, 0.4), 0 4px 6px -2px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 10px 15px -3px rgba(0, 0, 0, 0.4), 0 4px 6px -2px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
  border-radius: var(--border);
  display: grid;
  grid-template-columns: auto;
  grid-row-gap: 18px;
}
.selected-media-controls > * {
  padding-left: 16px;
  padding-right: 16px;
}
.selected-media-controls > *:first-child {
  padding-top: 16px;
}
.selected-media-controls > *:last-child {
  padding-bottom: 16px;
}
.selected-media-controls .icon-component svg path {
  fill: rgb(var(--color-button-icon)) !important;
}
.selected-media-controls-alignments {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: grid;
  grid-template-columns: auto auto;
}
.selected-media-controls-alignments .button {
  padding: 4px;
}
.selected-media-controls-remove {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.latest-rendering-video-view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 100%;
}
.latest-rendering-video-view > .video {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.latest-rendering-video-view > .video video {
  max-width: 500px;
  max-height: 400px;
  margin-bottom: 16px;
}
.latest-rendering-video-view > .label {
  margin-bottom: 24px;
  font-size: 16px;
  font-weight: bold;
}

.price-first-part {
  margin-right: 0.5rem;
  width: 3rem;
}
.price-second-part {
  margin-left: 0.5rem;
  width: 2rem;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.price-first-part,
.price-second-part {
  -moz-appearance: textfield;
  background: none;
  border-radius: 0;
  padding-left: 0 !important;
  padding-right: 0 !important;
  border-width: 0;
}
.price-currency {
  padding-left: 1rem;
  display: inline-block;
}
.price-first-part,
.price-second-part,
.price-currency {
  border-bottom: 1px;
  border-style: solid;
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}


.render-job-activity-view .render-trigger-running-indicator {
  margin: 0;
  padding: 0.5em;
}

.reject-button-view > .comment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 24px 0 40px;
}
.reject-button-view > .comment > .named-container {
  margin-bottom: 0;
  margin-left: 16px;
  width: 100%;
}
.reject-button-view > .comment > .named-container > .message {
  width: 100%;
}

.revision-history-item-user-info:empty + .revision-history-item-by {
  display: none;
}
.revision-history .user-info-component .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.revision-history .user-info-component .info .username,
.revision-history .user-info-component .info .email {
  margin-left: 8px;
}
.revision-history .user-info-component .info .email:before {
  content: "(";
}
.revision-history .user-info-component .info .email:after {
  content: ")";
}

.super-button .super-button-loading-indicator {
  margin-left: 8px;
}
.super-button .super-button-loading-indicator .loading-indicator-component {
  margin: auto !important;
  width: auto !important;
  height: auto !important;
}
.super-button .super-button-loading-indicator .loading-indicator-component i {
  font-size: 20px !important;
}
.super-button-content {
  display: none;
}
.show-frames .super-button-content {
  display: block;
  padding: 5px;
}



.divider-component {
    margin-top: 8px;
    margin-bottom: 8px
}

.image-view-component {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  max-width: 100%;
}
.image-view-component.center-image {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.image-view-component.center-image > .image {
  text-align: center;
}
.image-view-component.center-image > .text {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.image-view-component > .image > img {
  max-width: 100%;
}
.image-view-component > .image > .caption {
  font-size: 14px;
}
.image-view-component > .text {
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  padding: 24px;
  font-size: 16px;
}

.text-field-component {
  font-size: 16px;
  min-width: 100%;
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
}
.text-field-component.has-spacing {
  margin-left: 200px;
  min-width: calc(100% - 200px);
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
}

.trigger-view-component {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.trigger-view-component > .column:not(:first-child) {
  margin-left: 24px;
}
.trigger-view-component > .column.trigger-button {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.trigger-view-component > .column.client-state {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.trigger-view-component > .column.upload-result-download-button {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.two-column-view-component {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
}
.two-column-view-component .element {
  overflow-x: auto;
}
.two-column-view-component .element:not(:first-child) {
  margin-left: 32px;
}

.video-view-component {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  max-width: 100%;
}
.video-view-component.center-video {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.video-view-component.center-video > .video {
  text-align: center;
}
.video-view-component.center-video > .text {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.video-view-component > .video > video {
  max-width: 500px;
  max-height: 400px;
}
.video-view-component > .video > .caption {
  font-size: 14px;
}
.video-view-component > .text {
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  padding: 24px;
  font-size: 16px;
}




.pending-render-request {
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-column-gap: 16px;
  -webkit-column-gap: 16px;
     -moz-column-gap: 16px;
          column-gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.pending-render-request {
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-column-gap: 16px;
  -webkit-column-gap: 16px;
     -moz-column-gap: 16px;
          column-gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}



.sub-view-screen > .view-configuration {
  background-color: rgba(var(--color-surface), 1);
  border-radius: var(--border);
  height: auto;
  padding: 40px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1
}

.create-view-modal > .create-modal-info {
  font-size: 18px;
  margin: 32px 0;
  min-width: 100%;
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
}
.create-view-modal > .view-type-selector {
  color: rgba(var(--color-typo), 1);
  font-size: 16px;
}
.create-view-modal > .view-type-selector .scheme-name {
  margin: 16px;
  font-size: 14px;
  color: rgba(var(--color-typo), 1);
  font-weight: bolder;
}
.create-view-modal > .view-type-selector .view-type-label {
  cursor: pointer;
  margin: 16px;
  font-size: 14px;
  color: rgba(var(--color-typo), 1);
}
.create-view-modal > .view-type-selector .view-type-label:hover {
  color: rgba(var(--color-typo), 1);
}
.create-view-modal > .view-type-selector .view-type-label:not(.selected) {
  margin-left: 32px;
}

.view-configuration-screen-top-bar {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.view-configuration-screen-top-bar > .top-bar-buttons {
  display: grid;
  grid-template-columns: auto auto;
  grid-column-gap: 16px;
  -webkit-column-gap: 16px;
     -moz-column-gap: 16px;
          column-gap: 16px;
}
.view-configuration-screen .hide {
  display: none;
}
.view-configuration-screen > .view-configuration-scope-selector,
.view-configuration-screen > .view-configurations-table {
  margin-bottom: 16px;
  background-color: rgba(var(--color-surface), 1);
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
  border-radius: var(--border-lg);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.view-configuration-screen > .view-configuration-scope-selector {
  display: grid;
  grid-template-columns: 1fr;
  grid-column-gap: 32px;
  -webkit-column-gap: 32px;
     -moz-column-gap: 32px;
          column-gap: 32px;
}
.view-configuration-screen > .view-configuration-scope-selector > * {
  margin-bottom: 0 !important;
}
.view-configuration-screen > .view-configurations-table .view-configurations-table-list {
  background-color: rgba(var(--color-table-background-1), 1);
  padding: 16px;
  border-radius: var(--border-lg);
}
.view-configuration-screen > .view-configurations-table .view-configurations-table-list .view-configurations-table-header {
  display: grid;
  grid-template-columns: 1fr 1fr 150px 150px auto;
  grid-column-gap: 32px;
  -webkit-column-gap: 32px;
     -moz-column-gap: 32px;
          column-gap: 32px;
  margin-bottom: 16px;
  background-color: rgba(var(--color-table-background-2), 1);
  padding: 16px;
  border-radius: var(--border-md);
}
.view-configuration-screen > .view-configurations-table .view-configurations-table-list .view-configurations-table-header > .heading {
  width: 100%;
  font-weight: bolder;
}
.view-configuration-screen > .view-configurations-table .view-configurations-table-list .view-configurations-table-header > .action-column {
  margin-left: 0 !important;
  width: 100% !important;
}
.view-configuration-screen > .view-configurations-table .view-configurations-table-list > .view-configurations-table-list-entry {
  display: grid;
  grid-template-columns: 1fr 1fr 150px 150px auto;
  grid-column-gap: 32px;
  -webkit-column-gap: 32px;
     -moz-column-gap: 32px;
          column-gap: 32px;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 18px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: var(--border-md);
}
.view-configuration-screen > .view-configurations-table .view-configurations-table-list > .view-configurations-table-list-entry:hover {
  background-color: rgba(var(--color-table-background-2), 1);
}
.view-configuration-screen > .view-configurations-table .view-configurations-table-list > .view-configurations-table-list-entry > .name {
  width: 100%;
}
.view-configuration-screen > .view-configurations-table .view-configurations-table-list > .view-configurations-table-list-entry > .actions {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.view-configuration-screen > .view-configurations-table .view-configurations-table-list > .view-configurations-table-list-entry > .action-column {
  margin-left: 0 !important;
  width: 100% !important;
}
.views-table-wrapper .action-column {
  margin-left: 0 !important;
  width: 100% !important;
}
.views-table-wrapper .rdt_Table .rdt_TableRow {
  font-size: 16px;
}
.views-table-wrapper .text-overflow {
  min-height: 20px;
}
.views-table-wrapper .text-overflow .button-content {
  text-transform: none;
}
.views-table-wrapper .text-overflow .button-content + .icon-component {
  display: none;
}
.views-table-wrapper .text-overflow .button-content:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}
.views-table-wrapper .text-overflow .button-content:hover + .icon-component {
  display: inline;
}
@media (min-width: 600px) {
  .view-configuration-screen .view-configuration-scope-selector {
    padding: 16px;
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 960px) {
  .view-configuration-screen .view-configuration-scope-selector {
    padding: 24px;
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.add-user-modal > .name-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 32px;
  margin-bottom: 24px;
}
.add-user-modal > .invite-user {
  margin-bottom: 24px;
}

.user-list > .content .image-name-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden !important;
}
.user-list > .content .image-name-wrapper .name {
  margin-left: 24px;
}
.user-list > .content .image-name-wrapper .name > .blocked,
.user-list > .content .image-name-wrapper .name > .archived {
  font-size: 14px;
  color: rgba(var(--color-danger), 1);
}

.user-management-top-bar {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}


.view-configuration-screen-top-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.view-configuration-screen > .view-configurations {
  display: grid;
  grid-template-columns: 1fr;
}
.view-configuration-screen > .view-configurations > .view-configuration-table {
  background-color: rgba(var(--color-surface), 1);
  padding: 32px;
  border-radius: var(--border);
}
.view-configuration-screen > .view-configurations > .view-configuration-table > .table-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.view-configuration-screen > .view-configurations > .view-configuration-table > .table-header > .table-heading {
  padding: 16px;
  width: 100%;
  background-color: rgba(var(--color-surface-200), 1);
  font-weight: bolder;
  font-size: 18px;
}
.view-configuration-screen > .view-configurations > .view-configuration-table > .table-header > .table-heading:last-of-type {
  width: 125px;
}
.view-configuration-screen > .view-configurations > .view-configuration-table > .table-header > .table-heading.action-column {
  overflow: visible !important;
  overflow: initial !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 50% !important;
}
.view-configuration-screen > .view-configurations > .view-configuration-table .view-configuration-table-entry {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 24px 16px;
  font-size: 18px;
}
.view-configuration-screen > .view-configurations > .view-configuration-table .view-configuration-table-entry > .name {
  width: 100%;
}
.view-configuration-screen > .view-configurations > .view-configuration-table > .view-configuration-info {
  font-size: 18px;
  min-height: 0;
  min-height: initial;
}
.view-configuration-screen > .view-configurations > .view-configuration-table > .view-configuration-info > .info-header {
  font-weight: bolder;
  font-size: 20px;
  margin-bottom: 24px;
}
@media (min-width: 1280px) {
  .view-configuration-screen > .view-configurations {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .view-configuration-screen > .view-configurations > .view-configuration-table > .view-configuration-info {
    min-height: 250px;
  }
}

.content-list-config-top-bar {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}


.quality-manager-dropdown-component .quality-manager-user {
  margin: 16px 0;
}

.workspace-manager-modal .account-named-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 16px 8px;
}
.workspace-manager-modal .account-named-container > .account-list {
  height: 15vh;
  overflow-y: auto;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.workspace-manager-modal .account-named-container > .account-list > .account-entry {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 32px;
  border-radius: var(--border);
  padding: 8px 16px 8px 8px;
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 16px;
  padding-bottom: 16px;
}
.workspace-manager-modal .account-named-container > .account-list > .account-entry:hover {
  background-color: rgba(var(--color-primary), var(--opacity-variant-primary-faded));
}
.workspace-manager-modal .account-named-container > .account-list > .account-entry > .account-user-info {
  margin-left: 32px;
}
.workspace-manager-modal .account-named-container > .account-list > .account-entry > .account-user-info > .account-name {
  font-size: 14px;
  color: rgba(var(--color-typo), 1);
  font-weight: bolder;
}
.workspace-manager-modal .account-named-container > .account-list > .account-entry > .account-user-info > .account-mail {
  font-size: 14px;
  color: rgba(var(--color-typo), 1);
}
.workspace-manager-modal .account-named-container > .named-container {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 8px;
  width: 100%;
}



.workspace-content-template-folders .page-heading-slot {
    margin-top: 16px;
    margin-bottom: 0
}

.workspace-component .grid-container small .title {
  white-space: inherit;
}

.content-details-screen-top-bar {
  position: relative;
  overflow: visible;
}


.account-views-modal-component > .heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 40px;
}
.account-views-modal-component > .heading > .user-info-component {
  margin-left: 24px;
}

.team-members-modal {
  min-width: 100%;
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
}
.team-members-modal .member-selection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 16px 8px;
}
.team-members-modal .member-selection > .items {
  width: 100%;
  max-height: 20vh;
  overflow-y: auto;
}
.team-members-modal .member-selection > .items > .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 32px;
  border-radius: var(--border);
  padding: 8px 16px 8px 8px;
  margin-right: 24px;
}
.team-members-modal .member-selection > .named-container {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 8px;
  width: 100%;
}
.team-members-modal .template-selection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 8px;
}
.team-members-modal .template-selection .badge-component {
  margin: 4px 8px;
}

.team-top {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.team-top > .team-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.team-members-component > .content > .sortable-list-table .result-user {
  -webkit-box-flex: 0 !important;
      -ms-flex: 0 0 auto !important;
          flex: 0 0 auto !important;
}
.team-members-component > .content > .sortable-list-table .result-views {
  -webkit-box-flex: 0 !important;
      -ms-flex: 0 0 650px !important;
          flex: 0 0 650px !important;
}
.team-members-component > .content > .sortable-list-table .result-action {
  position: relative;
  -webkit-box-flex: 0 !important;
      -ms-flex: 0 0 60px !important;
          flex: 0 0 60px !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: justify !important;
      -ms-flex-pack: justify !important;
          justify-content: space-between !important;
}
.team-members-component > .content > .sortable-list-table .result-action > .overlay {
  position: absolute;
  width: 140px;
  top: 48px;
  z-index: 10;
  background-color: rgba(var(--color-surface-200), 1);
  padding: 24px;
  border-radius: var(--border);
}
.team-members-component > .content > .sortable-list-table .result-views {
  overflow: hidden !important;
}
.team-members-component > .content > .sortable-list-table .result-views .has-more {
  background-color: rgba(var(--color-primary), var(--opacity-variant-primary-faded));
  width: 32px;
  height: 32px;
  padding: 8px;
  margin-right: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
}
.team-members-component > .content > .sortable-list-table .result-views button.primary {
  background-color: rgba(var(--color-surface), 1);
}
.team-members-component > .content > .sortable-list-table .result-permission {
  margin-left: auto;
  -webkit-box-flex: 0 !important;
      -ms-flex: 0 1 250px !important;
          flex: 0 1 250px !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.team-members-component > .content > .sortable-list-table .result-permission .checkbox-component {
  margin-top: 4px;
  margin-bottom: 4px;
}
.team-members-component > .content > .sortable-list-table .result-action > i {
  cursor: pointer;
}
.team-members-component > .content > .sortable-list-table .badge-component {
  margin-right: 16px;
  z-index: 1;
  cursor: auto;
}