/* www/library/modules/asset/src/components/assetWindow/assetWindowOld/assetWindow.scss */
.asset-grid-detail-dialog {
  left: 0;
}
.asset-grid-detail-dialog.opened {
  display: block;
}
.asset-grid-detail-dialog .asset_detail_view .left-column {
  position: relative;
}
.asset-grid-detail-dialog .asset_detail_view .left-column .asset-child-arrows-content {
  position: absolute;
  z-index: 4;
  width: 620px;
  top: 50%;
  margin-top: -13px;
  padding: 0 18px;
}
.generic-form-builder-wrapper .form-asset-wrapper {
  overflow: hidden;
}
.asset-upload-dialog {
  position: fixed;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 979;
  display: none;
}
.asset-grid-detail-dialog,
.asset-edit-dialog {
  background-color: rgba(0, 0, 0, 0.85);
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 980;
  display: none;
  overflow: auto;
}
.cms-browser .asset-edit-dialog {
  z-index: 985;
}

/* www/library/modules/asset/src/components/assetWindow/assetWindow.scss */
.asset-window-modal .modal-contents {
  max-height: 100vh !important;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: start;
  padding: 0 75px 10px !important;
}
@media screen and (max-width: 555px) {
  .asset-window-modal .modal-contents {
    padding: 0 20px 10px !important;
  }
}
.asset-window-modal.edit .modal-contents {
  padding: 0 !important;
}
.asset-window-modal .asset-window {
  color: white;
  width: 100%;
  margin-bottom: 35px;
  position: relative;
}
@media screen and (max-width: 655px) {
  .asset-window-modal .asset-window {
    padding-right: 0;
  }
}
.asset-window-modal .asset-title-container .asset-title {
  max-width: 135px;
}

/* www/components/modal/modal.scss */
.modal-window-wrapper {
  display: none;
  justify-content: center;
  align-items: center;
  background: var(--overlay-color);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  padding: 40px;
}
.modal-window-wrapper[data-open=true] {
  display: flex;
}
.modal-window-wrapper header.modal-top {
  position: absolute;
  height: 50px;
  top: 0;
  width: 100%;
  left: 0;
  padding: 17px 20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.modal-window-wrapper header.modal-top .btn {
  padding: 0;
  margin-right: 10px;
  line-height: 18px;
}
.modal-window-wrapper.no-header > .modal-window {
  padding: 0;
}
.modal-window-wrapper .modal-window {
  position: relative;
  background: var(--background-color);
  width: 100%;
  max-height: 100vh;
  overflow: hidden;
  overflow-y: auto;
  padding: 50px 0 0;
}
.modal-window-wrapper .modal-window .close-modal {
  position: absolute;
  top: 10px;
  right: 15px;
}
.modal-window-wrapper .modal-window .close-modal:hover {
  cursor: pointer;
}
.modal-window-wrapper .modal-window .close-modal i {
  color: var(--primary-color);
}
.modal-window-wrapper .modal-window .modal-contents {
  max-height: 80vh;
  overflow: hidden;
  overflow-y: auto;
  padding: 0 20px 10px;
}
.modal-window-wrapper.variable-width > .modal-window {
  flex: 0 0 fit-content;
  height: auto !important;
}
.modal-window-wrapper.full-height > .modal-window {
  height: 100%;
}
.modal-window-wrapper.full-height > .modal-contents {
  height: 100%;
  max-height: unset !important;
}
.modal-window-wrapper.full-screen {
  padding: 0;
}
.modal-window-wrapper.full-screen > .modal-window {
  height: 100%;
}
.modal-window-wrapper.full-screen > .modal-window {
  background: transparent;
}
.modal-window-wrapper .modalContent {
  padding: 0 10px 35px;
}

/* www/library/modules/asset/src/components/assetWindow/overviewContainer/overviewContainer.scss */
.overview-container {
  max-width: 1024px;
}
.overview-container .overview-content {
  position: relative;
}
.overview-container .overview-content .preview .preview-container .preview-background {
  width: 100%;
  height: 100%;
}
.overview-container .overview-content .sidebar {
  position: absolute;
  width: 100%;
  display: flex;
  justify-content: space-between;
  bottom: -50px;
}
@media screen and (min-width: 655px) {
  .overview-container .overview-content .sidebar {
    width: auto;
    right: -60px;
    top: 0;
    bottom: unset;
  }
}

/* www/components/notifications/notifications.scss */
.snotify .snotify-simple {
  background: var(--primary-color);
}
.snotify .snotify-simple .snotifyToast__body {
  color: var(--primary-color-contrast);
}
.snotify .snotify-confirm {
  background: var(--primary-color);
}
.snotify .snotify-confirm .snotifyToast__body,
.snotify .snotify-confirm button {
  color: var(--primary-color-contrast);
}
.snotify .snotifyToast__progressBar {
  background-color: var(--light-primary-color) !important;
}
.snotify .snotifyToast__progressBar__percentage {
  background-color: var(--dark-primary-color) !important;
}

/* node_modules/vue-snotify/styles/material.scss */
.snotifyToast {
  animation-fill-mode: both;
}
.snotify-leftTop .fadeIn,
.snotify-leftCenter .fadeIn,
.snotify-leftBottom .fadeIn {
  animation-name: fadeInLeft;
}
.snotify-leftTop .fadeOut,
.snotify-leftCenter .fadeOut,
.snotify-leftBottom .fadeOut {
  animation-name: fadeOutLeft;
}
.snotify-rightTop .fadeIn,
.snotify-rightCenter .fadeIn,
.snotify-rightBottom .fadeIn {
  animation-name: fadeInRight;
}
.snotify-rightTop .fadeOut,
.snotify-rightCenter .fadeOut,
.snotify-rightBottom .fadeOut {
  animation-name: fadeOutRight;
}
.snotify-centerTop .fadeIn {
  animation-name: fadeInDown;
}
.snotify-centerTop .fadeOut {
  animation-name: fadeOutUp;
}
.snotify-centerCenter .fadeIn {
  animation-name: fadeIn;
}
.snotify-centerCenter .fadeOut {
  animation-name: fadeOut;
}
.snotify-centerBottom .fadeIn {
  animation-name: fadeInUp;
}
.snotify-centerBottom .fadeOut {
  animation-name: fadeOutDown;
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) scaleX(1.2);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translate3d(100%, 0, 0) scaleX(1.2);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0) scaleY(1.2);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -100%, 0) scaleY(1.2);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes appear {
  0% {
    max-height: 0;
  }
  100% {
    max-height: 50vh;
  }
}
@keyframes disappear {
  0% {
    opacity: 0;
    max-height: 50vh;
  }
  100% {
    opacity: 0;
    max-height: 0;
  }
}
@keyframes async {
  0% {
    transform: translate(0, -50%) rotate(0deg);
  }
  100% {
    transform: translate(0, -50%) rotate(360deg);
  }
}
.snotify {
  display: block;
  position: fixed;
  width: 300px;
  z-index: 9999;
  box-sizing: border-box;
  pointer-events: none;
}
.snotify * {
  box-sizing: border-box;
}
.snotify-leftTop,
.snotify-leftCenter,
.snotify-leftBottom {
  left: 10px;
}
.snotify-rightTop,
.snotify-rightCenter,
.snotify-rightBottom {
  right: 10px;
}
.snotify-centerTop,
.snotify-centerCenter,
.snotify-centerBottom {
  left: calc(50% - 300px / 2);
}
.snotify-leftTop,
.snotify-centerTop,
.snotify-rightTop {
  top: 10px;
}
.snotify-leftCenter,
.snotify-rightCenter,
.snotify-centerCenter {
  top: 50%;
  transform: translateY(-50%);
}
.snotify-leftBottom,
.snotify-rightBottom,
.snotify-centerBottom {
  bottom: 10px;
}
.snotify-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #000;
  opacity: 0;
  z-index: 9998;
  transition: opacity 0.3s;
}
.snotifyToast {
  display: block;
  cursor: pointer;
  background-color: #fff;
  height: 100%;
  margin: 5px;
  opacity: 0;
  border-radius: 5px;
  overflow: hidden;
  pointer-events: auto;
}
.snotifyToast--in {
  animation-name: appear;
}
.snotifyToast--out {
  animation-name: disappear;
}
.snotifyToast__inner {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  padding: 5px 65px 5px 15px;
  min-height: 78px;
  font-size: 16px;
  color: #000;
}
.snotifyToast__noIcon {
  padding: 5px 15px 5px 15px;
}
.snotifyToast__progressBar {
  position: relative;
  width: 100%;
  height: 10px;
  background-color: #c7c7c7;
}
.snotifyToast__progressBar__percentage {
  position: absolute;
  top: 0;
  left: 0;
  height: 10px;
  background-color: #4c4c4c;
  max-width: 100%;
}
.snotifyToast__title {
  font-size: 1.8em;
  line-height: 1.2em;
  margin-bottom: 5px;
  color: #fff;
}
.snotifyToast__body {
  font-size: 1em;
}
.snotifyToast-show {
  transform: translate(0, 0);
  opacity: 1;
}
.snotifyToast-remove {
  max-height: 0;
  overflow: hidden;
  transform: translate(0, 50%);
  opacity: 0;
}
.fadeOutRight {
  animation-name: fadeOutRight;
}
.snotify-simple .snotifyToast__title,
.snotify-simple .snotifyToast__body {
  color: #000;
}
.snotify-success {
  background-color: #4caf50;
}
.snotify-success .snotifyToast__progressBar {
  background-color: #388e3c;
}
.snotify-success .snotifyToast__progressBar__percentage {
  background-color: #81c784;
}
.snotify-success .snotifyToast__body {
  color: #c8e6c9;
}
.snotify-info {
  background-color: #1e88e5;
}
.snotify-info .snotifyToast__progressBar {
  background-color: #1565c0;
}
.snotify-info .snotifyToast__progressBar__percentage {
  background-color: #64b5f6;
}
.snotify-info .snotifyToast__body {
  color: #e3f2fd;
}
.snotify-warning {
  background-color: #ff9800;
}
.snotify-warning .snotifyToast__progressBar {
  background-color: #ef6c00;
}
.snotify-warning .snotifyToast__progressBar__percentage {
  background-color: #ffcc80;
}
.snotify-warning .snotifyToast__body {
  color: #fff3e0;
}
.snotify-error {
  background-color: #f44336;
}
.snotify-error .snotifyToast__progressBar {
  background-color: #c62828;
}
.snotify-error .snotifyToast__progressBar__percentage {
  background-color: #ef9a9a;
}
.snotify-error .snotifyToast__body {
  color: #ffebee;
}
.snotify-async {
  background-color: #1e88e5;
}
.snotify-async .snotifyToast__progressBar {
  background-color: #1565c0;
}
.snotify-async .snotifyToast__progressBar__percentage {
  background-color: #64b5f6;
}
.snotify-async .snotifyToast__body {
  color: #e3f2fd;
}
.snotify-confirm {
  background-color: #009688;
}
.snotify-confirm .snotifyToast__progressBar {
  background-color: #4db6ac;
}
.snotify-confirm .snotifyToast__progressBar__percentage {
  background-color: #80cbc4;
}
.snotify-confirm .snotifyToast__body {
  color: #e0f2f1;
}
.snotify-prompt {
  background-color: #009688;
}
.snotify-prompt .snotifyToast__title {
  margin-bottom: 0;
}
.snotify-prompt .snotifyToast__body {
  color: #e0f2f1;
}
.snotify-confirm .snotifyToast__inner,
.snotify-prompt .snotifyToast__inner {
  padding: 10px 15px;
}
.snotifyToast__input {
  position: relative;
  z-index: 1;
  display: inline-block;
  margin: 0;
  width: 100%;
  vertical-align: top;
  transition: all 0.5s;
  transition-delay: 0.3s;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.snotifyToast__input__field {
  position: relative;
  display: block;
  float: right;
  padding: 0.85em 0.5em;
  width: 100%;
  border: none;
  border-radius: 0;
  background: transparent;
  color: #333;
  font-weight: bold;
  -webkit-appearance: none;
  opacity: 0;
  transition: opacity 0.3s;
}
.snotifyToast__input__field:focus {
  outline: none;
}
.snotifyToast__input__label {
  display: inline-block;
  float: right;
  padding: 0 0.85em;
  width: 100%;
  color: #e0f2f1;
  font-weight: bold;
  font-size: 70.25%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  position: absolute;
  left: 0;
  height: 100%;
  text-align: left;
  pointer-events: none;
}
.snotifyToast__input__label::before,
.snotifyToast__input__label::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: transform 0.3s;
}
.snotifyToast__input__label::before {
  border-top: 2px solid #fff;
  transform: translate3d(0, 100%, 0) translate3d(0, -2px, 0);
  transition-delay: 0.3s;
}
.snotifyToast__input__label::after {
  z-index: -1;
  background: #b2dfdb;
  transform: scale3d(1, 0, 1);
  transform-origin: 50% 0;
}
.snotifyToast__input__labelContent {
  position: relative;
  display: block;
  padding: 1em 0;
  width: 100%;
  transition: transform 0.3s 0.3s;
}
.snotifyToast__input--filled {
  margin-top: 2.5em;
}
.snotifyToast__input--filled:focus,
.snotifyToast__input--filled .snotifyToast__input__field {
  opacity: 1;
  transition-delay: 0.3s;
}
.snotifyToast__input__field:focus + .snotifyToast__input__label .snotifyToast__input__labelContent,
.snotifyToast__input--filled .snotifyToast__input__labelContent {
  transform: translate(0, -80%);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.snotifyToast__input__field:focus + .snotifyToast__input__label::before,
.snotifyToast__input--filled .snotifyToast__input__label::before {
  transition-delay: 0s;
}
.snotifyToast__input__field:focus + .snotifyToast__input__label::before,
.snotifyToast__input--filled .snotifyToast__input__label::before {
  transform: translate(0, 0);
}
.snotifyToast__input__field:focus + .snotifyToast__input__label::after,
.snotifyToast__input--filled .snotifyToast__input__label::after {
  transform: scale(1, 1);
  transition-delay: 0.3s;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.snotifyToast--invalid .snotifyToast__input__label::before {
  border-color: #f44336;
}
.snotifyToast--valid .snotifyToast__input__label::before {
  border-color: #4caf50;
}
.snotifyToast__buttons {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.snotifyToast__buttons button {
  position: relative;
  width: 100%;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  border-top: none;
  border-bottom: none;
  background: transparent;
  padding: 8px;
  text-transform: capitalize;
  color: #fff;
  box-sizing: border-box;
  overflow: hidden;
}
.snotifyToast__buttons button::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 5px;
  height: 5px;
  background: rgba(255, 255, 255, 0.3);
  opacity: 0;
  border-radius: 100%;
  transform: scale(1, 1) translate(-50%);
  transform-origin: 50% 50%;
}
.snotifyToast__buttons button:focus:not(:active)::after {
  animation: ripple 1s ease-out;
}
.snotifyToast__buttons button:hover,
.snotifyToast__buttons button:focus {
  background: rgba(0, 0, 0, 0.1);
  outline: none;
}
.snotifyToast__buttons button:active {
  background: rgba(0, 0, 0, 0.15);
}
.snotifyToast__buttons button:last-child {
  border-right: none;
}
.snotifyToast__buttons button:first-child {
  border-left: none;
}
.snotifyToast__buttons--bold {
  font-weight: 700;
}
@keyframes ripple {
  0% {
    transform: scale(0, 0);
    opacity: 1;
  }
  20% {
    transform: scale(25, 25);
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: scale(40, 40);
  }
}
.snotify-icon {
  position: absolute;
  right: 10px;
  top: 50%;
  line-height: 0;
  transform: translate(0, -50%);
  max-height: 48px;
  max-width: 48px;
  width: 100%;
  height: 100%;
}
.snotify-icon--error {
  background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20version=%221.1%22%20x=%220px%22%20y=%220px%22%20viewBox=%220%200%20512%20512%22%20fill=%22%23ffcdd2%22%3E%3Cg%3E%3Cpath%20d=%22M437,75A256,256,0,1,0,75,437,256,256,0,1,0,437,75ZM416.43,416.43a226.82,226.82,0,0,1-320.86,0C7.11,328,7.11,184,95.57,95.57a226.82,226.82,0,0,1,320.86,0C504.89,184,504.89,328,416.43,416.43Z%22/%3E%3Cpath%20d=%22M368.81,143.19a14.5,14.5,0,0,0-20.58,0L256,235.42l-92.23-92.23a14.55,14.55,0,0,0-20.58,20.58L235.42,256l-92.23,92.23a14.6,14.6,0,0,0,10.24,24.89,14.19,14.19,0,0,0,10.24-4.31l92.23-92.23,92.23,92.23a14.64,14.64,0,0,0,10.24,4.31,14,14,0,0,0,10.24-4.31,14.5,14.5,0,0,0,0-20.58l-92-92.23,92.23-92.23A14.5,14.5,0,0,0,368.81,143.19Z%22/%3E%3C/g%3E%3C/svg%3E);
}
.snotify-icon--warning {
  background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20version=%221.1%22%20x=%220px%22%20y=%220px%22%20viewBox=%220%200%20512%20512%22%20fill=%22%23ffccbc%22%3E%3Cg%3E%3Cpath%20d=%22M256,512c141.15,0,256-114.84,256-256S397.15,0,256,0,0,114.84,0,256,114.85,512,256,512Zm0-480.49c123.79,0,224.49,100.71,224.49,224.49S379.79,480.49,256,480.49,31.51,379.79,31.51,256,132.21,31.51,256,31.51Z%22/%3E%3Ccircle%20cx=%22260.08%22%20cy=%22343.87%22%20r=%2226.35%22/%3E%3Cpath%20d=%22M254.68,278.39a15.76,15.76,0,0,0,15.75-15.75V128.72a15.75,15.75,0,1,0-31.51,0V262.63A15.76,15.76,0,0,0,254.68,278.39Z%22/%3E%3C/g%3E%3C/svg%3E);
}
.snotify-icon--info {
  background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20version=%221.1%22%20x=%220px%22%20y=%220px%22%20viewBox=%220%200%20512%20512%22%20fill=%22%23bbdefb%22%3E%3Cg%3E%3Cpath%20d=%22M256,0C114.84,0,0,114.84,0,256S114.84,512,256,512,512,397.16,512,256,397.15,0,256,0Zm0,478.43C133.35,478.43,33.57,378.64,33.57,256S133.35,33.58,256,33.58,478.42,133.36,478.42,256,378.64,478.43,256,478.43Z%22/%3E%3Cpath%20d=%22M251.26,161.24a22.39,22.39,0,1,0-22.38-22.39A22.39,22.39,0,0,0,251.26,161.24Z%22/%3E%3Cpath%20d=%22M286.84,357.87h-14v-160A16.79,16.79,0,0,0,256,181.05H225.17a16.79,16.79,0,0,0,0,33.58h14.05V357.87H225.17a16.79,16.79,0,0,0,0,33.57h61.67a16.79,16.79,0,1,0,0-33.57Z%22/%3E%3C/g%3E%3C/svg%3E);
}
.snotify-icon--success {
  background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20version=%221.1%22%20x=%220px%22%20y=%220px%22%20viewBox=%220%200%20512%20512%22%20fill=%22%23c8e6c9%22%3E%3Cg%3E%3Cpath%20d=%22M256,0C114.85,0,0,114.84,0,256S114.85,512,256,512,512,397.16,512,256,397.15,0,256,0Zm0,492.31c-130.29,0-236.31-106-236.31-236.31S125.71,19.69,256,19.69,492.31,125.71,492.31,256,386.29,492.31,256,492.31Z%22/%3E%3Cpath%20class=%22cls-1%22%20d=%22M376.64,151,225.31,321.24l-91.17-72.93a9.85,9.85,0,0,0-12.3,15.38l98.46,78.77a9.86,9.86,0,0,0,13.52-1.15L391.36,164.08A9.85,9.85,0,0,0,376.64,151Z%22/%3E%3C/g%3E%3C/svg%3E);
}
.snotify-icon--async {
  background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20version=%221.1%22%20x=%220px%22%20y=%220px%22%20viewBox=%220%200%20512%20512%22%20fill=%22%23bbdefb%22%3E%3Cg%3E%3Cpath%20d=%22M256,0a32,32,0,0,0-32,32V96a32,32,0,0,0,64,0V32A32,32,0,0,0,256,0Zm0,384a32,32,0,0,0-32,32v64a32,32,0,0,0,64,0V416A32,32,0,0,0,256,384ZM391.74,165.5,437,120.22A32,32,0,0,0,391.74,75L346.5,120.22a32,32,0,0,0,45.25,45.28Zm-271.52,181L75,391.74A32,32,0,0,0,120.22,437l45.25-45.25a32,32,0,0,0-45.25-45.25Zm0-271.52A32,32,0,1,0,75,120.22l45.25,45.28a32,32,0,1,0,45.25-45.28ZM391.74,346.5a32,32,0,0,0-45.25,45.25L391.74,437A32,32,0,0,0,437,391.74ZM480,224H416a32,32,0,0,0,0,64h64a32,32,0,0,0,0-64ZM128,256a32,32,0,0,0-32-32H32a32,32,0,0,0,0,64H96A32,32,0,0,0,128,256Z%22/%3E%3C/g%3E%3C/svg%3E);
  animation: async 3s infinite linear;
  transform-origin: 50% 50%;
}

/* www/components/contextMenu/contextMenu.scss */
.contextWindow {
  z-index: 100000000000;
  display: none;
  position: fixed;
  background: var(--primary-color);
  color: white;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  top: 0;
  left: 0;
}
.contextWindow.opened {
  display: block;
}
.contextWindow ul {
  margin-bottom: 0;
}
.contextWindow ul li {
  margin: 0 !important;
  padding: 20px;
  vertical-align: center;
}
.contextWindow ul li:not(:last-of-type) {
  border-bottom: 1px solid var(--border-color);
}
.contextWindow ul li i.icon {
  margin-right: 15px;
}
.contextWindow [data-action]:hover {
  text-decoration: underline;
  cursor: pointer;
}
.contextWindow .btn.link {
  color: white;
}

/* www/library/modules/asset/src/components/assetCollections/addToCollectionsButton/assetCollectionsButton.scss */
button.addToCollections {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 1;
  height: auto;
  padding: 2px 9px;
}

/* www/library/modules/asset/src/components/assetCollections/addNewCollection/addNewCollection.scss */
.addNewCollection {
  border-top: var(--default-border);
  position: relative;
}
.addNewCollection .btn {
  padding: 20px;
}
.addNewCollection .btn.add {
  position: absolute;
  right: 0;
  top: 0;
  color: var(--primary-color);
}

/* www/library/modules/asset/src/components/assetCollections/addToCollectionSection/addToCollectionSection.scss */
.addToSelectionSection {
  background-color: var(--dropdown-background-color);
  color: var(--text-color);
  overflow: hidden;
}
.addToSelectionSection input {
  border: none !important;
  background: var(--dropdown-background-color);
  width: 100%;
}
.addToSelectionSection input::-moz-placeholder {
  color: var(--text-color);
  opacity: 1;
}
.addToSelectionSection input::placeholder {
  color: var(--text-color);
  opacity: 1;
}
.addToSelectionSection ul {
  margin-bottom: 0;
  max-height: 300px;
  overflow: hidden;
  overflow-y: auto;
}
.addToSelectionSection ul li {
  margin: 0 !important;
  padding: 20px;
  vertical-align: center;
}
.addToSelectionSection ul li:not(:last-of-type) {
  border-bottom: 1px solid var(--border-color);
}
.addToSelectionSection ul li:hover,
.addToSelectionSection ul li.active {
  background: var(--primary-color);
  color: var(--primary-color-contrast);
}
.addToSelectionSection ul li i.icon {
  float: right;
  margin: 0;
}
.addAssetToCollectionWrapper .addToSelectionSection {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  position: absolute;
  z-index: 2;
  top: 20px;
  right: 0;
  width: 130%;
}

/* www/library/modules/asset/src/components/assetCollections/addToCollectionSection/addToCollectionsContextMenu.scss */
.collections-context-menu {
  position: fixed;
  z-index: 999;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

/* www/library/modules/asset/src/components/assetWindow/components/assetWindowHeader/assetWindowHeader.scss */
header.window-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
  width: 100%;
}
header.window-header h2.title {
  color: white;
  font-size: 1.2rem;
}
header.window-header .window-header-left {
  display: flex;
  align-items: center;
}
header.window-header .window-header-left .overview-thumb-wrapper {
  margin-right: 15px;
}
header.window-header .window-header-left h2.title {
  font-weight: 300;
  margin-bottom: 0;
}
header.window-header .asset-action-container button {
  margin-left: 5px;
  padding: 7px 13px;
}
header.window-header .asset-action-container button i {
  font-size: 1rem;
}
header.window-header .edit-actions ul {
  margin: 0;
  display: flex;
}
header.window-header .edit-actions ul li {
  margin-right: 5px;
}
header.window-header .preview-container {
  width: 50px;
}
header.window-header.edit {
  background: rgba(0, 0, 0, 0.5);
}
header.window-header .child-count {
  display: inline-block;
  background: var(--primary-color);
  padding: 1px 9px;
  border-radius: 15px;
  margin-left: 10px;
}

/* www/library/modules/asset/src/components/assetThumb/assetThumb.scss */
.preview-container {
  overflow: hidden;
  position: relative;
}
.preview-container:not(.group) {
  padding-top: 66.66%;
}
.preview-container .image-center {
  width: 100%;
  height: 100%;
  text-align: center;
  position: absolute;
  top: 0;
}
.preview-container .image-center img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100% !important;
  max-height: 100% !important;
}
.preview-container .image-center img + .icon svg {
  position: absolute;
  top: 0;
  right: 5px;
  width: 30px;
}
.preview-container .image-center.preview-background {
  background-size: 8px;
  background-color: var(--asset-thumb-color);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cg fill='%239f9f9f' fill-opacity='0.4'%3E%3Cpath fill-rule='evenodd' d='M0 0h4v4H0V0zm4 4h4v4H4V4z'/%3E%3C/g%3E%3C/svg%3E");
}
.preview-container .image-center.preview-background.plain-bg {
  background-image: none !important;
}
.preview-container .image-center:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.preview-container div.preview-blocker {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 1;
}
.preview-container .requestIcon {
  position: absolute;
  top: 6px;
  left: 15px;
  font-size: 1.5rem;
  color: var(--primary-color);
  opacity: 0.9;
  z-index: 2;
}
.preview-container footer.asset-footer .asset-action-container button.btn {
  background: transparent;
}
.preview-container .assetCount {
  position: absolute;
  top: 10px;
  right: 10px;
  background: var(--asset-count-color);
  color: var(--text-color);
  padding: 2px 4px;
  border-radius: 20px;
  font-size: 13px;
  z-index: 2;
}
.preview-container .variant-navigation-buttons {
  display: flex;
  position: absolute;
  opacity: 0;
  transition: all 0.3s ease-in-out;
  width: 100%;
  height: 100%;
  z-index: 3;
  justify-content: space-between;
  align-items: center;
  top: 0;
}
.preview-container .variant-navigation-buttons button {
  background: transparent;
  border: none;
  color: var(--text-color);
  font-size: 1.5rem;
  padding: 0;
  cursor: pointer;
  outline: none;
  transition: all 0.3s ease-in-out;
  background-color: rgba(0, 0, 0, 0.3);
  padding: 0 10px;
}
.preview-container .variant-navigation-buttons button:hover {
  color: var(--primary-color);
}
.preview-container:hover .variant-navigation-buttons {
  opacity: 1;
}
.asset-thumb-container {
  background: var(--asset-thumb-color);
}
.asset-thumb-container .asset-status {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 10px;
}
tr .preview-container {
  padding-top: 66.66%;
}

/* www/library/modules/asset/src/components/assetThumb/assetThumbGrid/assetThumbGrid.scss */
.asset-thumb-grid {
  display: flex;
  flex-wrap: wrap;
}
.asset-thumb-grid .grid-image {
  flex: 0 0 50%;
}
.asset-thumb-grid .grid-image:nth-child(1) {
  border-bottom: 1px solid black;
  border-right: 1px solid black;
}
.asset-thumb-grid .grid-image:nth-child(2) {
  border-bottom: 1px solid black;
  border-left: 1px solid black;
}
.asset-thumb-grid .grid-image:nth-child(3) {
  border-top: 1px solid black;
  border-right: 1px solid black;
}
.asset-thumb-grid .grid-image:nth-child(4) {
  border-top: 1px solid black;
  border-left: 1px solid black;
}
.asset-thumb-grid .grid-image .requestIcon {
  font-size: 1rem;
  left: 9px !important;
}
.asset-thumb-grid .grid-image.dummy {
  min-height: 57px;
}

/* www/library/modules/asset/src/components/assetWindow/components/assetWindowRelatedSwitcher/assetWindowRelatedSwitcher.scss */
section.window-related-switcher {
  display: flex;
  flex-direction: row;
  overflow-x: auto;
  scrollbar-width: none;
}
section.window-related-switcher::-webkit-scrollbar {
  display: none;
}
@media screen and (min-width: 655px) {
  section.window-related-switcher {
    flex-direction: column;
    width: 50px;
    overflow: hidden;
  }
}
section.window-related-switcher > header {
  width: 50px;
  margin-right: 5px;
  padding: 5px 15px;
  background: rgba(0, 0, 0, 0.5);
  margin-bottom: 3px;
}
section.window-related-switcher > header i.icon {
  margin-right: 3px;
}
section.window-related-switcher ul.related-assets {
  display: flex;
  flex-direction: row;
  margin: 0;
  flex: 1;
}
@media screen and (min-width: 655px) {
  section.window-related-switcher ul.related-assets {
    flex-direction: column;
  }
}
section.window-related-switcher ul.related-assets li.related-asset {
  width: 50px;
  margin: 1px 5px 0 0;
}
section.window-related-switcher ul.related-assets li.related-asset .preview-container {
  margin-bottom: 5px;
  width: 100%;
}
section.window-related-switcher ul.related-assets li.related-asset .preview-container img:hover {
  cursor: pointer;
}

/* www/library/modules/asset/src/components/assetWindow/components/otherAssetSwitcher/otherAssetNavigator.scss */
@media screen and (max-width: 555px) {
  .other-asset-navigator {
    display: none;
  }
}
@media screen and (min-width: 555px) {
  .other-asset-navigator .btn {
    background: none;
    border-radius: 20px;
    padding: 5px 14px 8px 15px;
    border: 1px solid white;
    height: 39px;
    position: fixed;
    top: 30vh;
  }
  .other-asset-navigator .btn.previous {
    left: 20px;
  }
  .other-asset-navigator .btn.next {
    right: 20px;
  }
}
.sidebar .other-asset-navigator {
  display: none;
  flex: 0 0 70px;
}
@media screen and (max-width: 555px) {
  .sidebar .other-asset-navigator {
    display: inline-block;
  }
}
.sidebar .other-asset-navigator button {
  position: relative;
  height: 35px;
  padding: 0 11px;
  margin-left: 5px;
}

/* www/library/modules/asset/src/components/assetWindow/detailContainer/detailContainer.scss */
.detail-container {
  max-width: 1500px;
}
.detail-container section.overview-content {
  background: var(--background-color);
  color: var(--text-color);
  display: flex;
  align-content: space-between;
  padding: 30px;
}
.detail-container section.overview-content .overview-content-left {
  width: 60%;
  order: 1;
}
.detail-container section.overview-content .overview-content-right {
  width: 40%;
  padding: 0 20px;
  order: 2;
}
.detail-container section.overview-content .left-section {
  order: 3;
}
@media screen and (max-width: 845px) {
  .detail-container section.overview-content .overview-content-left,
  .detail-container section.overview-content .overview-content-right,
  .detail-container section.overview-content .left-section {
    width: 50%;
  }
}
@media screen and (max-width: 755px) {
  .detail-container section.overview-content {
    flex-direction: column;
  }
  .detail-container section.overview-content .overview-content-left,
  .detail-container section.overview-content .overview-content-right,
  .detail-container section.overview-content .left-section {
    width: 100%;
  }
}
.detail-container section.overview-content .preview {
  position: relative;
  margin-bottom: 20px;
}
.detail-container section.overview-content .preview button {
  position: absolute;
  top: 50%;
  margin-top: -19.5px;
  border-radius: 20px;
  padding: 5px 14px 8px 15px;
  height: 39px;
  background: var(--background-color);
  opacity: 0.5;
  z-index: 2;
}
.detail-container section.overview-content .preview button:hover {
  opacity: 1;
}
.detail-container section.overview-content .preview button i {
  color: var(--primary-color);
}
.detail-container section.overview-content .preview button.previous {
  left: 10px;
}
.detail-container section.overview-content .preview button.next {
  right: 10px;
}
.detail-container section.overview-content .form-section h3 {
  font-size: 1rem;
  text-transform: uppercase;
  color: var(--primary-color);
  font-weight: 700;
  border-bottom: var(--default-border);
  padding: 5px 0;
}
.detail-container section.overview-content .form-section .mb-3 {
  display: flex;
}
@media screen and (max-width: 650px) {
  .detail-container section.overview-content .form-section .mb-3 {
    flex-direction: column;
  }
}
.detail-container section.overview-content .form-section .mb-3 h4 {
  flex: 0 0 33%;
  font-size: 1rem;
  color: grey;
  margin-right: 10px;
}
.detail-container section.overview-content .form-section .mb-3 > div:not(.text-danger) {
  font-size: 1rem;
  flex: 1 1 66%;
  overflow: hidden;
  word-break: break-word;
}
.detail-container section.overview-content .form-section .mb-3:has(.slider) {
  flex-direction: column;
}

/* www/library/modules/asset/src/components/assetPropertyComponents/keyword/keywordView.scss */

/* www/library/modules/asset/src/components/assetWindow/components/formComponents/formSection/formSection.scss */
.form-section {
  font-size: 13px;
  margin-bottom: 35px;
}
.form-section header {
  font-weight: 700;
  color: var(--primary-color);
  border-bottom: var(--default-border);
  font-size: 1.1rem;
  padding: 5px 0;
  margin-bottom: 10px;
}
.modal-contents .filter-option,
#pos-items-overview .filter-option {
  width: 100%;
  padding: 4px !important;
}

/* www/library/modules/asset/src/components/assetWindow/components/formComponents/formField/formField.scss */
.form-field {
  display: flex;
  align-content: space-between;
  margin-bottom: 15px;
  line-height: 1.2rem;
}
.form-field > label {
  width: 40%;
  min-width: 150px;
  word-break: break-word;
  margin: 0;
  display: flex;
  align-items: center;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--light-text-color);
}
.form-field .value {
  width: 60%;
  padding-left: 5px;
  display: flex;
  align-items: center;
}

/* www/components/input/text/text.scss */

/* www/components/input/boolean/boolean.scss */
.boolean-input input[type=radio] {
  display: none;
}
.boolean-input input[type=radio]:checked + label {
  background: var(--primary-color);
  color: var(--primary-color-contrast);
}
.boolean-input label {
  background: #E8E8E8;
  color: black;
  padding: 5px 20px;
}

/* www/components/input/date/date.scss */
.date-input {
  display: inline-flex;
  position: relative;
  border: var(--default-border);
}
.date-input input {
  padding: 15px 7.5px;
  text-align: center;
  border: none !important;
  -moz-appearance: textfield;
}
.date-input input::-webkit-inner-spin-button {
  display: none;
}
.date-input input:first-child {
  padding-left: 15px;
}
.date-input input:last-child {
  padding-right: 15px;
}
.date-input input:focus {
  outline: none !important;
  box-shadow: none !important;
}
.date-input input.date-input-day,
.date-input input.date-input-month {
  width: 3em;
}
.date-input input.date-input-year {
  width: 4em;
}
.date-input .date-input-divider {
  padding-top: 15px;
  padding-bottom: 15px;
  pointer-events: none;
}
.date-input .vdp-datepicker {
  position: absolute;
}
.date-input .vdp-datepicker > div:not(.vdp-datepicker__calendar) {
  display: none;
}
.date-input .vdp-datepicker .vdp-datepicker__calendar {
  top: 50px;
}

/* node_modules/vue-multiselect/dist/vue-multiselect.min.css */
fieldset[disabled] .multiselect {
  pointer-events: none;
}
.multiselect__spinner {
  position: absolute;
  right: 1px;
  top: 1px;
  width: 48px;
  height: 35px;
  background: #fff;
  display: block;
}
.multiselect__spinner:after,
.multiselect__spinner:before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  margin: -8px 0 0 -8px;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  border: 2px solid transparent;
  border-top-color: #41b883;
  box-shadow: 0 0 0 1px transparent;
}
.multiselect__spinner:before {
  animation: spinning 2.4s cubic-bezier(.41, .26, .2, .62);
  animation-iteration-count: infinite;
}
.multiselect__spinner:after {
  animation: spinning 2.4s cubic-bezier(.51, .09, .21, .8);
  animation-iteration-count: infinite;
}
.multiselect__loading-enter-active,
.multiselect__loading-leave-active {
  transition: opacity .4s ease-in-out;
  opacity: 1;
}
.multiselect__loading-enter,
.multiselect__loading-leave-active {
  opacity: 0;
}
.multiselect,
.multiselect__input,
.multiselect__single {
  font-family: inherit;
  font-size: 16px;
  touch-action: manipulation;
}
.multiselect {
  box-sizing: content-box;
  display: block;
  position: relative;
  width: 100%;
  min-height: 40px;
  text-align: left;
  color: #35495e;
}
.multiselect * {
  box-sizing: border-box;
}
.multiselect:focus {
  outline: none;
}
.multiselect--disabled {
  background: #ededed;
  pointer-events: none;
  opacity: .6;
}
.multiselect--active {
  z-index: 50;
}
.multiselect--active:not(.multiselect--above) .multiselect__current,
.multiselect--active:not(.multiselect--above) .multiselect__input,
.multiselect--active:not(.multiselect--above) .multiselect__tags {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.multiselect--active .multiselect__select {
  transform: rotate(180deg);
}
.multiselect--above.multiselect--active .multiselect__current,
.multiselect--above.multiselect--active .multiselect__input,
.multiselect--above.multiselect--active .multiselect__tags {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.multiselect__input,
.multiselect__single {
  position: relative;
  display: inline-block;
  min-height: 20px;
  line-height: 20px;
  border: none;
  border-radius: 5px;
  background: #fff;
  padding: 0 0 0 5px;
  width: 100%;
  transition: border .1s ease;
  box-sizing: border-box;
  margin-bottom: 8px;
  vertical-align: top;
}
.multiselect__input::-moz-placeholder {
  color: #35495e;
}
.multiselect__input::placeholder {
  color: #35495e;
}
.multiselect__tag ~ .multiselect__input,
.multiselect__tag ~ .multiselect__single {
  width: auto;
}
.multiselect__input:hover,
.multiselect__single:hover {
  border-color: #cfcfcf;
}
.multiselect__input:focus,
.multiselect__single:focus {
  border-color: #a8a8a8;
  outline: none;
}
.multiselect__single {
  padding-left: 5px;
  margin-bottom: 8px;
}
.multiselect__tags-wrap {
  display: inline;
}
.multiselect__tags {
  min-height: 40px;
  display: block;
  padding: 8px 40px 0 8px;
  border-radius: 5px;
  border: 1px solid #e8e8e8;
  background: #fff;
  font-size: 14px;
}
.multiselect__tag {
  position: relative;
  display: inline-block;
  padding: 4px 26px 4px 10px;
  border-radius: 5px;
  margin-right: 10px;
  color: #fff;
  line-height: 1;
  background: #41b883;
  margin-bottom: 5px;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
}
.multiselect__tag-icon {
  cursor: pointer;
  margin-left: 7px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  font-weight: 700;
  font-style: normal;
  width: 22px;
  text-align: center;
  line-height: 22px;
  transition: all .2s ease;
  border-radius: 5px;
}
.multiselect__tag-icon:after {
  content: "\d7";
  color: #266d4d;
  font-size: 14px;
}
.multiselect__tag-icon:focus,
.multiselect__tag-icon:hover {
  background: #369a6e;
}
.multiselect__tag-icon:focus:after,
.multiselect__tag-icon:hover:after {
  color: #fff;
}
.multiselect__current {
  min-height: 40px;
  overflow: hidden;
  padding: 8px 30px 0 12px;
  white-space: nowrap;
  border-radius: 5px;
  border: 1px solid #e8e8e8;
}
.multiselect__current,
.multiselect__select {
  line-height: 16px;
  box-sizing: border-box;
  display: block;
  margin: 0;
  text-decoration: none;
  cursor: pointer;
}
.multiselect__select {
  position: absolute;
  width: 40px;
  height: 38px;
  right: 1px;
  top: 1px;
  padding: 4px 8px;
  text-align: center;
  transition: transform .2s ease;
}
.multiselect__select:before {
  position: relative;
  right: 0;
  top: 65%;
  color: #999;
  margin-top: 4px;
  border-color: #999 transparent transparent;
  border-style: solid;
  border-width: 5px 5px 0;
  content: "";
}
.multiselect__placeholder {
  color: #adadad;
  display: inline-block;
  margin-bottom: 10px;
  padding-top: 2px;
}
.multiselect--active .multiselect__placeholder {
  display: none;
}
.multiselect__content-wrapper {
  position: absolute;
  display: block;
  background: #fff;
  width: 100%;
  max-height: 240px;
  overflow: auto;
  border: 1px solid #e8e8e8;
  border-top: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: 50;
  -webkit-overflow-scrolling: touch;
}
.multiselect__content {
  list-style: none;
  display: inline-block;
  padding: 0;
  margin: 0;
  min-width: 100%;
  vertical-align: top;
}
.multiselect--above .multiselect__content-wrapper {
  bottom: 100%;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom: none;
  border-top: 1px solid #e8e8e8;
}
.multiselect__content::webkit-scrollbar {
  display: none;
}
.multiselect__element {
  display: block;
}
.multiselect__option {
  display: block;
  padding: 12px;
  min-height: 40px;
  line-height: 16px;
  text-decoration: none;
  text-transform: none;
  vertical-align: middle;
  position: relative;
  cursor: pointer;
  white-space: nowrap;
}
.multiselect__option:after {
  top: 0;
  right: 0;
  position: absolute;
  line-height: 40px;
  padding-right: 12px;
  padding-left: 20px;
  font-size: 13px;
}
.multiselect__option--highlight {
  background: #41b883;
  outline: none;
  color: #fff;
}
.multiselect__option--highlight:after {
  content: attr(data-select);
  background: #41b883;
  color: #fff;
}
.multiselect__option--selected {
  background: #f3f3f3;
  color: #35495e;
  font-weight: 700;
}
.multiselect__option--selected:after {
  content: attr(data-selected);
  color: silver;
}
.multiselect__option--selected.multiselect__option--highlight {
  background: #ff6a6a;
  color: #fff;
}
.multiselect__option--selected.multiselect__option--highlight:after {
  background: #ff6a6a;
  content: attr(data-deselect);
  color: #fff;
}
.multiselect--disabled .multiselect__current,
.multiselect--disabled .multiselect__select {
  background: #ededed;
  color: #a6a6a6;
}
.multiselect__option--disabled {
  background: #ededed !important;
  color: #a6a6a6 !important;
  cursor: text;
  pointer-events: none;
}
.multiselect__option--group {
  background: #ededed;
  color: #35495e;
}
.multiselect__option--group.multiselect__option--highlight {
  background: #35495e;
  color: #fff;
}
.multiselect__option--group.multiselect__option--highlight:after {
  background: #35495e;
}
.multiselect__option--disabled.multiselect__option--highlight {
  background: #dedede;
}
.multiselect__option--group-selected.multiselect__option--highlight {
  background: #ff6a6a;
  color: #fff;
}
.multiselect__option--group-selected.multiselect__option--highlight:after {
  background: #ff6a6a;
  content: attr(data-deselect);
  color: #fff;
}
.multiselect-enter-active,
.multiselect-leave-active {
  transition: all .15s ease;
}
.multiselect-enter,
.multiselect-leave-active {
  opacity: 0;
}
.multiselect__strong {
  margin-bottom: 8px;
  line-height: 20px;
  display: inline-block;
  vertical-align: top;
}
[dir=rtl] .multiselect {
  text-align: right;
}
[dir=rtl] .multiselect__select {
  right: auto;
  left: 1px;
}
[dir=rtl] .multiselect__tags {
  padding: 8px 8px 0 40px;
}
[dir=rtl] .multiselect__content {
  text-align: right;
}
[dir=rtl] .multiselect__option:after {
  right: auto;
  left: 0;
}
[dir=rtl] .multiselect__clear {
  right: auto;
  left: 12px;
}
[dir=rtl] .multiselect__spinner {
  right: auto;
  left: 1px;
}
@keyframes spinning {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(2turn);
  }
}

/* www/components/input/select/select.scss */
.select-input.multiselect .multiselect__tag {
  background: var(--filter-item-background-color);
  color: black;
}
.select-input.multiselect .multiselect__option--highlight {
  background: var(--primary-color);
  color: var(--primary-color-contrast);
}

/* www/library/modules/asset/src/components/assetWindow/components/otherAssetLists/otherAssetsList/otherAssetsList.scss */
.other-assets-list header {
  border: 2px solid #EAE9EE;
  border-bottom-width: 0;
  padding: 10px;
}
.other-assets-list .other-asset {
  padding: 10px;
  border: 1px solid #EAE9EE;
  height: 90px;
}
.other-assets-list .other-asset:not(:last-of-type) {
  border-bottom-width: 0;
}
.other-assets-list .other-asset .other-asset-thumb {
  float: left;
  width: 100px;
  height: auto;
  margin-right: 5px;
}
.other-assets-list .other-asset .asset-data {
  display: flex;
  font-size: 12px;
}
.other-assets-list .other-asset .asset-data .asset-title {
  font-weight: 700;
  margin-bottom: 3px;
  font-size: 1.2em;
}
.other-assets-list .other-asset .asset-data .form-field {
  margin-bottom: 0;
}
.other-assets-list .other-asset .asset-data .form-field label {
  text-transform: uppercase;
  color: gray;
  font-weight: 700;
  width: auto;
}
.other-assets-list .other-asset .asset-data .form-field .value {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: auto;
}

/* www/library/modules/asset/src/components/assetBrowser/assetBrowser.scss */
.asset-browser {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  position: relative;
}
.asset-browser > header {
  display: flex;
  position: sticky;
  top: var(--header-height);
  background: var(--background-color);
  z-index: 949;
  padding: 5px 0;
}
.asset-browser > header:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: -1px;
  right: -1px;
  height: 100%;
  background: var(--background-color);
  z-index: -1;
}
.asset-browser > header .header-left {
  flex: 0 0 390px;
  padding-right: 20px;
}
@media screen and (max-width: 1030px) {
  .asset-browser > header .header-left {
    flex: 0 0 240px;
  }
}
.asset-browser > header .header-right {
  flex: 1;
}
.asset-browser > header .header-right label:not(.upload-btn) {
  font-size: 0.875rem;
}
.asset-browser > header .header-right .asset-sort {
  margin-left: 5px;
  margin-top: -25px;
}
.asset-browser > header .header-right .asset-sort .dropdown {
  width: 250px;
}
.asset-browser > header .header-right .size-pick {
  margin-top: -25px;
}
.asset-browser > header .header-right .size-pick .dropdown {
  width: 90px;
}
.asset-browser > header .header-right span.export-buttons {
  padding: 0 12px;
}
.asset-browser > header .toolbar {
  flex-direction: row-reverse;
  align-items: center;
}
.asset-browser > header .toolbar .btn.btn-link:not(.dropdown-toggle),
.asset-browser > header .toolbar .btn.link:not(.dropdown-toggle) {
  height: 56px;
  padding: 0 0 0 15px;
}
.asset-browser > header .toolbar .btn.btn-link:not(.dropdown-toggle) i,
.asset-browser > header .toolbar .btn.link:not(.dropdown-toggle) i {
  font-size: 1.4rem;
  color: var(--primary-color);
}
.asset-browser .asset-browser-content {
  display: flex;
  flex-direction: row;
  min-height: 42vh;
}
@media screen and (max-width: 820px) {
  .asset-browser .asset-browser-content {
    flex-direction: column;
  }
}
.asset-browser .asset-browser-content .asset-filters-container,
.asset-browser .asset-browser-content .asset-advanced-search-container {
  display: none;
  position: relative;
}
.asset-browser .asset-browser-content .asset-filters-container.opened,
.asset-browser .asset-browser-content .asset-advanced-search-container.opened {
  display: block;
}
.asset-browser .asset-browser-content .asset-filters-container form,
.asset-browser .asset-browser-content .asset-advanced-search-container form {
  min-width: 225px;
}
.asset-browser .asset-browser-content .asset-filters-container .filter-panel,
.asset-browser .asset-browser-content .asset-advanced-search-container .filter-panel {
  position: absolute;
  width: 100%;
  height: 100%;
  padding-right: 20px;
}
.asset-browser .asset-browser-content .asset-filters-container .filter-panel ul.asset-filters,
.asset-browser .asset-browser-content .asset-advanced-search-container .filter-panel ul.asset-filters {
  height: 96%;
  overflow: hidden;
  overflow-y: auto;
}
.asset-browser .asset-browser-content .asset-filters-container {
  margin-right: 10px;
  flex: 0 0 390px;
}
@media screen and (max-width: 970px) {
  .asset-browser .asset-browser-content .asset-filters-container {
    flex: 0 0 240px;
  }
}
.asset-browser .asset-browser-content .asset-advanced-search-container {
  margin-right: 20px;
  flex: 0 0 370px;
}
.asset-browser .maps-autocomplete-field {
  width: 40%;
}
.asset-browser .gm-style-iw {
  padding: 0;
  border-radius: 0;
  overflow: visible;
}
.asset-browser .gm-style-iw .gm-style-iw-d {
  overflow: visible;
}
.asset-browser .gm-style-iw .asset-thumb-wrapper {
  padding: 0;
}
.asset-browser .dropdown {
  height: 38px;
}
.asset-browser .btn-light {
  color: var(--primary-color);
}
.asset-browser .option-button-wrapper {
  height: 38px;
}
.asset-browser .assetbrowser-list-view .asset-action-container {
  min-width: 54px;
}
.asset-browser .assetbrowser-list-view .asset-action-container .btn {
  width: 22px;
}
.asset-browser .assetbrowser-list-view .asset-action-container .btn i {
  font-size: 0.6rem;
}
.btn-icon {
  width: 38px;
  height: 38px;
  text-align: center;
  padding: calc((38px - 1.25rem) / 2) 0;
}
.my-uploads-modal .modal-window {
  max-width: 1260px;
}
.asset-map-aggregation-browser {
  z-index: 975 !important;
}
.modal-contents .asset-browser header {
  top: 0;
}

/* www/library/modules/asset/src/components/assetGrid/assetGrid.scss */
section.asset-grid {
  display: flex;
  flex-wrap: wrap;
  max-height: 100%;
  margin-right: -15px;
  margin-left: -15px;
  align-content: flex-start;
}
ul.paginator li {
  display: inline;
  margin-right: 5px;
}
ul.paginator li.active {
  font-weight: 700;
}
#s-rectBox {
  border: 2px dashed var(--select-box-color);
}
.infinite-loading-container {
  width: 100%;
  text-align: right !important;
  margin-right: 10px;
}

/* www/library/modules/asset/src/components/assetList/assetList.scss */
.assetbrowser-list-view th.sorting {
  cursor: pointer;
  white-space: nowrap;
  font-size: 0.8em;
  position: relative;
  padding-left: 15px;
  height: 44px;
}
.assetbrowser-list-view th.sorting label {
  margin: 0 !important;
  overflow: hidden;
  text-overflow: ellipsis;
  position: absolute;
  width: 100%;
  top: 11px;
  left: 0;
  padding: 0 15px 0 10px;
  cursor: pointer;
}
.assetbrowser-list-view th.sorting i {
  position: absolute;
  right: 2px;
  top: 16px;
}
.assetbrowser-list-view th.sorting.active {
  text-decoration: underline;
}
.assetbrowser-list-view tr.selected td {
  border-top: 1px solid var(--primary-color);
  background: var(--light-color);
}
.assetbrowser-list-view .asset-action-container button.btn {
  font-size: 0.4375rem;
  padding: 3px 5px;
  height: auto;
  margin-right: 5px;
  background: #EAE9EE;
}

/* www/library/modules/asset/src/components/assetThumbContainer/assetThumbContainer.scss */
.asset-thumb-wrapper,
.asset-thumb-dummy {
  flex: 1;
  padding: 15px;
  min-width: 200px;
  max-width: 500px;
  z-index: 1;
}
.asset-thumb-wrapper .asset-thumb-container,
.asset-thumb-dummy .asset-thumb-container {
  width: 100%;
  position: relative;
  z-index: 1;
  height: auto !important;
  padding: 0 !important;
  border-radius: 0px !important;
}
.asset-thumb-wrapper .asset-thumb-container:before,
.asset-thumb-dummy .asset-thumb-container:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.5;
  z-index: -1;
  transition: box-shadow 0.2s ease-in-out;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.26) !important;
}
.asset-thumb-wrapper .asset-thumb-container.selected:before,
.asset-thumb-dummy .asset-thumb-container.selected:before {
  box-shadow: 0 4px 2px 0 var(--primary-color) !important;
}
.asset-thumb-wrapper .asset-thumb-container:hover,
.asset-thumb-dummy .asset-thumb-container:hover {
  cursor: pointer;
}
.assets-large .asset-thumb-wrapper,
.assets-large .asset-thumb-dummy {
  min-width: 350px;
}

/* www/library/modules/asset/src/components/assetInfo/assetInfo.scss */
.asset-info {
  padding: 5px 10px;
}
.asset-info .asset-description {
  font-size: 0.5625rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 13px;
  margin-bottom: 5px;
}
.asset-title-container {
  height: 20px;
}
.asset-title-container .asset-title {
  font-size: 0.656rem;
  font-weight: 700;
  margin-bottom: 5px;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  overflow: hidden;
}
.asset-specifications {
  font-size: 0.5625rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 11px;
  margin-bottom: 5px;
  max-width: 320px;
}
.assets-small .asset-specifications {
  max-width: 73px;
  flex: 1;
}
footer.asset-footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
footer.asset-footer .asset-action-container button.btn {
  font-size: 0.4375rem;
  padding: 3px 7px;
  height: auto;
  margin-right: 5px;
}
footer.asset-footer .asset-specifications {
  margin-bottom: 0;
  padding-top: 10px;
}

/* www/components/checkbox/checkbox.scss */
.checkbox-wrapper {
  padding: 0;
}
.checkbox-wrapper input {
  display: none;
}
.checkbox-wrapper label.styled-checkbox {
  display: inline-block;
  position: relative;
  width: 20px;
  height: 20px;
  float: left;
  margin-right: 0.5rem;
  margin-bottom: 0;
  transition: border-color 0.5s ease;
  background: var(--background-color);
  border: 1px solid var(--text-color);
}
.checkbox-wrapper label.styled-checkbox:after {
  content: var(--checkmark);
  font-family: var(--icon-font);
  font-weight: var(--icon-weight);
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  color: var(--primary-color);
  position: absolute;
  top: -3px;
  left: 1px;
  width: 1em;
  font-size: 1rem;
  opacity: 0;
  transition: opacity 0.1s ease, color 0.5s ease;
}
.checkbox-wrapper label.styled-checkbox.partial:after {
  content: "";
  background-color: var(--primary-color);
  position: absolute;
  top: 3px;
  left: 3px;
  width: calc(100% - 6px);
  height: calc(100% - 6px);
}
.checkbox-wrapper .checkbox-label[disabled] {
  opacity: 0.5;
}
.checkbox-wrapper input:checked + label.styled-checkbox:after {
  opacity: 1;
}
.checkbox-wrapper input:disabled + label.styled-checkbox {
  border-color: var(--disabled-input-color);
  opacity: 0.5;
}
.checkbox-wrapper input:disabled + label.styled-checkbox:after {
  color: var(--disabled-input-color);
}
.checkbox-li {
  position: relative;
}
.checkbox-li .checkbox-expand {
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  text-align: center;
}

/* node_modules/vue-slider-component/theme/antd.css */
.vue-slider-disabled .vue-slider-process {
  background-color: #a7a7a7;
}
.vue-slider-disabled .vue-slider-dot-handle {
  border-color: #a7a7a7;
}
.vue-slider-disabled .vue-slider-mark-step-active {
  box-shadow: 0 0 0 2px #a7a7a7;
}
.vue-slider-rail {
  background-color: whitesmoke;
  border-radius: 15px;
  transition: background-color 0.3s;
}
.vue-slider:hover .vue-slider-rail {
  background-color: #e1e1e1;
}
.vue-slider-process {
  background-color: #9cd5ff;
  border-radius: 15px;
  transition: background-color 0.3s;
}
.vue-slider:hover .vue-slider-process {
  background-color: #69c0ff;
}
.vue-slider-mark-step {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  box-shadow: 0 0 0 2px #e8e8e8;
  background-color: #fff;
}
.vue-slider-mark-step-active {
  box-shadow: 0 0 0 2px #9cd5ff;
}
.vue-slider:hover .vue-slider-mark-step-active {
  box-shadow: 0 0 0 2px #69c0ff;
}
.vue-slider-mark-label {
  font-size: 12px;
  white-space: nowrap;
}
.vue-slider-dot-handle {
  cursor: pointer;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #fff;
  border: 2px solid #9cd5ff;
  box-sizing: border-box;
  transition: box-shadow 0.3s, border-color 0.3s;
}
.vue-slider:hover .vue-slider-dot-handle {
  border-color: #69c0ff;
}
.vue-slider-dot-handle-focus {
  border-color: #36abff;
  box-shadow: 0 0 0 5px rgba(54, 171, 255, 0.2);
}
.vue-slider:hover .vue-slider-dot-handle-focus {
  border-color: #36abff;
}
.vue-slider-dot-handle:hover {
  border-color: #36abff;
}
.vue-slider:hover .vue-slider-dot-handle:hover {
  border-color: #36abff;
}
.vue-slider-dot-handle-disabled {
  cursor: not-allowed;
  border-color: #ddd !important;
}
.vue-slider-dot-tooltip {
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
}
.vue-slider-dot-tooltip-inner {
  font-size: 14px;
  white-space: nowrap;
  padding: 6px 8px;
  color: #fff;
  border-radius: 5px;
  border-color: rgba(0, 0, 0, 0.75);
  background-color: rgba(0, 0, 0, 0.75);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  transform: scale(0.9);
  transition: transform 0.3s;
}
.vue-slider-dot-tooltip-inner::after {
  content: "";
  position: absolute;
}
.vue-slider-dot-tooltip-inner-top::after {
  top: 100%;
  left: 50%;
  transform: translate(-50%, 0);
  height: 0;
  width: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px;
  border-top-color: inherit;
}
.vue-slider-dot-tooltip-inner-bottom::after {
  bottom: 100%;
  left: 50%;
  transform: translate(-50%, 0);
  height: 0;
  width: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px;
  border-bottom-color: inherit;
}
.vue-slider-dot-tooltip-inner-left::after {
  left: 100%;
  top: 50%;
  transform: translate(0, -50%);
  height: 0;
  width: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px;
  border-left-color: inherit;
}
.vue-slider-dot-tooltip-inner-right::after {
  right: 100%;
  top: 50%;
  transform: translate(0, -50%);
  height: 0;
  width: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px;
  border-right-color: inherit;
}
.vue-slider-dot-tooltip-inner-top {
  transform-origin: 50% 100%;
}
.vue-slider-dot-tooltip-inner-bottom {
  transform-origin: 50% 0;
}
.vue-slider-dot-tooltip-inner-left {
  transform-origin: 100% 50%;
}
.vue-slider-dot-tooltip-inner-right {
  transform-origin: 0% 50%;
}
.vue-slider-dot:hover .vue-slider-dot-tooltip,
.vue-slider-dot-tooltip-show {
  opacity: 1;
  visibility: visible;
}
.vue-slider-dot:hover .vue-slider-dot-tooltip .vue-slider-dot-tooltip-inner,
.vue-slider-dot-tooltip-show .vue-slider-dot-tooltip-inner {
  transform: scale(1);
}

/* www/library/modules/asset/src/components/assetFilters/filters.scss */
.asset-filters-container .asset-filters-inner {
  position: absolute;
  width: 100%;
  padding-right: 20px;
}
.asset-filters-container .asset-filters-inner ul.filters {
  overflow: hidden;
  overflow-y: auto;
}
.asset-filters-container .asset-filters-inner ul.filters .asset-filter-title {
  margin-bottom: 5px;
}
.asset-filters-container .asset-filters-inner ul.filters .asset-filter-title:hover {
  cursor: pointer !important;
}
.asset-filters-container .filter-count {
  opacity: 0.6;
}
.asset-filters-container .filter-group {
  list-style: none;
}
.asset-filters-container .filter-group .btn.link.filter-group-heading {
  padding: 0;
  margin: 0;
  color: var(--primary-color);
}
.asset-filters-container .filter-group .btn.link.filter-group-heading:hover {
  text-decoration: underline;
}
.asset-filters-container .filter-group .filters {
  display: none;
}
.asset-filters-container .filter-group.opened .btn.link.filter-group-heading {
  margin-bottom: 20px;
}
.asset-filters-container .filter-group.opened .filters {
  display: block;
}
.asset-filters-container .filter-group .filter-block {
  margin-bottom: 10px;
}
.asset-filters-container .filter-group .filter-block:not(:last-of-type) {
  border-bottom: var(--default-border);
  padding-bottom: 5px;
  margin-bottom: 15px;
}
.asset-filters-container .filter-group .filter-block .filter-options {
  display: none;
}
.asset-filters-container .filter-group .filter-block .filter-options.opened {
  display: block;
}
.asset-filters-container .filter-group .filter-block .filter-options .filter-level-2 {
  padding-left: 20px;
}
.asset-filters-container .filter-group .filter-block .filter-options .filter-level-3 {
  padding-left: 40px;
}
.asset-filters-container .filter-group .filter-block .filter-options .filter-level-4 {
  padding-left: 60px;
}
.asset-filters-container .filter-group .filter-block.active .asset-filter-title {
  font-weight: 700;
}
.asset-filters-container .yesNoSection .btn {
  background: var(--filter-item-background-color);
  color: var(--text-color);
  padding: 5px 20px;
}
.asset-filters-container .yesNoSection .btn.checked {
  background: var(--primary-color) !important;
  color: var(--primary-color-contrast);
}
.asset-filters-container .filter-actions {
  margin: 20px 0 7px;
}
.asset-filters-container .filter-actions .btn {
  padding: 0;
  color: var(--primary-color);
  margin-right: 20px;
}
.asset-filters-container .filter-actions .btn:hover {
  text-decoration: underline;
}
.vue-slider .vue-slider-process {
  background-color: var(--light-primary-color);
}
.vue-slider .vue-slider-mark-step-active {
  box-shadow: 0 0 0 2px var(--light-primary-color);
}
.vue-slider .vue-slider-dot-handle {
  border-color: var(--light-primary-color);
}
.vue-slider:hover .vue-slider-process {
  background-color: var(--primary-color);
}
.vue-slider:hover .vue-slider-mark-step-active {
  box-shadow: 0 0 0 2px var(--primary-color);
}
.vue-slider:hover .vue-slider-dot-handle {
  border-color: var(--primary-color);
}
.vue-slider:hover .vue-slider-dot-handle:hover {
  border-color: var(--light-primary-color);
}
.vue-slider-dot-handle-focus {
  box-shadow: 0 0 0 5px rgba(var(--light-primary-color), 0.2);
}
.vc-bg-white {
  background: var(--dropdown-background-color) !important;
  color: var(--text-color);
}
.vc-bg-white input {
  background: none;
}
.vc-bg-white .vc-title {
  color: var(--text-color);
}
.vc-popover-content {
  border: none !important;
}
.vc-arrows-container svg {
  color: var(--text-color);
}
.vc-popover-content.direction-bottom.vc-rounded-lg.vc-text-sm.vc-font-semibold.vc-text-white.vc-bg-gray-800.vc-border.vc-border-gray-700.vc-p-1.vc-shadow {
  background: var(--background-color);
}
.filter-modal .checkbox-wrapper {
  width: 300px !important;
}
.filter-modal .options-list {
  height: 40vh;
  overflow-y: scroll;
}
.nav-pills .nav-link.active {
  background-color: var(--primary-color);
}
.list-group-item.active {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
.modal-contents .asset-filters-inner {
  position: relative;
}
section.asset-filters-container {
  position: sticky !important;
  top: 200px;
  bottom: 0px;
  overflow: hidden;
  overflow-y: auto;
  min-height: 200px;
}
.vc-container {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.vc-bg-blue-600,
.focus\:vc-bg-blue-600:focus,
.hover\:vc-bg-blue-600:hover {
  background-color: var(--primary-color) !important;
}
.vc-bg-blue-200 {
  background-color: #FFF !important;
}
.vc-border-blue-600,
.focus\:vc-border-blue-600:focus,
.hover\:vc-border-blue-600:hover {
  border-color: var(--primary-color) !important;
}
.vc-bg-blue-100 {
  background-color: #FFF !important;
}
.vc-text-blue-900 {
  color: var(--dark-primary-color) !important;
}
.vc-text-blue-100 {
  color: var(--light-primary-color) !important;
}
.vc-popover-content [role=button] {
  color: var(--text-color) !important;
}

/* www/library/modules/asset/src/components/assetBrowser/assetSearch.scss */
.search-input-wrapper {
  position: relative;
}
.search-input-wrapper .search-box {
  padding: 0 10px;
  border: var(--default-border);
  min-height: 55px;
}
.search-input-wrapper .search-box .searches {
  display: inline-block;
  margin: 0;
}
.search-input-wrapper .search-box li {
  display: inline-block;
  padding: 6px 8px;
  background: var(--filter-item-background-color);
  margin-right: 5px;
  margin-top: 5px;
  font-size: 14px;
}
.search-input-wrapper .search-box li a {
  margin-left: 6px;
  font-size: 8px;
}
.search-input-wrapper .search-box li a:hover {
  cursor: pointer;
}
.search-input-wrapper .search-box input {
  color: var(--text-color);
  display: inline-block;
  padding: 0;
  border: none !important;
  box-shadow: none !important;
  width: 16px;
}
.search-input-wrapper.focused .search-box:before {
  display: none;
}
.search-input-wrapper.empty:not(.focused) .search-box:before {
  content: attr(data-placeholder);
  color: var(--search-box-placeholder-color);
  display: inline-block;
  margin-top: 9px;
}
.search-input-wrapper ul.suggestions-list {
  display: none;
  position: absolute;
  background: var(--dropdown-background-color);
  width: 100%;
  z-index: 2;
  border: var(--dropdown-border);
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  padding: 5px 0;
  max-height: 400px;
  overflow: hidden;
  overflow-y: auto;
}
.search-input-wrapper ul.suggestions-list.focused {
  display: block;
}
.search-input-wrapper ul.suggestions-list li {
  padding: 3px 20px;
  line-height: 1.428571429;
}
.search-input-wrapper ul.suggestions-list li.highlighted {
  background: var(--primary-color);
  color: var(--primary-color-contrast);
}
.search-input-wrapper button {
  right: 2px;
  top: -2px;
}
.search-input-wrapper button:hover {
  cursor: pointer;
}
.search-input-wrapper i.icon-round {
  padding: 2px 7px;
  margin: 0 6px 0 0;
  font-size: 0.9rem;
  background: black;
}

/* www/library/modules/asset/src/components/assetBrowser/advancedSearch.scss */
.asset-advanced-search-container {
  margin-top: 1em;
}
.asset-advanced-search-container .search-line {
  position: relative;
  margin-bottom: 1.5em;
}
.asset-advanced-search-container .search-line .operator {
  width: 40%;
  display: inline-block;
}
.asset-advanced-search-container .search-line .operator .bootstrap-select {
  width: 100%;
}
.asset-advanced-search-container .search-line .property {
  display: inline-block;
}
.asset-advanced-search-container .search-line .property .bootstrap-select {
  width: 100%;
}
.asset-advanced-search-container .search-line .property.property-textarea {
  width: 100%;
  display: block;
  margin-top: 4px;
  margin-left: 0;
}
.asset-advanced-search-container .search-line .property .multiselect__tags {
  border: 1px solid #4b4b4b;
  border-radius: 0;
  color: black;
  padding: 5px 39px 0 8px;
}
.asset-advanced-search-container .search-line .property .multiselect__tags .multiselect__placeholder {
  margin-bottom: 7px;
  color: black;
}
.asset-advanced-search-container .search-line .operator + .property:not(.property-textarea) {
  width: calc(60% - 8px);
  margin-left: 8px;
  position: absolute;
}
.asset-advanced-search-container .search-line .removeField {
  top: 0.2em;
  right: 0.2em;
  position: absolute;
}
.asset-advanced-search-container .search-line .removeField {
  cursor: pointer;
}
.asset-advanced-search-container .search-line .removeField:hover {
  color: var(--primary-color);
}

/* www/components/input/userPicker/userPicker.scss */
.user-picker .multiselect__option--highlight:after {
  display: none;
}

/* www/library/modules/asset/src/components/assetBrowser/filterToggle.scss */
.filter-toggle {
  display: flex;
  height: 42px;
  margin-bottom: 14px;
  margin-top: 13px;
}
.filter-toggle button {
  flex: 1 50%;
  border-bottom: var(--default-border);
  padding: 10px;
}
.filter-toggle button.active {
  border-bottom: 3px var(--primary-color) solid;
  color: var(--primary-color);
  font-weight: 700;
}

/* www/library/modules/asset/src/components/assetBrowser/filterSummary.scss */
.filter-summary-wrapper {
  position: relative;
  overflow: hidden;
  min-height: 36px;
}
.filter-summary-wrapper ul.filter-summary {
  margin-bottom: 0;
}

/* www/components/slider/slider.scss */
.slider .slick-next,
.slider .slick-prev {
  background: white;
  line-height: 0;
}
.slider .slick-next::before,
.slider .slick-prev::before {
  font-size: 12px;
}
.slider .slick-next:hover,
.slider .slick-next:focus,
.slider .slick-prev:hover,
.slider .slick-prev:focus {
  background: white;
}
.slider .slick-prev {
  left: 0;
}
.slider .slick-prev::before {
  content: var(--arrow-left);
  font-family: var(--icon-font);
  font-weight: var(--icon-weight);
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}
.slider .slick-next {
  right: 2px;
}
.slider .slick-next::before {
  content: var(--arrow-right);
  font-family: var(--icon-font);
  font-weight: var(--icon-weight);
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}

/* www/library/modules/asset/src/components/assetCart/assetCartOrderModal.scss */
.asset-cart-modal {
  padding: 40px 60px;
}
.asset-cart-modal .modal-contents {
  overflow-y: hidden !important;
  display: flex;
  flex-direction: column;
}
.asset-cart-modal .order {
  display: flex;
  flex-direction: row;
  height: 100%;
  overflow: hidden;
}
.asset-cart-modal .order .order-summary {
  flex: 1;
  max-height: 100%;
  padding-right: 20px;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.asset-cart-modal .order .order-summary ul.summary-items {
  overflow-y: auto;
}
.asset-cart-modal .order .order-summary .summary-header .summary-item li {
  font-weight: 700;
  font-size: 0.9rem;
  color: #666666;
}
.asset-cart-modal .order .order-summary .summary-item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.asset-cart-modal .order .order-summary .summary-item .title {
  flex: 3;
}
.asset-cart-modal .order .order-summary .summary-item .order-amount {
  flex: 1;
}
.asset-cart-modal .order .order-summary .summary-item .price {
  flex: 1;
  text-align: right;
}
.asset-cart-modal .order .order-summary .order-assets {
  flex: 1 0 50%;
  max-height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.asset-cart-modal .order .order-summary .order-assets ul.summary-item.footer {
  position: sticky;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.asset-cart-modal .order .order-summary .delivery-information {
  white-space: pre-line;
  max-height: 50%;
  display: flex;
  flex-direction: column;
}
.asset-cart-modal .order .order-summary .delivery-information > header {
  font-weight: 700;
  font-size: 1rem;
}
.asset-cart-modal .order .order-summary .delivery-information ul {
  overflow-y: auto;
}
.asset-cart-modal .order .order-summary .delivery-information ul li {
  margin-bottom: 20px;
}
.asset-cart-modal .order .order-summary .delivery-information ul li .supplier-name {
  font-weight: 700;
  font-size: 0.9rem;
  color: #666666;
}
.asset-cart-modal .order .order-summary .delivery-information ul li section {
  font-size: 0.8rem;
}
.asset-cart-modal .order .order-delivery-details {
  flex: 1.4;
  padding-left: 20px;
}
.asset-cart-modal .order .order-delivery-details ul.delivery-details li {
  margin-bottom: 10px;
}
.asset-cart-modal .order .order-delivery-details ul.delivery-details li label {
  display: block;
  font-weight: 700;
  font-size: 0.9rem;
  color: #666666;
  margin-bottom: 2px;
}
.asset-cart-modal .order .order-delivery-details ul.delivery-details li .deliveryDetail {
  font-size: 1rem;
  height: 2rem;
  display: inline-block;
}
.asset-cart-modal .order .order-delivery-details ul.delivery-details li input {
  width: 100%;
}
.asset-cart-modal .order .order-delivery-details ul.delivery-details li.order-button-container {
  text-align: right;
}
.asset-cart-modal .order .order-delivery-details ul.delivery-details .dropdown {
  width: 100% !important;
}

/* www/library/modules/asset/src/components/assetCart/assetCartSelectionMenu.scss */
.asset-cart-selection-menu ul.selection-menu-actions {
  margin-bottom: 7px;
}
.asset-cart-selection-menu .selection-menu-actions > li {
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 10px;
}
.asset-cart-selection-menu .selection-menu-actions .select-buttons {
  display: inline-flex;
  border: 1px solid var(--btn-light-separator-color);
}
.asset-cart-selection-menu .selection-menu-actions .select-buttons li {
  flex: 1;
  white-space: nowrap;
}
.asset-cart-selection-menu .selection-menu-actions .select-buttons li .btn {
  background: var(--btn-light-color);
  padding: 5px 10px;
  color: var(--btn-light-text-color);
}
.asset-cart-selection-menu .selection-menu-actions .select-buttons li:nth-child(1) .btn {
  border-right: 1px solid var(--btn-light-separator-color);
}
.asset-cart-selection-menu .selection-menu-actions .select-buttons li.selector-name,
.asset-cart-selection-menu .selection-menu-actions .select-buttons li.separator {
  background: var(--btn-light-color);
  text-align: center;
  vertical-align: middle;
  font-size: 1rem;
  line-height: 1.5;
}
.asset-cart-selection-menu .selection-menu-actions .select-buttons li.selector-name {
  padding: 5px 10px 0 0;
  background: var(--btn-light-color);
}
.asset-cart-selection-menu .selection-menu-actions .select-buttons li.separator {
  padding: 5px 0;
}

/* www/library/modules/asset/src/components/assetCart/assetCart.scss */
.asset-selections-wrapper .asset-cart-modal > .modal-window > .modal-contents {
  display: flex;
  flex-direction: column;
}
.asset-selections-wrapper .asset-grid {
  margin-right: 0;
}
.asset-selections-wrapper .asset-selections-grid {
  overflow: hidden;
  overflow-y: auto;
  flex: 1;
}
.asset-selections-wrapper .asset-selections-grid .selection-row {
  display: flex;
  border: var(--default-border);
  margin-bottom: 20px;
}
.asset-selections-wrapper .asset-selections-grid .selection-row .selection-row-asset {
  flex: 1;
  min-width: 300px;
  max-width: 540px;
  display: flex;
  position: relative;
}
.asset-selections-wrapper .asset-selections-grid .selection-row .selection-row-asset .requestIcon {
  left: 15px !important;
}
.asset-selections-wrapper .asset-selections-grid .selection-row .selection-row-asset .asset-info {
  padding: 15px;
  padding-bottom: 37px;
  position: relative;
  width: 210px;
}
.asset-selections-wrapper .asset-selections-grid .selection-row .selection-row-asset .selection-preview-wrapper {
  flex: 1;
  max-width: 350px;
}
.asset-selections-wrapper .asset-selections-grid .selection-row .selection-row-asset .selection-preview-wrapper .preview-container {
  height: 100%;
}
.asset-selections-wrapper .asset-selections-grid .selection-row .selection-row-asset .selection-preview-wrapper .preview-container.variant .image-center {
  width: 100%;
}
.asset-selections-wrapper .asset-selections-grid .selection-row .selection-row-asset .selection-preview-wrapper .preview-container .image-center {
  height: 100% !important;
}
.asset-selections-wrapper .asset-selections-grid .selection-row .selection-row-asset .select-all-childs .btn {
  padding: 0;
  font-size: 0.75em;
}
.asset-selections-wrapper .asset-selections-grid .selection-row .asset-cart-amount-picker-container {
  flex: 1;
  padding: 15px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-between;
}
.asset-selections-wrapper .asset-selections-grid .selection-row .asset-cart-amount-picker-container .asset-cart-amount-picker {
  display: flex;
}
.asset-selections-wrapper .asset-selections-grid .selection-row .asset-cart-amount-picker-container input[type=number] {
  width: 55px;
  padding: 5px;
  padding-left: 10px;
}
.asset-selections-wrapper .asset-selections-grid .selection-row .asset-cart-amount-picker-container .cost-amount {
  min-width: 125px;
  text-align: end;
  padding: 6px 0;
}
.asset-selections-wrapper .asset-selections-grid .selection-row .asset-cart-amount-picker-container button {
  padding: 0;
}
.asset-selections-wrapper .asset-selections-grid .selection-row .requestIcon {
  left: 40px !important;
}
.asset-selections-wrapper .asset-selections-grid .selection-row .asset-thumb-wrapper {
  padding-top: 0;
  padding-bottom: 0;
}
.asset-selections-wrapper .asset-selections-grid .selection-row .asset-thumb-wrapper .selection-dimensions {
  margin: 0;
}
.asset-selections-wrapper .asset-selections-grid .selection-row .selection-dimensions {
  margin-top: 20px;
}
.asset-selections-wrapper .asset-selections-grid .selection-row .selection-dimensions ul {
  margin: 0;
}
.asset-selections-wrapper .asset-selections-grid .selection-row .selection-dimensions .checkbox-label {
  font-size: 0.75em;
  margin: 0;
}
.asset-selections-wrapper .asset-selections-grid .selection-row .selection-dimensions .checkbox-wrapper {
  display: flex;
  margin-bottom: 5px;
}
.asset-selections-wrapper .asset-selections-grid .selection-row .selection-dimensions .checkbox-wrapper .styled-checkbox {
  flex: 0 0 20px;
}
.asset-selections-wrapper .asset-selections-grid .selection-row .asset-selection-variants {
  flex: 1;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.asset-selections-wrapper .asset-selections-grid .selection-row .asset-selection-variants .variants-container {
  width: 100%;
}
.asset-selections-wrapper .asset-selections-grid .selection-row .asset-selection-variants .variants-container .asset-thumb-wrapper {
  width: 220px;
}
.asset-selections-wrapper .asset-selections-grid .selection-row .asset-selection-variants .asset-thumb-wrapper,
.asset-selections-wrapper .asset-selections-grid .selection-row .asset-selection-variants .asset-thumb-dummy {
  max-width: 300px;
}
.asset-selections-wrapper .asset-selections-grid .selection-row .asset-footer {
  flex-direction: row-reverse;
  position: absolute;
  width: 100%;
  bottom: 10px;
  padding: 0 20px;
}
.asset-selections-wrapper .asset-selections-grid .selection-dimensions input:disabled + label.styled-checkbox:after {
  opacity: 0;
}
.asset-selections-wrapper footer.asset-selections-footer {
  border-top: var(--default-border);
  width: 100%;
  height: 100px;
  padding: 0 20px;
  background: var(--background-color);
  z-index: 1;
  display: flex;
}
.asset-selections-wrapper footer.asset-selections-footer .selection-functions {
  flex: 3;
}
.asset-selections-wrapper footer.asset-selections-footer .selection-description {
  flex: 1;
}
.asset-selections-wrapper footer.asset-selections-footer .selection-functions {
  text-align: center;
}
.asset-selections-wrapper footer.asset-selections-footer .selection-information {
  padding: 37px 0;
  flex: 1;
}
.asset-selections-wrapper footer.asset-selections-footer .selection-information .selectAllButton,
.asset-selections-wrapper footer.asset-selections-footer .selection-information .deselectAllButton {
  font-size: 0.7rem;
  margin-left: 3px;
  display: inline-block;
  padding: 0;
}
.asset-selections-wrapper footer.asset-selections-footer .count {
  background: green;
  display: inline-block;
  padding: 3px 9px;
  border-radius: 30px;
  color: white;
  font-size: 0.75rem;
}
.asset-selections-wrapper .tabs-component {
  height: 100%;
  position: relative;
  padding-top: 80px;
}
.asset-selections-wrapper .tabs-component .tabs-component-tabs {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}
.asset-selections-wrapper .tabs-component .tabs-component-panels {
  height: 100%;
}
.asset-selections-wrapper .tabs-component .tabs-component-panels .tabs-component-panel {
  height: 100%;
  padding-bottom: 100px;
}
.asset-selections-wrapper[data-is-actual-cart=true] footer.asset-selections-footer {
  justify-content: flex-end;
  align-items: center;
  padding-right: 35px;
}
.asset-selections-wrapper[data-is-actual-cart=true] footer.asset-selections-footer button.btn.btn-secondary {
  height: 50px;
  margin-right: 15px;
}
.asset-selections-wrapper .amount-input input {
  margin-left: 10px;
}
.downloadShareForm .emailGroup .sub {
  display: block;
  margin-top: -12px;
  font-size: 0.8em;
  margin-bottom: 9px;
  color: var(--light-text-color);
}
.downloadShareForm .form-group label {
  display: block;
}
.row_rejection_reason {
  width: 50%;
  margin: 10px 0 15px;
}
.selection-button {
  padding: 0;
  padding-right: 25px !important;
}
.selection-button i {
  font-size: 1.6rem;
}
.selection-button:hover {
  text-decoration: none;
}
.selection-button:after {
  content: attr(data-selection-amount);
  font-size: 0.75rem;
  position: absolute;
  top: 9px;
  right: 0;
  width: 21px;
  height: 21px;
  background: var(--light-color);
  border-radius: 10px;
  padding: 2px 0;
  text-align: center;
}

/* www/library/modules/asset/src/components/assetUploader/uploadButton.scss */
.asset-thumb-wrapper.upload-thumb {
  min-width: 400px;
  max-width: 1000px;
}
.asset-thumb-wrapper.upload-thumb .fileBox {
  z-index: -2;
  width: 0;
}
.asset-thumb-wrapper.upload-thumb.dragOver .asset-thumb-container:before {
  box-shadow: 0 4px 2px 0 var(--primary-color) !important;
}
.asset-thumb-wrapper.upload-thumb .asset-thumb-container {
  height: 100% !important;
  display: flex;
  flex-direction: row;
}
.asset-thumb-wrapper.upload-thumb .asset-thumb-container .upload-icon {
  flex: 0 0 150px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
  border-right: var(--default-border);
}
.asset-thumb-wrapper.upload-thumb .asset-thumb-container .upload-icon .icon {
  font-size: 80px;
}
.asset-thumb-wrapper.upload-thumb .asset-thumb-container .upload-text {
  flex: 1;
  font-size: 19px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 30px;
}

/* www/components/progressBar/progressBar.scss */
.progressBarContainer {
  position: relative;
  height: 26px;
  width: 100%;
  border: 1px solid var(--light-color);
}
.progressBarContainer .progressBar {
  height: 100%;
  background: var(--primary-color);
}
.progressBarContainer span.progressText {
  position: absolute;
  top: 0;
  right: 5px;
  font-size: 15px;
}

/* www/library/modules/asset/src/components/assetCollections/collectionsPanel/collectionsPanel.scss */
.collectionsPanel {
  display: none;
  height: 500px;
  background: var(--background-color);
  position: absolute;
  z-index: 2;
  width: 101%;
  left: 0;
  border-bottom: var(--default-border);
  padding: 20px;
}
.collectionsPanel.opened {
  display: block;
  z-index: 999;
}
.collectionsPanel .asset-grid {
  margin: 0;
}
.asset-info .name {
  text-overflow: ellipsis;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
}

/* www/library/modules/asset/src/components/createThumb/createThumb.scss */
.asset-thumb-wrapper.create-thumb .asset-thumb-container {
  height: 100% !important;
}
.asset-thumb-wrapper.create-thumb .asset-thumb-container .asset-add-icon {
  height: 150px;
  text-align: center;
  padding: 20px 0;
}
.asset-thumb-wrapper.create-thumb .asset-thumb-container .asset-add-icon .icon {
  font-size: 80px;
}

/* www/library/modules/asset/src/components/assetCollections/collectionThumb/defaultCollectionThumb.scss */
.defaultCollectionThumb {
  position: relative;
}
.defaultCollectionThumb .overlay {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 2;
}
.defaultCollectionThumb .overlay svg {
  width: 100%;
  height: 100%;
}
.defaultCollectionThumb .overlay .masked {
  width: 100%;
  height: 100%;
}
.defaultCollectionThumb .overlay .icon {
  font-style: normal;
  font-family: var(--icon-font);
  font-weight: var(--icon-weight);
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  font-size: 5rem;
}

/* www/library/modules/asset/src/components/assetCollections/collection/collection.scss */
.asset-browser-content .asset-action-container .btn:disabled {
  pointer-events: none;
}
.asset-browser-content .asset-action-container .btn.active {
  background: var(--primary-color);
}
.asset-browser-content .asset-action-container .btn.active .icon {
  color: white;
}
.collection-footer {
  border-top: var(--default-border);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100px;
  padding: 0 20px;
  background: var(--background-color);
  display: flex;
  text-align: center;
}
.collection-footer .btn {
  color: var(--primary-color);
}
.collection-footer .selectedCountWrapper,
.collection-footer .rightPlaceholder {
  min-width: 140px;
  padding: 0 10px;
  flex: 0;
  display: flex;
  align-items: center;
}
.collection-footer .selectedCountWrapper .selectedCountContainer .selectedCount .count,
.collection-footer .rightPlaceholder .selectedCountContainer .selectedCount .count {
  background: green;
  display: inline-block;
  padding: 3px 9px;
  border-radius: 30px;
  color: white;
  font-size: 0.75rem;
  margin-right: 5px;
}
.collection-footer .selectedCountWrapper .selectedCountContainer .selectActions .btn,
.collection-footer .rightPlaceholder .selectedCountContainer .selectActions .btn {
  font-size: 0.7rem;
  padding: 0;
}
.collection-footer .collectionActions {
  flex: 1;
}
.assetCollectionsContainer .btn.back i {
  margin-right: 5px;
}
.assetCollectionsContainer section.asset-grid {
  margin: 0 !important;
}
.assetCollectionsContainer .collectionModal > .modal-window {
  padding-bottom: 100px !important;
}
.assetCollectionsContainer section.asset-grid {
  max-height: unset !important;
}
.assetCollectionsContainer header {
  position: relative;
  display: flex;
}
.assetCollectionsContainer header button.btn.back {
  position: absolute;
  right: 0;
  top: 0;
  font-weight: 700;
  color: var(--primary-color);
}
.assetCollectionsContainer header button.btn {
  color: var(--primary-color);
}
.assetCollectionsContainer .requestIcon {
  left: 35px !important;
}

/* www/library/modules/asset/src/components/assetCollections/collectionTitle/collectionTitle.scss */
section.collection-title h2 {
  display: inline;
}
section.collection-title button.btn {
  display: inline-block;
  margin-top: -10px;
  padding-right: 0;
}

/* www/library/modules/asset/src/components/assetSelectBox/assetSelectbox.scss */
.asset-select-box-wrapper {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 1;
}
.asset-select-box-wrapper .checkbox-wrapper .styled-checkbox {
  background: var(--background-color);
  border-radius: 15px;
  transition: background-color 0.5s ease, border 0.5s ease;
}
.asset-select-box-wrapper .checkbox-wrapper .styled-checkbox:after {
  font-size: 0.75rem;
  color: white;
  padding: 4px 3px;
}
.asset-select-box-wrapper input:checked + label.styled-checkbox {
  background: green;
  border: none;
}

/* www/library/modules/asset/src/components/assetWindow/components/assetWindowRelatedNavigator/assetWindowRelatedNavigator.scss */

/* www/library/modules/asset/src/components/assetWindow/editContainer/editContainer.scss */
.edit-container .edit-content {
  padding: 0;
}
@media screen and (min-width: 400px) {
  .edit-container .edit-content {
    margin-top: 40px;
    padding: 0 20px;
  }
}
@media screen and (min-width: 550px) {
  .edit-container .edit-content {
    padding: 0 45px;
  }
}
@media screen and (min-width: 776px) {
  .edit-container .edit-content {
    padding: 0 45px 0 calc(var(--asset-window-sidebar-width) + 45px);
  }
}
.edit-container .edit-content .form-section {
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
  background: var(--background-color);
  color: var(--text-color);
  padding: 40px;
  margin-bottom: 10px;
  border-radius: 2px;
}
.edit-container .edit-content .form-section h3 {
  color: var(--primary-color);
  font-size: 1.4em;
  border-bottom: solid 1px var(--light-primary-color);
  padding-bottom: 0.6em;
  margin-bottom: 0.8em;
}
.edit-container .edit-content .form-section header {
  border-bottom: 1px solid var(--text-color);
}
.edit-container header.window-header {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--navigation-background-color);
  padding: 10px;
}

/* www/library/modules/asset/src/components/assetWindow/editContainer/editWindowSidebar.scss */
.edit-sidebar {
  background: var(--dark-overlay-color);
  width: var(--asset-window-sidebar-width);
  position: fixed;
  top: 54px;
  height: 100vh;
  padding-top: 1.5em;
}
@media screen and (max-width: 775px) {
  .edit-sidebar {
    display: none;
  }
}
.edit-sidebar .edit-navigation h3 {
  color: rgba(255, 255, 255, 0.8);
  font-size: 0.6em;
  padding-left: 1rem;
  text-transform: uppercase;
}
.edit-sidebar .edit-navigation ul li {
  font-size: 0.8em;
  padding: 0.6rem 1rem;
  transition: background-color 0.14s, color 0.14s;
}
.edit-sidebar .edit-navigation ul li:hover,
.edit-sidebar .edit-navigation ul li.active {
  background: var(--primary-color);
  color: rgba(255, 255, 255, 0.8);
}