@charset "UTF-8";
@import url("https://photoservice.cloud/assets/SgwIcons/reset.css?tstamp=1743568415");
@import url("https://photoservice.cloud/assets/SgwIcons/icons.css?tstamp=1743568415");
@import url("https://photoservice.cloud/assets/css/fonts.css?tstamp=1743568415");
@namespace ws "http://www.saal-digital.de/photoProductOrderSoftware";
.rc-alert > * {
  text-align: center;
}
.rc-alert.phone.lock-view-dialog .rc-dialog-wrapper .rc-dialog-content {
  width: 80vw;
}
.rc-alert.tablet.lock-view-dialog .rc-dialog-wrapper .rc-dialog-content .rc-alert-content p, .rc-alert.phone.lock-view-dialog .rc-dialog-wrapper .rc-dialog-content .rc-alert-content p {
  margin-bottom: 8px;
}
.rc-alert.tablet.lock-view-dialog .rc-dialog-wrapper .rc-dialog-content .rc-alert-footer, .rc-alert.phone.lock-view-dialog .rc-dialog-wrapper .rc-dialog-content .rc-alert-footer {
  padding: unset;
}
.rc-alert.tablet.lock-view-dialog .rc-dialog-wrapper .rc-dialog-content .rc-alert-footer button, .rc-alert.phone.lock-view-dialog .rc-dialog-wrapper .rc-dialog-content .rc-alert-footer button {
  background-color: #efefef;
  color: #000;
  border-radius: 6px;
  padding: 8px 32px;
  flex: unset;
}
.rc-alert .rc-alert-content {
  text-align: left;
  margin-bottom: 16px;
}
.rc-alert .rc-alert-content p {
  font-size: 14px;
  min-height: 36px;
  /*display: flex;
  flex-direction: column;
  justify-content: center;*/
  margin-bottom: 8px;
  flex: 1;
}
.rc-alert .rc-alert-content p a {
  text-decoration: underline;
}
.rc-alert .rc-alert-content .rc-alert-content-info {
  display: flex;
  margin-top: 16px;
}
.rc-alert .rc-alert-content .rc-alert-content-info .rc-icon.circle-icon-huge {
  background-color: unset;
}
.rc-alert .rc-alert-footer {
  display: flex;
  justify-content: center;
}
.rc-alert .rc-alert-footer .rc-alert-button {
  text-align: center;
}
.rc-alert.info-popup .rc-dialog-content {
  max-height: 90vh;
}
.rc-alert.info-popup .rc-alert-content {
  font-size: 14px;
  overflow-y: auto;
}
.rc-alert.info-popup .rc-alert-footer {
  margin-top: 16px;
}

.rc-alert-title {
  display: flex;
  justify-content: left;
  margin-bottom: 8px;
  font-weight: bold;
  font-size: 18px;
}

.rc-avatar {
  display: flex;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.rc-avatar.avatar-from-text > span {
  font-size: 16px;
}
.rc-avatar.avatar-from-image {
  background-size: cover;
}
.rc-avatar.avatar-from-image svg {
  height: 100%;
  width: 100%;
}

::-moz-focus-inner {
  border: 0;
}

::-moz-focus-outer {
  outline: none;
}

.btn-simple {
  height: 36px;
  cursor: pointer;
  position: relative;
  display: inline-block;
  padding: 8px 32px;
  font-size: 14px;
  line-height: 20px;
  user-select: none;
  border: none;
  outline: none;
  font-family: inherit;
  color: inherit;
  background-color: transparent;
  box-sizing: border-box;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  border-radius: 6px;
}
.btn-simple.keyboard-focus:focus, .btn-simple:focus {
  /*.sgw-icon:before {
  		color: $FormLabelHoverColor;
  }*/
}
.btn-simple.keyboard-focus:focus *, .btn-simple:focus * {
  text-decoration: underline;
  text-underline-position: under;
}
.btn-simple.keyboard-focus:focus.btn-action .sgw-icon:before, .btn-simple:focus.btn-action .sgw-icon:before {
  color: #ffffff;
}
.btn-simple.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.btn-simple.sgw-icon:before {
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.btn-simple.btn-no-padding {
  padding: 0;
}
.btn-simple.btn-dark {
  background-color: #d8d8d8;
  color: #2C2C2C;
}
.btn-simple.btn-dark:hover {
  background-color: rgb(203.25, 203.25, 203.25);
}
.btn-simple.btn-dark:active {
  background-color: rgb(190.5, 190.5, 190.5);
}
.btn-simple.btn-dark a {
  color: #2C2C2C;
}
.btn-simple.btn-darker {
  background-color: #cccccc;
  color: #2C2C2C;
}
.btn-simple.btn-darker:hover {
  background-color: rgb(191.25, 191.25, 191.25);
}
.btn-simple.btn-darker:active {
  background-color: rgb(178.5, 178.5, 178.5);
}
.btn-simple.btn-darker a {
  color: #2C2C2C;
}
.btn-simple.btn-dark-grey {
  color: #ffffff;
  background-color: #6e6e6e;
}
.btn-simple.btn-dark-grey:hover {
  background-color: rgb(97.25, 97.25, 97.25);
}
.btn-simple.btn-dark-grey:active {
  background-color: rgb(84.5, 84.5, 84.5);
}
.btn-simple.btn-dark-grey a {
  color: #ffffff;
}
.btn-simple.btn-dark-grey .rc-icon.sgw-icon:before {
  color: #ffffff;
}
.btn-simple.btn-default {
  background-color: #EFEFEF;
  color: #2C2C2C;
  border-radius: 6px;
}
.btn-simple.btn-default:hover {
  background-color: rgb(226.25, 226.25, 226.25);
  /*.sgw-icon {
  		&:before {
  				color: $IconHoverColor;
  		}
  }*/
}
.btn-simple.btn-default.btn-selected {
  background-color: rgb(213.5, 213.5, 213.5);
}
.btn-simple.btn-default.btn-selected .sgw-icon:before {
  color: #3669c4;
}
.btn-simple.btn-default:active {
  background-color: rgb(213.5, 213.5, 213.5);
}
.btn-simple.btn-default a {
  color: #2C2C2C;
}
.btn-simple.btn-submit {
  background-color: #6c9d0d;
  color: #ffffff;
}
.btn-simple.btn-submit:hover {
  background-color: rgb(121.0774305556, 170.775, 24.725);
}
.btn-simple.btn-submit:active {
  background-color: rgb(94.1079861111, 140.675, 3.825);
}
.btn-simple.btn-submit a {
  color: #ffffff;
}
.btn-simple.btn-action {
  color: #ffffff;
  background-color: #3669c4;
}
.btn-simple.btn-action:hover {
  background-color: rgb(82.877, 122.2928169014, 192.623);
}
.btn-simple.btn-action:active {
  background-color: rgb(37.267, 91.128028169, 187.233);
}
.btn-simple.btn-action a {
  color: #ffffff;
}
.btn-simple.btn-light-grey {
  color: #2C2C2C;
  background-color: #efefef;
}
.btn-simple.btn-light-grey:hover {
  background-color: rgb(251.75, 251.75, 251.75);
}
.btn-simple.btn-light-grey:active {
  background-color: rgb(229.125, 223.375, 223.375);
}
.btn-simple.btn-light-grey a {
  color: #2C2C2C;
}
.btn-simple.btn-white {
  color: #2C2C2C;
  background-color: #FFFFFF;
}
.btn-simple.btn-white:active {
  background-color: rgb(243.525, 240.975, 240.975);
}
.btn-simple.button-expand {
  background-color: unset;
  color: #3669c4;
  padding-left: 0;
}
.btn-simple.button-expand:hover {
  background-color: unset;
}
.btn-simple.button-expand .sgw-icon {
  margin-right: 0;
}
.btn-simple.button-expand .sgw-icon:before {
  color: #3669c4;
}
.btn-simple .sgw-icon {
  width: 26px;
  height: 26px;
  padding: 0;
  margin-right: 8px;
}
.btn-simple a {
  text-decoration: none;
}
.btn-simple * > * {
  margin: 0;
}
.btn-simple.button-link {
  background-color: transparent !important;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 0 8px 0 16px;
}
.btn-simple.button-link div.btn-label {
  flex: 1;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
}
.btn-simple.btn-stretched {
  width: 100%;
}
.btn-simple.btn-redesign .sgw-icon:before {
  font-family: "icomoon";
}
.btn-simple.btn-redesign:not(.btn-icon) {
  display: flex;
  height: 42px;
  padding: 8px 24px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex: auto;
  border-radius: 120px;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 400;
  line-height: 17px; /* 113.333% */
  text-align: center;
  background-color: #FFFFFF;
  border: 1px solid #525252;
  color: #525252;
}
.btn-simple.btn-redesign:not(.btn-icon).btn-default {
  border: none;
}
.btn-simple.btn-redesign:not(.btn-icon).btn-submit, .btn-simple.btn-redesign:not(.btn-icon).button-submit {
  background: #6C9D0D;
  color: #FFFFFF;
  border: none;
}
.btn-simple.btn-redesign:not(.btn-icon).btn-action {
  background: none;
  color: #3669c4;
  border: 1px solid #3669c4;
}
.btn-simple.btn-redesign:not(.btn-icon).redesign-small {
  height: 30px;
}

.btn-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 32px 0 16px;
}
.btn-icon.btn-icon-after-text {
  padding: 0 16px 0 32px;
}
.btn-icon.btn-icon-after-text.button-link {
  padding: 0 8px 0 16px;
}
.btn-icon.btn-icon-after-text .sgw-icon {
  margin-right: unset;
  margin-left: 8px;
}
.btn-icon .sgw-icon:before {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 21px;
  width: 26px;
  height: 26px;
  line-height: 26px;
}
.btn-icon.btn-icon-only:not(.numeric-arrow-down):not(.numeric-arrow-up) {
  padding: 0;
  width: 36px;
  height: 36px;
}

.rc-mobile-component.btn-simple {
  height: 44px;
  font-size: 16px;
}
.rc-mobile-component.btn-simple .sgw-icon:before {
  font-size: 26px;
}
.rc-mobile-component.btn-simple.btn-redesign {
  height: 42px;
  font-size: 15px;
}
.rc-mobile-component.btn-icon.btn-icon-only {
  width: 44px;
}
.rc-mobile-component.btn-selected .rc-icon:before {
  color: #3669c4;
}
.rc-mobile-component.btn-selected .btn-label {
  font-weight: bold;
}

.btn-icon .sgw-icon {
  position: relative;
  width: 26px;
  height: 26px;
  margin-right: 8px;
  padding: 0;
}

.btn-simple.btn-submit .sgw-icon:before,
.btn-simple.btn-action .sgw-icon:before {
  color: #ffffff;
}

.btn-simple.sgw-icon.arrow_right_line:before {
  color: #ffffff;
  right: 8px;
  left: inherit;
}

.btn-simple:hover:before {
  color: #3669c4;
}

.btn-simple.sgw-icon.arrow_left_line:hover:before {
  color: #3669c4;
}

/* Icons */
.btn-simple.sgw-icon.arrow_left_line:before {
  color: #2C2C2C;
  left: 0;
}

.btn-simple.btn-icon-only .sgw-icon {
  margin: 0;
  position: relative;
}

.btn-simple.btn-icon-only .sgw-icon:before {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.btn-disabled {
  opacity: 0.5;
  pointer-events: none;
  touch-action: none;
}

.btn-danger {
  background: #D9052F;
  color: white;
}
.btn-danger > .rc-icon:before {
  color: white;
}

.btn-simple-white {
  color: white;
}
.btn-simple-white > .rc-icon:before {
  color: white;
}

a.btn-simple {
  color: #2C2C2C;
  text-decoration: none;
}

@media (max-width: 800px) {
  .btn-simple {
    font-size: 16px;
  }
}
/*
.rc-floating-button {
    position: absolute;
    bottom: 16px;
    left: 50%;
    transform: translateX(-50%);

    display: flex;
    flex: 0 0 40px;
    justify-content: center;

    button {
        height: 44px;
        width: auto;
        border-radius: 22px;
        font-size: 16px;
        box-shadow: 4px 4px 16px 0px rgb(0 0 0 / 35%);
    }
}*/
.rc-floating-button {
  padding-bottom: 24px;
  display: inline-flex;
  bottom: 0;
  top: auto;
  box-sizing: border-box;
  position: sticky;
  position: -webkit-sticky;
  align-self: center;
  justify-content: center;
}
.rc-floating-button.ios-mobile-device {
  padding-bottom: 24px;
}
.rc-floating-button.ios-mobile-device .btn-disabled {
  opacity: unset;
  pointer-events: none;
  touch-action: none;
  color: #6e6e6e;
}
.rc-floating-button .rc-mobile-component {
  opacity: unset;
}
.rc-floating-button button {
  background-color: #6c9d0d;
  color: #ffffff;
  pointer-events: all;
  box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.35);
  height: 44px;
  border-radius: 22px;
  font-size: 16px;
}
.rc-floating-button button:active {
  background-color: #6c9d0d;
  pointer-events: all;
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.35);
}
.rc-floating-button button.btn-disabled {
  background-color: #d8d8d8;
  pointer-events: none;
  color: #2C2C2C;
}
.rc-floating-button button.btn-disabled.rc-mobile-component {
  color: #6e6e6e;
}

.rc-mobile-view footer .rc-floating-button {
  padding-bottom: 0;
}

.with-navigation-footer .rc-floating-button.ios-mobile-device {
  padding-bottom: 84px;
}

.rc-dialog-wrapper .rc-floating-button.ios-mobile-device {
  padding-bottom: 24px;
}

.desktop-module-button {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  cursor: pointer;
  position: relative;
  margin: 4px 0;
  /*&.login-button {
  		.rc-icon.sgw-icon {
  				background-color: #efefef;
  				height: 32px;

  				border-radius: 50%;

  				&:before {
  						line-height: 22px;
  						transform: translate(-50%, -50%);
  				}
  		}
  }*/
}
.desktop-module-button .rc-component.rc-badge > button.btn-icon + .badge-count {
  transform: translateX(100%) translateY(0);
  left: unset;
  top: 0;
  right: 50%;
}
.desktop-module-button button {
  height: 48px;
  display: flex;
  flex-direction: column;
  padding: 0;
  width: 51px;
  font-size: 12px;
}
.desktop-module-button button .rc-icon.sgw-icon {
  width: 32px;
  padding: 0;
  margin: 0;
}
.desktop-module-button button .btn-label {
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: break-spaces;
  line-height: 12px;
  width: 42px;
  max-width: 42px;
}
.desktop-module-button .rc-icon:before {
  height: 26px;
  width: 26px;
  font-size: 26px;
}
.desktop-module-button .rc-icon.wi_sgauth_warning:before {
  color: #d7032c;
}
.desktop-module-button.desktop-module-button-selected .rc-icon:before, .desktop-module-button.desktop-module-button-selected .btn-label, .desktop-module-button:hover .rc-icon:before, .desktop-module-button:hover .btn-label {
  color: #3669c4;
}

.mobile-module-button {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  cursor: pointer;
  position: relative;
  margin: 4px 0;
  /*&.login-button {
  		.rc-icon.sgw-icon {
  				background-color: #efefef;
  				height: 32px;

  				border-radius: 50%;

  				&:before {
  						line-height: 22px;
  						transform: translate(-50%, -50%);
  				}
  		}
  }*/
}
.mobile-module-button .rc-component.rc-badge > button.btn-icon + .badge-count {
  transform: translateX(100%) translateY(0);
  left: unset;
  top: 0;
  right: 50%;
}
.mobile-module-button button {
  height: 48px;
  display: flex;
  flex-direction: column;
  padding: 0;
  font-size: 12px;
  overflow: unset;
  text-overflow: unset;
}
.mobile-module-button button .rc-icon.sgw-icon {
  width: 32px;
  padding: 0;
  margin: 0;
}
.mobile-module-button button .btn-label {
  text-align: center;
  font-size: 12px;
  white-space: break-spaces;
  line-height: 12px;
}
.mobile-module-button .rc-icon:before {
  height: 26px;
  width: 26px;
  font-size: 26px;
}
.mobile-module-button .rc-icon.wi_sgauth_warning:before {
  color: #d7032c;
}
.mobile-module-button.mobile-module-button-selected .rc-icon:before, .mobile-module-button.mobile-module-button-selected .btn-label, .mobile-module-button:hover .rc-icon:before, .mobile-module-button:hover .btn-label {
  color: #3669c4;
}

.rc-card {
  padding: 16px;
  box-sizing: border-box;
}
.rc-card.rc-card-light {
  background-color: #FFFFFF;
}
.rc-card.rc-card-dark {
  background-color: #EFEFEF;
}
.rc-card > .rc-card-content {
  position: relative;
}

.rc-checkbox {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
  user-select: none;
}
.rc-checkbox.rc-error-checkbox .rc-checkbox-box {
  border-color: #d9052f;
}
.rc-checkbox.error-focus .rc-error-label {
  display: block;
}
.rc-checkbox .rc-error-label {
  visibility: hidden;
}
.rc-checkbox .rc-error-label .rc-error-close {
  display: none;
}
.rc-checkbox .rc-checkbox-box {
  min-width: 14px;
  min-height: 14px;
  width: 14px;
  height: 14px;
  border: 1px solid #cccccc;
  background-color: #FFFFFF;
  position: relative;
  margin-right: 8px;
}
.rc-checkbox .rc-checkbox-box.rc-checkbox-light {
  background-color: #ffffff;
}
.rc-checkbox .rc-checkbox-box .sgw-icon.minimize:before {
  top: 15%;
}
.rc-checkbox .rc-checkbox-box .sgw-icon.steps_summary:before {
  font-size: 16px;
  line-height: 21px;
  padding-left: 4px;
}
.rc-checkbox .rc-checkbox-box .sgw-icon:before {
  color: #6E6E6E;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.rc-checkbox.checkbox-disabled {
  cursor: auto;
}
.rc-checkbox.checkbox-disabled .rc-checkbox-box {
  background-color: #efefef;
}
.rc-checkbox .rc-checkbox-label {
  font-size: 14px;
}
.rc-checkbox .rc-checkbox-label a {
  color: #3669c4;
}
.rc-checkbox:not(.checkbox-disabled):hover .rc-checkbox-box {
  border-color: #3669c4;
}
.rc-checkbox:not(.checkbox-disabled):hover .sgw-icon:before {
  color: #3669c4;
}
.rc-checkbox.redesign {
  align-items: center;
}
.rc-checkbox.redesign.selected .rc-checkbox-box {
  border: unset;
  color: #FFFFFF;
  width: 24px;
  height: 24px;
  background-color: #3669C4;
}
.rc-checkbox.redesign.selected .rc-checkbox-box .sgw-icon {
  width: 24px;
  height: 24px;
}
.rc-checkbox.redesign.selected .rc-checkbox-box .sgw-icon:before {
  box-sizing: border-box;
  width: 24px;
  height: 24px;
  font-size: 14px;
  line-height: 14px;
  top: 0;
  left: 0;
  padding-top: 5px;
  transform: none;
  color: #FFFFFF;
}
.rc-checkbox.redesign.selected.checkbox-disabled .rc-checkbox-box {
  background-color: #cbcaca;
}
.rc-checkbox.redesign.selected.checkbox-disabled .rc-checkbox-label {
  color: #cbcaca;
}
.rc-checkbox.redesign.not-selected .rc-checkbox-box {
  background-color: #FFFFFF;
  border: 1px solid #525252;
  color: #FFFFFF;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  box-sizing: border-box;
}
.rc-checkbox.redesign.not-selected.checkbox-disabled .rc-checkbox-box {
  border: 1px solid #cbcaca;
}
.rc-checkbox.redesign.not-selected.checkbox-disabled .rc-checkbox-label {
  color: #cbcaca;
}
.rc-checkbox.redesign .rc-checkbox-label {
  color: #525252;
  font-family: "SourceSansPro-Regular";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.rc-checkbox:hover .rc-error-label {
  visibility: visible;
}

.group-content-sortable-helper {
  border: 1px solid #dcdcdc;
  background-color: #dcdcdc;
  box-shadow: 2px 2px 4px 4px rgba(0, 0, 0, 0.25);
  margin-left: -16px;
  margin-right: -32px;
  padding: 4px 16px 0;
  height: auto !important;
}

@keyframes markSortedElement {
  0% {
    background-color: white;
  }
  40% {
    background-color: rgba(115, 199, 255, 0.5);
  }
  60% {
    background-color: rgba(115, 199, 255, 0.5);
  }
  100% {
    background-color: white;
  }
}
.content-group-table-row {
  position: relative;
}

.checkout-group-content .react-datepicker-popper, .content-group-table-row .react-datepicker-popper {
  z-index: 10;
}
.checkout-group-content .group-content-sortable-item, .content-group-table-row .group-content-sortable-item {
  position: relative;
}
.checkout-group-content .group-content-sortable-item .group-content-sortable-handler-up, .content-group-table-row .group-content-sortable-item .group-content-sortable-handler-up {
  position: absolute;
  top: 0;
  right: 32px;
}
.checkout-group-content .group-content-sortable-item .group-content-sortable-handler-down, .content-group-table-row .group-content-sortable-item .group-content-sortable-handler-down {
  position: absolute;
  top: 0;
  right: 0;
}
.checkout-group-content .group-content-sortable-item > .checkout-group-content, .content-group-table-row .group-content-sortable-item > .checkout-group-content {
  flex: 1;
}
.checkout-group-content .group-content-sortable-container, .content-group-table-row .group-content-sortable-container {
  padding: 8px 0 16px 16px;
  box-sizing: border-box;
  margin-left: -16px;
  margin-right: -16px;
  background-color: #efefef;
}
.checkout-group-content .group-content-sortable-container .group-content-sortable-item, .content-group-table-row .group-content-sortable-container .group-content-sortable-item {
  background-color: white;
  padding: 16px;
  box-sizing: border-box;
  margin-bottom: 8px;
}
.checkout-group-content .group-content-sortable-container .group-content-sortable-item:last-child, .content-group-table-row .group-content-sortable-container .group-content-sortable-item:last-child {
  margin-bottom: 0px;
}
.checkout-group-content .group-content-sortable-container .group-content-sortable-item .group-content-sortable-container, .content-group-table-row .group-content-sortable-container .group-content-sortable-item .group-content-sortable-container {
  padding-bottom: 0;
}
.checkout-group-content .group-content-sortable-container .group-content-sortable-item.last-sorted-element, .content-group-table-row .group-content-sortable-container .group-content-sortable-item.last-sorted-element {
  position: relative;
}
.checkout-group-content .group-content-sortable-container .group-content-sortable-item.last-sorted-element:after, .content-group-table-row .group-content-sortable-container .group-content-sortable-item.last-sorted-element:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  animation: markSortedElement 2s;
  z-index: 1;
}
.checkout-group-content .group-content-chip-wrapper, .content-group-table-row .group-content-chip-wrapper {
  display: flex;
  justify-content: flex-end;
  flex: 1;
}
.checkout-group-content .group-content-item, .content-group-table-row .group-content-item {
  position: relative;
}
.checkout-group-content .group-content-item .group-content-item-edit, .content-group-table-row .group-content-item .group-content-item-edit {
  color: #3669c4;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  font-size: 14px;
}
.checkout-group-content .group-content-ident-container, .content-group-table-row .group-content-ident-container {
  padding-left: 16px;
  box-sizing: border-box;
}
.checkout-group-content .group-content-ident-container.group-error, .content-group-table-row .group-content-ident-container.group-error {
  background-color: rgba(217, 5, 47, 0.1);
  padding-top: 16px;
  padding-bottom: 16px;
}
.checkout-group-content .group-content-ident-container.group-error .group-content-label, .content-group-table-row .group-content-ident-container.group-error .group-content-label {
  min-height: unset;
}
.checkout-group-content .group-content, .content-group-table-row .group-content {
  margin-bottom: 8px;
  /*&.group-content-horizontal-group {
  		&:has(> .group-content-button) { // Use ':has()' selector for modern browsers
  				@include apply-border-radius('.group-content-button');
  		}
  }*/
}
.checkout-group-content .group-content.selected button:not(.button-expand) .btn-label, .content-group-table-row .group-content.selected button:not(.button-expand) .btn-label {
  font-weight: bold;
}
.checkout-group-content .group-content.selected button:not(.button-expand) .rc-icon:before, .content-group-table-row .group-content.selected button:not(.button-expand) .rc-icon:before {
  color: #3669c4;
}
.checkout-group-content .group-content video, .checkout-group-content .group-content img, .content-group-table-row .group-content video, .content-group-table-row .group-content img {
  max-width: 100%;
}
.checkout-group-content .group-content .group-content, .content-group-table-row .group-content .group-content {
  margin-bottom: unset;
}
.checkout-group-content .group-content.group-content-time-picker, .content-group-table-row .group-content.group-content-time-picker {
  position: relative;
}
.checkout-group-content .group-content.group-content-time-picker .input-wrapper, .content-group-table-row .group-content.group-content-time-picker .input-wrapper {
  width: 100%;
  position: relative;
}
.checkout-group-content .group-content.group-content-time-picker .input-wrapper .rc-icon, .content-group-table-row .group-content.group-content-time-picker .input-wrapper .rc-icon {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
}
.checkout-group-content .group-content.group-content-time-picker .slider-container-wrapper, .content-group-table-row .group-content.group-content-time-picker .slider-container-wrapper {
  position: absolute;
  left: 0;
  top: 100%;
  padding: 8px;
  box-sizing: border-box;
  border: 1px solid #cccccc;
  width: 100%;
  background-color: #ffffff;
  z-index: 10;
}
.checkout-group-content .group-content.group-content-time-picker .slider-container-wrapper .rc-component.rc-slider .slider-body, .checkout-group-content .group-content.group-content-time-picker .slider-container-wrapper .rc-component.rc-slider .slider-marker, .content-group-table-row .group-content.group-content-time-picker .slider-container-wrapper .rc-component.rc-slider .slider-body, .content-group-table-row .group-content.group-content-time-picker .slider-container-wrapper .rc-component.rc-slider .slider-marker {
  height: 2px;
}
.checkout-group-content .group-content.group-content-card .rc-card, .content-group-table-row .group-content.group-content-card .rc-card {
  padding: 16px;
  background-color: white;
  height: auto;
}
.checkout-group-content .group-content.group-content-radio .group-content-radio-infonode, .content-group-table-row .group-content.group-content-radio .group-content-radio-infonode {
  display: flex;
  align-items: center;
}
.checkout-group-content .group-content.group-content-radio .group-content-radio-infonode .rc-icon, .content-group-table-row .group-content.group-content-radio .group-content-radio-infonode .rc-icon {
  height: 14px;
  width: 14px;
  padding: 0;
  border-radius: 50%;
  margin-left: 16px;
}
.checkout-group-content .group-content.group-content-radio .group-content-radio-infonode .rc-icon:before, .content-group-table-row .group-content.group-content-radio .group-content-radio-infonode .rc-icon:before {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
}
.checkout-group-content .group-content.group-content-radio .group-content-radio-description, .content-group-table-row .group-content.group-content-radio .group-content-radio-description {
  margin-left: 22px;
}
.checkout-group-content .group-content.group-content-checkbox .group-content-checkbox-infonode, .content-group-table-row .group-content.group-content-checkbox .group-content-checkbox-infonode {
  display: flex;
  align-items: center;
}
.checkout-group-content .group-content.group-content-checkbox .group-content-checkbox-infonode .rc-icon, .content-group-table-row .group-content.group-content-checkbox .group-content-checkbox-infonode .rc-icon {
  height: 14px;
  width: 14px;
  padding: 0;
  border-radius: 50%;
  margin-left: 16px;
}
.checkout-group-content .group-content.group-content-checkbox .group-content-checkbox-infonode .rc-icon:before, .content-group-table-row .group-content.group-content-checkbox .group-content-checkbox-infonode .rc-icon:before {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
}
.checkout-group-content .group-content.group-content-checkbox .group-content-checkbox-description, .content-group-table-row .group-content.group-content-checkbox .group-content-checkbox-description {
  margin-left: 22px;
}
.checkout-group-content .group-content.group-content-icon, .content-group-table-row .group-content.group-content-icon {
  display: flex;
  align-items: center;
}
.checkout-group-content .group-content.group-content-icon .rc-icon, .content-group-table-row .group-content.group-content-icon .rc-icon {
  height: 26px;
  width: 26px;
  padding: 0;
  border-radius: 50%;
}
.checkout-group-content .group-content.group-content-icon .rc-icon:before, .content-group-table-row .group-content.group-content-icon .rc-icon:before {
  width: 22px;
  height: 22px;
  inset: 53% 0 0 53%;
}
.checkout-group-content .group-content.group-content-icon .rc-icon.clock:before, .content-group-table-row .group-content.group-content-icon .rc-icon.clock:before {
  font-size: 26px;
  width: 26px;
}
.checkout-group-content .group-content.group-content-icon .rc-icon.icon-success, .content-group-table-row .group-content.group-content-icon .rc-icon.icon-success {
  background-color: #6c9d0d;
}
.checkout-group-content .group-content.group-content-icon .rc-icon.icon-success:before, .content-group-table-row .group-content.group-content-icon .rc-icon.icon-success:before {
  color: #ffffff;
}
.checkout-group-content .group-content.group-content-icon .rc-icon.icon-pending-hour, .content-group-table-row .group-content.group-content-icon .rc-icon.icon-pending-hour {
  background-color: #efefef;
}
.checkout-group-content .group-content.group-content-chip, .content-group-table-row .group-content.group-content-chip {
  height: 36px;
  display: inline-flex;
  flex-wrap: nowrap;
  white-space: nowrap;
  padding: 0 8px;
  align-items: center;
  font-size: 14px;
  border-radius: 18px;
  flex: 0;
  box-sizing: border-box;
  border: 1px solid transparent;
}
.checkout-group-content .group-content.group-content-chip.selected, .content-group-table-row .group-content.group-content-chip.selected {
  border-color: #3669c4;
}
.checkout-group-content .group-content.group-content-chip.group-content-chip-status, .content-group-table-row .group-content.group-content-chip.group-content-chip-status {
  height: auto;
  color: #FFFFFF;
  align-self: center;
  border-radius: 4px;
  font-size: 12px;
}
.checkout-group-content .group-content.group-content-carousel, .content-group-table-row .group-content.group-content-carousel {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.checkout-group-content .group-content.group-content-carousel.desktop-carousel, .content-group-table-row .group-content.group-content-carousel.desktop-carousel {
  flex-direction: unset;
  gap: unset;
}
.checkout-group-content .group-content.group-content-carousel .desktop-carousel, .content-group-table-row .group-content.group-content-carousel .desktop-carousel {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
}
.checkout-group-content .group-content.group-content-carousel .desktop-carousel .group-content-carousel-item, .content-group-table-row .group-content.group-content-carousel .desktop-carousel .group-content-carousel-item {
  flex: 1;
  cursor: pointer;
}
.checkout-group-content .group-content.group-content-carousel .desktop-carousel .group-content-carousel-item.disabled, .content-group-table-row .group-content.group-content-carousel .desktop-carousel .group-content-carousel-item.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.checkout-group-content .group-content.group-content-carousel .desktop-carousel .group-content-carousel-item:last-child, .content-group-table-row .group-content.group-content-carousel .desktop-carousel .group-content-carousel-item:last-child {
  margin-right: 0;
}
.checkout-group-content .group-content.group-content-carousel .desktop-carousel .group-content-carousel-item .content-card, .content-group-table-row .group-content.group-content-carousel .desktop-carousel .group-content-carousel-item .content-card {
  border: none;
  margin: 0;
}
.checkout-group-content .group-content.group-content-carousel .desktop-carousel .group-content-carousel-item .content-card .content-card-image .image-tile.selected:after, .content-group-table-row .group-content.group-content-carousel .desktop-carousel .group-content-carousel-item .content-card .content-card-image .image-tile.selected:after {
  content: "";
  position: absolute;
  inset: 0;
  border: 2px solid #3669c4;
}
.checkout-group-content .group-content.group-content-carousel .desktop-carousel.hidden-carousel-line, .content-group-table-row .group-content.group-content-carousel .desktop-carousel.hidden-carousel-line {
  display: none;
}
.checkout-group-content .group-content.group-content-carousel .mobile-carousel, .content-group-table-row .group-content.group-content-carousel .mobile-carousel {
  display: block;
}
.checkout-group-content .group-content.group-content-carousel .mobile-carousel .carousel-horizontal-scroll, .content-group-table-row .group-content.group-content-carousel .mobile-carousel .carousel-horizontal-scroll {
  padding-left: 8px;
  overflow: hidden;
  overflow-x: scroll;
}
.checkout-group-content .group-content.group-content-carousel .mobile-carousel .carousel-horizontal-scroll .carousel-horizontal-scroll-content, .content-group-table-row .group-content.group-content-carousel .mobile-carousel .carousel-horizontal-scroll .carousel-horizontal-scroll-content {
  display: inline-flex;
  box-sizing: border-box;
  padding: 0 8px 0 0;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
}
.checkout-group-content .group-content.group-content-carousel .mobile-carousel .carousel-horizontal-scroll .carousel-horizontal-scroll-content .group-content-carousel-item, .content-group-table-row .group-content.group-content-carousel .mobile-carousel .carousel-horizontal-scroll .carousel-horizontal-scroll-content .group-content-carousel-item {
  flex: 0 0 90vw;
  margin-right: 16px;
}
.checkout-group-content .group-content.group-content-carousel .mobile-carousel .carousel-horizontal-scroll .carousel-horizontal-scroll-content .group-content-carousel-item:last-child, .content-group-table-row .group-content.group-content-carousel .mobile-carousel .carousel-horizontal-scroll .carousel-horizontal-scroll-content .group-content-carousel-item:last-child {
  margin-right: 0;
}
.checkout-group-content .group-content.group-content-carousel .content-group-carousel-button, .content-group-table-row .group-content.group-content-carousel .content-group-carousel-button {
  width: 100%;
  display: flex;
  justify-content: center;
}
.checkout-group-content .group-content.group-content-dotnav .website-promotion-banner, .content-group-table-row .group-content.group-content-dotnav .website-promotion-banner {
  margin: unset;
  position: relative;
}
.checkout-group-content .group-content.group-content-dotnav .website-promotion-banner .content, .content-group-table-row .group-content.group-content-dotnav .website-promotion-banner .content {
  display: none;
}
.checkout-group-content .group-content.group-content-dotnav .website-promotion-banner .dotted-nav, .content-group-table-row .group-content.group-content-dotnav .website-promotion-banner .dotted-nav {
  position: absolute;
  width: 100%;
  bottom: 0;
}
@media only screen and (min-width: 800px) {
  .checkout-group-content .group-content.group-content-dotnav .website-promotion-banner .slider-images picture, .content-group-table-row .group-content.group-content-dotnav .website-promotion-banner .slider-images picture {
    padding-bottom: 46.1041954818%;
  }
}
.checkout-group-content .group-content.group-content-label, .content-group-table-row .group-content.group-content-label {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.checkout-group-content .group-content.group-content-label.label-heading, .checkout-group-content .group-content.group-content-label.label-heading-bold, .content-group-table-row .group-content.group-content-label.label-heading, .content-group-table-row .group-content.group-content-label.label-heading-bold {
  flex: 1;
}
.checkout-group-content .group-content.group-content-label.login_link, .content-group-table-row .group-content.group-content-label.login_link {
  flex: auto;
  display: flex;
  justify-content: right;
}
.checkout-group-content .group-content.group-content-label.align-center, .content-group-table-row .group-content.group-content-label.align-center {
  justify-content: center;
}
.checkout-group-content .group-content.group-content-label.align-right, .content-group-table-row .group-content.group-content-label.align-right {
  justify-content: right;
}
.checkout-group-content .group-content.group-content-label .color, .content-group-table-row .group-content.group-content-label .color {
  color: #d9052f;
}
.checkout-group-content .group-content.group-content-label h2, .content-group-table-row .group-content.group-content-label h2 {
  font-size: 21px;
  line-height: 27px;
  margin-bottom: 8px;
  font-weight: bold;
  font-family: inherit;
}
.checkout-group-content .group-content.group-content-label p, .content-group-table-row .group-content.group-content-label p {
  width: 100%;
}
.checkout-group-content .group-content.group-content-label h2 + p, .content-group-table-row .group-content.group-content-label h2 + p {
  margin-bottom: 16px;
}
.checkout-group-content .group-content.group-content-label ul, .content-group-table-row .group-content.group-content-label ul {
  list-style-type: disc;
  list-style-position: outside;
  margin-left: 32px;
}
.checkout-group-content .group-content.group-content-label ul li[data-list=ordered], .content-group-table-row .group-content.group-content-label ul li[data-list=ordered] {
  list-style-type: decimal;
}
.checkout-group-content .group-content.group-content-label ol, .content-group-table-row .group-content.group-content-label ol {
  list-style-type: decimal;
  list-style-position: outside;
  margin-left: 32px;
}
.checkout-group-content .group-content.group-content-label ol li[data-list=bullet], .content-group-table-row .group-content.group-content-label ol li[data-list=bullet] {
  list-style-type: disc;
}
.checkout-group-content .group-content.group-content-label p + p, .content-group-table-row .group-content.group-content-label p + p {
  margin-top: 16px;
}
.checkout-group-content .group-content.group-content-label p:last-child, .content-group-table-row .group-content.group-content-label p:last-child {
  margin-bottom: 16px;
}
.checkout-group-content .group-content.group-content-label em, .content-group-table-row .group-content.group-content-label em {
  font-style: italic;
}
.checkout-group-content .group-content.group-content-label .ql-size-small, .content-group-table-row .group-content.group-content-label .ql-size-small {
  font-size: 0.75em;
}
.checkout-group-content .group-content.group-content-label .ql-size-large, .content-group-table-row .group-content.group-content-label .ql-size-large {
  font-size: 1.5em;
}
.checkout-group-content .group-content.group-content-label .ql-size-huge, .content-group-table-row .group-content.group-content-label .ql-size-huge {
  font-size: 2.5em;
  line-height: 1em;
}
.checkout-group-content .group-content.group-content-label.group-important, .content-group-table-row .group-content.group-content-label.group-important {
  font-weight: bold;
}
.checkout-group-content .group-content.group-content-label.group-color, .content-group-table-row .group-content.group-content-label.group-color {
  color: #d9052f;
  font-weight: bold;
}
.checkout-group-content .group-content.group-content-label.group-error, .content-group-table-row .group-content.group-content-label.group-error {
  color: #d9052f;
}
.checkout-group-content .group-content.group-content-label.group-error a, .content-group-table-row .group-content.group-content-label.group-error a {
  color: #d9052f;
  text-decoration: underline;
}
.checkout-group-content .group-content.group-content-label.label-error-bold, .content-group-table-row .group-content.group-content-label.label-error-bold {
  color: #d9052f;
  font-weight: bold;
}
.checkout-group-content .group-content.group-content-label.label-icon-check > div, .checkout-group-content .group-content.group-content-label.label-icon-info > div, .content-group-table-row .group-content.group-content-label.label-icon-check > div, .content-group-table-row .group-content.group-content-label.label-icon-info > div {
  display: flex;
  align-items: center;
}
.checkout-group-content .group-content.group-content-label.label-icon-check, .content-group-table-row .group-content.group-content-label.label-icon-check {
  color: #6c9d0d;
}
.checkout-group-content .group-content.group-content-label.label-icon-check > div .rc-icon.sgw-icon:before, .content-group-table-row .group-content.group-content-label.label-icon-check > div .rc-icon.sgw-icon:before {
  color: #6c9d0d;
}
.checkout-group-content .group-content.group-content-label.group-success, .content-group-table-row .group-content.group-content-label.group-success {
  color: #6c9d0d;
  font-weight: bold;
}
.checkout-group-content .group-content.group-content-label.label-heading, .content-group-table-row .group-content.group-content-label.label-heading {
  font-size: 18px;
}
.checkout-group-content .group-content.group-content-label.label-heading-bold, .content-group-table-row .group-content.group-content-label.label-heading-bold {
  font-size: 21px;
  font-weight: bold;
}
.checkout-group-content .group-content.group-content-label.label-heading-small, .content-group-table-row .group-content.group-content-label.label-heading-small {
  font-size: 12px;
  color: #676767;
  min-height: unset;
}
.checkout-group-content .group-content.group-content-label.rc-mobile-component.label-heading, .content-group-table-row .group-content.group-content-label.rc-mobile-component.label-heading {
  font-size: 24px;
}
.checkout-group-content .group-content.group-content-label.rc-mobile-component.label-heading-bold, .content-group-table-row .group-content.group-content-label.rc-mobile-component.label-heading-bold {
  font-size: 24px;
  font-weight: bold;
}
.checkout-group-content .group-content.group-content-project-page-svg, .content-group-table-row .group-content.group-content-project-page-svg {
  position: relative;
}
.checkout-group-content .group-content.group-content-checkbox, .checkout-group-content .group-content.group-content-label, .content-group-table-row .group-content.group-content-checkbox, .content-group-table-row .group-content.group-content-label {
  width: unset;
  min-height: 36px;
  font-size: 14px;
}
.checkout-group-content .group-content.group-content-checkbox.rc-mobile-component, .checkout-group-content .group-content.group-content-label.rc-mobile-component, .content-group-table-row .group-content.group-content-checkbox.rc-mobile-component, .content-group-table-row .group-content.group-content-label.rc-mobile-component {
  min-height: 44px;
}
.checkout-group-content .group-content.group-content-checkbox, .content-group-table-row .group-content.group-content-checkbox {
  display: flex;
  align-items: center;
}
.checkout-group-content .group-content.group-content-key-value, .content-group-table-row .group-content.group-content-key-value {
  padding: 4px 16px 12px 0;
}
.checkout-group-content .group-content.group-content-key-value .group-content-key-value-key, .content-group-table-row .group-content.group-content-key-value .group-content-key-value-key {
  line-height: 15px;
  font-size: 14px;
  margin: unset;
}
.checkout-group-content .group-content.group-content-key-value .group-content-key-value-value, .content-group-table-row .group-content.group-content-key-value .group-content-key-value-value {
  line-height: 20px;
  font-size: 18px;
}
.checkout-group-content .group-content.group-content-key-value .group-content-key-value-value s, .content-group-table-row .group-content.group-content-key-value .group-content-key-value-value s {
  font-weight: normal;
}
.checkout-group-content .group-content.group-content-key-value.small-value .group-content-key-value-key, .content-group-table-row .group-content.group-content-key-value.small-value .group-content-key-value-key {
  font-size: 12px;
}
.checkout-group-content .group-content.group-content-key-value.small-value .group-content-key-value-value, .content-group-table-row .group-content.group-content-key-value.small-value .group-content-key-value-value {
  line-height: 16px;
  font-size: 16px;
}
.checkout-group-content .group-content.group-content-key-value p, .content-group-table-row .group-content.group-content-key-value p {
  margin-top: unset;
  margin-bottom: unset;
}
.checkout-group-content .group-content.group-content-key-value.group-error .group-content-key-value-value, .checkout-group-content .group-content.group-content-key-value.group-color .group-content-key-value-value, .content-group-table-row .group-content.group-content-key-value.group-error .group-content-key-value-value, .content-group-table-row .group-content.group-content-key-value.group-color .group-content-key-value-value {
  color: #d9052f;
  font-weight: bold;
}
.checkout-group-content .group-content.group-content-key-value.group-success .group-content-key-value-value, .content-group-table-row .group-content.group-content-key-value.group-success .group-content-key-value-value {
  color: #6c9d0d;
  font-weight: bold;
}
.checkout-group-content .group-content.group-content-key-value.group-important .group-content-key-value-value, .content-group-table-row .group-content.group-content-key-value.group-important .group-content-key-value-value {
  font-weight: bold;
}
.checkout-group-content .group-content.group-content-radio-group, .content-group-table-row .group-content.group-content-radio-group {
  margin-top: 1px;
  min-height: 36px;
  font-size: 14px;
}
.checkout-group-content .group-content.group-content-radio-group.group-horizontal .group-content-radio-group-content, .content-group-table-row .group-content.group-content-radio-group.group-horizontal .group-content-radio-group-content {
  display: flex;
}
.checkout-group-content .group-content.group-content-radio-group > .rc-error-label, .content-group-table-row .group-content.group-content-radio-group > .rc-error-label {
  display: inline-block;
  position: relative;
  min-height: unset;
}
.checkout-group-content .group-content.group-content-radio-group .radio-container, .checkout-group-content .group-content.group-content-radio-group label, .content-group-table-row .group-content.group-content-radio-group .radio-container, .content-group-table-row .group-content.group-content-radio-group label {
  cursor: pointer;
}
.checkout-group-content .group-content.group-content-radio-group .group-content-radio .radio-container label strong, .content-group-table-row .group-content.group-content-radio-group .group-content-radio .radio-container label strong {
  color: #686868;
}
.checkout-group-content .group-content.group-content-radio-group .group-content-radio.selected .radio-container label strong, .content-group-table-row .group-content.group-content-radio-group .group-content-radio.selected .radio-container label strong {
  color: #000000;
}
.checkout-group-content .group-content.group-content-radio-group .rc-radio, .content-group-table-row .group-content.group-content-radio-group .rc-radio {
  margin-right: 16px;
}
.checkout-group-content .group-content.group-content-spacer, .content-group-table-row .group-content.group-content-spacer {
  display: block;
  height: 8px;
  margin-bottom: 0;
}
.checkout-group-content .group-content.group-content-spacer-big, .content-group-table-row .group-content.group-content-spacer-big {
  display: block;
  height: 16px;
  margin-bottom: 0;
}
.checkout-group-content .group-content.group-content-divider, .content-group-table-row .group-content.group-content-divider {
  margin-top: 16px;
  margin-bottom: 15px;
  height: 1px;
  background-color: #dcdcdc;
}
.checkout-group-content .group-content.group-content-link-add button, .content-group-table-row .group-content.group-content-link-add button {
  padding-left: 0;
}
.checkout-group-content .group-content.group-content-link-add button .rc-icon:before, .checkout-group-content .group-content.group-content-link-add button .btn-label, .content-group-table-row .group-content.group-content-link-add button .rc-icon:before, .content-group-table-row .group-content.group-content-link-add button .btn-label {
  color: #3669c4;
}
.checkout-group-content .group-content.group-content-input .group-content-input-error, .content-group-table-row .group-content.group-content-input .group-content-input-error {
  color: #d9052f;
}
.checkout-group-content .group-content.group-content-date-picker, .content-group-table-row .group-content.group-content-date-picker {
  position: relative;
}
.checkout-group-content .group-content.group-content-date-picker .rc-icon.sgw-icon.calendar, .content-group-table-row .group-content.group-content-date-picker .rc-icon.sgw-icon.calendar {
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translateY(-50%);
}
.checkout-group-content .group-content.group-content-button, .content-group-table-row .group-content.group-content-button {
  display: flex;
  align-items: center;
}
.checkout-group-content .group-content.group-content-button.button-submit, .content-group-table-row .group-content.group-content-button.button-submit {
  padding: 8px 0;
}
.checkout-group-content .group-content.group-content-button.button-link, .content-group-table-row .group-content.group-content-button.button-link {
  padding-bottom: 4px;
  margin-bottom: 3px;
  border-bottom: 1px solid #CCCCCC;
  box-sizing: border-box;
}
.checkout-group-content .group-content.group-content-horizontal-group, .checkout-group-content .group-content.group-content-horizontal-group-line-break, .content-group-table-row .group-content.group-content-horizontal-group, .content-group-table-row .group-content.group-content-horizontal-group-line-break {
  display: flex;
  flex-direction: row;
}
.checkout-group-content .group-content.group-content-horizontal-group.group-content-percentage-slider, .checkout-group-content .group-content.group-content-horizontal-group-line-break.group-content-percentage-slider, .content-group-table-row .group-content.group-content-horizontal-group.group-content-percentage-slider, .content-group-table-row .group-content.group-content-horizontal-group-line-break.group-content-percentage-slider {
  z-index: 10;
  position: relative;
}
.checkout-group-content .group-content.group-content-horizontal-group > *, .checkout-group-content .group-content.group-content-horizontal-group-line-break > *, .content-group-table-row .group-content.group-content-horizontal-group > *, .content-group-table-row .group-content.group-content-horizontal-group-line-break > * {
  margin-right: 8px;
  width: auto;
  flex: 1;
}
.checkout-group-content .group-content.group-content-horizontal-group > *:last-child, .checkout-group-content .group-content.group-content-horizontal-group-line-break > *:last-child, .content-group-table-row .group-content.group-content-horizontal-group > *:last-child, .content-group-table-row .group-content.group-content-horizontal-group-line-break > *:last-child {
  margin-right: 0;
}
.checkout-group-content .group-content.group-content-horizontal-group > .group-content-avatar, .checkout-group-content .group-content.group-content-horizontal-group-line-break > .group-content-avatar, .content-group-table-row .group-content.group-content-horizontal-group > .group-content-avatar, .content-group-table-row .group-content.group-content-horizontal-group-line-break > .group-content-avatar {
  flex: 0;
}
.checkout-group-content .group-content.group-content-horizontal-group > .group-content-icon, .checkout-group-content .group-content.group-content-horizontal-group-line-break > .group-content-icon, .content-group-table-row .group-content.group-content-horizontal-group > .group-content-icon, .content-group-table-row .group-content.group-content-horizontal-group-line-break > .group-content-icon {
  width: unset;
}
.checkout-group-content .group-content.group-content-horizontal-group .group-content-key-value.group-content, .checkout-group-content .group-content.group-content-horizontal-group-line-break .group-content-key-value.group-content, .content-group-table-row .group-content.group-content-horizontal-group .group-content-key-value.group-content, .content-group-table-row .group-content.group-content-horizontal-group-line-break .group-content-key-value.group-content {
  width: unset;
}
.checkout-group-content .group-content.group-content-horizontal-group .numeric-buttons button.btn-icon-only, .checkout-group-content .group-content.group-content-horizontal-group-line-break .numeric-buttons button.btn-icon-only, .content-group-table-row .group-content.group-content-horizontal-group .numeric-buttons button.btn-icon-only, .content-group-table-row .group-content.group-content-horizontal-group-line-break .numeric-buttons button.btn-icon-only {
  flex-basis: 17px;
  width: 26px;
}
.checkout-group-content .group-content.group-content-horizontal-group .group-content-button + .group-content-link-add, .checkout-group-content .group-content.group-content-horizontal-group-line-break .group-content-button + .group-content-link-add, .content-group-table-row .group-content.group-content-horizontal-group .group-content-button + .group-content-link-add, .content-group-table-row .group-content.group-content-horizontal-group-line-break .group-content-button + .group-content-link-add {
  text-align: right;
}
.checkout-group-content .group-content.group-content-horizontal-group .group-content-button + .group-content-link-add button, .checkout-group-content .group-content.group-content-horizontal-group-line-break .group-content-button + .group-content-link-add button, .content-group-table-row .group-content.group-content-horizontal-group .group-content-button + .group-content-link-add button, .content-group-table-row .group-content.group-content-horizontal-group-line-break .group-content-button + .group-content-link-add button {
  padding-right: unset;
}
.checkout-group-content .group-content.group-content-drop-down .select-options-list, .content-group-table-row .group-content.group-content-drop-down .select-options-list {
  max-height: 320px;
  overflow-y: auto;
}
.checkout-group-content .group-content.group-content-progressbar.group-color .progress-bar-filled, .checkout-group-content .group-content.group-content-progressbar.group-error .progress-bar-filled, .content-group-table-row .group-content.group-content-progressbar.group-color .progress-bar-filled, .content-group-table-row .group-content.group-content-progressbar.group-error .progress-bar-filled {
  background-color: #d9052f;
}
.checkout-group-content .group-content.group-small, .content-group-table-row .group-content.group-small {
  flex: 0 0 25%;
}
.checkout-group-content .group-content.group-content-switch .group-content-label, .checkout-group-content .group-content.group-content-title-switch .group-content-label, .content-group-table-row .group-content.group-content-switch .group-content-label, .content-group-table-row .group-content.group-content-title-switch .group-content-label {
  flex: 1;
}
.checkout-group-content .group-content.group-content-switch .group-content-switch-description, .checkout-group-content .group-content.group-content-title-switch .group-content-switch-description, .content-group-table-row .group-content.group-content-switch .group-content-switch-description, .content-group-table-row .group-content.group-content-title-switch .group-content-switch-description {
  padding-top: 2px;
  font-size: 14px;
}
.checkout-group-content .group-content.group-content-switch .group-content-switch-description .group-content-switch-description-header, .checkout-group-content .group-content.group-content-title-switch .group-content-switch-description .group-content-switch-description-header, .content-group-table-row .group-content.group-content-switch .group-content-switch-description .group-content-switch-description-header, .content-group-table-row .group-content.group-content-title-switch .group-content-switch-description .group-content-switch-description-header {
  font-weight: bold;
  display: flex;
}
.checkout-group-content .group-content.group-content-switch .group-content-switch-description .group-content-switch-description-header > div, .checkout-group-content .group-content.group-content-title-switch .group-content-switch-description .group-content-switch-description-header > div, .content-group-table-row .group-content.group-content-switch .group-content-switch-description .group-content-switch-description-header > div, .content-group-table-row .group-content.group-content-title-switch .group-content-switch-description .group-content-switch-description-header > div {
  display: inline-block;
}
.checkout-group-content .group-content.group-content-switch .group-content-switch-description .group-content-switch-description-header .rc-icon.sgw-icon.wi, .checkout-group-content .group-content.group-content-title-switch .group-content-switch-description .group-content-switch-description-header .rc-icon.sgw-icon.wi, .content-group-table-row .group-content.group-content-switch .group-content-switch-description .group-content-switch-description-header .rc-icon.sgw-icon.wi, .content-group-table-row .group-content.group-content-title-switch .group-content-switch-description .group-content-switch-description-header .rc-icon.sgw-icon.wi {
  padding-left: 8px;
}
.checkout-group-content .group-content.group-content-switch .group-content-switch-description .group-content-switch-description-header .rc-icon.sgw-icon.wi:before, .checkout-group-content .group-content.group-content-title-switch .group-content-switch-description .group-content-switch-description-header .rc-icon.sgw-icon.wi:before, .content-group-table-row .group-content.group-content-switch .group-content-switch-description .group-content-switch-description-header .rc-icon.sgw-icon.wi:before, .content-group-table-row .group-content.group-content-title-switch .group-content-switch-description .group-content-switch-description-header .rc-icon.sgw-icon.wi:before {
  transform: translateY(-75%);
}
.checkout-group-content .group-content.group-content-switch .group-content-switch-error, .checkout-group-content .group-content.group-content-title-switch .group-content-switch-error, .content-group-table-row .group-content.group-content-switch .group-content-switch-error, .content-group-table-row .group-content.group-content-title-switch .group-content-switch-error {
  font-weight: bold;
  color: #d9052f;
}
.checkout-group-content .group-content.group-content-title-switch, .content-group-table-row .group-content.group-content-title-switch {
  margin-bottom: 16px;
}
.checkout-group-content .group-content.group-content-avatar, .content-group-table-row .group-content.group-content-avatar {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
}
.checkout-group-content .group-content.group-content-avatar .avatar-from-text > span, .content-group-table-row .group-content.group-content-avatar .avatar-from-text > span {
  font-size: 18px;
}
.checkout-group-content .group-content.group-content-avatar.group-small, .content-group-table-row .group-content.group-content-avatar.group-small {
  height: unset;
}
.checkout-group-content .group-content.group-content-avatar.group-small .rc-avatar, .content-group-table-row .group-content.group-content-avatar.group-small .rc-avatar {
  width: 26px;
  height: 26px;
}
.checkout-group-content .group-content.group-content-avatar.group-small .avatar-from-text > span, .content-group-table-row .group-content.group-content-avatar.group-small .avatar-from-text > span {
  font-size: 14px;
}
.checkout-group-content .group-content.group-content-avatar.large-avatar, .content-group-table-row .group-content.group-content-avatar.large-avatar {
  width: 128px;
  height: 128px;
}
.checkout-group-content .group-content.group-content-avatar.large-avatar .rc-avatar, .content-group-table-row .group-content.group-content-avatar.large-avatar .rc-avatar {
  width: 128px;
  height: 128px;
}
.checkout-group-content .group-content.group-content-avatar + .group-content-label, .content-group-table-row .group-content.group-content-avatar + .group-content-label {
  flex-grow: 1;
}
.checkout-group-content .group-content.group-content-project-page, .content-group-table-row .group-content.group-content-project-page {
  margin-bottom: 16px;
}
.checkout-group-content .group-content.group-content-project-page .group-content-project-page-svg, .content-group-table-row .group-content.group-content-project-page .group-content-project-page-svg {
  position: relative;
}
.checkout-group-content .group-content.group-content-project-page .group-content-project-page-svg svg, .content-group-table-row .group-content.group-content-project-page .group-content-project-page-svg svg {
  height: auto;
  width: 100%;
  display: block;
}
.checkout-group-content .group-content.group-content-project-page .group-content-project-page-svg img, .content-group-table-row .group-content.group-content-project-page .group-content-project-page-svg img {
  border: 1px solid #cccccc;
  box-sizing: border-box;
}
.checkout-group-content .group-content.group-content-like, .content-group-table-row .group-content.group-content-like {
  display: flex;
  cursor: pointer;
  width: unset;
}
.checkout-group-content .group-content .group-content-password-rules-list, .content-group-table-row .group-content .group-content-password-rules-list {
  margin-bottom: 8px;
}
.checkout-group-content .group-content .group-content-password-rules-list ul, .content-group-table-row .group-content .group-content-password-rules-list ul {
  display: flex;
  flex-wrap: wrap;
}
.checkout-group-content .group-content .group-content-password-rules-list ul li, .content-group-table-row .group-content .group-content-password-rules-list ul li {
  width: 50%;
  flex: auto;
}
.checkout-group-content .group-content .group-content-password-rules-list ul li .rc-label-component, .content-group-table-row .group-content .group-content-password-rules-list ul li .rc-label-component {
  min-height: 24px;
}
.checkout-group-content .group-content .group-content-password-rules-list ul li.rule-failed, .content-group-table-row .group-content .group-content-password-rules-list ul li.rule-failed {
  width: calc(50% - 16px);
  list-style: square;
  margin-left: 16px;
}
.checkout-group-content .group-content .group-content-password-rules-list ul li.rule-respected, .content-group-table-row .group-content .group-content-password-rules-list ul li.rule-respected {
  display: flex;
}
.checkout-group-content .group-content .group-content-password-rules-list ul li.rule-respected .rc-icon.sgw-icon, .content-group-table-row .group-content .group-content-password-rules-list ul li.rule-respected .rc-icon.sgw-icon {
  padding-left: 16px;
}
.checkout-group-content .group-content .group-content-password-rules-list ul li.rule-respected .rc-icon.sgw-icon:before, .content-group-table-row .group-content .group-content-password-rules-list ul li.rule-respected .rc-icon.sgw-icon:before {
  left: 2px;
  color: #6c9d0d;
}
.checkout-group-content .group-content .rc-component, .content-group-table-row .group-content .rc-component {
  width: 100%;
  max-width: unset;
}
.checkout-group-content .group-content .rc-component.rc-checkbox, .content-group-table-row .group-content .rc-component.rc-checkbox {
  align-items: unset;
  /*.rc-checkbox-box {
  		margin-top: 2px;
  }*/
}
.checkout-group-content .group-content .rc-component.rc-checkbox.redesign, .content-group-table-row .group-content .rc-component.rc-checkbox.redesign {
  align-items: center;
}
.checkout-group-content .group-content.group-content-image, .content-group-table-row .group-content.group-content-image {
  position: relative;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.checkout-group-content .group-content.group-content-image .group-content-image-svg, .content-group-table-row .group-content.group-content-image .group-content-image-svg {
  max-width: 100%;
  max-height: 100%;
  width: 100%;
}
.checkout-group-content .group-content.group-content-image .group-content-image-svg svg, .content-group-table-row .group-content.group-content-image .group-content-image-svg svg {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  width: auto;
}
.checkout-group-content .group-content.group-content-image.is-clickable, .content-group-table-row .group-content.group-content-image.is-clickable {
  cursor: pointer;
}
.checkout-group-content .group-content.group-content-image.group-align-left, .content-group-table-row .group-content.group-content-image.group-align-left {
  align-items: flex-start;
}
.checkout-group-content .group-content.group-content-image.group-align-right, .content-group-table-row .group-content.group-content-image.group-align-right {
  align-items: flex-end;
}
.checkout-group-content .group-content.group-content-image-histogram .image-histogram-canvas, .content-group-table-row .group-content.group-content-image-histogram .image-histogram-canvas {
  width: 100%;
  margin-bottom: 16px;
}
.checkout-group-content .group-content.group-content-image-histogram .image-histogram-canvas img, .content-group-table-row .group-content.group-content-image-histogram .image-histogram-canvas img {
  border: 1px solid #cccccc;
  width: 100%;
}
.checkout-group-content .group-content.group-content-tabcontrol, .content-group-table-row .group-content.group-content-tabcontrol {
  display: flex;
  justify-content: center;
}
.checkout-group-content .group-content a, .content-group-table-row .group-content a {
  color: #3669c4;
}
.checkout-group-content .group-content a:before, .checkout-group-content .group-content a:after, .content-group-table-row .group-content a:before, .content-group-table-row .group-content a:after {
  content: " ";
  white-space: pre;
}
.checkout-group-content .content-group-wrapper, .content-group-table-row .content-group-wrapper {
  margin-bottom: 16px;
}
.checkout-group-content .content-group-wrapper > .group-content.group-important, .content-group-table-row .content-group-wrapper > .group-content.group-important {
  margin-bottom: 0;
}
.checkout-group-content .content-group-wrapper > .group-content-item .group-content.group-important, .content-group-table-row .content-group-wrapper > .group-content-item .group-content.group-important {
  margin-bottom: 0;
}
.checkout-group-content .content-group-wrapper > .group-content-horizontal-group, .content-group-table-row .content-group-wrapper > .group-content-horizontal-group {
  margin-bottom: 0;
}
.checkout-group-content .content-group-wrapper .content-group-subwrapper .group-content-label, .content-group-table-row .content-group-wrapper .content-group-subwrapper .group-content-label {
  min-height: unset;
}
.checkout-group-content .content-group-wrapper .content-group-subwrapper .group-content.group-content-checkbox, .content-group-table-row .content-group-wrapper .content-group-subwrapper .group-content.group-content-checkbox {
  margin-bottom: 0;
}

.rc-mobile-view .content-group-table-row .group-content.group-content-horizontal-group, .rc-mobile-view .checkout-group-content .group-content.group-content-horizontal-group {
  gap: 8px;
}
.rc-mobile-view .content-group-table-row .group-content.group-content-horizontal-group > *, .rc-mobile-view .checkout-group-content .group-content.group-content-horizontal-group > * {
  margin-right: unset;
}
@media only screen and (max-width: 500px) {
  .rc-mobile-view .content-group-table-row .group-content.group-content-horizontal-group, .rc-mobile-view .checkout-group-content .group-content.group-content-horizontal-group {
    flex-wrap: wrap;
  }
  .rc-mobile-view .content-group-table-row .group-content.group-content-horizontal-group > *, .rc-mobile-view .checkout-group-content .group-content.group-content-horizontal-group > * {
    margin-bottom: 8px;
  }
}

.group-content-textarea {
  position: relative;
}
.group-content-textarea .placeholder-menu {
  /*position: absolute;
  right: 0;*/
}
.group-content-textarea .placeholder-menu .rc-context-menu button, .group-content-textarea .placeholder-menu .btn-default.rc-mobile-component {
  padding: 8px;
  width: auto;
  box-sizing: border-box;
  height: 36px;
  cursor: pointer;
  position: relative;
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
  user-select: none;
  border: none;
  outline: none;
  font-family: inherit;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.group-content-textarea .placeholder-menu .rc-context-menu > button, .group-content-textarea .placeholder-menu .btn-default.rc-mobile-component {
  color: #000;
  background-color: #efefef;
}
.group-content-textarea .quill .ql-toolbar.ql-snow {
  padding: 0;
  border: 0;
}
.group-content-textarea .quill .ql-toolbar.ql-snow .ql-formats {
  margin-right: 8px;
  margin-bottom: 8px;
  /*> span:not(.ql-header.ql-picker), > button {
  		width: auto !important;
  }*/
}
.group-content-textarea .quill .ql-toolbar.ql-snow .ql-formats:has(> button:only-child) button {
  border-radius: 6px;
}
.group-content-textarea .quill .ql-toolbar.ql-snow .ql-formats:has(> button:not(:only-child)) button:first-child {
  border-radius: 6px 0 0 6px;
}
.group-content-textarea .quill .ql-toolbar.ql-snow .ql-formats:has(> button:not(:only-child)) button:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.group-content-textarea .quill .ql-toolbar.ql-snow .ql-formats:has(> button:not(:only-child)) button:last-child {
  border-radius: 0 6px 6px 0;
}
.group-content-textarea .quill .ql-toolbar.ql-snow .ql-formats > span, .group-content-textarea .quill .ql-toolbar.ql-snow .ql-formats > button {
  display: inline-flex;
  align-items: center;
  background-color: #efefef;
  height: 36px;
  padding: 8px;
  min-width: 36px;
}
.group-content-textarea .quill .ql-toolbar.ql-snow .ql-formats > span.ql-active, .group-content-textarea .quill .ql-toolbar.ql-snow .ql-formats > button.ql-active {
  background-color: #d8d8d8;
}
.group-content-textarea .quill .ql-toolbar.ql-snow .ql-formats > span.ql-active svg polygon, .group-content-textarea .quill .ql-toolbar.ql-snow .ql-formats > span.ql-active svg rect, .group-content-textarea .quill .ql-toolbar.ql-snow .ql-formats > button.ql-active svg polygon, .group-content-textarea .quill .ql-toolbar.ql-snow .ql-formats > button.ql-active svg rect {
  fill: #3669c4;
}
.group-content-textarea .quill .ql-toolbar.ql-snow .ql-formats > span .ql-picker-label, .group-content-textarea .quill .ql-toolbar.ql-snow .ql-formats > button .ql-picker-label {
  display: inline-flex;
  align-items: center;
}
.group-content-textarea .quill .ql-toolbar.ql-snow .ql-formats > .ql-color {
  display: inline-flex;
  align-items: center;
  background-color: #efefef;
  height: 36px;
  padding: 8px;
  min-width: 36px;
}
.group-content-textarea .quill .ql-toolbar.ql-snow .ql-formats > .ql-color .ql-picker-label {
  padding: unset;
  height: 100%;
  justify-content: center;
}
.group-content-textarea .quill .ql-toolbar.ql-snow .ql-formats > .ql-color .ql-picker-label > svg {
  max-height: 20px;
  color: #6e6e6e;
}
.group-content-textarea .quill .ql-toolbar.ql-snow .ql-formats .ql-picker {
  padding: 8px 0;
  border-radius: 6px;
}
.group-content-textarea .quill .ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 1px solid #efefef;
}
.group-content-textarea .quill .ql-container.ql-snow {
  border-color: #efefef;
  border-radius: 6px;
}
.group-content-textarea .quill .ql-container.ql-snow .ql-editor {
  min-height: 200px;
}
.group-content-textarea .quill .ql-container.ql-snow .ql-tooltip {
  z-index: 1;
  left: 50% !important;
  transform: translate(-50%, 10px);
}
.group-content-textarea .quill.group-content-rich-text-area-dark .ql-container.ql-snow .ql-editor {
  background-color: #efefef;
}
.group-content-textarea .quill.group-content-rich-text-area-light .ql-container.ql-snow .ql-editor {
  background-color: white;
}
.group-content-textarea .quill.full-screen-text-area {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.group-content-textarea .quill.full-screen-text-area .ql-container.ql-snow {
  order: 1;
}
.group-content-textarea .quill #toolbarfullscreen.ql-toolbar.ql-snow {
  background-color: white;
  padding: 8px 8px 0;
  order: 2;
  position: sticky;
  bottom: 0;
  z-index: 1;
}
.group-content-textarea .quill #toolbarfullscreen.ql-toolbar.ql-snow .ql-picker-options {
  bottom: 100%;
  top: unset;
}
.group-content-textarea .quill .ql-container.ql-snow .ql-editor p, .group-content-textarea .quill .ql-container.ql-snow .ql-editor ol, .group-content-textarea .quill .ql-container.ql-snow .ql-editor pre, .group-content-textarea .quill .ql-container.ql-snow .ql-editor blockquote, .group-content-textarea .quill .ql-container.ql-snow .ql-editor h1, .group-content-textarea .quill .ql-container.ql-snow .ql-editor h2, .group-content-textarea .quill .ql-container.ql-snow .ql-editor h3, .group-content-textarea .quill .ql-container.ql-snow .ql-editor h4, .group-content-textarea .quill .ql-container.ql-snow .ql-editor h5, .group-content-textarea .quill .ql-container.ql-snow .ql-editor h6 {
  margin-bottom: 12px;
}

.group-content-input-calendar {
  display: flex;
  position: relative;
}

.group-content-date-picker .calendar-container {
  position: absolute;
  left: 0;
  top: 100%;
  box-sizing: border-box;
  background: #FFFFFF;
  box-shadow: 0 1px 3px #5f5f5f;
  cursor: auto;
  padding: 0;
  overflow: hidden;
  z-index: 5000;
}
.group-content-date-picker .calendar-container .rdp {
  margin: 0.5em 0;
}
.group-content-date-picker .calendar-container .rdp .rdp-caption {
  gap: 8px !important;
}
.group-content-date-picker .calendar-container .rdp-month {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.perpetual-calendar-container {
  position: absolute;
  left: 0;
  top: 100%;
  box-sizing: border-box;
  background: #FFFFFF;
  box-shadow: 0 1px 3px #5f5f5f;
  cursor: auto;
  padding: 0;
  overflow: hidden;
  z-index: 5000;
}

.feedbackValues .group-content-radio-group-content {
  display: flex;
  flex-direction: row;
}
#SaalImageQuillModule .content-group-table-row .group-content .rc-component {
  flex-grow: 0;
}

.rc-color-picker {
  height: 36px;
  position: relative;
  user-select: none;
  align-items: center;
  cursor: pointer;
  display: flex;
  box-sizing: border-box;
  padding: 0 8px;
  max-width: 200px;
  width: auto;
  border-bottom: 1px solid #cccccc;
  border-radius: 6px;
}
.rc-color-picker.rc-mobile-component {
  height: 44px;
}
.rc-color-picker:hover {
  border-bottom-color: #3669c4;
}
.rc-color-picker .color-picker-label-container {
  user-select: none;
  align-items: center;
  cursor: pointer;
  display: flex;
  max-width: 200px;
  width: 100%;
}
.rc-color-picker .rc-label-component {
  flex: auto;
}
.rc-color-picker .picker-color {
  width: 19px;
  height: 19px;
}
.rc-color-picker.rc-colorpicker-dark {
  background: #EFEFEF;
}
.rc-color-picker.rc-colorpicker-light {
  background: #FFFFFF;
}
.rc-color-picker.rc-colorpicker-disabled {
  opacity: 0.5;
  pointer-events: none;
  cursor: default;
}

.color-picker-container {
  position: absolute;
  left: 0;
  top: 100%;
  box-sizing: border-box;
  background: #FFFFFF;
  box-shadow: 0 1px 3px #5f5f5f;
  cursor: auto;
  padding: 0;
  overflow: hidden;
  z-index: 5000;
  border-radius: 6px;
}
.color-picker-container > button {
  width: 100%;
}
.color-picker-container.color-picker-container-mobile {
  position: fixed;
  box-sizing: border-box;
  left: 0;
  top: 0;
  width: 100vw;
  background: #FFFFFF;
  cursor: auto;
  padding: 0;
  height: 0;
  overflow: hidden;
  z-index: 11000;
}
.color-picker-container.color-picker-container-mobile .color-picker-selection {
  padding-bottom: 100px;
  width: unset;
}
.color-picker-container .color-picker-close {
  width: 100%;
  text-align: right;
}
.color-picker-container .color-picker-row {
  display: flex;
  margin-bottom: 8px;
}
.color-picker-container .button-row {
  display: flex;
  gap: 5px;
}
.color-picker-container .remove-button {
  cursor: pointer;
  height: 25px;
  border: 6px solid #EFEFEF;
  background-color: #FFFFFF;
  margin: 0 auto;
}
.color-picker-container .remove-selected-icon {
  border: none;
  height: 26px;
  width: 30px;
  background: linear-gradient(135deg, transparent calc(50% - 2px), red 50%, transparent calc(50% + 2px));
}
.color-picker-container .color-picker-column {
  display: flex;
  flex-direction: column;
}
.color-picker-container .color-picker-color {
  width: 20px;
  height: 20px;
  margin: 0 2px;
  cursor: pointer;
}
.color-picker-container .color-picker-selection {
  position: relative;
  width: 240px;
}
.color-picker-container .color-picker-selection button {
  width: 100%;
}
.color-picker-container .chrome-picker {
  width: 100%;
  margin: 8px 0;
  background: none;
  border-radius: 0;
  box-shadow: none;
  box-sizing: initial;
  font-family: initial;
}
.color-picker-container .color-picker-buttons-group-container {
  display: flex;
}
.color-picker-container .color-picker-buttons-group-container .color-picker-button-container {
  width: 50%;
}
.color-picker-container .color-picker-buttons-group-container .color-picker-button-container:first-child {
  margin-right: 8px;
}

.redesign .rc-component.rc-color-picker.rc-mobile-component, .redesign .rc-component.rc-color-picker.rc-tablet {
  background-color: #FFFFFF;
  border-radius: 14px;
  border: 1px solid #525252;
  padding: 8px 16px;
  height: 42px;
}
.redesign .rc-component.rc-color-picker.rc-mobile-component .color-picker-label-container, .redesign .rc-component.rc-color-picker.rc-tablet .color-picker-label-container {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1 0 0;
}
.redesign .rc-component.rc-color-picker.rc-mobile-component .color-picker-label-container .rc-label-component, .redesign .rc-component.rc-color-picker.rc-tablet .color-picker-label-container .rc-label-component {
  overflow: hidden;
  color: #525252;
  text-overflow: ellipsis;
  font-family: "SourceSansPro-Regular";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.redesign .rc-component.rc-color-picker.rc-mobile-component .color-picker-label-container .picker-color, .redesign .rc-component.rc-color-picker.rc-tablet .color-picker-label-container .picker-color {
  width: 18px;
  height: 18px;
  border: 1px solid #CBCACA;
  border-radius: 50%;
}

#ColorPickerDialog.redesign .rc-dialog-wrapper .rc-dialog-content {
  border-radius: 14px;
  padding: 16px;
  width: 290px;
}
#ColorPickerDialog.redesign .rc-dialog-wrapper .rc-dialog-content .color-picker-dialog-content {
  display: flex;
  width: 100%;
  flex-direction: column;
}
#ColorPickerDialog.redesign .rc-dialog-wrapper .rc-dialog-content .color-picker-dialog-content .rc-tabcontrol {
  width: 100%;
  margin-bottom: 16px;
}
#ColorPickerDialog.redesign .rc-dialog-wrapper .rc-dialog-content .color-picker-dialog-content .rc-tabcontrol .rc-tabcontrol-tab {
  width: 50%;
  color: #525252;
  border-bottom: 1px solid #525252;
  text-transform: uppercase;
  text-align: center;
  font-family: "SourceSansPro-Regular";
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
#ColorPickerDialog.redesign .rc-dialog-wrapper .rc-dialog-content .color-picker-dialog-content .rc-tabcontrol .rc-tabcontrol-tab.rc-tabcontrol-tab-selected {
  color: #3776B2;
  border-bottom: 2px solid #3776B2;
  font-weight: 600;
}
#ColorPickerDialog.redesign .rc-dialog-wrapper .rc-dialog-content .color-picker-dialog-content .tab-content {
  overflow-x: auto; /* Enables horizontal scrolling */
  overflow-y: hidden; /* Disables vertical scrolling */
}
#ColorPickerDialog.redesign .rc-dialog-wrapper .rc-dialog-content .color-picker-dialog-content .tab-content .label-special-color {
  margin-top: 24px;
  min-height: unset;
}
#ColorPickerDialog.redesign .rc-dialog-wrapper .rc-dialog-content .color-picker-dialog-content .tab-content .color-picker-row {
  display: flex;
  margin-top: 24px;
  margin-bottom: 8px;
  gap: 8px;
}
#ColorPickerDialog.redesign .rc-dialog-wrapper .rc-dialog-content .color-picker-dialog-content .tab-content .color-picker-row:first-child {
  margin-top: unset;
}
#ColorPickerDialog.redesign .rc-dialog-wrapper .rc-dialog-content .color-picker-dialog-content .tab-content .color-picker-row.special-color {
  margin-top: 16px;
}
#ColorPickerDialog.redesign .rc-dialog-wrapper .rc-dialog-content .color-picker-dialog-content .tab-content .color-picker-row .color-picker-column {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
#ColorPickerDialog.redesign .rc-dialog-wrapper .rc-dialog-content .color-picker-dialog-content .tab-content .color-picker-row .color-picker-color {
  width: 32px;
  height: 32px;
  min-width: 32px;
  cursor: pointer;
  border-radius: 50%;
}
#ColorPickerDialog.redesign .rc-dialog-wrapper .rc-dialog-content .color-picker-dialog-content .tab-content .color-picker-row .color-picker-color.with-border {
  border: 1px solid #CBCACA;
}
#ColorPickerDialog.redesign .rc-dialog-wrapper .rc-dialog-content .color-picker-dialog-content .tab-content.spectrum-tab {
  overflow-x: hidden;
}
#ColorPickerDialog.redesign .rc-dialog-wrapper .rc-dialog-content .color-picker-dialog-content .tab-content.spectrum-tab .chrome-picker-container {
  width: 100%;
}
#ColorPickerDialog.redesign .rc-dialog-wrapper .rc-dialog-content .color-picker-dialog-content .tab-content.spectrum-tab .chrome-picker-container .chrome-picker {
  box-shadow: none !important;
  width: 100% !important;
}
#ColorPickerDialog.redesign .rc-dialog-wrapper .rc-dialog-content .color-picker-dialog-content .tab-content.spectrum-tab .chrome-picker-container .chrome-picker > div:nth-child(2) {
  padding: 16px 0;
}
#ColorPickerDialog.redesign .rc-dialog-wrapper .rc-dialog-content .color-picker-dialog-content .tab-content.spectrum-tab .chrome-picker-container .chrome-picker > div:nth-child(2) .flexbox-fix:first-child > div:nth-child(2) .hue-horizontal > div > div {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  background-color: #E7E7E7;
}
#ColorPickerDialog.redesign .rc-dialog-wrapper .rc-dialog-content .color-picker-dialog-content .tab-content.spectrum-tab .chrome-picker-container .chrome-picker > div:nth-child(2) .flexbox-fix:first-child > div:first-child {
  display: none !important;
}
#ColorPickerDialog.redesign .rc-dialog-wrapper .rc-dialog-content .color-picker-dialog-content .tab-content.spectrum-tab .chrome-picker-container .chrome-picker > div:nth-child(2) .flexbox-fix:nth-child(2) {
  display: none !important;
}
#ColorPickerDialog.redesign .rc-dialog-wrapper .rc-dialog-content .color-picker-dialog-content .current-color-container {
  margin-top: 16px;
  margin-bottom: 8px;
  padding-top: 16px;
  border-top: 1px solid #E7E7E7;
}
#ColorPickerDialog.redesign .rc-dialog-wrapper .rc-dialog-content .color-picker-dialog-content .current-color-container.spectrum-tab {
  margin-top: unset;
  border-top: unset;
}
#ColorPickerDialog.redesign .rc-dialog-wrapper .rc-dialog-content .color-picker-dialog-content .current-color-container .remove-and-opacity {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  margin-bottom: 24px;
}
#ColorPickerDialog.redesign .rc-dialog-wrapper .rc-dialog-content .color-picker-dialog-content .current-color-container .remove-and-opacity .btn-remove {
  cursor: pointer;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: transparent;
  position: relative;
  border: 1px solid #CBCACA;
}
#ColorPickerDialog.redesign .rc-dialog-wrapper .rc-dialog-content .color-picker-dialog-content .current-color-container .remove-and-opacity .btn-remove:before {
  content: "";
  position: absolute;
  top: 10px;
  left: -1px;
  width: calc(100% + 2px);
  height: 3px;
  background-color: #d9052f;
  transform: rotate(135deg);
  transform-origin: center;
}
#ColorPickerDialog.redesign .rc-dialog-wrapper .rc-dialog-content .color-picker-dialog-content .current-color-container .remove-and-opacity .opacity-slider-wrapper {
  width: 85%;
}
#ColorPickerDialog.redesign .rc-dialog-wrapper .rc-dialog-content .color-picker-dialog-content .current-color-container .remove-and-opacity .opacity-slider-wrapper .opacity-slider .rc-slider .slider-track {
  display: none;
}
#ColorPickerDialog.redesign .rc-dialog-wrapper .rc-dialog-content .color-picker-dialog-content .current-color-container .remove-and-opacity .opacity-slider-wrapper .opacity-slider .rc-slider .slider-body {
  height: 12px;
  border-radius: 24px;
}
#ColorPickerDialog.redesign .rc-dialog-wrapper .rc-dialog-content .color-picker-dialog-content .current-color-container .remove-and-opacity .opacity-slider-wrapper .opacity-slider .rc-slider .slider-handler {
  top: -3px;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  background-color: #E7E7E7;
}
#ColorPickerDialog.redesign .rc-dialog-wrapper .rc-dialog-content .color-picker-dialog-content .current-color-container .current-color {
  display: flex;
  align-items: center;
  margin-top: 24px;
  gap: 16px;
}
#ColorPickerDialog.redesign .rc-dialog-wrapper .rc-dialog-content .color-picker-dialog-content .current-color-container .current-color .color-chip-label {
  gap: 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
#ColorPickerDialog.redesign .rc-dialog-wrapper .rc-dialog-content .color-picker-dialog-content .current-color-container .current-color .color-chip-label .color-picker-color {
  width: 24px;
  height: 24px;
  border: 1px solid #CBCACA;
  border-radius: 50%;
}
#ColorPickerDialog.redesign .rc-dialog-wrapper .rc-dialog-content .color-picker-dialog-content .current-color-container .current-color .color-chip-label .color-label {
  color: #525252;
  font-family: "SourceSansPro-Regular";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px;
}
#ColorPickerDialog.redesign .rc-dialog-wrapper .rc-dialog-content .color-picker-dialog-content .color-picker-buttons-group-container {
  display: flex;
  width: 100%;
  flex-direction: row;
  margin-top: 16px;
}
#ColorPickerDialog.redesign .rc-dialog-wrapper .rc-dialog-content .color-picker-dialog-content .color-picker-buttons-group-container .color-picker-button-container {
  width: 50%;
  padding-left: 8px;
}
#ColorPickerDialog.redesign .rc-dialog-wrapper .rc-dialog-content .color-picker-dialog-content .color-picker-buttons-group-container .color-picker-button-container:first-child {
  padding-left: unset;
}
#ColorPickerDialog.redesign .rc-dialog-wrapper .rc-dialog-content .color-picker-dialog-content .color-picker-buttons-group-container .color-picker-button-container button {
  width: 100%;
}
#ColorPickerDialog.redesign.redesign-tablet .rc-dialog-content {
  width: unset;
}
#ColorPickerDialog.redesign.redesign-tablet .chrome-picker > div:first-child {
  width: 394px !important;
  height: 344px !important;
}

.redesign-tablet .color-picker-label-container {
  max-width: unset;
}

.rc-confirm {
  z-index: 100100 !important;
  /*> * {
  		text-align: center;
  }*/
}
.rc-confirm.redesign.redesign-tablet .rc-confirm-footer {
  width: 100%;
}
.rc-confirm.redesign .rc-dialog-wrapper .rc-dialog-content {
  padding: 24px 24px 16px 24px;
  border-radius: 14px;
  background: #FFF;
  box-shadow: -2px 4px 4px 0px rgba(0, 0, 0, 0.05), 1px 1px 4px 0px rgba(0, 0, 0, 0.15);
}
.rc-confirm.redesign .rc-dialog-wrapper .rc-dialog-content .rc-confirm-title {
  color: #2C2C2C;
  font-family: "SourceSansPro-Regular";
  font-size: 17px;
  font-style: normal;
  font-weight: 600;
  line-height: 19px;
  margin-bottom: 11px;
}
.rc-confirm.redesign .rc-dialog-wrapper .rc-dialog-content .rc-confirm-content {
  color: #525252;
  font-family: "SourceSansPro-Regular";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px;
  margin-bottom: 24px;
}
.rc-confirm.redesign .rc-dialog-wrapper .rc-dialog-content .rc-confirm-content p {
  margin-bottom: unset;
}
.rc-confirm.redesign .rc-dialog-wrapper .rc-dialog-content .rc-confirm-content .rc-radio-group {
  margin-top: 24px;
}
.rc-confirm.redesign .rc-dialog-wrapper .rc-dialog-content .rc-confirm-footer {
  display: flex;
  justify-content: flex-end;
  margin-top: unset;
}
.rc-confirm.redesign .rc-dialog-wrapper .rc-dialog-content .rc-confirm-footer button {
  border: unset;
  display: flex;
  height: 30px;
  padding: 8px 24px;
  justify-content: center;
  align-items: center;
  flex: unset;
}
.rc-confirm.redesign .rc-dialog-wrapper .rc-dialog-content .rc-confirm-footer button:last-child {
  color: #3776B2;
  padding: 8px 8px 8px 24px;
}
.rc-confirm.redesign .rc-dialog-wrapper .rc-dialog-content .rc-confirm-footer button .btn-label {
  text-align: center;
  font-family: "SourceSansPro-Regular";
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
}
.rc-confirm .rc-confirm-content {
  text-align: left;
}
.rc-confirm.bleed-info .rc-dialog-content .rc-confirm-content {
  height: 50vh;
  width: 500px;
  overflow-y: auto;
  overflow-x: hidden;
}
.rc-confirm.bleed-info .rc-dialog-content .rc-confirm-content h2 {
  margin: 16px 0 8px 0;
}
.rc-confirm.bleed-info .rc-dialog-content .rc-confirm-content ul {
  list-style-type: circle;
}
.rc-confirm.bleed-info .rc-dialog-content .rc-confirm-content ul li {
  list-style-type: circle;
  margin: 0 0 8px 32px;
}

.rc-confirm-footer {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
.rc-confirm-footer button:first-child {
  margin-right: 4px;
}
.rc-confirm-footer button:last-child {
  margin-left: 4px;
}

.rc-confirm-title {
  display: flex;
  justify-content: left;
  margin-bottom: 8px;
  font-weight: bold;
  font-size: 18px;
}

.rc-dialog-open > *:not(.rc-dialog):not(.apip-error-alert):not(.rc-loader-locked):not(.rc-loader):not(.rc-mobile-view):not(#CollectionImageCommentView):not(.drag-container) {
  -webkit-filter: blur(4px);
  -ms-filter: blur(4px);
  filter: blur(4px);
}

.rc-dialog.hide-overlayed-dialog {
  display: none !important;
}
.rc-dialog.lock-view-dialog {
  z-index: 20000 !important;
}
.rc-dialog.redesign .rc-dialog-wrapper .rc-dialog-content {
  display: flex;
  width: 279px;
  padding: 24px 24px 16px 24px;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 14px;
  background: #FFF;
  box-shadow: -2px 4px 4px 0px rgba(0, 0, 0, 0.05), 1px 1px 4px 0px rgba(0, 0, 0, 0.15);
}
.rc-dialog.redesign .rc-dialog-wrapper .rc-dialog-content .title {
  position: unset;
  color: #525252;
  font-family: "SourceSansPro-Regular";
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 32px;
}
.rc-dialog.redesign .rc-dialog-wrapper .rc-dialog-content .content {
  margin-bottom: 32px;
  width: 100%;
}
.rc-dialog.redesign .rc-dialog-wrapper .footer-buttons {
  display: flex;
  align-self: end;
}
.rc-dialog.redesign .rc-dialog-wrapper .footer-buttons button {
  height: 30px;
  padding: 8px 24px;
  color: #3776B2;
}
.rc-dialog.redesign .rc-dialog-wrapper .footer-buttons button.btn-simple.btn-redesign {
  border: unset !important;
}
.rc-dialog.redesign .rc-dialog-wrapper .footer-buttons button:last-child {
  border-radius: 120px;
  background: #6C9D0D;
}
.rc-dialog.redesign .rc-dialog-wrapper .footer-buttons button:last-child .btn-label {
  color: #FFFFFF;
}
.rc-dialog.redesign .rc-dialog-wrapper .footer-buttons button .btn-label {
  color: #525252;
  text-align: center;
  font-family: "SourceSansPro-Regular";
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.rc-dialog .rc-dialog-wrapper {
  flex: auto;
  max-width: 672px;
  min-width: 320px;
}
.rc-dialog .rc-dialog-wrapper.wide-dialog {
  max-width: 672px;
  min-width: 320px;
}
.rc-dialog .rc-dialog-wrapper.xslim-dialog {
  min-width: 280px;
  max-width: 380px;
}
.rc-dialog .rc-dialog-wrapper.slim-dialog {
  max-width: 446px;
  min-width: 320px;
}
.rc-dialog .rc-dialog-wrapper.middle-dialog {
  max-width: 559px;
  min-width: 320px;
}
.rc-dialog .rc-dialog-wrapper.huge-dialog {
  max-width: 1200px;
  min-width: 320px;
}
.rc-dialog .rc-dialog-wrapper.full-screen {
  width: 95%;
  height: 100%;
  max-width: unset;
  min-height: unset;
  margin: 0 auto;
}
.rc-dialog .rc-dialog-wrapper.full-screen .rc-dialog-content {
  height: 90%;
  max-height: unset;
}
.rc-dialog .rc-dialog-wrapper .rc-dialog-content {
  border-radius: 6px;
}
.rc-dialog .rc-dialog-wrapper .rc-dialog-content .dialog-control {
  display: flex;
  justify-content: space-between;
  margin: -16px -16px 0;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  width: 100%;
  background-color: #ffffff;
  z-index: 10;
  flex: 0;
  flex-basis: 36px;
}
.rc-dialog .rc-dialog-wrapper .rc-dialog-content .dialog-control .close-button {
  z-index: 1;
}
.rc-dialog .rc-dialog-wrapper .rc-dialog-content .dialog-control .dialog-title {
  min-height: 36px;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  padding: 0 64px;
  box-sizing: border-box;
}
.rc-dialog .rc-dialog-wrapper .rc-dialog-content .dialog-control .dialog-title > div {
  display: block;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.rc-dialog .rc-dialog-wrapper .rc-dialog-content .dialog-control .dialog-controls-right {
  display: flex;
  align-self: flex-end;
  gap: 8px;
  margin-right: 16px;
}
.rc-dialog .rc-dialog-wrapper .rc-dialog-content .dialog-control .dialog-controls-right button {
  padding: 0 8px;
}
.rc-dialog .rc-dialog-wrapper .rc-dialog-content .dialog-control .dialog-controls-right button.btn-icon:not(.btn-icon-only) .rc-icon.sgw-icon {
  margin-right: 0;
}
.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content {
  padding: unset;
  max-height: 85vh;
}
.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .dialog-control {
  margin: 0;
}
.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .dialog-control .dialog-control-buttons-right {
  display: flex;
  position: absolute;
  right: 0;
}
.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .dialog-control .dialog-control-buttons-right > button {
  padding: 0 8px;
}
.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .dialog-control .dialog-control-buttons-right > button.btn-icon .sgw-icon {
  margin-right: 0;
}
.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content {
  flex: 1;
  overflow: hidden;
  overflow-y: auto;
  padding: 16px 16px 0;
  margin-bottom: 16px;
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: 6px;
}
.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content.prevent-justify-center {
  justify-content: unset !important;
}
.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content.without-overflow {
  overflow: unset;
}
.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content.rc-mobile-view-dark {
  background-color: #efefef;
}
.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content.rc-mobile-view-light {
  background-color: #FFFFFF;
}
.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .dialog-content {
  flex: 1;
  width: 100%;
}
.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .dialog-footer {
  height: 52px;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}

.desktop-dialog-button {
  position: absolute;
  right: 8px;
  top: 8px;
}

.mobile-dialog-header-right-button {
  position: absolute;
  right: 8px;
  top: 8px;
}

@media (min-width: 500px) {
  .rc-dialog {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /*@media (max-height: 800px) {
    		overflow-y: auto;
    }*/
  }
  .rc-dialog.rc-dialog-blur {
    -webkit-filter: blur(2px);
    -ms-filter: blur(2px);
    filter: blur(2px);
  }
  .rc-dialog.rc-dialog-bg-shadow:not(.rc-dialog-blur):before {
    content: "";
    width: 100%;
    height: 100vh;
    position: absolute;
    background-color: #353840;
    opacity: 0.8;
  }
}
@media (min-width: 500px) and (max-height: 800px) {
  .rc-dialog.rc-dialog-bg-shadow:not(.rc-dialog-blur):before {
    height: 150vh;
  }
}
@media (min-width: 500px) {
  .rc-dialog .rc-dialog-wrapper {
    display: flex;
    position: relative;
    width: auto;
    pointer-events: none;
    align-items: center;
    margin: 16px auto;
    min-height: calc(100% - 16px * 2);
  }
  .rc-dialog .rc-dialog-wrapper .rc-dialog-content {
    position: relative;
    display: flex;
    width: 100%;
    background: #ffffff;
    flex-direction: column;
    padding: 16px;
    pointer-events: auto;
    -webkit-box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.4);
  }
  .rc-dialog .rc-dialog-wrapper .rc-dialog-content.no-padding {
    padding: 0;
  }
  .rc-dialog .rc-dialog-wrapper .rc-dialog-content.no-background {
    background: unset;
    box-shadow: unset;
  }
}
.mobile-dialog .rc-dialog-wrapper {
  padding: 0 16px;
  box-sizing: border-box;
}

@media (max-width: 500px) {
  .rc-dialog {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .rc-dialog.rc-confirm.redesign .rc-dialog-wrapper .rc-dialog-content {
    padding: 24px 24px 16px 24px !important;
  }
  .rc-dialog.rc-confirm.redesign .rc-dialog-wrapper .rc-dialog-content .rc-confirm-footer {
    width: 100%;
  }
  .rc-dialog.rc-dialog-blur {
    -webkit-filter: blur(2px);
    -ms-filter: blur(2px);
    filter: blur(2px);
  }
  .rc-dialog.rc-dialog-bg-shadow:before {
    content: "";
    background-color: #353840;
    opacity: 0.8;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
  }
  .rc-dialog .rc-dialog-wrapper {
    display: flex;
    position: relative;
    width: auto;
    pointer-events: none;
    align-items: center;
    margin: 0 auto;
    min-height: calc(100% - 16px * 2);
  }
  .rc-dialog .rc-dialog-wrapper .rc-dialog-content {
    position: relative;
    display: flex;
    width: 100%;
    background: #ffffff;
    flex-direction: column;
    padding: 16px;
    pointer-events: auto;
    overflow: auto;
    max-height: 75vh;
    margin: 0 auto;
    -webkit-box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.4);
  }
  .rc-dialog .rc-dialog-wrapper .rc-dialog-content .tooltip-text > p {
    padding-bottom: 0;
  }
  .rc-dialog .rc-dialog-wrapper .rc-dialog-content.no-padding {
    padding: 0;
  }
  .rc-dialog .rc-dialog-wrapper .rc-dialog-content.no-background {
    background: unset;
    box-shadow: unset;
  }
  .rc-dialog .rc-dialog-wrapper .rc-alert-footer {
    position: sticky;
    position: -webkit-sticky;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40px;
    min-height: 40px;
    z-index: 20;
    padding: 10px 0;
    background-color: white;
  }
}
@media (max-width: 500px) and (max-height: 800px) {
  .rc-dialog:not(.rc-confirm) {
    overflow-y: auto;
  }
}
.rc-file-upload {
  position: relative;
  display: inline-flex;
}
.rc-file-upload.rc-error .rc-error-label {
  display: block;
}
.rc-file-upload input[type=file] {
  display: none;
  /*opacity: 0;
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: pointer;
  text-indent: -999px;*/
}

form .btn-simple.keyboard-focus:focus * {
  text-decoration: underline;
  text-underline-position: under;
}
form .btn-simple.keyboard-focus:focus .sgw-icon:before {
  color: #3669c4;
}

.flex-form {
  display: flex;
  flex-direction: column;
}

.form-footer-buttons {
  display: flex;
  justify-content: center;
  padding-top: 8px;
  position: sticky;
  position: -webkit-sticky;
  bottom: 0;
  top: auto;
  background-color: white;
}
.form-footer-buttons.form-footer-space-between-buttons {
  justify-content: space-between;
}
.form-footer-buttons.form-footer-space-between-buttons button:first-child {
  padding-left: 0;
}
.form-footer-buttons button:first-child {
  margin-right: 4px;
}
.form-footer-buttons button:last-child {
  margin-left: 4px;
}
.form-footer-buttons.redesign-enabled {
  padding: 8px;
  gap: 8px;
}
.form-footer-buttons.redesign-enabled button {
  flex: 1;
}

.form-footer-groupped-buttons {
  display: flex;
  justify-content: space-between;
  padding-top: 8px;
  flex-wrap: nowrap;
}
.form-footer-groupped-buttons .left-group, .form-footer-groupped-buttons .right-group {
  display: flex;
  flex-wrap: nowrap;
}
.form-footer-groupped-buttons .left-group .cancel-button, .form-footer-groupped-buttons .right-group .cancel-button {
  padding-left: 0;
}
.form-footer-groupped-buttons .left-group .cancel-button.btn-icon .sgw-icon, .form-footer-groupped-buttons .right-group .cancel-button.btn-icon .sgw-icon {
  margin-right: 0;
}
.form-footer-groupped-buttons .left-group button .btn-label, .form-footer-groupped-buttons .right-group button .btn-label {
  white-space: nowrap;
}
.form-footer-groupped-buttons .left-group button + button, .form-footer-groupped-buttons .right-group button + button {
  margin-left: 8px;
}

.rc-input {
  position: relative;
  height: 36px;
  border-bottom: 1px solid #CCCCCC;
  box-sizing: border-box;
  display: inline-flex;
  align-items: flex-end;
  cursor: text;
  min-width: 80px;
  border-radius: 6px;
}
.rc-input.redesign {
  border-radius: 14px;
  background-color: #FFFFFF !important;
  padding: 8px 16px;
  border: 1px solid #525252;
}
.rc-input.redesign input {
  overflow: hidden;
  color: #525252;
  text-overflow: ellipsis;
  font-family: "SourceSansPro-Regular";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  background-color: #fff;
}
.rc-input.redesign label, .rc-input.redesign .rc-label.empty-input {
  position: absolute;
  left: 15px;
  top: -8px;
  padding: 0px 4px;
  background-color: #FFFFFF;
  color: #525252;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.rc-input.redesign .rc-label.empty-input:not(.focus) {
  top: 50%;
  font-size: 16px;
}
.rc-input.redesign.redesign-tablet {
  height: 42px;
  align-items: center;
}
.rc-input.rc-empty-input:not(.focus) .rc-label {
  margin-top: 0;
}
.rc-input.rc-input-dark {
  background-color: #EFEFEF;
}
.rc-input.rc-input-light {
  background-color: #FFFFFF;
}
.rc-input.rc-input-small {
  height: 25px;
  min-width: 50px;
}
.rc-input.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.rc-input:hover {
  border-bottom: 1px solid #3669c4;
}
.rc-input:hover .rc-label {
  color: #3669c4;
}
.rc-input.valid {
  border-bottom: 1px solid #6c9d0d;
}
.rc-input.valid .rc-label {
  color: #6c9d0d;
}
.rc-input.valid:before {
  position: absolute;
  right: 8px;
  top: 4px;
  left: auto;
  color: #6C9D0D;
  background-color: transparent;
  width: 12px;
  height: 12px;
  line-height: 12px;
  font-size: 14px;
}
.rc-input.focus.redesign {
  border: 1px solid #3669c4;
}
.rc-input.focus:not(.redesign) {
  border-bottom: 1px solid #3669c4;
}
.rc-input.focus .rc-error {
  display: block;
}
.rc-input.focus .rc-label {
  color: #3669c4;
}
.rc-input .rc-label {
  font-size: 12px;
  line-height: calc(12px + 2px);
  color: #5d5d5d;
  position: absolute;
  top: 4px;
  left: 8px;
  cursor: default;
  pointer-events: none;
  touch-action: none;
  transition: all 0.3s;
  z-index: 1;
  display: block;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: calc(100% - 28px);
}
.rc-input .rc-label .rc-icon {
  display: inline-flex;
  padding-left: 14px;
  height: inherit;
  position: relative;
}
.rc-input .rc-label .sgw-icon:before,
.rc-input .rc-label .checkbox:before,
.rc-input .rc-label .sgw-upload-stage:before {
  color: inherit;
}
.rc-input .rc-label.empty-input {
  top: 50%;
  font-size: 14px;
  line-height: 16px;
  color: #2C2C2C;
  transform: translate(0, -50%);
  z-index: 0;
  white-space: unset;
}
.rc-input .preview-password-eye {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.rc-input .input-calendar-btn {
  position: absolute;
  right: 0;
  top: 0;
}
.rc-input .input-date-no-button input[type=date]::-webkit-inner-spin-button,
.rc-input .input-date-no-button input[type=date]::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}
.rc-input .rc-input-wrapper {
  position: relative;
  color: rgba(0, 0, 0, 0.87);
  cursor: text;
  display: inline-flex;
  width: 100%;
  padding-left: 8px;
}
.rc-input .rc-input-wrapper input {
  font-family: "SourceSansPro-Regular", sans-serif;
  flex: auto;
  height: auto;
  width: 100%;
  border: none;
  font-size: 14px;
  background: transparent;
  padding: 0;
  -webkit-appearance: none;
  margin: 0;
  outline: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}
.rc-input .rc-input-wrapper.no-date-value input[type=date]::-webkit-datetime-edit-day-field,
.rc-input .rc-input-wrapper.no-date-value input[type=date]::-webkit-datetime-edit-month-field,
.rc-input .rc-input-wrapper.no-date-value input[type=date]::-webkit-datetime-edit-year-field,
.rc-input .rc-input-wrapper.no-date-value input[type=date]::-webkit-input-placeholder {
  opacity: 0;
}
.rc-input.mobile-numeric {
  display: flex;
}
.rc-input.mobile-numeric .rc-input-wrapper {
  height: 100%;
  flex: 1;
}
.rc-input.mobile-numeric .rc-input-wrapper input {
  text-align: center;
}
.rc-input.mobile-numeric .btn-simple.btn-icon-only {
  width: 44px;
  height: 44px;
  max-height: 100%;
}
.rc-input.rc-empty-input:not(.focus) .rc-input-wrapper {
  display: flex;
  align-self: center;
}
.rc-input .numeric-buttons {
  justify-self: flex-end;
  position: relative;
  display: flex;
  flex-direction: column;
}
.rc-input .numeric-buttons :hover {
  background-color: #e2e2e2;
}
.rc-input .numeric-buttons .numeric-arrow-down {
  height: 17px;
  padding: 0;
  overflow: hidden;
}
.rc-input .numeric-buttons .numeric-arrow-up {
  height: 17px;
  padding: 0;
  overflow: hidden;
}
.rc-input .numeric-buttons .sgw-icon {
  height: 17px;
}
.rc-input .numeric-buttons .sgw-icon :before {
  color: #6e6e6e;
  height: 17px;
  line-height: 17px;
}
.rc-input .numeric-buttons > div {
  width: 21px;
  height: 21px;
  position: relative;
}
.rc-input.rc-mobile-component {
  height: 44px;
}
.rc-input.rc-mobile-component.redesign {
  height: 42px;
}
.rc-input.rc-mobile-component .rc-input-wrapper {
  align-items: end;
}
.rc-input.rc-mobile-component .rc-label.empty-input {
  font-size: 16px;
}
.rc-input.rc-mobile-component .rc-input-wrapper input {
  font-size: 16px;
}
.rc-input.rc-mobile-component.redesign .rc-label.empty-input {
  font-size: 12px;
}
.rc-input input[type=date] {
  min-height: 24px;
  padding-right: 8px;
}
.rc-input + .input-error-below {
  color: #d9052f;
  font-size: 12px;
  line-height: 15px;
}

.input-slider-redesign {
  position: relative;
  height: 42px;
}
.input-slider-redesign.tablet {
  display: flex;
  align-items: center;
  flex-direction: row;
}
.input-slider-redesign.tablet .rc-icon.sgw-icon.clickable {
  font-size: 18px;
  width: 18px;
  height: 18px;
  padding-left: unset;
  top: 16px;
}
.input-slider-redesign.tablet .rc-icon.sgw-icon.clickable.before {
  font-size: 18px;
  width: 18px;
  height: 18px;
  line-height: 18px;
}
.input-slider-redesign .rc-input.focus {
  border: 1px solid #525252;
}
.input-slider-redesign .rc-input.focus .rc-label {
  color: #525252;
}
.input-slider-redesign .rc-component.rc-input.rc-mobile-component.redesign {
  position: relative;
}
.input-slider-redesign .rc-component.rc-input.rc-mobile-component.redesign .rc-input-wrapper {
  position: absolute;
  top: 11px;
}
.input-slider-redesign .rc-component.rc-input.rc-mobile-component.redesign .rc-input-wrapper input {
  overflow: hidden;
  color: #525252;
  text-overflow: ellipsis;
  font-family: "SourceSansPro-Regular";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.input-slider-redesign .rc-component.rc-input.rc-mobile-component.redesign:hover {
  border-bottom: 1px solid #525252;
}
.input-slider-redesign .rc-component.rc-input.rc-mobile-component.redesign .rc-label:hover {
  color: #525252;
}
.input-slider-redesign .rc-icon.sgw-icon {
  position: absolute;
  right: 16px;
  top: 21px;
  font-size: 20px;
}
.input-slider-redesign .rc-icon.sgw-icon:before {
  font-family: "icomoon";
}

.rc-label-component {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  min-height: 36px;
  font-size: 14px;
  justify-content: center;
}
.rc-label-component p {
  width: 100%;
}
.rc-label-component p + p {
  margin-top: 16px;
}
.rc-label-component p:last-child {
  margin-bottom: 16px;
}
.rc-label-component.group-important {
  font-weight: bold;
  font-size: 16px;
}
.rc-label-component.label-heading {
  font-size: 18px;
}
.rc-label-component.label-heading-bold {
  font-size: 21px;
  font-weight: bold;
}
.rc-label-component.rc-mobile-component {
  min-height: 44px;
  line-height: 18px;
}
.rc-label-component.rc-mobile-component.label-heading {
  font-size: 24px;
}
.rc-label-component.rc-mobile-component.label-heading-bold {
  font-size: 24px;
  font-weight: bold;
}

.rc-loader-locked {
  position: fixed;
  z-index: 100000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.25);
}

.rc-loader-content-locked {
  position: absolute;
  z-index: 100000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.25);
}

.rc-loader {
  background-color: #EFEFEF;
  font-size: 0;
  position: fixed;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 100001;
  overflow: hidden;
  /*> div > div {
      width: 6px;
      height: 8px;
      background-color: $LoaderBackgroundLight;
      margin: 1px;

      display: inline-block;
      -webkit-animation: rc-loader-key-frame 1s infinite;
      animation: rc-loader-key-frame 1s infinite;
      -webkit-animation-delay: 1s;
      animation-delay: 1s;
  }

  .rc-loader-i1 {
      -webkit-animation-delay: 0.33s;
      animation-delay: 0.33s;
  }

  .rc-loader-i2 {
      -webkit-animation-delay: 0.66s;
      animation-delay: 0.66s;
  }*/
  /* Indeterminate */
  /* .rc-loader-circular:indeterminate::-ms-fill {
       animation-name: -ms-ring;
   }*/
}
.rc-loader.circular-loader {
  border-radius: 50%;
}
.rc-loader.content-loader {
  position: absolute;
  z-index: 0;
}
.rc-loader.on-top {
  z-index: 10000;
}
.rc-loader .rc-loader-circular {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: border-box;
  border: none;
  border-radius: 50%;
  padding: 4px;
  width: 48px;
  height: 48px;
  color: #3669C4;
  background-color: transparent;
  overflow: hidden;
}
.rc-loader .rc-loader-circular::-webkit-progress-bar {
  background-color: transparent;
}
.rc-loader .rc-loader-circular:indeterminate {
  -webkit-mask-image: linear-gradient(transparent 50%, black 50%), linear-gradient(to right, transparent 50%, black 50%);
  mask-image: linear-gradient(transparent 50%, black 50%), linear-gradient(to right, transparent 50%, black 50%);
  animation: rc-loader-circular 6s infinite cubic-bezier(0.3, 0.6, 1, 1);
}
.rc-loader :-ms-lang(x), .rc-loader .rc-loader-circular:indeterminate {
  animation: none;
}
.rc-loader .rc-loader-circular:indeterminate::before,
.rc-loader .rc-loader-circular:indeterminate::-webkit-progress-value {
  content: "";
  display: block;
  box-sizing: border-box;
  margin-bottom: 4px;
  border: solid 4px transparent;
  border-top-color: currentColor;
  border-radius: 50%;
  width: 100% !important;
  height: 100%;
  background-color: transparent;
  animation: rc-loader-circular-pseudo 0.75s infinite linear alternate;
}
.rc-loader .rc-loader-circular:indeterminate::-moz-progress-bar {
  box-sizing: border-box;
  border: solid 4px transparent;
  border-top-color: currentColor;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  background-color: transparent;
  animation: rc-loader-circular-pseudo 0.75s infinite linear alternate;
}
@keyframes rc-loader-circular {
  0% {
    transform: rotate(0deg);
  }
  12.5% {
    transform: rotate(180deg);
    animation-timing-function: linear;
  }
  25% {
    transform: rotate(630deg);
  }
  37.5% {
    transform: rotate(810deg);
    animation-timing-function: linear;
  }
  50% {
    transform: rotate(1260deg);
  }
  62.5% {
    transform: rotate(1440deg);
    animation-timing-function: linear;
  }
  75% {
    transform: rotate(1890deg);
  }
  87.5% {
    transform: rotate(2070deg);
    animation-timing-function: linear;
  }
  100% {
    transform: rotate(2520deg);
  }
}
@keyframes rc-loader-circular-pseudo {
  0% {
    transform: rotate(-30deg);
  }
  29.4% {
    border-left-color: transparent;
  }
  29.41% {
    border-left-color: currentColor;
  }
  64.7% {
    border-bottom-color: transparent;
  }
  64.71% {
    border-bottom-color: currentColor;
  }
  100% {
    border-left-color: currentColor;
    border-bottom-color: currentColor;
    transform: rotate(225deg);
  }
}

@-webkit-keyframes rc-loader-key-frame {
  0% {
    background-color: #c2c2c2;
  }
  10% {
    background-color: #868686;
  }
}
@keyframes rc-loader-key-frame {
  0% {
    background-color: #c2c2c2;
  }
  10% {
    background-color: #868686;
  }
}
body .rc-mobile-view {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: unset;
  z-index: 10000;
  overflow: hidden;
  background-color: white;
}
body .rc-mobile-view.redesign-login {
  z-index: 10050;
}
body .rc-mobile-view button {
  touch-action: manipulation;
}
body .rc-mobile-view.is-hidden {
  display: none;
}

body.rc-mobile-view {
  display: flex;
  flex-direction: column;
}

/*body .rc-mobile-view:before {
    content: "";
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: white;
    height: 100vh;
}*/
body.rc-mobile-view.subview-shown {
  overflow: hidden;
}
body.rc-mobile-view.subview-shown > main {
  overflow: hidden;
  -webkit-overflow-scrolling: unset;
}

.rc-mobile-view > main {
  display: flex;
  flex: auto;
}
.rc-mobile-view > main.rc-mobile-view-dark {
  background-color: #F7F7F7;
}
.rc-mobile-view > main.rc-mobile-view-dark.redesign {
  background-color: #e7e7e7;
}
.rc-mobile-view > main.rc-mobile-view-light {
  background-color: #FFFFFF;
}
.rc-mobile-view > main.redesign-tablet-landscape-list-view {
  flex-direction: row;
}
.rc-mobile-view > main.redesign-tablet-landscape-list-view .mobile-stage {
  align-self: center;
}
.rc-mobile-view > main > div {
  width: 100%;
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.rc-mobile-view > main .padding-wrapper {
  padding: 16px;
  box-sizing: border-box;
  height: unset;
}
.rc-mobile-view > main .padding-wrapper form {
  display: flex;
  flex-direction: column;
}
.rc-mobile-view > main .padding-wrapper form > div.checkout-group-content {
  flex: 1;
}
.rc-mobile-view > main .padding-small-wrapper {
  padding: 8px;
  box-sizing: border-box;
}

.justify-content-center {
  display: flex;
  justify-content: center;
}
.justify-content-center.flex-direction-column {
  flex-direction: column;
}

body .rc-mobile-view > main {
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.rc-background-light {
  background-color: white;
}

.rc-background-dark {
  background-color: #efefef;
}

.rc-mobile-view footer {
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  border-top: 1px solid #dcdcdc;
  box-sizing: border-box;
  width: 100%;
  flex: 0 0 52px;
  position: relative;
  bottom: unset;
  padding: 8px 16px;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.28);
}
.rc-mobile-view footer.redesign {
  border-top: none;
}
.rc-mobile-view footer.redesign.bulk {
  padding: unset;
}
.rc-mobile-view footer.redesign.bulk .rc-mobile-priceinfo-redesign {
  padding: 16px 24px 0 24px;
  box-sizing: border-box;
}
.rc-mobile-view footer.redesign.bulk .rc-mobile-priceinfo-redesign .rc-mobile-priceinfo-info {
  font-weight: 700;
}
.rc-mobile-view footer.redesign.bulk .rc-mobile-priceinfo-redesign .price-info {
  text-transform: capitalize;
}
.rc-mobile-view footer.redesign.bulk label {
  padding: 0 24px;
  box-sizing: border-box;
  font-size: 12px;
  margin-top: 4px;
}
.rc-mobile-view footer.redesign.bulk .footer-submit-button-redesign {
  padding: 16px;
  margin-bottom: unset;
  margin-top: unset;
  box-sizing: border-box;
}
.rc-mobile-view footer.sort-view-footer-redesign {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #F7F7F7;
  height: 74px;
  padding: 16px;
}
.rc-mobile-view footer.sort-view-footer-redesign .apply-button {
  display: flex;
  height: 42px;
  padding: 8px 24px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex: unset;
  border-radius: 120px;
  background-color: #6C9D0D;
  width: 100%;
  color: #FFFFFF;
}
.rc-mobile-view footer.sort-view-footer-redesign .apply-button .btn-label {
  text-transform: uppercase;
  font-size: 15px;
  font-family: "SourceSansPro-Regular";
  font-weight: 400;
  line-height: 17px;
}
.rc-mobile-view footer.mobile-tabs {
  flex: 0 0 60px;
  flex-direction: row;
}
.rc-mobile-view footer.mobile-tabs > div {
  flex: 1;
  display: flex;
  justify-content: center;
}
.rc-mobile-view footer.mobile-tabs > div.tab-active {
  color: #3669c4;
}
.rc-mobile-view footer.mobile-tabs > div.tab-active .rc-icon:before {
  color: #3669c4;
}
.rc-mobile-view footer.mobile-tabs > div button {
  display: flex;
  flex-direction: column;
  padding: unset;
  height: 60px;
}
.rc-mobile-view footer.mobile-tabs > div button.btn-icon .sgw-icon {
  margin-right: unset;
}
.rc-mobile-view footer.mobile-dark-footer {
  background-color: #000000;
  color: #FFFFFF;
  border-top: 1px solid #000000;
}
.rc-mobile-view footer.mobile-dark-footer button .sgw-icon:before {
  color: #FFFFFF;
}
.rc-mobile-view footer.mobile-ios-footer:not(.redesign) {
  padding-bottom: 32px;
}
.rc-mobile-view footer.mobile-floating-footer {
  box-shadow: unset;
  border: unset;
}
.rc-mobile-view footer .footer-submit-button, .rc-mobile-view footer .footer-cancel-button {
  width: 100%;
  margin-bottom: 4px;
  margin-top: 6px;
}
.rc-mobile-view footer .footer-submit-button .btn-simple, .rc-mobile-view footer .footer-cancel-button .btn-simple {
  height: 36px;
}
.rc-mobile-view footer .footer-submit-button .btn-simple.btn-submit, .rc-mobile-view footer .footer-submit-button .btn-simple.btn-action, .rc-mobile-view footer .footer-cancel-button .btn-simple.btn-submit, .rc-mobile-view footer .footer-cancel-button .btn-simple.btn-action {
  width: 100%;
  font-size: 14px;
}
.rc-mobile-view footer .footer-submit-button-redesign, .rc-mobile-view footer .footer-cancel-button-redesign {
  width: 100%;
  margin-bottom: 16px;
  margin-top: 16px;
}
.rc-mobile-view footer .footer-submit-button-redesign .btn-simple, .rc-mobile-view footer .footer-cancel-button-redesign .btn-simple {
  height: 36px;
  border-radius: 120px;
  text-transform: uppercase;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  height: 42px;
}
.rc-mobile-view footer .footer-submit-button-redesign .btn-simple .btn-label, .rc-mobile-view footer .footer-cancel-button-redesign .btn-simple .btn-label {
  font-size: 15px;
}
.rc-mobile-view footer .footer-submit-button-redesign .btn-simple.btn-submit, .rc-mobile-view footer .footer-submit-button-redesign .btn-simple.btn-action, .rc-mobile-view footer .footer-submit-button-redesign .btn-simple.btn-simple, .rc-mobile-view footer .footer-cancel-button-redesign .btn-simple.btn-submit, .rc-mobile-view footer .footer-cancel-button-redesign .btn-simple.btn-action, .rc-mobile-view footer .footer-cancel-button-redesign .btn-simple.btn-simple {
  width: 100%;
  font-size: 14px;
  gap: 8px;
}
.rc-mobile-view footer label {
  width: 100%;
  font-size: 14px;
  display: block;
}
.rc-mobile-view footer .rc-mobile-preview-article-title label {
  font-size: 18px;
}
@media only screen and (max-width: 1024px) {
  .rc-mobile-view footer :not(.redesign) {
    align-items: center;
  }
}

.rc-mobile-priceinfo {
  text-align: right;
  display: flex;
  justify-content: right;
  width: 100%;
}
.rc-mobile-priceinfo .price-info {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
}
.rc-mobile-priceinfo .valid-to {
  color: #d9052f;
  margin-left: 8px;
  font-size: 14px;
}
.rc-mobile-priceinfo .price-original {
  text-decoration: line-through;
  margin-right: 4px;
  font-size: 16px;
}
.rc-mobile-priceinfo .price {
  font-size: 16px;
}
.rc-mobile-priceinfo .price-original + .price {
  color: #d9052f;
}
.rc-mobile-priceinfo .rc-mobile-priceinfo-info {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
.rc-mobile-priceinfo .rc-mobile-priceinfo-info .valid-to {
  color: #d9052f;
  margin-left: 8px;
}
.rc-mobile-priceinfo .rc-mobile-priceinfo-info > * {
  white-space: nowrap;
}
.rc-mobile-priceinfo .rc-mobile-priceinfo-info-redesign {
  display: flex;
  align-items: flex-end;
}
.rc-mobile-priceinfo .rc-mobile-priceinfo-info-redesign .valid-to {
  color: #d9052f;
}
.rc-mobile-priceinfo .rc-mobile-priceinfo-info-redesign > * {
  white-space: nowrap;
}

.footer-redesign.redesign {
  flex: unset;
  display: flex;
  box-shadow: 0px -4px 4px 0px rgba(0, 0, 0, 0.1);
  padding: 16px 16px 0 16px;
}
.footer-redesign.redesign .rc-mobile-priceinfo-redesign .rc-mobile-priceinfo-info {
  padding-left: 8px;
}
.footer-redesign.redesign .rc-mobile-priceinfo-redesign .price-info {
  padding-right: 8px;
}
.footer-redesign.redesign label .rc-mobile-priceinfo-url {
  padding: 4px 0 0 8px;
}
.footer-redesign.redesign.footer-tablet {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
}
.footer-redesign.redesign.footer-tablet.footer-redesign-tablet-portrait {
  align-items: center !important;
}
.footer-redesign.redesign.footer-tablet.footer-redesign-tablet-portrait .tablet-left-info {
  padding: 0 32px 16px 16px;
}
.footer-redesign.redesign.footer-tablet.footer-redesign-tablet-portrait .tablet-right-button {
  padding-left: 16px;
}
.footer-redesign.redesign.footer-tablet.footer-redesign-tablet-portrait .tablet-right-button .footer-submit-button-redesign {
  max-width: unset !important;
}
.footer-redesign.redesign.footer-tablet.footer-redesign-tablet-portrait .tablet-right-button .footer-submit-button-redesign button {
  width: 375px;
}
.footer-redesign.redesign.footer-tablet.footer-redesign-tablet-landscape {
  padding: unset !important;
  gap: 48px;
  align-items: center !important;
}
.footer-redesign.redesign.footer-tablet.footer-redesign-tablet-landscape .tablet-left-info {
  display: flex;
  padding-left: 32px;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  width: 100%;
  gap: 48px;
}
.footer-redesign.redesign.footer-tablet.footer-redesign-tablet-landscape .tablet-left-info .info-left-column {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
.footer-redesign.redesign.footer-tablet.footer-redesign-tablet-landscape .tablet-left-info .info-right-column {
  flex-direction: column;
  align-items: flex-end;
}
.footer-redesign.redesign.footer-tablet.footer-redesign-tablet-landscape .tablet-left-info .info-right-column .dispatch-time {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1 0 0;
}
.footer-redesign.redesign.footer-tablet.footer-redesign-tablet-landscape .tablet-left-info .info-right-column .dispatch-time .rc-icon.sgw-icon.info {
  margin-right: unset;
}
.footer-redesign.redesign.footer-tablet.footer-redesign-tablet-landscape .tablet-right-button {
  display: flex;
  align-items: center;
  padding: 16px;
}
.footer-redesign.redesign.footer-tablet.footer-redesign-tablet-landscape .tablet-right-button .footer-submit-button-redesign {
  margin-top: unset;
  margin-bottom: unset;
  margin: unset;
  max-width: unset !important;
}
.footer-redesign.redesign.footer-tablet.footer-redesign-tablet-landscape .tablet-right-button .footer-submit-button-redesign button {
  width: 487px;
}
.footer-redesign.redesign.footer-tablet .tablet-left-info {
  width: 100%;
  flex-direction: column;
}
.footer-redesign.redesign.footer-tablet .tablet-left-info .rc-mobile-priceinfo-redesign {
  justify-content: unset;
}

footer.redesign.configurator-footer {
  padding: 8px 16px 0 16px;
}
footer.redesign.configurator-footer.tablet.portrait .configurator-footer-info-section {
  padding: unset;
}
footer.redesign.configurator-footer.tablet.portrait .configurator-footer-info-section .rc-mobile-shipping-info {
  margin-top: 16px;
}
footer.redesign.configurator-footer .configurator-footer-info-section {
  box-sizing: border-box;
  width: 100%;
  padding: 4px 8px 0;
}
footer.redesign.configurator-footer .configurator-footer-info-section .rc-mobile-priceinfo-redesign {
  line-height: 16px;
}
footer.redesign.configurator-footer .configurator-footer-info-section .rc-mobile-priceinfo-redesign .price-info {
  margin: 0;
}
footer.redesign.configurator-footer .configurator-footer-info-section > label .rc-mobile-priceinfo-url {
  padding-top: 4px;
  line-height: 12px;
}
footer.redesign.configurator-footer .configurator-footer-info-section > label a {
  padding: unset;
}
footer.redesign.configurator-footer .configurator-footer-info-section > label.rc-mobile-shipping-info {
  margin-top: 8px;
}
footer.redesign.configurator-footer .configurator-footer-info-section > label.rc-mobile-shipping-info > div.rc-icon {
  padding-left: unset;
  width: 14px;
  margin-right: 8px;
  width: 14px;
  height: 14px;
}
footer.redesign.configurator-footer .configurator-footer-info-section > label.rc-mobile-shipping-info > div.rc-icon:before {
  width: 14px;
  height: 14px;
  font-size: 14px;
  line-height: 14px;
}
footer.redesign.configurator-footer .configurator-footer-info-section > label.rc-mobile-shipping-info > div h2 {
  line-height: 14px;
  margin-top: 1px;
}
footer.redesign.configurator-footer .footer-submit-button-redesign > button {
  height: 42px;
}
footer.redesign.configurator-footer.tablet {
  flex-direction: row;
  padding: 16px 32px;
  align-items: end;
}
footer.redesign.configurator-footer.tablet .rc-mobile-priceinfo-redesign {
  justify-content: start;
}
footer.redesign.configurator-footer.tablet .footer-submit-button-redesign {
  max-width: 342px;
  margin: 0;
}

.rc-mobile-priceinfo-redesign {
  text-align: right;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.rc-mobile-priceinfo-redesign .price-info {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
}
.rc-mobile-priceinfo-redesign .valid-to {
  color: #d9052f;
  margin-left: 8px;
  font-size: 14px;
}
.rc-mobile-priceinfo-redesign .price-original {
  text-decoration: line-through;
  margin-right: 4px;
  font-size: 16px;
}
.rc-mobile-priceinfo-redesign .price {
  font-size: 16px;
}
.rc-mobile-priceinfo-redesign .rc-mobile-priceinfo-info {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
.rc-mobile-priceinfo-redesign .rc-mobile-priceinfo-info .valid-to {
  color: #d9052f;
  margin-left: 8px;
}
.rc-mobile-priceinfo-redesign .rc-mobile-priceinfo-info > * {
  white-space: nowrap;
}

.dispatch-time {
  display: flex;
  flex-direction: row;
  justify-content: left;
  width: 100%;
  color: #6C9D0D;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  margin-top: 8px;
}
.dispatch-time.redesign {
  padding-left: 8px;
}
.dispatch-time.redesign .rc-icon.sgw-icon.info {
  width: 14px;
  margin-right: 8px;
  padding-left: unset;
}
.dispatch-time.redesign .rc-icon.sgw-icon.info:before {
  font-family: "icomoon";
  width: 14px;
  height: 14px;
  line-height: 14px;
  font-size: 14px;
}
.dispatch-time .rc-icon.sgw-icon.info:before {
  color: #6C9D0D;
  margin-top: -5px;
}

.rc-mobile-priceinfo-url {
  text-decoration: underline;
  color: #333333;
  display: flex;
  align-items: center;
  padding: 4px 0;
  font-size: 12px;
}

.rc-mobile-view footer .rc-mobile-shipping-info {
  display: flex;
}
.rc-mobile-view footer .rc-mobile-shipping-info .sgw-icon:before, .rc-mobile-view footer .rc-mobile-shipping-info h2 {
  color: #6C9D0D;
  font-size: 14px;
  margin-bottom: 0;
}
.rc-mobile-view footer .rc-mobile-shipping-info .sgw-icon {
  padding-left: 18px;
}
.rc-mobile-view footer .rc-mobile-shipping-info h2 {
  font-weight: 700;
  font-family: inherit;
}

.rc-mobile-view > header {
  flex: 0 0 44px;
  width: 100%;
  background-color: #ffffff;
  top: 0;
  border-bottom: 1px solid #dcdcdc;
  box-sizing: border-box;
  display: flex;
  flex-wrap: nowrap;
  padding: 0 8px;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.28);
  align-items: center;
}
.rc-mobile-view > header.shadow {
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.28) !important;
}
.rc-mobile-view > header.title-to-left .mobile-page-title {
  text-align: left;
}
.rc-mobile-view > header.redesign {
  box-shadow: none;
  border-bottom: none;
  z-index: 101;
}
.rc-mobile-view > header.redesign.phone {
  width: 100%;
}
.rc-mobile-view > header.redesign.phone .mobile-page-title {
  width: 100%;
  margin: unset !important;
  padding: 0 18px;
}
.rc-mobile-view > header.redesign.phone .header-mobile-menu {
  position: absolute;
  top: calc((100% - 36px) * 0.5);
  right: 16px;
  z-index: 5;
  margin: unset;
}
.rc-mobile-view > header.redesign .header-buttons-wrapper {
  align-items: center;
}
.rc-mobile-view > header.redesign .header-buttons-wrapper .header-buttons-right {
  align-items: center;
}
.rc-mobile-view > header.redesign .btn-simple.btn-icon.btn-icon-only.btn-redesign .rc-icon.sgw-icon.arrow_left_line2 {
  width: 18px;
  height: 18px;
}
.rc-mobile-view > header.redesign .btn-simple.btn-icon.btn-icon-only.btn-redesign .rc-icon.sgw-icon.arrow_left_line2:before {
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 18px;
  font-family: "icomoon";
}
.rc-mobile-view > header.redesign.mobile-options-header .rc-icon.sgw-icon {
  height: 18px;
  width: 18px;
}
.rc-mobile-view > header.redesign.mobile-options-header .rc-icon.sgw-icon:before {
  height: 18px;
  width: 18px;
  font-size: 18px;
  line-height: 18px;
}
.rc-mobile-view > header.redesign.mobile-options-header .btn-label {
  font-size: 18px;
}
.rc-mobile-view > header.redesign .promo-button {
  display: flex;
  align-items: center;
  padding: 4px 8px;
  gap: 4px;
  color: #2C2C2C;
  text-align: center;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px;
  border-radius: 120px;
}
.rc-mobile-view > header.redesign .promo-button.with-badge {
  background-color: #cc0000;
  color: #FFF;
}
.rc-mobile-view > header.redesign .promo-button.with-badge .rc-icon.sgw-icon {
  height: 14px;
  width: 14px;
  padding-left: unset;
}
.rc-mobile-view > header.redesign .promo-button.with-badge .rc-icon.sgw-icon:before {
  color: #FFF;
  height: 14px;
  width: 14px;
  line-height: 14px;
  font-size: 14px;
  font-family: "icomoon";
}
.rc-mobile-view > header.redesign .promo-button:not(.with-badge) .rc-icon.sgw-icon {
  height: 18px;
  width: 18px;
  padding-left: unset;
}
.rc-mobile-view > header.redesign .promo-button:not(.with-badge) .rc-icon.sgw-icon:before {
  color: #2C2C2C;
  height: 18px;
  width: 18px;
  line-height: 18px;
  font-size: 18px;
  font-family: "icomoon";
}
.rc-mobile-view > header.redesign.tablet {
  padding: 16px 12px;
}
.rc-mobile-view > header.redesign.tablet .mobile-page-title.single-page {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 400px;
  text-overflow: ellipsis;
  text-align: center;
  margin: unset;
}
.rc-mobile-view > header.redesign.tablet .designer-listview-header-placeholder {
  width: 400px;
  align-self: center;
  margin: 0 32px;
  display: flex;
  flex: 1;
}
.rc-mobile-view > header.redesign.tablet .header-right-tablet-btn.settings.open .btn-icon .sgw-icon:before {
  color: #3669c4;
}
.rc-mobile-view > header.redesign.tablet button.zoom-highlighted .sgw-icon:before {
  color: #3669c4;
}
.rc-mobile-view > header.redesign.phone .mobile-page-title, .rc-mobile-view > header.redesign.portrait .mobile-page-title {
  margin: 0 60px;
}
.rc-mobile-view > header.redesign .header-buttons-right .saal-chat.saal-phone-chat.saal-webshop-chat .saal-chat-button {
  height: 18px;
  width: 18px;
}
.rc-mobile-view > header.redesign .header-buttons-right .saal-chat.saal-phone-chat.saal-webshop-chat .saal-chat-button .rc-icon {
  height: 18px;
  width: 18px;
}
.rc-mobile-view > header.redesign .header-buttons-right .saal-chat.saal-phone-chat.saal-webshop-chat .saal-chat-button .rc-icon:before {
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 18px !important;
  font-family: "icomoon";
}
.rc-mobile-view > header.redesign .header-right-controls {
  display: flex;
  justify-content: center;
  align-items: center;
}
.rc-mobile-view > header.redesign .tablet-header {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.rc-mobile-view > header.redesign .tablet-header .tablet-header-left {
  display: flex;
  align-items: center;
}
.rc-mobile-view > header.redesign .tablet-header .tablet-header-left > .btn-simple {
  width: 102px;
  height: 32px;
  flex: unset;
}
.rc-mobile-view > header.redesign .tablet-header .mobile-page-title {
  text-overflow: ellipsis;
  flex: unset;
}
.rc-mobile-view > header.redesign .tablet-header > button {
  width: 102px;
  height: 32px;
  flex: unset;
}
.rc-mobile-view > header.redesign .zoom-controls {
  display: flex;
  align-items: center;
  margin-left: 65px;
  gap: 24px;
}
.rc-mobile-view > header.redesign .zoom-controls .btn-simple.btn-icon.btn-icon-only.btn-redesign {
  width: unset;
  height: unset;
}
.rc-mobile-view > header.redesign .zoom-controls .btn-simple.btn-icon.btn-icon-only.btn-redesign .rc-icon.sgw-icon {
  width: 18px;
  height: 18px;
}
.rc-mobile-view > header.redesign .zoom-controls .btn-simple.btn-icon.btn-icon-only.btn-redesign .rc-icon.sgw-icon:before {
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 18px;
  font-family: "icomoon";
}
.rc-mobile-view > header.redesign .main-view {
  display: flex;
  align-items: center;
}
.rc-mobile-view > header.redesign .main-view .btn-simple.btn-icon.btn-icon-only.btn-redesign {
  width: unset;
  height: unset;
}
.rc-mobile-view > header.redesign .main-view .btn-simple.btn-icon.btn-icon-only.btn-redesign .rc-icon.sgw-icon {
  width: 18px;
  height: 18px;
}
.rc-mobile-view > header.redesign .main-view .btn-simple.btn-icon.btn-icon-only.btn-redesign .rc-icon.sgw-icon:before {
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 18px;
  font-family: "icomoon";
}
.rc-mobile-view > header.redesign .header-right-tablet-btn {
  margin-left: 24px;
  display: flex;
  align-items: center;
}
.rc-mobile-view > header.redesign .header-right-tablet-btn .btn-simple.btn-icon.btn-icon-only.btn-redesign {
  width: unset;
  height: unset;
}
.rc-mobile-view > header.redesign .header-right-tablet-btn .btn-simple.btn-icon.btn-icon-only.btn-redesign .rc-icon.sgw-icon {
  width: 18px;
  height: 18px;
}
.rc-mobile-view > header.redesign .header-right-tablet-btn .btn-simple.btn-icon.btn-icon-only.btn-redesign .rc-icon.sgw-icon:before {
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 18px;
  font-family: "icomoon";
}
.rc-mobile-view > header.redesign .header-right-tablet-btn.selected .rc-icon.sgw-icon:before {
  color: #3669C4;
}
.rc-mobile-view > header.redesign .header-right-btn button {
  display: flex;
  height: 30px;
  padding: 8px 24px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
.rc-mobile-view > header.redesign .header-right-btn button .btn-label {
  color: #FFF;
  text-align: center;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 15px;
}
.rc-mobile-view > header.redesign .mobile-page-title {
  overflow: hidden;
  color: #2C2C2C;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}
.rc-mobile-view > header.mobile-black-options-header {
  background-color: #000000;
  color: #FFFFFF;
  border-bottom: 1px solid #000000;
}
.rc-mobile-view > header.mobile-black-options-header button .sgw-icon:before {
  color: #FFFFFF;
}
.rc-mobile-view > header .back-button:not(.align-right) {
  position: absolute;
  left: 0;
  z-index: 1;
}
.rc-mobile-view > header .mobile-header-options-buttons {
  display: flex;
  gap: 8px;
}
.rc-mobile-view > header .mobile-page-title {
  flex: 1;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px;
  line-height: 20px;
  align-self: center;
  margin: 0 32px;
}
.rc-mobile-view > header.mobile-options-header {
  background-color: #3669c4;
}
.rc-mobile-view > header.mobile-options-header button .btn-label, .rc-mobile-view > header.mobile-options-header button .sgw-icon:before {
  color: #ffffff;
}
.rc-mobile-view > header.mobile-options-header .mobile-page-title {
  color: #ffffff;
}
.rc-mobile-view > header .mobile-header-labled-button {
  position: absolute;
  right: 8px;
}
.rc-mobile-view > header .mobile-header-labled-button button.apply-button {
  padding-left: 0;
  padding-right: 4px;
  width: auto;
  color: #3669c4;
}

body.rc-mobile-view > header {
  position: sticky;
  position: -webkit-sticky;
  bottom: 0;
}

#ClipartSelectionMobileDialog header .back-button {
  left: 16px;
}
#ClipartSelectionMobileDialog header .back-button button {
  width: 26px;
  height: 26px;
}

#MobileFrameSelectionDialog header .back-button > button {
  left: unset !important;
  right: 16px !important;
}

.rc-multi-accept-input form {
  display: flex;
  flex-wrap: wrap;
}
.rc-multi-accept-input form > * {
  margin-right: 8px;
}

.rc-radio {
  display: flex;
  cursor: pointer;
  align-items: center;
  user-select: none;
  min-height: 36px;
  font-size: 14px;
}
.rc-radio.rc-mobile-component {
  min-height: 44px;
}
.rc-radio.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.rc-radio.redesign {
  min-height: unset;
}
.rc-radio.redesign .rc-radio-element {
  margin-right: 8px;
  width: 24px;
  height: 24px;
  border-radius: 100%;
  border: 1px solid #525252;
  position: relative;
  flex-shrink: 0;
}
.rc-radio.redesign .rc-radio-element.selected:before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  background: #3776B3;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.rc-radio.redesign .rc-radio-label {
  color: #525252;
  font-family: "SourceSansPro-Regular";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.rc-radio .rc-radio-element {
  margin-right: 8px;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  border: 1px solid #cccccc;
  position: relative;
  flex-shrink: 0;
}
.rc-radio .rc-radio-element.selected:before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  background: #333333;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.rc-radio img {
  margin-right: 8px;
}
.rc-radio:hover .rc-radio-element.selected:before {
  background: #3669c4;
  border-color: #3669c4;
}
.rc-radio:hover .rc-radio-element {
  border-color: #3669c4;
}

.radio-item span.radio-button.redesign {
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  border: 1px solid #C2C2C2;
  margin-right: 4px;
  position: relative;
}
.radio-item.selected span.radio-button.redesign:before {
  border-radius: 100%;
  position: absolute;
  content: "";
  width: 12px;
  height: 12px;
  left: 4px;
  top: 4px;
  background: #3776B2;
}

.rc-select {
  position: relative;
  user-select: none;
  text-align: left;
  border-radius: 6px;
}
.rc-select .select-options-wrapper .selected-option .selected-option-label {
  flex: 1;
  font-size: 14px;
  display: block;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.rc-select.redesign {
  display: flex;
  padding: 8px 16px;
  align-items: center;
  gap: 8px;
  flex: 1 0 0;
  align-self: stretch;
  border-radius: 14px;
  border: 1px solid #525252;
  height: 42px;
  box-sizing: border-box;
}
.rc-select.redesign > .rc-input {
  background-color: transparent;
}
.rc-select.redesign.multiple-select {
  height: unset;
}
.rc-select.redesign label {
  position: absolute;
  width: unset !important;
  left: 15px;
  top: -8px;
  color: #525252;
  background-color: #FFFFFF;
  font-family: "SourceSansPro-Regular";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 15px;
  padding: 0 4px;
}
.rc-select.redesign label.no-selection {
  width: 100%;
  overflow: hidden;
  color: #525252;
  text-overflow: ellipsis;
  font-size: 16px;
  line-height: normal;
}
.rc-select.redesign .select-options-wrapper {
  width: 100%;
  display: flex;
  align-items: center;
}
.rc-select.redesign .select-options-wrapper .selected-option {
  width: 100%;
  border-bottom: unset;
  display: flex;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  text-transform: capitalize;
  /*.sgw-icon.arrow_down_line2 {
  		width: 18px;
  		height: 18px;

  		&:before {
  				position: unset;
  				display: flex;
  				width: 18px;
  				height: 18px;
  				font-size: 18px;
  				line-height: 18px;
  				//padding: 4.411px 0.911px 4.411px 1.089px;
  				flex-direction: column;
  				justify-content: flex-end;
  				align-items: center;
  		}
  }*/
}
.rc-select.redesign .select-options-wrapper .selected-option .selected-options {
  margin-top: unset;
}
.rc-select.redesign .select-options-wrapper .selected-option .selected-option-label {
  width: 100%;
  overflow: hidden;
  color: #525252;
  text-overflow: ellipsis;
  font-family: "SourceSansPro-Regular";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  white-space: nowrap;
}
.rc-select.redesign.redesign-tablet {
  height: 48px;
}
.rc-select:focus {
  outline: none;
}
.rc-select.rc-select-dark:not(.redesign) {
  background: #EFEFEF;
}
.rc-select.rc-select-light {
  background: #FFFFFF;
}
.rc-select.rc-select-disabled {
  opacity: 0.5;
  pointer-events: none;
}
.rc-select .select-options-wrapper:focus {
  outline: none;
}
.rc-select .select-options-wrapper .selected-option {
  border-radius: 6px;
}
.rc-select.valid {
  border-bottom: 1px solid #6c9d0d;
}
.rc-select.valid label {
  color: #6c9d0d;
}
.rc-select > label {
  font-size: 12px;
  line-height: calc(12px + 2px);
  color: #5d5d5d;
  position: absolute;
  top: 4px;
  left: 8px;
  cursor: default;
  max-width: calc(100% - 26px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rc-select > label.no-selection {
  top: 50%;
  font-size: 14px;
  line-height: 18px;
  color: #2C2C2C;
  transform: translate(0, -50%);
}
.rc-select:not(.redesign):hover > label, .rc-select:not(.redesign).focusin > label {
  color: #3669c4;
}
.rc-select:not(.redesign):hover.valid > label, .rc-select:not(.redesign).focusin.valid > label {
  color: #6c9d0d;
}
.rc-select:not(.redesign):hover .selected-option, .rc-select:not(.redesign).focusin .selected-option {
  border-color: #3669c4;
}
.rc-select:not(.redesign):hover .selected-option > .sgw-icon:before, .rc-select:not(.redesign).focusin .selected-option > .sgw-icon:before {
  color: #3669c4;
}
.rc-select:not(.redesign).open .select-options-list {
  display: inherit;
}
.rc-select:not(.redesign).open > label {
  color: #3669c4;
}
.rc-select:not(.redesign).open .rc-select-component-wrapper {
  padding: 16px;
  cursor: default;
}
.rc-select:not(.redesign).open .rc-select-component-wrapper h2 {
  margin-top: 0;
  margin-bottom: 8px;
}
.rc-select:not(.redesign).open .rc-select-component-wrapper p {
  margin-bottom: 0;
}
.rc-select:not(.redesign).open .selected-option {
  border-color: #3669c4;
}
.rc-select:not(.redesign).open .selected-option > .sgw-icon:before {
  color: #3669c4;
}
.rc-select.no-prompt .selected-option .selected-option-label {
  font-size: 14px;
  align-self: center;
}
.rc-select .selected-options {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
}
.rc-select .selected-options .selected-option-chip {
  box-sizing: border-box;
  height: 24px;
  padding: 2px 4px 2px 8px;
  line-height: 16px;
  border-radius: 24px;
  background-color: #cccccc;
  margin-right: 4px;
  margin-bottom: 4px;
  font-size: 14px;
  display: flex;
  align-items: center;
}
.rc-select .selected-options .selected-option-chip .selected-option-chip-label {
  white-space: nowrap;
}
.rc-select .selected-options .selected-option-chip .rc-icon {
  padding-left: unset;
  margin-left: 4px;
}
.rc-select .selected-options .selected-option-chip .rc-icon:before {
  left: unset;
  right: 0;
  transform: translate(0, -50%);
  font-size: 16px;
  width: 20px;
  height: 20px;
  line-height: 20px;
}
.rc-select .selected-options + .rc-input {
  background-color: transparent;
  border-bottom: unset;
  width: auto;
  min-width: 80px;
}
.rc-select .selected-option-icon {
  height: 100%;
  display: flex;
  align-items: center;
}
.rc-select .selected-option-icon .rc-icon {
  padding-left: unset;
  /*&:before {
  		transform: unset;
  }*/
}
.rc-select .selected-option {
  display: flex;
  position: relative;
  height: 36px;
  align-items: flex-end;
  cursor: pointer;
  padding-left: 8px;
  box-sizing: border-box;
  border-bottom: 1px solid #cccccc;
}
.rc-select .selected-option .sgw-icon {
  width: 26px;
  height: 100%;
  padding-left: unset;
}
.rc-select:not(.redesign) {
  /*.selected-option {
  		display: flex;
  		position: relative;
  		height: 36px;
  		align-items: flex-end;
  		cursor: pointer;
  		padding-left: 8px;
  		box-sizing: border-box;
  		border-bottom: 1px solid $DarkerBackgroundColor;


  		.sgw-icon {
  				width: 26px;
  				height: 26px;
  				position: relative;
  				align-self: center;
  				transform: unset;

  				&:before {
  						height: 26px;
  						line-height: 26px;
  				}

  				&:before {
  						width: 26px;
  						height: 16px;
  						line-height: 16px;
  						position: relative;
  						left: unset;
  						top: unset;
  				}
  		}

  		.selected-option-label {
  				flex: auto;
  				box-sizing: border-box;
  				overflow: hidden;
  				text-overflow: ellipsis;
  				white-space: nowrap;
  				font-size: 14px;
  		}
  }*/
}
.rc-select.multiple-select .selected-option {
  height: auto;
  min-height: 36px;
  padding-left: unset;
}
.rc-select .select-options-list {
  display: none;
  position: fixed;
  min-width: 100%;
  max-height: 320px;
  overflow: auto;
  font-size: 14px;
  box-shadow: 0 1px 3px #5F5F5F;
  background: #FFFFFF;
  cursor: pointer;
  z-index: 2;
  border-radius: 6px;
}
.rc-select .select-options-list .select-options-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  padding: 4px;
  margin-bottom: 2px;
  background: #FFFFFF;
  font-weight: normal;
  position: relative;
}
.rc-select .select-options-list .select-options-item.level-1 {
  padding-left: 10px;
}
.rc-select .select-options-list .select-options-item.level-2 {
  padding-left: 16px;
}
.rc-select .select-options-list .select-options-item.level-3 {
  padding-left: 22px;
}
.rc-select .select-options-list .select-options-item.level-4 {
  padding-left: 22px;
}
.rc-select .select-options-list .select-options-item.level-5 {
  padding-left: 22px;
}
.rc-select .select-options-list .select-options-item.image-right .option-text {
  order: 1;
}
.rc-select .select-options-list .select-options-item.image-right .option-image {
  order: 2;
}
.rc-select .select-options-list .select-options-item.image-left .option-text {
  order: 2;
}
.rc-select .select-options-list .select-options-item.image-left .option-image {
  order: 1;
}
.rc-select .select-options-list .select-options-item:nth-child(odd) {
  background: #EFEFEF;
}
.rc-select .select-options-list .select-options-item.selected, .rc-select .select-options-list .select-options-item.focusin {
  background: #D8D8D8;
}
.rc-select .select-options-list .select-options-item:hover:not(.disabled):not(.focusin) {
  background: #E8E8E8;
}
.rc-select .select-options-list .select-options-item.disabled {
  opacity: 0.5;
}
.rc-select .select-options-list .select-options-item .rc-icon.sgw-icon.lock_ratio {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.rc-select.multiple-select .select-options-list .select-options-item, .rc-select.multiple-select .select-options-list .select-options-item:nth-child(odd) {
  background: unset;
}
.rc-select.multiple-select .select-options-list .select-options-item.item-selected .rc-component.rc-checkbox .rc-checkbox-label {
  font-weight: bold;
}
.rc-select.rc-mobile-component:not(.redesign) .select-options-item {
  height: 36px;
  font-size: 16px;
}
.rc-select.rc-mobile-component:not(.redesign) .selected-option {
  height: 44px;
  padding-bottom: 4px;
}
.rc-select.rc-mobile-component:not(.redesign) .selected-option .selected-option-label {
  font-size: 16px;
}
.rc-select.rc-mobile-component:not(.redesign) label.no-selection {
  font-size: 16px;
}

.rc-dialog.select-options-dialog-redesign.dialog-with-scrollable-content {
  background: #FFF;
  display: flex;
  flex-shrink: 0;
}
.rc-dialog.select-options-dialog-redesign.dialog-with-scrollable-content.tablet .dialog-scrollable-content {
  background-color: unset !important;
}
.rc-dialog.select-options-dialog-redesign.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content {
  border-radius: 16px;
}
.rc-dialog.select-options-dialog-redesign.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content {
  padding: 8px 0;
  margin-bottom: unset;
}
.rc-dialog.select-options-dialog-redesign.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .select-options-list-redesign {
  display: flex;
  flex-direction: column;
}
.rc-dialog.select-options-dialog-redesign.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .select-options-list-redesign .select-options-item {
  display: flex;
  min-height: 48px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  border-bottom: 1px solid #CBCACA;
  padding: 0 16px;
  box-sizing: border-box;
  position: relative;
}
.rc-dialog.select-options-dialog-redesign.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .select-options-list-redesign .select-options-item:last-child {
  border-bottom: unset;
}
.rc-dialog.select-options-dialog-redesign.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .select-options-list-redesign .select-options-item.level-1 {
  padding-left: 34px;
}
.rc-dialog.select-options-dialog-redesign.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .select-options-list-redesign .select-options-item.level-2 {
  padding-left: 54px;
}
.rc-dialog.select-options-dialog-redesign.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .select-options-list-redesign .select-options-item.level-3 {
  padding-left: 74px;
}
.rc-dialog.select-options-dialog-redesign.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .select-options-list-redesign .select-options-item.level-4 {
  padding-left: 94px;
}
.rc-dialog.select-options-dialog-redesign.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .select-options-list-redesign .select-options-item.level-5 {
  padding-left: 114px;
}
.rc-dialog.select-options-dialog-redesign.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .select-options-list-redesign .select-options-item .rc-radio .rc-radio-element {
  width: 20px;
  height: 20px;
  border-color: #6E6E6E;
}
.rc-dialog.select-options-dialog-redesign.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .select-options-list-redesign .select-options-item .rc-radio .rc-radio-element.selected:before {
  background-color: #3776B2;
  width: 10px;
  height: 10px;
}
.rc-dialog.select-options-dialog-redesign.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .select-options-list-redesign .select-options-item .rc-radio .rc-radio-label {
  color: #525252;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  order: 1;
  flex: 1;
  padding: 8px;
  box-sizing: border-box;
}
.rc-dialog.select-options-dialog-redesign.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .select-options-list-redesign .select-options-item .option-image img {
  height: 35px;
}
.rc-dialog.select-options-dialog-redesign.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .select-options-list-redesign .select-options-item .rc-icon.sgw-icon.lock_ratio {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.search-bar.content-group-table-row {
  flex: auto;
  position: relative;
}
.search-bar.content-group-table-row .group-content-input {
  flex: 1;
  margin-right: 0 !important;
}
.search-bar.content-group-table-row .group-content.group-content-horizontal-group {
  margin-bottom: 0;
  max-width: 694px;
  width: 100%;
}
.search-bar.content-group-table-row .group-content.group-content-horizontal-group form {
  flex: 1;
  margin-right: unset;
  padding-bottom: unset;
  width: 100%;
  position: relative;
}
.search-bar.content-group-table-row .group-content.group-content-horizontal-group form button.btn-icon-only {
  flex: 0 0 36px;
  margin-right: 0;
  width: 36px;
  position: absolute;
  top: 0;
  right: 0;
  height: 35px;
  /*&.btn-simple.submit-button-active:not(.btn-action) {
      .rc-icon:before {
          color: #3669c4;
      }
  }*/
}
.search-bar.content-group-table-row .group-content.group-content-horizontal-group form button.btn-icon-only.rc-mobile-component {
  flex-basis: 44px;
  width: 44px;
  right: 0;
  height: 43px;
}
.search-bar.content-group-table-row .group-content.group-content-horizontal-group form button.btn-icon-only.search-bar-clear {
  right: 36px;
  height: 35px;
}
.search-bar.content-group-table-row .group-content.group-content-horizontal-group form button.btn-icon-only.search-bar-clear.rc-mobile-component {
  right: 44px;
  height: 43px;
}
.search-bar.content-group-table-row .group-content.group-content-horizontal-group form .rc-component.rc-input.focus + button.btn-icon-only.btn-simple.submit-button-active:not(.btn-action) .rc-icon:before {
  color: #3669c4;
}
.search-bar.content-group-table-row .group-content.group-content-horizontal-group .rc-input {
  margin-right: unset;
}
.search-bar.content-group-table-row .group-content.group-content-horizontal-group .search-bar-filter-content {
  margin-left: 8px;
  margin-right: unset;
  flex: 0;
}
.search-bar.content-group-table-row .group-content.group-content-horizontal-group .search-bar-filter-content button {
  position: relative;
  inset: unset;
  flex: 0 0 36px;
  margin-right: 0;
  width: 36px;
  height: 35px;
}
.search-bar.content-group-table-row .group-content.group-content-horizontal-group .search-bar-filter-content button.rc-mobile-component {
  flex-basis: 44px;
  width: 44px;
  height: 43px;
}
.search-bar.content-group-table-row .search-filter-content {
  padding: 16px;
  width: 320px;
  max-width: 320px;
  position: absolute;
  right: 0;
  top: 100%;
  box-sizing: border-box;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.25);
  background-color: #ffffff;
  z-index: 10000;
}
.search-bar.content-group-table-row .search-filter-content .checkout-group-content .group-content-horizontal-group {
  gap: 8px;
}
.search-bar.content-group-table-row .search-filter-content .checkout-group-content .group-content-horizontal-group .group-content-button button {
  width: 100%;
}
.search-bar.content-group-table-row .search-filter-content .checkout-group-content .group-content.group-content-radio-group {
  margin-bottom: 8px;
}
.search-bar.content-group-table-row .search-filter-content .checkout-group-content .group-content.group-content-radio-group .group-content-radio {
  padding-left: 8px;
  border-bottom: 1px solid #EFEFEF;
}
.search-bar.content-group-table-row .search-filter-content .checkout-group-content .group-content.group-content-radio-group .group-content-radio:last-child {
  border-bottom: unset;
}
.search-bar.content-group-table-row .search-filter-content .checkout-group-content .group-content.group-content-divider {
  margin-top: 0;
  margin-bottom: 0;
}
.search-bar.content-group-table-row .search-filter-overlay {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 10000;
}

main .search-bar.content-group-table-row {
  margin-bottom: 0;
  padding-bottom: 0;
  flex: 0;
  display: flex;
  justify-content: center;
}
main .search-bar.content-group-table-row .group-content.group-content-horizontal-group form {
  margin-bottom: 8px;
}
main .search-bar.content-group-table-row.redesign form > .rc-input {
  padding: 12px 18px;
}
main .search-bar.content-group-table-row.redesign form > .rc-input.focus input {
  caret-color: #3669c4;
}
main .search-bar.content-group-table-row.redesign form > .btn-icon[type=submit] .rc-icon.sgw-icon:before {
  color: #3669c4 !important;
}
main .search-bar.content-group-table-row.redesign form > .btn-icon {
  width: 18px !important;
  left: 18px;
  right: unset;
}
main .search-bar.content-group-table-row.redesign form > .btn-icon .rc-icon.sgw-icon {
  width: 18px;
  height: 18px;
}
main .search-bar.content-group-table-row.redesign form > .btn-icon .rc-icon.sgw-icon:before {
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 18px;
}

.search-bar.content-group-table-row.redesign .group-content.group-content-horizontal-group .rc-input {
  border: none;
  background: #E2E5E8 !important;
  border-radius: 24px;
  height: 38px;
}
.search-bar.content-group-table-row.redesign .group-content.group-content-horizontal-group .rc-input .rc-input-wrapper.input-without-label {
  padding-left: 36px;
}
.search-bar.content-group-table-row.redesign .group-content.group-content-horizontal-group form {
  margin-bottom: 0;
}
.search-bar.content-group-table-row.redesign .group-content.group-content-horizontal-group form button.btn-icon-only:not(.search-bar-clear) {
  left: 12px;
  height: 38px;
}
.search-bar.content-group-table-row.redesign .group-content.group-content-horizontal-group form button.btn-icon-only:not(.search-bar-clear).btn-simple.submit-button-active:not(.btn-action) .rc-icon:before {
  color: #525252;
  font-size: 18px;
}
.search-bar.content-group-table-row.redesign .group-content.group-content-horizontal-group form .search-bar-clear {
  top: 12px !important;
  left: unset !important;
  right: 18px !important;
  height: unset !important;
}
.search-bar.content-group-table-row.redesign.tablet .group-content.group-content-horizontal-group {
  max-width: unset;
}

.rc-icon {
  display: inline-block;
  padding-left: 32px;
  position: relative;
  /*&:not(.redesign):hover:before {
      color: $FormLabelHoverColor;
  }*/
}
.rc-icon:before {
  color: #6e6e6e;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.rc-icon.clickable {
  cursor: pointer;
}
.rc-icon.circle-icon-huge {
  width: 64px;
  height: 64px;
  padding: unset;
  border-radius: 50%;
  background-color: #d8d8d8;
}
.rc-icon.circle-icon-huge:before {
  font-size: 46px;
  line-height: 46px;
  height: 46px;
  width: 46px;
}

.demo-rc-icon:hover {
  background-color: #efefef;
}
.demo-rc-icon .rc-icon:before {
  top: 0;
  left: 0;
  transform: unset;
}

.rc-textarea {
  border: 0;
  position: relative;
  min-height: 100px;
  min-width: 300px;
  border-bottom: 1px solid #cccccc;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: text;
}
.rc-textarea.rc-textarea-dark {
  background-color: #EFEFEF;
}
.rc-textarea.rc-textarea-light {
  background-color: #FFFFFF;
}
.rc-textarea.rc-textarea-small {
  height: 25px;
  min-width: 50px;
}
.rc-textarea.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.rc-textarea:hover {
  border-bottom: 1px solid #3669c4;
}
.rc-textarea:hover > label {
  color: #3669c4;
}
.rc-textarea.error {
  border-bottom: 1px solid #d7032c !important;
}
.rc-textarea.error > label {
  color: #d9052f !important;
}
.rc-textarea.focus {
  border: 0;
  border-bottom: 1px solid #3669c4;
  outline: none;
}
.rc-textarea.focus .rc-error {
  display: block;
}
.rc-textarea.focus > label {
  color: #3669c4;
}
.rc-textarea > label {
  position: absolute;
  top: 3px;
  left: 8px;
  line-height: 14px;
  font-size: 12px;
  color: #5d5d5d;
  cursor: text;
  pointer-events: none;
  touch-action: none;
  transition: all 0.3s;
}
.rc-textarea > label.empty-textarea {
  top: 16px;
  font-size: 14px;
  color: #2C2C2C;
  transform: translate(0, -50%);
}
.rc-textarea textarea {
  font-family: "SourceSansPro-Regular", serif;
  position: absolute;
  top: 16px;
  left: 4px;
  bottom: 0;
  resize: none;
  flex: auto;
  height: calc(100% - 16px);
  width: 100%;
  border: none;
  font-size: 14px;
  background: transparent;
  padding: 0 4px;
  -webkit-appearance: none;
  margin: 0;
  outline: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mouse-tooltip {
  position: fixed;
  background: #ffffff;
  box-shadow: 2px 2px 6px -2px #000000;
  padding: 4px;
  font-size: 12px;
  color: #000000;
  white-space: nowrap;
  transition-timing-function: ease-out;
}

.rc-radio-group {
  display: inline-flex;
  position: relative;
  flex-direction: column;
}
.rc-radio-group.redesign {
  gap: 16px;
}

.smile-negative-on, .smile-negative-off, .smile-neutral-on, .smile-neutral-off, .smile-positive-on, .smile-positive-off {
  cursor: pointer;
  background-repeat: no-repeat;
  background-size: contain;
  height: 28px;
  width: 28px;
  margin-right: 5px;
}

.smile-negative-on {
  background-image: url("https://photoservice.cloud/assets/svg/Smiley_negative_on.svg");
}

.smile-negative-off {
  background-image: url("https://photoservice.cloud/assets/svg/Smiley_negative_off.svg");
}

.smile-neutral-on {
  background-image: url("https://photoservice.cloud/assets/svg/Smiley_neutral_on.svg");
}

.smile-neutral-off {
  background-image: url("https://photoservice.cloud/assets/svg/Smiley_neutral_off.svg");
}

.smile-positive-on {
  background-image: url("https://photoservice.cloud/assets/svg/Smiley_positive_on.svg");
}

.smile-positive-off {
  background-image: url("https://photoservice.cloud/assets/svg/Smiley_positive_off.svg");
}

.rc-smile {
  display: flex;
  height: auto;
  margin-bottom: 2vh;
}
.rc-smile .rc-smile-label-wrapper {
  width: 125px;
  max-width: 125px;
  min-width: 125px;
}
.rc-smile .smiles {
  width: 100%;
}
.rc-smile > .rc-smile-label-wrapper:first-child {
  width: auto;
}

.rc-smile-label-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.smiles {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  margin-right: 0.5rem;
}

@media only screen and (max-width: 500px) {
  .rc-smile > .rc-smile-label-wrapper:first-child {
    width: auto !important;
    min-width: unset !important;
    max-width: unset !important;
  }
}
.star-on, .star-off {
  cursor: pointer;
  background-repeat: no-repeat;
  background-size: contain;
  height: 32px;
  width: 32px;
}

.star-on {
  background-image: url("https://photoservice.cloud/assets/svg/Star_on.svg");
}

.star-off {
  background-image: url("https://photoservice.cloud/assets/svg/Star_off.svg");
}

.rc-star {
  display: flex;
  height: auto;
  margin-bottom: 2vh;
}
.rc-star .rc-star-label-wrapper {
  width: 125px;
  max-width: 125px;
  min-width: 125px;
}
.rc-star > .rc-star-label-wrapper:first-child {
  width: auto;
}

.rc-star-label-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-top: 5px;
}

.stars {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  margin-right: 0.5rem;
}

@media only screen and (max-width: 500px) {
  .rc-star .rc-star-label-wrapper:first-child {
    width: auto !important;
    min-width: unset !important;
    max-width: unset !important;
  }
}
.rc-tabcontrol {
  width: 100%;
  position: relative;
  display: flex;
}
.rc-tabcontrol.mobile-gradient:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 64px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFF 85%, #FFF 100%);
}
.rc-tabcontrol .rc-tabcontrol-scrollable {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  width: 100%;
  position: relative;
  overflow-x: auto;
}
.rc-tabcontrol .rc-tabcontrol-scrollable:hover::-webkit-scrollbar {
  height: 8px;
  display: inherit;
}
.rc-tabcontrol .rc-tabcontrol-scrollable::-webkit-scrollbar {
  display: none;
}
.rc-tabcontrol .rc-tabcontrol-scrollable::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4);
  border-radius: 8px;
  -webkit-border-radius: 8px;
}
.rc-tabcontrol .rc-tabcontrol-scrollable::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: rgba(100, 100, 100, 0.8);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
.rc-tabcontrol .rc-tabcontrol-scrollable .rc-tabcontrol-tab {
  flex: auto;
  cursor: pointer;
  height: 36px;
  line-height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 2px solid #CCCCCC;
  box-sizing: border-box;
  color: #707070;
  white-space: nowrap;
  padding: 0 8px;
}
.rc-tabcontrol .rc-tabcontrol-scrollable .rc-tabcontrol-tab.rc-tabcontrol-tab-selected {
  color: #3669c4;
  border-bottom-color: #3669c4;
}

#DesignerMobile .redesign .group-content-tabcontrol {
  font-size: 15px;
}
#DesignerMobile .redesign .group-content-tabcontrol .rc-tabcontrol-tab {
  padding: 8px;
  height: 42px;
}
#DesignerMobile .redesign .group-content-tabcontrol .rc-tabcontrol-tab.rc-tabcontrol-tab-selected {
  font-weight: 600;
}

.rc-switch {
  height: 36px;
  padding-right: 8px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  flex: auto;
}
.rc-switch.redesign {
  height: unset;
}
.rc-switch.redesign .rc-switch-label {
  color: #2C2C2C;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.rc-switch.redesign .rc-switch-dot {
  height: 20px;
  flex: 0 0 35px;
  background-color: #CBCACA;
}
.rc-switch.redesign.active .rc-switch-dot > div {
  top: 2px;
  width: 15px;
  height: 15px;
}
.rc-switch.redesign:not(.active) .rc-switch-dot > div {
  height: 13px;
  width: 13px;
  top: 3px;
  left: 5px;
}
.rc-switch .rc-switch-label {
  flex: 1;
  font-size: 14px;
  order: 1;
  margin-left: 16px;
}
.rc-switch .rc-switch-dot {
  flex: 0 0 36px;
  height: 12px;
  cursor: pointer;
  border-radius: 100px;
  position: relative;
  background-color: #d8d8d8;
}
.rc-switch .rc-switch-dot:focus-visible, .rc-switch .rc-switch-dot:focus {
  outline: 1px dashed black;
}
.rc-switch .rc-switch-dot div {
  height: 20px;
  width: 20px;
  position: absolute;
  top: -4px;
  border-radius: 50%;
  -webkit-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.49);
  -moz-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.49);
  box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.49);
  transition: 500ms left ease;
  left: -2.5px;
  background-color: #efefef;
}
.rc-switch.active .rc-switch-dot {
  background-color: #afcb7b;
}
.rc-switch.active .rc-switch-dot div {
  left: 14.5px;
  background-color: #6c9d0d;
}
.rc-switch.rc-mobile-component {
  height: 44px;
}
.rc-switch.rc-mobile-component .rc-switch-label {
  font-size: 16px;
}
.rc-switch.disabled {
  opacity: 0.5;
  pointer-events: none;
}

.switch-2-options {
  display: flex;
  flex-direction: row;
  height: 32px;
}
.switch-2-options > .btn-simple.btn-default.btn-redesign {
  height: 32px;
  padding: 8px 16px;
  border: 1px solid #CBCACA;
  justify-content: center;
  align-items: center;
  flex: unset;
}
.switch-2-options > .btn-simple.btn-default.btn-redesign.btn-selected {
  background: #D9E0E6;
}
.switch-2-options > .btn-simple.btn-default.btn-redesign.btn-selected .btn-label {
  color: #3669C4;
}
.switch-2-options > .btn-simple.btn-default.btn-redesign .btn-label {
  color: #CBCACA;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: capitalize;
  min-width: 100px;
  text-decoration: unset;
}
.switch-2-options > .btn-simple.btn-default.btn-redesign.btn-option-1 {
  border-radius: 20px 0px 0px 20px;
}
.switch-2-options > .btn-simple.btn-default.btn-redesign.btn-option-2 {
  border-radius: 0px 20px 20px 0px;
}

.progress-bar-base {
  width: 100%;
  background-color: #efefef;
  height: 8px;
}
.progress-bar-base.progress-bar-dark {
  background-color: #d8d8d8;
}
.progress-bar-base .progress-bar-filled {
  height: 8px;
  background-color: #3669c4;
}

body.desktop-menu-visible {
  margin-left: 83px;
  /*@media only screen and (max-width: 1280px) {
  		margin-left: 100px;
  }*/
}

.desktop-menu-wrapper {
  background-color: white;
  position: fixed;
  width: 83px;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 999;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.desktop-menu-wrapper .desktop-menu-item-button {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  min-height: 56px;
  cursor: pointer;
  position: relative;
}
.desktop-menu-wrapper .desktop-menu-item-button .rc-component.rc-badge .badge-count {
  transform: translateX(100%) translateY(0);
  left: unset;
  top: 0;
  right: 50%;
}
.desktop-menu-wrapper .desktop-menu-item-button button {
  height: 48px;
  display: flex;
  flex-direction: column;
  padding: 0;
  white-space: unset;
}
.desktop-menu-wrapper .desktop-menu-item-button button .rc-icon.sgw-icon {
  width: 32px;
  padding: 0;
  margin: 0;
}
.desktop-menu-wrapper .desktop-menu-item-button button .btn-label {
  font-size: 12px;
  line-height: 12px;
  max-width: 75px;
}
.desktop-menu-wrapper .desktop-menu-item-button .rc-icon:before {
  height: 26px;
  width: 26px;
  font-size: 26px;
}
.desktop-menu-wrapper .desktop-menu-item-button.login-button .rc-icon.sgw-icon {
  background-color: #efefef;
  height: 32px;
  border-radius: 50%;
}
.desktop-menu-wrapper .desktop-menu-item-button.login-button .rc-icon.sgw-icon:before {
  line-height: 22px;
  transform: translate(-50%, -50%);
}
.desktop-menu-wrapper .desktop-menu-item-button.desktop-menu-item-selected .rc-icon:before, .desktop-menu-wrapper .desktop-menu-item-button.desktop-menu-item-selected .btn-label, .desktop-menu-wrapper .desktop-menu-item-button:hover .rc-icon:before, .desktop-menu-wrapper .desktop-menu-item-button:hover .btn-label {
  color: #3669c4;
}

.mobile-navigation-tabs-item {
  border-bottom: 1px solid #cccccc;
}
.mobile-navigation-tabs-item .navigation-item-avatar {
  height: 36px;
}
.mobile-navigation-tabs-item .navigation-item-avatar .avatar-label {
  font-size: 15px !important;
}
.mobile-navigation-tabs-item.mobile-navigation-tabs-footer {
  border-bottom: unset;
}
.mobile-navigation-tabs-item.mobile-navigation-tabs-footer .btn-redesign .rc-icon.sgw-icon {
  margin-right: unset;
}

.mobile-navigation-extension:not(:last-child) {
  border-bottom: 1px solid #cccccc;
}

.rc-mobile-view footer.mobile-tabs.mobile-navigation-tabs {
  padding: 0 0 16px;
  z-index: 1;
  justify-content: center;
}
.rc-mobile-view footer.mobile-tabs.mobile-navigation-tabs .mobile-navigation-extension {
  flex-wrap: wrap;
  display: none;
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 100%;
  border-top: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
  background-color: #ffffff;
  overflow: hidden;
  align-items: center;
  justify-content: center;
}
.rc-mobile-view footer.mobile-tabs.mobile-navigation-tabs .mobile-navigation-extension.subview-is-shown {
  display: flex;
}
.rc-mobile-view footer.mobile-tabs.mobile-navigation-tabs .mobile-navigation-tabs-item {
  display: flex;
  justify-content: center;
  margin-top: 6px;
  flex: auto;
  flex-basis: 75px;
}
@media only screen and (max-width: 1024px) {
  .rc-mobile-view footer.mobile-tabs.mobile-navigation-tabs .mobile-navigation-tabs-item {
    flex: unset;
    flex-basis: 75px;
  }
}
.rc-mobile-view footer.mobile-tabs.mobile-navigation-tabs .mobile-navigation-tabs-item.mobile-navigation-tabs-item-selected .rc-icon:before, .rc-mobile-view footer.mobile-tabs.mobile-navigation-tabs .mobile-navigation-tabs-item.mobile-navigation-tabs-item-selected .btn-label {
  color: #3669c4;
}
.rc-mobile-view footer.mobile-tabs.mobile-navigation-tabs .mobile-navigation-tabs-item .rc-component.rc-badge .badge-count {
  top: 0;
  right: unset;
  left: 50%;
  transform: translateX(4px);
}
.rc-mobile-view footer.mobile-tabs.mobile-navigation-tabs .mobile-navigation-tabs-item button {
  height: unset;
  min-height: 48px;
  justify-content: flex-start;
  white-space: normal;
}
.rc-mobile-view footer.mobile-tabs.mobile-navigation-tabs .mobile-navigation-tabs-item button .btn-label {
  font-size: 12px;
  max-width: 75px;
  line-height: 12px;
}
.rc-mobile-view footer.mobile-tabs.mobile-navigation-tabs .mobile-navigation-tabs-item.login-button .rc-icon.sgw-icon {
  background-color: #efefef;
  border-radius: 50%;
}
.rc-mobile-view footer.mobile-tabs.mobile-navigation-tabs .mobile-navigation-tabs-item.login-button .rc-icon.sgw-icon:before {
  font-size: 21px;
}

.navigation-item-avatar {
  height: 56px;
  display: flex;
  flex-direction: column;
  cursor: pointer;
  align-items: center;
  justify-content: center;
}
.navigation-item-avatar .rc-avatar {
  width: 26px;
  height: 26px;
}
.navigation-item-avatar .rc-avatar.avatar-from-text {
  opacity: 0.75;
}
.navigation-item-avatar .rc-avatar.avatar-from-text > span {
  font-size: 12px;
}
.navigation-item-avatar .avatar-label {
  font-size: 12px;
  line-height: 12px;
}
.navigation-item-avatar.selected .avatar-label {
  color: #3669c4;
}

.rc-mobile-view .redesign-single-page-footer.portrait {
  background-color: #FFF;
  border-top: 1px solid #E7E7E7;
  overflow-x: auto;
  flex: 0 0 106px;
  padding: 0;
  justify-content: center;
}
.rc-mobile-view .redesign-single-page-footer .module-bar {
  display: flex;
  flex-direction: row;
  margin-top: 8px;
  padding-left: 16px;
  background-color: #FFFFFF;
  gap: 8px;
  overflow-x: auto;
}
.rc-mobile-view .redesign-single-page-footer .module-bar.tablet {
  overflow-x: unset;
}
.rc-mobile-view .redesign-single-page-footer .module-bar.tablet.portrait {
  margin-top: unset;
  overflow-x: auto;
  padding: 0 48px;
  gap: 24px;
  justify-content: space-evenly;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.rc-mobile-view .redesign-single-page-footer .module-bar.tablet.portrait::-webkit-scrollbar {
  display: none;
}
.rc-mobile-view .redesign-single-page-footer .module-bar.tablet.portrait .mobile-navigation-tabs-item {
  min-width: 98px;
  width: 98px;
}
.rc-mobile-view .redesign-single-page-footer .module-bar.tablet.portrait .mobile-navigation-tabs-item .rc-icon.sgw-icon {
  margin-right: unset;
}
.rc-mobile-view .redesign-single-page-footer .module-bar.tablet .mobile-navigation-tabs-item {
  min-width: unset;
}
.rc-mobile-view .redesign-single-page-footer .module-bar.tablet .mobile-navigation-tabs-item.mobile-navigation-tabs-item-selected .rc-icon.sgw-icon:before {
  color: #3669c4;
}
.rc-mobile-view .redesign-single-page-footer .module-bar.tablet .mobile-navigation-tabs-item.mobile-navigation-tabs-item-selected .btn-label {
  color: #3669c4;
  outline: none;
  text-decoration: none;
}
.rc-mobile-view .redesign-single-page-footer .module-bar.tablet .mobile-navigation-tabs-item > button .rc-icon.sgw-icon {
  height: 32px;
  width: 32px;
}
.rc-mobile-view .redesign-single-page-footer .module-bar.tablet .mobile-navigation-tabs-item > button .rc-icon.sgw-icon:before {
  height: 32px;
  width: 32px;
  line-height: 32px;
  font-size: 32px;
}
.rc-mobile-view .redesign-single-page-footer .module-bar.tablet .mobile-navigation-tabs-item > button .btn-label {
  font-size: 13px;
}
.rc-mobile-view .redesign-single-page-footer .module-bar .mobile-navigation-tabs-item {
  padding: 16px 0 8px 0;
  min-width: 26vw;
  display: flex;
  justify-content: center;
}
.rc-mobile-view .redesign-single-page-footer .module-bar .mobile-navigation-tabs-item button {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  height: 100%;
  padding: unset;
}
.rc-mobile-view .redesign-single-page-footer .module-bar .mobile-navigation-tabs-item button.btn-icon {
  padding: unset;
}
.rc-mobile-view .redesign-single-page-footer .module-bar .mobile-navigation-tabs-item button .rc-icon {
  width: 32px;
  height: 32px;
}
.rc-mobile-view .redesign-single-page-footer .module-bar .mobile-navigation-tabs-item button .rc-icon.design_layouts {
  margin-right: unset;
}
.rc-mobile-view .redesign-single-page-footer .module-bar .mobile-navigation-tabs-item button .rc-icon:before {
  font-family: "icomoon";
  font-size: 32px;
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.rc-mobile-view .redesign-single-page-footer .module-bar .mobile-navigation-tabs-item button .btn-label {
  color: #525252;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
}
.rc-mobile-view .redesign-single-page-footer .footer-buttons {
  display: flex;
  flex-direction: row;
  padding: 16px;
  gap: 8px;
}
.rc-mobile-view .redesign-single-page-footer .footer-buttons button {
  display: flex;
  flex-grow: 1;
  height: 42px;
  padding: 8px 24px;
  justify-content: center;
  align-items: center;
  border-radius: 120px;
  font-size: 15px;
  line-height: 17px;
  text-align: center;
  text-transform: uppercase;
}
.rc-mobile-view .redesign-single-page-footer .footer-buttons button.button-submit {
  background-color: #6C9D0D;
  color: #FFFFFF;
}
.rc-mobile-view .redesign-single-page-footer .footer-buttons button:not(.button-submit) {
  background-color: #FFFFFF;
  border: 1px solid #525252;
  color: #525252;
}
.rc-mobile-view .redesign-single-page-side-panel {
  background-color: #FFFFFF;
  border-top: 2px solid #f7f7f7;
}
.rc-mobile-view .redesign-single-page-side-panel .module-bar {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: unset;
  gap: 24px;
  background-color: #FFFFFF;
  align-items: center;
  justify-content: center;
}
.rc-mobile-view .redesign-single-page-side-panel .module-bar.landscape {
  justify-content: start;
  overflow-y: auto;
  padding: 24px 8px;
  gap: unset;
}
.rc-mobile-view .redesign-single-page-side-panel .module-bar.landscape .mobile-navigation-tabs-item {
  margin-bottom: 24px;
}
.rc-mobile-view .redesign-single-page-side-panel .module-bar.landscape .mobile-navigation-tabs-item.mobile-navigation-tabs-item-selected button .rc-icon.sgw-icon:before {
  color: #3669c4;
}
.rc-mobile-view .redesign-single-page-side-panel .module-bar.landscape .mobile-navigation-tabs-item.mobile-navigation-tabs-item-selected button .btn-label {
  color: #3669c4;
}
.rc-mobile-view .redesign-single-page-side-panel .module-bar .mobile-navigation-tabs-item {
  flex: 1;
}
.rc-mobile-view .redesign-single-page-side-panel .module-bar .mobile-navigation-tabs-item .btn-label {
  font-size: 13px;
}
.rc-mobile-view .redesign-single-page-side-panel .module-bar .mobile-navigation-tabs-item .btn-simple.btn-icon {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 16px 8px 8px 8px;
  height: unset;
}
.rc-mobile-view .redesign-single-page-side-panel .module-bar .mobile-navigation-tabs-item .btn-simple.btn-icon .rc-icon.sgw-icon {
  margin-right: unset;
  width: 32px;
  height: 32px;
}
.rc-mobile-view .redesign-single-page-side-panel .module-bar .mobile-navigation-tabs-item .btn-simple.btn-icon .rc-icon.sgw-icon:before {
  font-family: "icomoon";
  width: 32px;
  height: 32px;
  line-height: 32px;
  font-size: 32px;
}
.rc-mobile-view .mobile-navigation-extension {
  height: 36px;
}
.rc-mobile-view .mobile-navigation-extension.phone {
  height: 42px;
}
.rc-mobile-view .mobile-navigation-extension .saal-chat.saal-phone-chat.saal-webshop-chat .saal-chat-button {
  min-height: 36px;
}
.rc-mobile-view .mobile-navigation-extension .saal-chat.saal-phone-chat.saal-webshop-chat .saal-chat-button .saal-chat-button-label {
  font-size: 15px !important;
}
.rc-mobile-view .mobile-navigation-extension .language-selector .language-selector-button {
  min-height: 42px;
}
.rc-mobile-view .mobile-navigation-extension .language-selector .language-selector-button .language-selector-button-label {
  font-size: 15px;
}

.rc-component.rc-snackbar {
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 16px;
  background-color: #707070;
  color: #ffffff;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  opacity: 0;
  transition: opacity ease-out 0.5s;
  cursor: pointer;
}
.rc-component.rc-snackbar.is-opened {
  opacity: 1;
  transition: opacity ease-out 0.5s;
  z-index: 10;
}

.rc-component.rc-badge {
  position: relative;
  display: inline-block;
}
.rc-component.rc-badge .badge-count {
  position: absolute;
  top: 0;
  right: 50%;
  transform: translateX(100%) translateY(-100%);
  width: 14px;
  height: 14px;
  border-radius: 50%;
  color: #FFFFFF;
  font-size: 10px;
  display: flex;
  justify-content: center;
  line-height: 12px;
  align-items: center;
}
.rc-component.rc-badge .badge-count.badge-count-none {
  display: none;
}
.rc-component.rc-badge .badge-count.badge-count-default {
  background-color: #3669c4;
}
.rc-component.rc-badge .badge-count.badge-count-important {
  background-color: #d9052f;
}
.rc-component.rc-badge > button + .badge-count {
  cursor: pointer;
}
.rc-component.rc-badge > button.btn-icon + .badge-count {
  right: unset;
  left: 16px;
  top: 18px;
}
.rc-component.rc-badge > button.btn-icon.btn-icon-only + .badge-count {
  left: 4px;
}
.rc-component.rc-badge.rc-mobile-component > button.btn-icon + .badge-count {
  top: 20px;
}

.drop-zone {
  outline: none;
}

.drag-file:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 4px solid #3669C4;
  pointer-events: none;
}

.flex-card-list-dummy-item {
  order: 2;
}

.rc-component.rc-browser ul, .rc-component.rc-browser li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.rc-component.rc-browser li {
  padding-right: 8px;
}
.rc-component.rc-browser li .rc-browser-node-list {
  margin-left: 16px;
}
.rc-component.rc-browser li .rc-component-node {
  display: flex;
  cursor: pointer;
  user-select: none;
  margin-left: 4px;
}
.rc-component.rc-browser li .rc-component-node.selected-node {
  background-color: #efefef;
}
.rc-component.rc-browser li .rc-component-node .rc-icon {
  padding-left: 24px;
}

.rc-mobile-menu {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10001;
  border-top: 1px solid #dcdcdc;
}
.rc-mobile-menu.is-hidden {
  display: none;
}
.rc-mobile-menu.redesign {
  z-index: 11001;
}
.rc-mobile-menu.redesign.header-right-tablet-btn .btn-label {
  font-size: 15px;
  font-weight: 400;
  font-family: SourceSansPro-Regular;
  line-height: 20px;
}
.rc-mobile-menu.redesign.header-right-tablet-btn .mobile-menu-content .rc-icon.sgw-icon:before {
  font-size: 26px;
}
.rc-mobile-menu.redesign.header-right-tablet-btn .mobile-menu-content .chat-menu-option.redesign {
  height: unset;
  padding: 0 32px 0 16px;
}
.rc-mobile-menu.redesign.header-right-tablet-btn .mobile-menu-content .chat-menu-option.redesign.portrait {
  padding: 0 32px 0 0;
}
.rc-mobile-menu.redesign.header-right-tablet-btn .mobile-menu-content .chat-menu-option.redesign.landscape .saal-chat.saal-webshop-chat {
  justify-content: start;
  min-height: 36px;
}
.rc-mobile-menu.redesign.header-right-tablet-btn .mobile-menu-content .chat-menu-option.redesign.landscape .saal-chat.saal-webshop-chat .saal-chat-button {
  height: 36px;
}
.rc-mobile-menu.redesign.header-right-tablet-btn .mobile-menu-content .chat-menu-option.redesign .saal-chat.saal-webshop-chat {
  position: unset;
}
.rc-mobile-menu.redesign.header-right-tablet-btn .mobile-menu-content .chat-menu-option.redesign .saal-chat.saal-webshop-chat .saal-chat-button {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.rc-mobile-menu.redesign.header-right-tablet-btn .mobile-menu-content .chat-menu-option.redesign .saal-chat.saal-webshop-chat .saal-chat-button .rc-icon.sgw-icon.speech_bubble.circle-icon-huge {
  box-shadow: unset;
  background-color: unset;
  position: relative;
  width: 26px;
  height: 26px;
  margin-right: 8px;
  padding: 0;
}
.rc-mobile-menu.redesign.header-right-tablet-btn .mobile-menu-content .chat-menu-option.redesign .saal-chat.saal-webshop-chat .saal-chat-button .rc-icon.sgw-icon.speech_bubble.circle-icon-huge:before {
  width: 26px;
  height: 26px;
  line-height: 26px;
  font-size: 26px;
  font-family: "icomoon";
}
.rc-mobile-menu.redesign.header-right-tablet-btn .mobile-menu-content .chat-menu-option.redesign .saal-chat.saal-webshop-chat .saal-chat-button .saal-chat-button-label {
  font-size: 15px;
  font-weight: 400;
  font-family: SourceSansPro-Regular;
  line-height: 20px;
  margin-top: unset;
}
.rc-mobile-menu.redesign .mobile-menu-content .chat-menu-option.redesign {
  height: 42px;
}
.rc-mobile-menu.redesign .mobile-menu-content .chat-menu-option.redesign .saal-chat.saal-phone-chat.saal-webshop-chat {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  height: 36px;
  font-size: 15px;
  align-items: center;
  padding: 0 32px 0 16px;
  cursor: pointer;
  line-height: 20px;
  user-select: none;
  border: none;
  outline: none;
  font-family: inherit;
  color: inherit;
  background-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  right: unset;
  bottom: unset;
  z-index: unset;
}
.rc-mobile-menu.redesign .mobile-menu-content .chat-menu-option.redesign .saal-chat.saal-phone-chat.saal-webshop-chat .saal-chat-button {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.rc-mobile-menu.redesign .mobile-menu-content .chat-menu-option.redesign .saal-chat.saal-phone-chat.saal-webshop-chat .saal-chat-button .rc-icon.sgw-icon.speech_bubble.circle-icon-huge {
  box-shadow: unset;
  background-color: unset;
  position: relative;
  width: 26px;
  height: 26px;
  margin-right: 8px;
  padding: 0;
}
.rc-mobile-menu.redesign .mobile-menu-content .chat-menu-option.redesign .saal-chat.saal-phone-chat.saal-webshop-chat .saal-chat-button .rc-icon.sgw-icon.speech_bubble.circle-icon-huge:before {
  width: 26px;
  height: 26px;
  line-height: 26px;
  font-size: 26px;
  font-family: "icomoon";
}
.rc-mobile-menu.redesign .mobile-menu-content .chat-menu-option.redesign .saal-chat.saal-phone-chat.saal-webshop-chat .saal-chat-button .saal-chat-button-label {
  font-size: 15px;
  font-weight: 400;
  font-family: SourceSansPro-Regular;
  line-height: 20px;
  margin-top: unset;
}
.rc-mobile-menu.redesign .mobile-menu-content > div .rc-radio-group.redesign {
  display: flex;
  gap: 12px;
}
.rc-mobile-menu.redesign .mobile-menu-content > div .rc-radio-group.redesign .rc-radio {
  padding: 8px;
}
.rc-mobile-menu.redesign .mobile-menu-content > div .rc-radio-group.redesign .rc-radio .rc-radio-element {
  width: 20px;
  height: 20px;
  margin-right: 16px;
}
.rc-mobile-menu.redesign .mobile-menu-content > div .rc-radio-group.redesign .rc-radio .rc-radio-label {
  font-size: 14px;
  color: #000000;
}
.rc-mobile-menu.redesign .mobile-menu-content > div .menu-divider {
  margin: 12px 0;
}
.rc-mobile-menu.redesign .mobile-menu-content > div .btn-cancel {
  background-color: #FFFFFF;
  padding: 8px;
  height: unset;
  color: #525252;
}
.rc-mobile-menu.redesign .mobile-menu-content > div .btn-cancel .rc-icon {
  margin-right: 16px;
  height: 18px;
  width: 18px;
}
.rc-mobile-menu.redesign .mobile-menu-content > div .btn-cancel .rc-icon:before {
  font-size: 18px;
  height: 18px;
  width: 18px;
  line-height: 18px;
}
.rc-mobile-menu.redesign .mobile-menu-content > div .btn-cancel .btn-label {
  color: #000000;
}
.rc-mobile-menu.non-modal {
  position: relative;
}
.rc-mobile-menu:before {
  content: "";
  width: 100%;
  height: 100vh;
  position: absolute;
  background-color: #6e6e6e;
  opacity: 0.8;
}
.rc-mobile-menu .menu-divider {
  height: 1px;
  width: 100%;
  margin: 8px 0;
  background-color: #cccccc;
}
.rc-mobile-menu .mobile-menu-content {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #ffffff;
  z-index: 11;
  padding: 16px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.rc-mobile-menu .mobile-menu-content > div > .btn-simple, .rc-mobile-menu .mobile-menu-content > .btn-simple {
  width: 100%;
  display: flex;
  justify-content: flex-start;
}
.rc-mobile-menu .mobile-menu-content > div {
  width: 100%;
}
.rc-mobile-menu .mobile-menu-content > hr {
  width: 100%;
  border: 0;
  border-top: 1px solid #dcdcdc;
}

.mobile-add-button {
  position: absolute;
  right: 0;
}
.mobile-add-button > button .rc-icon.wi_submenu {
  display: none;
}
.mobile-add-button > button .btn-label {
  color: #3669c4;
}

#BulkOrdererMobile .rc-mobile-menu.redesign .mobile-menu-content {
  padding: 8px 16px;
  gap: 10px;
}
#BulkOrdererMobile .rc-mobile-menu.redesign .mobile-menu-content > div .menu-divider {
  margin: unset;
}
#BulkOrdererMobile .rc-mobile-menu.redesign .mobile-menu-content > div button {
  height: unset;
  padding: 5px 8px;
  box-sizing: border-box;
}
#BulkOrdererMobile .rc-mobile-menu.redesign .mobile-menu-content > div button .rc-icon.sgw-icon {
  height: 18px;
  width: 18px;
  margin-right: 16px;
}
#BulkOrdererMobile .rc-mobile-menu.redesign .mobile-menu-content > div button .rc-icon.sgw-icon:before {
  height: 18px;
  width: 18px;
  font-size: 18px;
  line-height: 18px;
}

.rc-context-menu.rc-context-menu-v2 {
  position: relative;
}
.rc-context-menu.rc-context-menu-v2 .no-right {
  right: unset !important;
}
.rc-context-menu.rc-context-menu-v2 .context-menu {
  right: 0;
  position: absolute;
  text-align: left;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.44);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #ffffff;
  white-space: nowrap;
  display: flex;
  flex-direction: column;
  min-width: 260px;
  width: fit-content;
  z-index: 1000;
  border-radius: 6px;
}
.rc-context-menu.rc-context-menu-v2 .context-menu .context-menu-body {
  flex: auto;
  overflow-y: auto;
  margin: 8px 0;
}
.rc-context-menu.rc-context-menu-v2 .context-menu .context-menu-body button {
  display: flex;
  width: 100%;
  justify-content: left;
}
.rc-context-menu.rc-context-menu-v2 .context-menu .context-menu-body .rc-component.rc-checkbox {
  padding-left: 22px;
  box-sizing: border-box;
}
.rc-context-menu.rc-context-menu-v2 .context-menu .context-menu-body .rc-component.rc-checkbox .rc-checkbox-label {
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 4px;
  font-size: 14px;
}
.rc-context-menu.rc-context-menu-v2 .menu-divider {
  height: 1px;
  margin: 8px 16px;
  background-color: #cccccc;
}

body > .rc-context-menu.rc-context-menu-v2 {
  z-index: 100000;
  filter: unset !important;
  -webkit-filter: unset !important;
}

.rc-mobile-view .rc-context-menu.rc-context-menu-v2 .context-menu .context-menu-body .rc-component.rc-checkbox .rc-checkbox-label {
  font-size: 16px;
}

.rc-dialog-content .checkout-group-content .flat-table .flat-table-row .flat-table-cell, .rc-dialog-content .checkout-group-content .flat-table .flat-table-row .group-content {
  margin-bottom: 0;
}

.flat-table-scrollable-wrapper {
  overflow-x: auto;
  max-width: 100%;
  min-height: fit-content;
}

.flat-table {
  border: 1px solid #efefef;
}
.flat-table .flat-table-row {
  background-color: #ffffff;
  border-bottom: 1px solid #efefef;
  box-sizing: border-box;
  display: flex;
  flex-wrap: nowrap;
}
.flat-table .flat-table-row:last-child {
  border-bottom: none;
}
.flat-table .flat-table-row:hover {
  background-color: #f3f3f3;
}
.flat-table .flat-table-row.flat-table-header {
  background-color: #D8D8D8;
  font-weight: bold;
}
.flat-table .flat-table-row.flat-table-header .flat-table-cell:hover {
  background-color: #cccccc;
}
.flat-table .flat-table-row .group-content {
  overflow: hidden;
}
.flat-table .flat-table-row .group-content.group-content-label {
  align-self: unset;
}
.flat-table .flat-table-row .flat-table-cell, .flat-table .flat-table-row .group-content {
  min-height: 36px;
  display: flex;
  align-items: center;
  padding: 0 4px;
  box-sizing: border-box;
  font-size: 14px;
  cursor: pointer;
  flex: 0 0 auto;
  white-space: nowrap;
  position: relative;
  margin-bottom: 0;
}
.flat-table .flat-table-row .flat-table-cell .flat-table-cell-filter-button, .flat-table .flat-table-row .group-content .flat-table-cell-filter-button {
  margin-right: 16px;
  width: unset;
  position: relative;
  overflow: unset;
}
.flat-table .flat-table-row .flat-table-cell .flat-table-cell-filter-button-notifier, .flat-table .flat-table-row .group-content .flat-table-cell-filter-button-notifier {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #d9052f;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(4px, -12px);
}
.flat-table .flat-table-row .flat-table-cell.sort-cell, .flat-table .flat-table-row .group-content.sort-cell {
  background-color: #cccccc;
}
.flat-table .flat-table-row .flat-table-cell.sort-cell:before, .flat-table .flat-table-row .group-content.sort-cell:before {
  right: 4px;
  top: 8px;
  left: unset;
}
.flat-table .flat-table-row .flat-table-cell > div, .flat-table .flat-table-row .group-content > div {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.flat-table .flat-table-row .flat-table-cell strong, .flat-table .flat-table-row .group-content strong {
  font-weight: normal;
}
.flat-table .flat-table-row .flat-table-cell.edit, .flat-table .flat-table-row .group-content.edit {
  flex-basis: 50px;
}
.flat-table .flat-table-row .flat-table-cell.sortColumn, .flat-table .flat-table-row .group-content.sortColumn {
  flex-basis: 100px;
  display: flex;
}
.flat-table .flat-table-row .flat-table-cell.searchCriteriaNoMatchMessage, .flat-table .flat-table-row .group-content.searchCriteriaNoMatchMessage {
  width: 100%;
  text-align: center;
}
.flat-table .flat-table-row .flat-table-cell.group-content-link-add button.btn-simple, .flat-table .flat-table-row .group-content.group-content-link-add button.btn-simple {
  justify-content: unset;
}
.flat-table .flat-table-row.has-multiple-lines-label .group-content-label {
  align-items: unset;
}

.flat-table .rc-icon.sgw-icon.add_big, .mobile-table .rc-icon.sgw-icon.add_big {
  display: none;
}

.flat-table-cell-filter-button .filter-content {
  padding: 16px;
  width: 320px;
  max-width: 320px;
  position: absolute;
  right: 0;
  top: 100%;
  box-sizing: border-box;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.25);
  background-color: #ffffff;
  z-index: 10001;
  max-height: 800px;
  overflow-y: auto;
  font-weight: normal;
}
.flat-table-cell-filter-button .filter-content .checkout-group-content .group-content.group-content-radio-group {
  margin-bottom: 8px;
}
.flat-table-cell-filter-button .filter-content .checkout-group-content .group-content.group-content-radio-group .group-content-radio {
  padding-left: 8px;
  border-bottom: 1px solid #EFEFEF;
}
.flat-table-cell-filter-button .filter-content .checkout-group-content .group-content.group-content-radio-group .group-content-radio:last-child {
  border-bottom: unset;
}
.flat-table-cell-filter-button .filter-content .checkout-group-content .group-content.group-content-divider {
  margin-top: 0;
  margin-bottom: 0;
}
.flat-table-cell-filter-button .filter-content .checkout-group-content .group-content.group-content-horizontal-group .group-content-button, .flat-table-cell-filter-button .filter-content .checkout-group-content .group-content.group-content-horizontal-group .group-content-link-add {
  width: auto;
  flex: 1;
}
.flat-table-cell-filter-button .filter-content .checkout-group-content .group-content.group-content-horizontal-group .group-content-button:last-child, .flat-table-cell-filter-button .filter-content .checkout-group-content .group-content.group-content-horizontal-group .group-content-link-add:last-child {
  display: flex;
  justify-content: right;
}
.flat-table-cell-filter-button .filter-content .checkout-group-content strong {
  font-weight: bold;
}
.flat-table-cell-filter-button .filter-overlay {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 10000;
}

.mobile-table {
  padding-bottom: 16px;
}
.mobile-table .mobile-table-row {
  background-color: white;
  margin-bottom: 8px;
  position: relative;
  padding: 4px;
  /*&:nth-child(even) {
      background-color: #ffffff;
  }*/
}
.mobile-table .mobile-table-row .mobile-table-row-edit {
  position: absolute;
  right: 8px;
  top: 4px;
}
.mobile-table .mobile-table-row .mobile-table-row-edit.sgw-icon {
  right: 16px;
  top: 12px;
}
.mobile-table .mobile-table-row .mobile-table-row-edit:before {
  transform: unset;
}
.mobile-table .mobile-table-row .mobile-table-row-control {
  position: absolute;
  right: 16px;
  top: 4px;
  display: flex;
}
.mobile-table .mobile-table-row .mobile-table-column {
  display: flex;
  box-sizing: border-box;
}
.mobile-table .mobile-table-row .mobile-table-column .header {
  flex: 0 0 40%;
  min-height: 36px;
  display: flex;
  align-items: center;
  padding: 0 4px;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 16px;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  margin-bottom: 0;
  font-weight: bold;
}
.mobile-table .mobile-table-row .mobile-table-column .data {
  flex: 1;
  display: flex;
  overflow-x: auto;
}
.mobile-table .mobile-table-row .mobile-table-column .group-content.group-content-label.rc-mobile-component {
  min-height: unset;
  margin-bottom: unset;
  flex: 1;
  min-width: unset;
}

.desktop-main-content .search-results {
  display: flex;
}
.desktop-main-content .search-results .search-results-label {
  flex: 0;
}
.desktop-main-content .search-results .search-results-label .rc-label-component {
  font-size: 16px;
  font-weight: bold;
  height: 24px;
  line-height: 20px;
  min-height: unset;
  white-space: nowrap;
}
.desktop-main-content .search-results .search-results-items {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  margin-left: 8px;
}
.desktop-main-content .search-results .search-results-items .search-result-item {
  margin-right: 8px;
  margin-bottom: 8px;
}
.desktop-main-content .search-results .search-results-items button {
  border-radius: 18px;
  padding: 0 0 0 8px;
  height: 24px;
}
.desktop-main-content .search-results .search-results-items button .sgw-icon {
  margin-left: unset;
}
.rc-mobile-view .search-results {
  display: flex;
}
.rc-mobile-view .search-results .search-results-label {
  flex: 0;
}
.rc-mobile-view .search-results .search-results-label .rc-label-component {
  font-size: 16px;
  font-weight: bold;
  height: 24px;
  line-height: 20px;
  min-height: unset;
  white-space: nowrap;
}
.rc-mobile-view .search-results .search-results-items {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  margin-left: 8px;
  margin-left: 0;
}
.rc-mobile-view .search-results .search-results-items .search-result-item {
  margin-right: 8px;
  margin-bottom: 8px;
}
.rc-mobile-view .search-results .search-results-items button {
  border-radius: 18px;
  padding: 0 0 0 8px;
  height: 24px;
  height: 32px;
  padding: 0 12px;
}
.rc-mobile-view .search-results .search-results-items button .sgw-icon {
  margin-left: unset;
}
.rc-mobile-view .search-results .search-results-items button .sgw-icon::before {
  height: 14px;
  width: 14px;
  line-height: 14px;
  font-size: 21px;
}

.rc-pagination.rc-mobile {
  display: flex;
  align-items: flex-end;
  padding: 8px 0;
}
.rc-pagination .rc-pagination-data {
  display: flex;
  flex-direction: row;
}
.rc-pagination .rc-pagination-data > div {
  margin-right: 8px;
}
.rc-pagination .rc-pagination-data > div:last-child {
  margin-right: unset;
}
.rc-pagination .rc-pagination-data > div .rc-input {
  width: 44px;
  min-width: unset;
}
.rc-pagination .rc-pagination-data > div .rc-input .rc-input-wrapper {
  height: 100%;
}
.rc-pagination .rc-pagination-data > div .rc-input.rc-mobile-component {
  height: 36px;
}
.rc-pagination .rc-pagination-data > div .rc-input.rc-mobile-component .rc-input-wrapper {
  padding-bottom: unset;
}
.rc-pagination .rc-pagination-data > div .rc-label-component.rc-mobile-component {
  height: 36px;
  min-height: 36px;
}

.rc-component.rc-stars-rate .stars-wrapper {
  display: flex;
  height: 18px;
  padding: 2px 0;
}
.rc-component.rc-stars-rate .stars-wrapper.star-18 .star {
  background-image: url(https://photoservice.cloud/assets/svg/rating_stars.svg);
  background-repeat: no-repeat;
  background-size: 107%;
  height: 18px;
  width: 18px;
  background-position-x: -1px;
  margin-right: 2px;
}
.rc-component.rc-stars-rate .stars-wrapper.star-18 .full-star {
  background-position-y: 0;
}
.rc-component.rc-stars-rate .stars-wrapper.star-18 .empty-star {
  background-position-y: -17.51px;
}
.rc-component.rc-stars-rate .stars-wrapper.star-18 .one-quarter-star {
  background-position-y: -35.02px;
}
.rc-component.rc-stars-rate .stars-wrapper.star-18 .half-star {
  background-position-y: -52.53px;
}
.rc-component.rc-stars-rate .stars-wrapper.star-18 .three-quarter-star {
  background-position-y: -70.04px;
}

.rc-slider {
  flex: 1;
  width: 100%;
}
.rc-slider .slider-header {
  display: flex;
  justify-content: space-between;
}
.rc-slider .slider-header .rc-label-component {
  min-height: unset;
  height: 20px;
}
.rc-slider .slider-wrapper {
  display: flex;
  height: 16px;
  position: relative;
  align-items: center;
}
.rc-slider .slider-wrapper .slider-handler {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #6e6e6e;
  position: absolute;
  top: 0;
  cursor: pointer;
}
.rc-slider .slider-wrapper .slider-handler:hover {
  background-color: #3669c4;
}
.rc-slider .slider-wrapper .slider-body {
  height: 4px;
  width: 100%;
  background-color: #d8d8d8;
  position: relative;
  cursor: pointer;
}
.rc-slider .slider-wrapper .slider-marker {
  height: 4px;
  width: 2px;
  background-color: white;
  position: absolute;
  top: 0;
}
.rc-slider.redesign.tablet .rc-label-component {
  padding-top: 10px;
  position: absolute;
  top: -32px;
  left: -6px;
  display: unset;
  font-family: "SourceSansPro-Regular";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #3776B2;
}
.rc-slider.redesign .slider-wrapper {
  display: flex;
  height: 16px;
  position: relative;
  align-items: center;
  cursor: pointer;
}
.rc-slider.redesign .slider-wrapper .slider-body {
  background-color: #d8d8d8;
  height: 2px;
  width: 100%;
  position: relative;
}
.rc-slider.redesign .slider-wrapper .slider-body .slider-marker {
  height: 0;
}
.rc-slider.redesign .slider-wrapper .slider-body .slider-marker:nth-child(10n) {
  height: 20px;
  background-color: #383838;
}
.rc-slider.redesign .slider-wrapper .slider-track {
  position: absolute;
  top: 7px;
  height: 2px;
  background-color: #3776B2;
}
.rc-slider.redesign .slider-wrapper .displacement {
  position: absolute;
  top: 7px;
  height: 2px;
  background-color: #3776B2;
}
.rc-slider.redesign .slider-wrapper .slider-handler {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #3776B2;
  position: absolute;
  top: 0;
  cursor: pointer;
}
.rc-slider.redesign .slider-wrapper .slider-handler .rc-label-component.rc-mobile-component {
  position: absolute;
  top: -24px;
  left: -6px;
  display: unset;
  font-family: "SourceSansPro-Regular";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #3776B2;
}

.slider-container {
  border-radius: 6px;
}

.language-selector {
  margin-left: 8px;
  min-width: 200px;
}
.language-selector > * {
  width: 100%;
}
.language-selector .rc-component.rc-select .select-options-list {
  top: unset;
  bottom: unset;
}
.language-selector.as-button {
  margin-left: 0;
}
.language-selector.as-button .rc-select {
  opacity: 0;
  height: 0;
  padding: 0;
}
.language-selector.as-button .language-selector-button {
  height: unset;
  min-height: 48px;
  justify-content: flex-start;
  align-items: center;
  white-space: normal;
  display: flex;
  padding: unset;
}
.language-selector.as-button .language-selector-button .rc-icon.circle-icon-huge {
  padding: 0 8px 0 16px;
  width: 26px;
  height: 26px;
  font-size: 16px;
  background-color: unset;
  box-shadow: unset;
  border-radius: unset;
  position: relative;
  margin: unset;
}
.language-selector.as-button .language-selector-button .rc-icon.circle-icon-huge:before {
  top: 50%;
  left: 50%;
  transform: translate(-30%, -50%);
  font-size: 22px;
  width: 22px;
  height: 22px;
  line-height: 22px;
}
.language-selector.as-button .language-selector-button .language-selector-button-label {
  margin-top: unset;
  font-size: 16px;
  line-height: 12px;
  text-align: center;
}

.group-content-drop-down .language-selector {
  margin-left: unset;
}

.circle-container {
  margin: 8px;
  display: inline-block;
  position: relative;
  cursor: pointer;
}
.circle-container .circle {
  display: inline-block;
  border-radius: 50%;
}
.circle-container.as-button {
  display: flex;
  align-items: center;
  padding-left: 8px;
  box-sizing: border-box;
}
.circle-container.as-button .circle {
  display: block;
  flex: 0 0 18px;
  margin-right: 16px;
}
.circle-container.as-button .rc-icon.close {
  display: block;
  flex: 0 0 18px;
  margin-right: 16px;
  padding: unset;
  margin-left: 4px;
}
.circle-container.as-button .rc-label-component.rc-mobile-component {
  min-height: 36px;
}

/*.feedback-buttons-menu {
    .context-menu-body {
        > div {
            display: flex;
            flex-direction: column;
        }
    }
}*/
.feedback-container {
  position: relative;
}
.feedback-container .rc-icon.sgw-icon.close.close {
  position: absolute;
  cursor: pointer;
  height: 8px;
  width: 8px;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.feedback-container .rc-icon.sgw-icon.close.close:before {
  color: rgb(169, 169, 169) !important;
}
.feedback-container .label-overlay {
  position: absolute;
  left: 0;
  top: 40px;
  display: flex;
  width: 200px;
  font-size: 16px;
  z-index: 1000;
  cursor: default;
  background-color: #FFFFFF;
  color: #000000;
  padding: 8px 16px;
  box-shadow: 3px 3px 12px 0 rgba(0, 0, 0, 0.75);
}

.feedback-buttons-menu.selected-value button {
  padding-left: 32px !important;
  position: relative;
}
.feedback-buttons-menu.selected-value button:before {
  content: "";
  position: absolute;
  left: 2px;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  border-radius: 50%;
}
.feedback-buttons-menu.selected-value.selected-value-3 button:before {
  background-color: #1cd622;
}
.feedback-buttons-menu.selected-value.selected-value-2 button:before {
  background-color: #ff8c00;
}
.feedback-buttons-menu.selected-value.selected-value-1 button:before {
  background-color: #ff0000;
}

.extended-controls-btn-redesign {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #E7E7E7;
  flex-direction: column;
}
.extended-controls-btn-redesign .blank-margin {
  width: 100%;
  height: 16px;
  background-color: #FFFFFF;
}
.extended-controls-btn-redesign .semicircle-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 16px;
  flex-direction: row;
}
.extended-controls-btn-redesign .semicircle-wrapper .semicircle {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: start;
  width: 16px;
  height: 34px;
  border-radius: 0px 120px 120px 0px;
  transform: rotate(90deg);
  background-color: #FFFFFF;
}
.extended-controls-btn-redesign .semicircle-wrapper .semicircle .rc-icon.sgw-icon.clickable {
  color: #525252;
}
.extended-controls-btn-redesign .semicircle-wrapper .semicircle .rc-icon.sgw-icon.clickable:before {
  font-size: 32px;
  left: 8px;
  top: 17px;
}

.rc-component.rc-error {
  border-bottom: 1px solid #d9052f !important;
}
.rc-component.rc-error label {
  color: #d9052f !important;
}
.rc-component:hover .rc-error-label, .rc-component:focus .rc-error-label, .rc-component:focus-within .rc-error-label {
  display: block;
}

.quill.rc-error {
  border-bottom: 1px solid #d9052f !important;
}

.rc-error-label {
  background: #d9052f;
  color: #ffffff;
  bottom: calc(100% + 4px);
  left: 0;
  position: absolute;
  z-index: 200000;
  min-width: 150px;
  font-size: 14px;
  padding: 4px 32px 4px 8px;
}
.rc-error-label.rc-error-label-hover {
  display: none;
}
.rc-error-label.rc-error-label-hover:hover {
  display: block;
}
.rc-error-label.rc-error-label-hover .rc-error-close {
  display: none;
}
.rc-error-label:after {
  content: " ";
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #d7032c;
  bottom: -4px;
  left: 8px;
  position: absolute;
}
.rc-error-label .rc-error-close {
  position: absolute;
  right: 4px;
  top: 12px;
  cursor: pointer;
}
.rc-error-label .rc-error-close:before, .rc-error-label .rc-error-close:hover:before {
  color: #ffffff;
}

.always-show-errors .rc-error-label {
  display: block;
  left: unset;
  right: 0;
}
.always-show-errors .rc-checkbox .rc-error-label {
  left: 0;
  right: unset;
}

.presets-checkbox {
  margin-bottom: 8px;
}

.presets {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 0 3px 8px;
}
.presets .preset-wrapper {
  position: relative;
  box-sizing: border-box;
  max-width: calc(33% - 4px);
  flex: calc(33% - 4px);
  margin: 0 4px 4px 0;
  cursor: pointer;
}
.presets .preset-wrapper.texture-wrapper img {
  width: 100%;
  height: 100%;
}
.presets .preset-wrapper.frame {
  height: unset;
  width: calc(31% - 4px);
  max-width: unset;
  flex: unset;
  margin: 4px;
  display: flex;
  align-items: center;
}
.presets .preset-wrapper.frame.selected {
  outline: 3px solid #3669C4;
}
.presets .preset-wrapper.frame img {
  width: 100%;
}
.presets .preset-wrapper.frame .frame-item {
  display: flex;
  align-items: center;
}
.presets .preset-wrapper .preset {
  height: 36px;
  width: 100%;
}
.presets .preset-wrapper .preset-favorite {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.presets .preset-wrapper .preset-favorite.selected {
  opacity: 1;
}
.presets .preset-wrapper:hover {
  outline: 3px solid #ccc;
}
.presets .preset-wrapper:hover .preset-favorite {
  opacity: 1;
}
.presets.mobile .preset-wrapper {
  display: flex;
  flex-direction: column;
  padding-bottom: 8px;
  justify-content: space-between;
}
.presets.mobile .preset-wrapper:hover {
  outline: none;
}
.presets.mobile .preset-wrapper .preset, .presets.mobile .preset-wrapper .texture {
  box-sizing: border-box;
  position: relative;
}
.presets.mobile .preset-wrapper .preset.selected, .presets.mobile .preset-wrapper .texture.selected {
  border: 2px solid #3776b2;
}
.presets.mobile .preset-wrapper .preset-favorite {
  position: relative;
  opacity: unset;
  width: 100%;
}
.presets.tablet .preset-wrapper:hover {
  outline: none;
}
.presets.tablet .preset-wrapper.selected {
  position: relative;
}
.presets.tablet .preset-wrapper .preset-favorite .rc-icon.sgw-icon {
  width: 18px;
  height: 18px;
  padding-left: unset;
}
.presets.tablet .preset-wrapper .preset-favorite .rc-icon.sgw-icon:before {
  width: 18px;
  height: 18px;
  font-size: 18px;
  line-height: 18px;
}
.presets.tablet.portrait .preset-wrapper {
  flex: calc(12.5% - 4px);
}
.presets.tablet.portrait .preset-wrapper .preset {
  height: 58px;
}

.percentage-slider-container {
  position: relative;
}
.percentage-slider-container .slider-container {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  background: #FFFFFF;
  z-index: 5001;
  padding: 8px;
  box-shadow: 0 1px 3px #5f5f5f;
}

.popup-slider-container {
  position: relative;
}
.popup-slider-container .slider-container {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  background: #FFFFFF;
  z-index: 5001;
  padding: 8px;
  box-shadow: 0 1px 3px #5f5f5f;
}

.divider {
  width: 1px;
  background-color: #dddddd;
  margin: 6px 4px;
  height: 24px;
}

.selected-icon-container .selected-icon-blue-circle {
  position: absolute;
  box-sizing: border-box;
  background: #3776B2;
  width: 24px;
  height: 24px;
  right: 2px;
  bottom: 2px;
  border-radius: 12px;
  border: 1px solid #FFFFFF;
}
.selected-icon-container .rc-icon.sgw-icon {
  position: absolute;
  padding-left: unset;
  width: 24px;
  height: 24px;
  right: 3px;
  bottom: 3px;
}
.selected-icon-container .rc-icon.sgw-icon:before {
  color: #FFFFFF;
  width: 18px;
  height: 18px;
  font-size: 18px;
  left: 13px;
  top: 12px;
}
.selected-icon-container.mobile .selected-icon-blue-circle {
  width: 18px;
  height: 18px;
  right: 9px;
  bottom: 8px;
  border-radius: 9px;
  border: none;
}
.selected-icon-container.mobile .rc-icon.sgw-icon {
  width: 18px;
  height: 18px;
  right: 8px;
  bottom: 8px;
}
.selected-icon-container.mobile .rc-icon.sgw-icon:before {
  width: 12px;
  height: 12px;
  font-size: 12px;
  left: 10px;
  top: 6px;
}

#CollectionShareProductSetImageSelectionDialog .selected-icon-container {
  display: none;
}

.article-configurator {
  display: flex;
  flex: 0 0 485px;
  background: #FFFFFF;
  flex-direction: column;
  -webkit-overflow-scrolling: touch;
  padding: 0;
}
.article-configurator.article-configurator-mobile.phone .configurator-body .configurator-group-mobile .configurator-group-mobile-items.side-by-side .radio-item {
  margin: unset !important;
}
.article-configurator.article-configurator-mobile.phone .configurator-body .configurator-group-mobile .configurator-group-mobile-items .radio-item {
  min-height: 44px;
  padding: 8px;
  display: flex;
}
.article-configurator > div {
  padding: 8px 0 8px 8px;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.article-configurator .configurator-body {
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
  background: #FFFFFF;
  padding: 0 16px;
}
.article-configurator .configurator-body .item-tooltip-v2, .article-configurator .configurator-body .item-tooltip {
  position: fixed;
  z-index: 10;
  cursor: default;
  visibility: hidden;
  background-color: white;
  box-shadow: 2px 2px 8px -2px rgba(0, 0, 0, 0.5);
  /*> div {
  		display: flex;
  		box-sizing: border-box;
  		padding: 8px;
  }*/
}
.article-configurator .configurator-body .item-tooltip-v2.item-tooltip-v2, .article-configurator .configurator-body .item-tooltip.item-tooltip-v2 {
  width: 320px;
  max-width: 320px;
}
.article-configurator .configurator-body .item-tooltip-v2 .item-tooltip-v2-image, .article-configurator .configurator-body .item-tooltip .item-tooltip-v2-image {
  position: relative;
  overflow: hidden;
  display: block;
  padding-bottom: 69.4444444444%;
  margin: 0;
}
.article-configurator .configurator-body .item-tooltip-v2 .item-tooltip-v2-image img, .article-configurator .configurator-body .item-tooltip .item-tooltip-v2-image img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  height: 100%;
  display: block;
}
.article-configurator .configurator-body .item-tooltip-v2 .item-tooltip-v2-text, .article-configurator .configurator-body .item-tooltip-v2 .tooltip-text, .article-configurator .configurator-body .item-tooltip .item-tooltip-v2-text, .article-configurator .configurator-body .item-tooltip .tooltip-text {
  padding: 16px;
  box-sizing: border-box;
  display: block;
}
.article-configurator .configurator-body .item-tooltip-v2 .item-tooltip-v2-text h1, .article-configurator .configurator-body .item-tooltip-v2 .tooltip-text h1, .article-configurator .configurator-body .item-tooltip .item-tooltip-v2-text h1, .article-configurator .configurator-body .item-tooltip .tooltip-text h1 {
  font-weight: bold;
  margin-bottom: 16px;
  font-size: 25px;
  line-height: 120%;
}
.article-configurator .configurator-body .item-tooltip-v2 .item-tooltip-v2-text ul, .article-configurator .configurator-body .item-tooltip-v2 .tooltip-text ul, .article-configurator .configurator-body .item-tooltip .item-tooltip-v2-text ul, .article-configurator .configurator-body .item-tooltip .tooltip-text ul {
  list-style: disc;
  margin-left: 24px;
}
.article-configurator .configurator-body .item-tooltip-v2 .item-tooltip-v2-text ul li, .article-configurator .configurator-body .item-tooltip-v2 .tooltip-text ul li, .article-configurator .configurator-body .item-tooltip .item-tooltip-v2-text ul li, .article-configurator .configurator-body .item-tooltip .tooltip-text ul li {
  font-size: 14px;
}
.article-configurator .configurator-body .item-tooltip-v2 .item-tooltip-v2-text ul li a, .article-configurator .configurator-body .item-tooltip-v2 .tooltip-text ul li a, .article-configurator .configurator-body .item-tooltip .item-tooltip-v2-text ul li a, .article-configurator .configurator-body .item-tooltip .tooltip-text ul li a {
  text-decoration: underline;
  color: -webkit-link;
}
.article-configurator .configurator-body .item-tooltip-v2 img, .article-configurator .configurator-body .item-tooltip img {
  width: 200px;
}
.article-configurator .configurator-body .item-tooltip-v2 p, .article-configurator .configurator-body .item-tooltip p {
  font-size: 14px;
  margin: 0 0 9px;
}
.article-configurator .configurator-body .item-tooltip-v2 p a, .article-configurator .configurator-body .item-tooltip p a {
  text-decoration: underline;
}
.article-configurator .configurator-body .item-tooltip-v2 .tooltip-image, .article-configurator .configurator-body .item-tooltip .tooltip-image {
  margin-right: 8px;
}
.article-configurator .configurator-body .item-tooltip-v2 .tooltip-image.no-tooltip-text, .article-configurator .configurator-body .item-tooltip .tooltip-image.no-tooltip-text {
  margin-right: 0;
}
.article-configurator .configurator-body .item-tooltip-v2 .tooltip-text, .article-configurator .configurator-body .item-tooltip .tooltip-text {
  line-height: 1.5;
  width: 296px;
}
.article-configurator .configurator-body .item-tooltip-v2 .tooltip-text h1, .article-configurator .configurator-body .item-tooltip .tooltip-text h1 {
  font-family: SourceSansPro-Light, sans-serif;
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 13px;
}
.article-configurator .configurator-body .item-tooltip-v2 .tooltip-text ul, .article-configurator .configurator-body .item-tooltip .tooltip-text ul {
  margin: 0 1.5em 1.5em 0;
  padding-left: 2.5em;
  list-style-type: square;
}
.article-configurator .configurator-body .configurator-group-mobile {
  margin-bottom: 0;
  border-bottom: 1px solid #CBCACA;
  padding: 0;
  gap: 0;
}
.article-configurator .configurator-body .configurator-group-mobile.open {
  border-bottom: none;
}
.article-configurator .configurator-body .configurator-group-mobile .configurator-group-mobile-header {
  height: 52px;
  margin: 0;
  padding: 4px 0 6px;
  align-items: center;
}
.article-configurator .configurator-body .configurator-group-mobile .configurator-group-mobile-header.open {
  height: 38px;
}
.article-configurator .configurator-body .configurator-group-mobile .configurator-group-mobile-header > div:first-child {
  flex: 1;
}
.article-configurator .configurator-body .configurator-group-mobile .configurator-group-mobile-header > div:last-child {
  flex: 0;
  overflow: visible;
  height: 20px;
  padding: 0;
}
.article-configurator .configurator-body .configurator-group-mobile .configurator-group-mobile-header .configurator-preselection {
  line-height: 20px;
}
.article-configurator .configurator-body .configurator-group-mobile .configurator-group-mobile-header .rc-icon {
  width: 20px;
  height: 20px;
  padding-left: 0;
  margin-right: 8px;
}
.article-configurator .configurator-body .configurator-group-mobile .configurator-group-mobile-header .rc-icon:hover:before {
  color: #6e6e6e;
}
.article-configurator .configurator-body .configurator-group-mobile:last-child {
  border-bottom: none;
}
.article-configurator .configurator-body .configurator-group-mobile .configurator-tab-buttons button {
  background-color: #efefef;
}
.article-configurator .configurator-body .configurator-group-mobile .configurator-tab-buttons button.btn-action {
  background-color: #3669c4;
  color: #FFFFFF;
}
.article-configurator .configurator-body .configurator-group-mobile .configurator-tab-buttons button .btn-label {
  text-transform: none;
}
.article-configurator .configurator-body .configurator-group-mobile .radio-item .info > .label {
  font-size: 15px;
}
.article-configurator .configurator-body .configurator-group-mobile .radio-item.no-image {
  padding: 7px;
  margin: 0;
  border-top: 1px solid #CBCACA;
}
.article-configurator .configurator-body .configurator-group-mobile .radio-item.no-image:first-child {
  border-top: none;
}
.article-configurator .configurator-body .configurator-group-mobile .radio-item.no-image .price {
  line-height: unset;
}
.article-configurator .configurator-body .configurator-group-mobile .radio-item.no-image .radio-text-container {
  margin: 0;
}
.article-configurator .configurator-body .configurator-group-mobile .radio-item.no-image.mobile {
  padding: 16px 0;
}
.article-configurator .configurator-body .configurator-group-mobile .radio-item .configurator-group-mobile-items.product-info > * {
  padding: 8px 0;
  font-size: 14px;
}
.article-configurator .configurator-body .configurator-group-mobile .radio-item h1 {
  font-size: 16px;
  font-weight: bold;
}
.article-configurator .configurator-body .configurator-group-mobile .radio-item ul {
  padding: 8px 0 8px 24px;
  list-style-type: disc;
}
.article-configurator .configurator-body .configurator-group-mobile .radio-item .configurator-group-child-label {
  margin-bottom: 8px;
  color: inherit;
}
.article-configurator .configurator-body .configurator-group-mobile .radio-item.open {
  border-bottom: none;
}
.article-configurator .configurator-body .configurator-group-mobile .showAllLink > .sgw-icon {
  top: -4px;
  left: -4px;
}
.article-configurator .configurator-body .configurator-group-mobile .showAllLink > .sgw-icon:before {
  width: 12px;
  height: 12px;
  font-size: 12px;
  line-height: 12px;
  color: #3669c4;
}
.article-configurator .configurator-name {
  font-size: 26px;
  line-height: 32px;
  margin-bottom: 16px;
  font-family: SourceSansPro-Light, sans-serif;
}
.article-configurator .configurator-group {
  font-size: 12px;
  margin-bottom: 16px;
  position: relative;
}
.article-configurator .configurator-group > div {
  display: flex;
  flex-wrap: wrap;
}
.article-configurator .configurator-group .configurator-group-name {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 4px;
}
.article-configurator .configurator-group .configurator-group-description {
  margin-bottom: 8px;
  width: 100%;
}
.article-configurator .configurator-group .configurator-slider {
  padding-right: 16px;
  box-sizing: border-box;
}
.article-configurator .configurator-group .configurator-slider .rc-slider {
  width: 100%;
}
.article-configurator .configurator-group .configurator-group-dropdown .rc-select {
  width: 100%;
  margin-right: 16px;
}
.article-configurator .configurator-group .configurator-group-dropdown .rc-select .selected-option-label {
  font-weight: bold;
  padding-left: 4px;
  font-size: 12px;
}
.article-configurator .configurator-group .configurator-group-dropdown .rc-select .select-options-list .select-options-item {
  padding: 2px 4px;
  font-size: 12px;
}
.article-configurator .configurator-group .configurator-group-dropdown .rc-select .select-options-list .select-options-item .option-text + .option-text {
  color: #868686;
}
.article-configurator .configurator-group .configurator-group-dropdown .rc-select .select-options-list .select-options-item.focusin {
  font-weight: bold;
}
.article-configurator .configurator-group .configurator-group-child-label {
  flex: 0 0 100%;
  margin-bottom: 2px;
  margin-top: 4px;
  font-size: 12px;
  color: #868686;
}
.article-configurator .configurator-group .radio-item, .article-configurator .configurator-group .checkbox-item {
  flex: 0 0 50%;
  max-width: 50%;
  display: block;
  align-items: flex-start;
  cursor: pointer;
  box-sizing: border-box;
  padding-right: 16px;
  flex-direction: column;
}
.article-configurator .configurator-group .radio-item.no-image, .article-configurator .configurator-group .checkbox-item.no-image {
  margin-bottom: 4px;
}
.article-configurator .configurator-group .radio-item.disabled, .article-configurator .configurator-group .checkbox-item.disabled {
  opacity: 0.5;
}
.article-configurator .configurator-group .radio-item .configurator-individual, .article-configurator .configurator-group .checkbox-item .configurator-individual {
  display: flex;
  flex-wrap: wrap;
  margin-left: 17px;
}
.article-configurator .configurator-group .radio-item .configurator-individual.disabled, .article-configurator .configurator-group .checkbox-item .configurator-individual.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.article-configurator .configurator-group .radio-item .configurator-individual .prompt-label, .article-configurator .configurator-group .checkbox-item .configurator-individual .prompt-label {
  padding: 0;
}
.article-configurator .configurator-group .radio-item .configurator-individual .btn-simple.btn-default, .article-configurator .configurator-group .checkbox-item .configurator-individual .btn-simple.btn-default {
  padding: 3px 8px;
  height: unset;
}
.article-configurator .configurator-group .radio-item .configurator-individual .btn-simple.btn-default.show-button, .article-configurator .configurator-group .checkbox-item .configurator-individual .btn-simple.btn-default.show-button {
  display: inline-block;
}
.article-configurator .configurator-group .radio-item .configurator-individual .rc-input .rc-input-wrapper, .article-configurator .configurator-group .checkbox-item .configurator-individual .rc-input .rc-input-wrapper {
  padding-left: unset;
}
.article-configurator .configurator-group .radio-item .configurator-individual .configurator-individual-item, .article-configurator .configurator-group .checkbox-item .configurator-individual .configurator-individual-item {
  margin-right: 4px;
}
.article-configurator .configurator-group .radio-item .configurator-individual .configurator-individual-item.label-item, .article-configurator .configurator-group .checkbox-item .configurator-individual .configurator-individual-item.label-item {
  width: 100%;
}
.article-configurator .configurator-group .radio-item .configurator-individual .configurator-individual-item.label-item .configurator-group-child-label, .article-configurator .configurator-group .checkbox-item .configurator-individual .configurator-individual-item.label-item .configurator-group-child-label {
  margin: 0;
}
.article-configurator .configurator-group .radio-item .radio-text-container, .article-configurator .configurator-group .radio-item .checkbox-item-container, .article-configurator .configurator-group .checkbox-item .radio-text-container, .article-configurator .configurator-group .checkbox-item .checkbox-item-container {
  display: flex;
  align-items: center;
  flex: 0 0 100%;
}
.article-configurator .configurator-group .radio-item .radio-text-container .info, .article-configurator .configurator-group .radio-item .checkbox-item-container .info, .article-configurator .configurator-group .checkbox-item .radio-text-container .info, .article-configurator .configurator-group .checkbox-item .checkbox-item-container .info {
  flex: 1;
  overflow: hidden;
}
.article-configurator .configurator-group .radio-item .checkbox-item-container .info, .article-configurator .configurator-group .checkbox-item .checkbox-item-container .info {
  display: flex;
  justify-content: flex-end;
}
.article-configurator .configurator-group .radio-item span.radio-button, .article-configurator .configurator-group .checkbox-item span.radio-button {
  flex: 0 0 12px;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  border: 1px solid #C2C2C2;
  margin-right: 4px;
  position: relative;
}
.article-configurator .configurator-group .radio-item .radio-edit-button button, .article-configurator .configurator-group .checkbox-item .radio-edit-button button {
  padding-left: 8px;
  padding-right: 16px;
}

.configurator-group .radio-item:not(.disabled):hover span.radio-button, .configurator-group-mobile .radio-item:not(.disabled):hover span.radio-button {
  border-color: #3669C4;
}
.configurator-group .radio-item.selected:hover span.radio-button:before, .configurator-group-mobile .radio-item.selected:hover span.radio-button:before {
  background: #3669C4;
}
.configurator-group .radio-item, .configurator-group-mobile .radio-item {
  padding: 4px;
}
.configurator-group .radio-item.mobile, .configurator-group-mobile .radio-item.mobile {
  padding: 8px;
}
.configurator-group .radio-item span.radio-button:not(.redesign), .configurator-group-mobile .radio-item span.radio-button:not(.redesign) {
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  border: 1px solid #C2C2C2;
  margin-right: 4px;
  position: relative;
}
.configurator-group .radio-item.selected span.radio-button:not(.redesign):before, .configurator-group-mobile .radio-item.selected span.radio-button:not(.redesign):before {
  border-radius: 100%;
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  left: 4px;
  top: 4px;
  background: #3776B2;
}
.configurator-group .radio-item .radio-item-img.image-mode-default, .configurator-group-mobile .radio-item .radio-item-img.image-mode-default {
  height: 38px;
}
.configurator-group .radio-item .radio-item-img.image-mode-default img, .configurator-group-mobile .radio-item .radio-item-img.image-mode-default img {
  width: 36px;
  height: 36px;
}
.configurator-group .radio-item .radio-item-img.image-mode-wide, .configurator-group-mobile .radio-item .radio-item-img.image-mode-wide {
  height: 38px;
}
.configurator-group .radio-item .radio-item-img.image-mode-wide img, .configurator-group-mobile .radio-item .radio-item-img.image-mode-wide img {
  width: 72px;
  height: 36px;
}
.configurator-group .radio-item .radio-item-img.image-mode-big, .configurator-group-mobile .radio-item .radio-item-img.image-mode-big {
  height: 54px;
}
.configurator-group .radio-item .radio-item-img.image-mode-big img, .configurator-group-mobile .radio-item .radio-item-img.image-mode-big img {
  width: 72px;
  height: 54px;
}

.configurator-group .radio-item .radio-item-img {
  margin-right: 4px;
  display: block;
  padding-bottom: 2px;
}
.configurator-group .radio-item .radio-item-img img {
  width: 34px;
  height: 34px;
}
.configurator-group .radio-item .radio-item-img.img-below {
  padding-left: 16px;
}
.configurator-group .radio-item .radio-item-img.img-below img {
  width: 90px;
  height: 45px;
}

.configurator-group .radio-item.no-image .info {
  display: flex;
  flex: auto;
}

.configurator-group .radio-item .info .label {
  color: #000000;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  line-height: 16px;
}

.configurator-group .radio-item .rc-input {
  width: 45px;
  height: 25px;
  min-width: unset;
}
.configurator-group .radio-item .rc-input .rc-input-wrapper {
  padding-left: unset;
}
.configurator-group .radio-item .rc-input .btn-simple.btn-icon:hover {
  background-color: #d8d8d8;
}
.configurator-group .radio-item .rc-input input {
  padding: 2px 0 2px 4px;
  font-family: "source_sans_pro";
  font-size: 14px;
  width: calc(45px - 16px);
}
.configurator-group .radio-item .rc-input .numeric-buttons {
  height: calc(25px - 1px);
  width: 50%;
}
.configurator-group .radio-item .rc-input .numeric-buttons > * {
  height: 50%;
  width: 100%;
}
.configurator-group .radio-item .rc-input .numeric-buttons > * .sgw-icon {
  height: calc((25px - 2px) / 2);
  width: 16px;
  overflow: hidden;
}
.configurator-group .radio-item .rc-input .numeric-buttons > * .sgw-icon:before {
  width: unset;
  height: unset;
  font-size: 18px;
  line-height: 18px;
}
.configurator-group .radio-item .rc-input .numeric-buttons > * .sgw-icon:hover:before {
  color: #3669C4;
}
.configurator-group .radio-item .rc-multi-accept-input {
  flex-wrap: nowrap;
}
.configurator-group .radio-item .rc-multi-accept-input form > * {
  margin-right: 4px;
}
.configurator-group .radio-item .radio-quantity {
  display: block;
  margin-left: 18px;
  cursor: default;
  pointer-events: all;
}

.configurator-group .radio-item .info .price, .configurator-group-mobile .radio-item .info .price {
  color: #868686;
  white-space: nowrap;
}
.configurator-group .radio-item .info .price.reduced, .configurator-group-mobile .radio-item .info .price.reduced {
  color: #D7032C;
}
.configurator-group .radio-item .info .price.original, .configurator-group-mobile .radio-item .info .price.original {
  text-decoration: line-through;
  color: #868686;
  padding-right: 4px;
}
.configurator-group .radio-item .info .price-wrapper, .configurator-group-mobile .radio-item .info .price-wrapper {
  display: flex;
  flex: auto;
  flex-wrap: nowrap;
}
.configurator-group .radio-item .info .price-wrapper > div, .configurator-group-mobile .radio-item .info .price-wrapper > div {
  display: inline-block;
}
.configurator-group .radio-item.selected .info .label, .configurator-group-mobile .radio-item.selected .info .label {
  font-weight: bold;
}
.configurator-group .radio-item.no-image .info .label, .configurator-group-mobile .radio-item.no-image .info .label {
  margin-bottom: 0;
}
.configurator-group .radio-item.no-image .info .price, .configurator-group-mobile .radio-item.no-image .info .price {
  flex: auto;
  text-align: right;
  line-height: 16px;
}

.configurator-group .showAllLink {
  line-height: 1.5;
  padding-left: 19px;
  margin-top: 4px;
  flex: 0 0 100%;
  position: relative;
  display: block;
}
.configurator-group .showAllLink > div {
  color: #3669C4;
  cursor: pointer;
  display: inline-block;
  text-decoration: underline;
}
.configurator-group .showAllLink.arrow_up:before {
  left: -13px;
  top: 0;
}
.configurator-group .showAllLink:before {
  top: -2px;
  left: -11px;
  font-size: 36px;
  overflow: hidden;
  color: #3669C4;
  text-decoration: none;
  border-style: none;
  width: 40px;
}

.configurator-group .configurator-warning-label {
  color: #d7032c;
  font-weight: bold;
  margin-top: 16px;
  font-size: 14px;
}

.configurator-group-dropdown .rc-select {
  width: 100%;
}

.configurator-group .radio-item.individual, .configurator-group .configurator-warning-label, .configurator-group .showAllLink {
  order: 3;
}

.configurator-group-dropdown .rc-select .selected-option {
  height: 24px;
  padding-left: 0;
}
.configurator-group-dropdown .rc-select .selected-option .selected-option-label {
  font-size: 12px;
  align-self: center;
}

.configurator-group-dropdown .rc-select .select-options-list .select-options-item {
  padding: 2px 4px 2px 8px;
  font-size: 12px;
}

.configurator-group-dropdown .rc-select .select-options-list .select-options-item:last-child {
  margin-bottom: 0;
}

@media (max-width: 1024px) {
  #configurator {
    flex: 1 0 auto;
    max-width: 100%;
  }
  .article-configurator .configurator-group .radio-item {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .configurator-group .radio-item:nth-child(odd), .configurator-group .revert-sort-order .radio-item:nth-child(even) {
    order: 1;
  }
  .configurator-group .radio-item:nth-child(even), .configurator-group .revert-sort-order .radio-item:nth-child(odd) {
    order: 2;
  }
  .configurator-group .radio-item.individual, .configurator-group .configurator-warning-label, .configurator-group .showAllLink {
    order: 3;
  }
  .configurator-body .item-tooltip {
    display: none;
  }
}
@media (max-width: 600px) and (max-width: 600px) {
  .configurator-group .radio-item, .configurator-group .revert-sort-order .radio-item {
    order: 1 !important;
  }
}
.article-configurator-content.mobile-phone .content-text {
  flex-direction: column;
}
#ConfiguratorDetailsDialog.rc-mobile-view {
  z-index: 20000;
}
#ConfiguratorDetailsDialog.configurator-details-dialog .rc-dialog-wrapper .rc-dialog-content {
  padding: 16px 0;
}
#ConfiguratorDetailsDialog.configurator-details-dialog .rc-dialog-wrapper .rc-dialog-content .dialog-control {
  margin-left: 0;
}
#ConfiguratorDetailsDialog.configurator-details-dialog .rc-dialog-wrapper .rc-dialog-content .article-configurator-page {
  background-color: #FFFFFF;
}
#ConfiguratorDetailsDialog.configurator-details-dialog .rc-dialog-wrapper .rc-dialog-content .article-configurator-page.article-configurator-old-content {
  margin: unset;
}
#ConfiguratorDetailsDialog.configurator-details-dialog .rc-dialog-wrapper .rc-dialog-content .article-configurator-page.article-configurator-old-content .article-configurator-content {
  margin: unset;
}
#ConfiguratorDetailsDialog .website-promotion-banner {
  max-width: 100% !important;
}
#ConfiguratorDetailsDialog .website-promotion-banner .banner-area {
  max-width: 1200px;
  display: flex;
  position: relative;
  flex-wrap: wrap;
  margin: 0 auto;
  background-color: #FFFFFF;
  color: #000;
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.16);
}
#ConfiguratorDetailsDialog .website-promotion-banner .banner-area .slider-images {
  align-items: flex-end;
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden;
  position: relative;
}
#ConfiguratorDetailsDialog .website-promotion-banner .banner-area .slider-images .image {
  transition: transform 0.4s ease, background 0.4s ease;
  flex: 0 0 100%;
  max-width: 100%;
}
#ConfiguratorDetailsDialog .website-promotion-banner .banner-area .slider-images .image .picture {
  height: auto;
  width: 100%;
  display: block;
  position: relative;
  text-align: center;
  overflow: hidden;
}
#ConfiguratorDetailsDialog .website-promotion-banner .banner-area .slider-images .dotted-nav {
  display: flex;
  background-color: transparent;
  flex-wrap: nowrap;
  padding: 16px;
  justify-content: center;
  color: #FFF;
  max-width: 100%;
  flex: 0 0 50%;
  position: absolute;
  top: auto;
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%);
}

.mobile-configurator-content > div {
  display: flex;
  flex-direction: column;
  padding-bottom: 0;
  flex: auto;
}
.mobile-configurator-content > div .mobile-configurator-preview .article-configurator-content .content-image {
  display: flex;
  justify-content: center;
  align-items: center;
}
.mobile-configurator-content > div .mobile-configurator-preview .article-configurator-content .content-image .website-promotion-banner {
  max-width: 100% !important;
}
.mobile-configurator-content > div .mobile-configurator-preview .article-configurator-content .content-image .website-promotion-banner .banner-area {
  flex-direction: column;
  display: flex;
  position: relative;
  flex-wrap: wrap;
  background-color: #FFFFFF;
  color: #000;
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.16);
}
.mobile-configurator-content > div .mobile-configurator-preview .article-configurator-content .content-image .website-promotion-banner .banner-area .slider-images {
  flex: 0 0 100%;
  width: 100%;
  align-items: flex-end;
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden;
  position: relative;
}
.mobile-configurator-content > div .mobile-configurator-preview .article-configurator-content .content-image .website-promotion-banner .banner-area .slider-images .image {
  transition: transform 0.4s ease, background 0.4s ease;
  flex: 0 0 100%;
  max-width: 100%;
}
.mobile-configurator-content > div .mobile-configurator-preview .article-configurator-content .content-image .website-promotion-banner .banner-area .slider-images .image > picture {
  padding-bottom: unset;
  height: auto;
  width: 100%;
  display: block;
  position: relative;
  text-align: center;
  overflow: hidden;
}
.mobile-configurator-content > div .mobile-configurator-preview .article-configurator-content .content-text .rc-icon.sgw-icon.delivery {
  display: none;
}

#BulkOrdererMobileSelectionDialog .radio-item:not(.no-image) {
  height: 72px;
}
#BulkOrdererMobileSelectionDialog .radio-item.no-image {
  margin: unset;
}

main.single-page.redesign .article-configurator.article-configurator-mobile.redesign.phone .configurator-body .configurator-group-mobile-items.side-by-side > div:not(.configurator-group-child-label) {
  display: flex;
  flex-direction: row;
  gap: 32px;
}
main.single-page.redesign .article-configurator.article-configurator-mobile.redesign.phone .configurator-body .configurator-group-mobile-items.side-by-side > div:not(.configurator-group-child-label) .radio-item {
  flex: unset;
}
main.single-page.redesign .article-configurator.article-configurator-mobile.redesign.phone .configurator-body .configurator-group-mobile-items:not(.side-by-side) > div:not(.configurator-group-child-label) {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
main.single-page.redesign .article-configurator.article-configurator-mobile.redesign.phone .configurator-body .configurator-group-mobile-items .radio-item {
  min-height: 44px;
  height: 44px;
  margin: unset;
}

.article-configurator.article-configurator-mobile {
  background: unset;
  flex: auto;
  max-width: unset;
  padding: 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.article-configurator.article-configurator-mobile .configurator-name {
  display: none;
}
.article-configurator.article-configurator-mobile > div {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: unset;
}
.article-configurator .configurator-group-mobile {
  margin-bottom: 8px;
  background: #ffffff;
  padding: 0 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.article-configurator .configurator-group-mobile:last-child {
  margin-bottom: 0;
}
.article-configurator .configurator-group-mobile .rc-tabcontrol {
  margin-bottom: 16px;
}
.article-configurator .configurator-group-mobile .rc-tabcontrol .rc-tabcontrol-tab {
  font-size: 14px;
}
.article-configurator .configurator-group-mobile .configurator-group-mobile-header {
  display: flex;
  flex-wrap: nowrap;
  margin-left: -16px;
  margin-right: -16px;
  padding: 8px 0;
}
.article-configurator .configurator-group-mobile .configurator-group-mobile-header > div {
  flex: 0 0 32px;
  cursor: pointer;
}
.article-configurator .configurator-group-mobile .configurator-group-mobile-header > div:last-child {
  display: block;
  flex: 1;
  padding: 5px 4px 0;
  overflow: hidden;
}
.article-configurator .configurator-group-mobile .configurator-group-mobile-header .expand-link {
  font-size: 14px;
  margin-right: 16px;
  color: #3669C4;
}
.article-configurator .configurator-group-mobile .configurator-group-mobile-header .rc-icon.sgw-icon.next:before {
  top: 0;
  left: 18px;
}
.article-configurator .configurator-group-mobile .configurator-group-mobile-header .rc-icon.sgw-icon.arrow_down2:before {
  left: 20px;
  top: 0;
}
.article-configurator .configurator-group-mobile .configurator-group-mobile-items .radio-item.no-image.mobile {
  padding: 16px 0;
}
.article-configurator .configurator-group-mobile .configurator-group-mobile-items.product-info h1 {
  font-family: inherit;
  font-size: 16px;
  font-weight: 600;
  padding-bottom: unset;
  line-height: 20px;
  margin-bottom: 11px;
}
.article-configurator .configurator-group-mobile .configurator-group-mobile-items.product-info ul {
  list-style: disc;
  padding-left: 8px;
  margin: 16px 0 16px 16px;
}
.article-configurator .configurator-group-mobile .configurator-group-mobile-items.side-by-side {
  padding-bottom: 0;
}
.article-configurator .configurator-group-mobile .configurator-group-mobile-items.side-by-side > div {
  display: flex;
  flex-wrap: wrap;
}
.article-configurator .configurator-group-mobile .configurator-group-mobile-items.side-by-side > div > .radio-item {
  flex: 0 0 50%;
}
.article-configurator .configurator-group-mobile .configurator-group-mobile-items.side-by-side > div > .radio-item.no-image {
  border-top: none;
  margin-top: unset;
}
.article-configurator .configurator-group-mobile .configurator-group-mobile-items .configurator-slider {
  display: flex;
}
.article-configurator .configurator-group-mobile .configurator-group-mobile-items .configurator-slider .rc-input {
  min-width: unset;
  width: 80px;
  margin-left: 16px;
  align-self: end;
}
.article-configurator .configurator-group-mobile .configurator-image-upload-section .upload-section-caption {
  margin-bottom: 16px;
}
.article-configurator .configurator-group-mobile .configurator-image-upload-section .rc-file-upload {
  width: 100%;
}
.article-configurator .configurator-group-mobile .configurator-image-upload-section .rc-file-upload button {
  width: 100%;
}
.article-configurator .configurator-group-mobile .configurator-tab-buttons {
  display: flex;
  flex-wrap: wrap;
}
.article-configurator .configurator-group-mobile .configurator-tab-buttons > button {
  border-radius: 8px;
  padding: 8px;
  margin: 0 8px 8px 0;
}
.article-configurator .configurator-group-mobile .configurator-group-name {
  font-weight: bold;
  white-space: nowrap;
}
.article-configurator .configurator-group-mobile .configurator-preselection {
  font-size: 14px;
  display: flex;
  justify-content: space-between;
}
.article-configurator .configurator-group-mobile .configurator-preselection > div:first-child {
  /*overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  display: block;*/
  display: -webkit-box;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.article-configurator .configurator-group-mobile .configurator-group-child-label {
  flex: 0 0 100%;
  margin-bottom: 8px;
  margin-top: 4px;
  font-size: 14px;
  color: #868686;
}
.article-configurator .configurator-group-mobile .configurator-group-description {
  margin-bottom: 8px;
  font-size: 14px;
}
.article-configurator .configurator-group-mobile .configurator-warning-label {
  color: #d9052f;
  font-weight: bold;
  margin-top: 16px;
  font-size: 14px;
}
.article-configurator .configurator-group-mobile .radio-item, .article-configurator .configurator-group-mobile .checkbox-item {
  pointer-events: bounding-box;
  flex: 1;
  display: block;
  align-items: flex-start;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  flex-direction: column;
  margin-bottom: 4px;
  border: 2px solid #efefef;
  font-size: 14px;
  min-height: 42px;
}
.article-configurator .configurator-group-mobile .radio-item .btn-icon.btn-icon-only, .article-configurator .configurator-group-mobile .checkbox-item .btn-icon.btn-icon-only {
  height: unset;
  width: unset;
}
.article-configurator .configurator-group-mobile .radio-item.selected, .article-configurator .configurator-group-mobile .checkbox-item.selected {
  border-color: #3669c4;
}
.article-configurator .configurator-group-mobile .radio-item.selected .radio-item-img, .article-configurator .configurator-group-mobile .checkbox-item.selected .radio-item-img {
  position: relative;
}
.article-configurator .configurator-group-mobile .radio-item.selected .radio-item-img .rc-icon.sgw-icon, .article-configurator .configurator-group-mobile .checkbox-item.selected .radio-item-img .rc-icon.sgw-icon {
  position: absolute;
  padding: unset;
  top: 50%;
  left: 50%;
  width: 24px;
  height: 24px;
  transform: translate(-50%, -50%);
  background: #3669c4;
  border-radius: 50%;
}
.article-configurator .configurator-group-mobile .radio-item.selected .radio-item-img .rc-icon.sgw-icon:before, .article-configurator .configurator-group-mobile .checkbox-item.selected .radio-item-img .rc-icon.sgw-icon:before {
  color: #ffffff;
}
.article-configurator .configurator-group-mobile .radio-item .radio-quantity, .article-configurator .configurator-group-mobile .checkbox-item .radio-quantity {
  width: 50%;
  padding-left: 24px;
  margin-top: 8px;
  box-sizing: border-box;
}
.article-configurator .configurator-group-mobile .radio-item .radio-quantity .rc-component.rc-input, .article-configurator .configurator-group-mobile .checkbox-item .radio-quantity .rc-component.rc-input {
  width: 100%;
}
.article-configurator .configurator-group-mobile .radio-item .radio-quantity .rc-component.rc-input .rc-input-wrapper, .article-configurator .configurator-group-mobile .checkbox-item .radio-quantity .rc-component.rc-input .rc-input-wrapper {
  padding: 0 8px;
}
.article-configurator .configurator-group-mobile .radio-item .info, .article-configurator .configurator-group-mobile .checkbox-item .info {
  display: flex;
  flex: 1;
  flex-direction: column;
  margin-left: 8px;
}
.article-configurator .configurator-group-mobile .radio-item .info .price-wrapper, .article-configurator .configurator-group-mobile .checkbox-item .info .price-wrapper {
  flex: unset;
}
.article-configurator .configurator-group-mobile .radio-item.no-image, .article-configurator .configurator-group-mobile .checkbox-item.no-image {
  margin-top: 4px;
  border: none;
  border-top: 2px solid #efefef;
  line-height: 24px;
  min-height: unset;
}
.article-configurator .configurator-group-mobile .radio-item.no-image:first-child, .article-configurator .configurator-group-mobile .checkbox-item.no-image:first-child {
  border-top: none;
  margin-top: unset;
}
.article-configurator .configurator-group-mobile .radio-item.no-image .info, .article-configurator .configurator-group-mobile .checkbox-item.no-image .info {
  display: flex;
  flex: 1;
  flex-direction: row;
  justify-content: space-between;
  margin-left: 8px;
}
.article-configurator .configurator-group-mobile .radio-item.no-image .radio-text-container, .article-configurator .configurator-group-mobile .checkbox-item.no-image .radio-text-container {
  margin: 4px;
}
.article-configurator .configurator-group-mobile .radio-item.disabled, .article-configurator .configurator-group-mobile .checkbox-item.disabled {
  opacity: 0.5;
}
.article-configurator .configurator-group-mobile .radio-item .configurator-individual, .article-configurator .configurator-group-mobile .checkbox-item .configurator-individual {
  display: flex;
  flex-flow: wrap;
  margin-left: 17px;
}
.article-configurator .configurator-group-mobile .radio-item .configurator-individual.disabled, .article-configurator .configurator-group-mobile .checkbox-item .configurator-individual.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.article-configurator .configurator-group-mobile .radio-item .configurator-individual .prompt-label, .article-configurator .configurator-group-mobile .checkbox-item .configurator-individual .prompt-label {
  padding: 0;
}
.article-configurator .configurator-group-mobile .radio-item .configurator-individual .btn-simple.btn-default, .article-configurator .configurator-group-mobile .checkbox-item .configurator-individual .btn-simple.btn-default {
  padding: 3px 8px;
  height: 36px;
}
.article-configurator .configurator-group-mobile .radio-item .configurator-individual .btn-simple.btn-default.show-button, .article-configurator .configurator-group-mobile .checkbox-item .configurator-individual .btn-simple.btn-default.show-button {
  display: inline-block;
}
.article-configurator .configurator-group-mobile .radio-item .configurator-individual .configurator-individual-item, .article-configurator .configurator-group-mobile .checkbox-item .configurator-individual .configurator-individual-item {
  margin-right: 4px;
}
.article-configurator .configurator-group-mobile .radio-item .configurator-individual .configurator-individual-item.label-item, .article-configurator .configurator-group-mobile .checkbox-item .configurator-individual .configurator-individual-item.label-item {
  width: 100%;
}
.article-configurator .configurator-group-mobile .radio-item .configurator-individual .configurator-individual-item.label-item .configurator-group-child-label, .article-configurator .configurator-group-mobile .checkbox-item .configurator-individual .configurator-individual-item.label-item .configurator-group-child-label {
  margin: 0;
}
.article-configurator .configurator-group-mobile .radio-item .configurator-individual .configurator-individual-item.label-item .rc-multi-accept-input form, .article-configurator .configurator-group-mobile .checkbox-item .configurator-individual .configurator-individual-item.label-item .rc-multi-accept-input form {
  flex-direction: row;
  flex-wrap: nowrap;
}
.article-configurator .configurator-group-mobile .radio-item .configurator-individual .configurator-individual-item.label-item .rc-multi-accept-input form button.btn-redesign, .article-configurator .configurator-group-mobile .checkbox-item .configurator-individual .configurator-individual-item.label-item .rc-multi-accept-input form button.btn-redesign {
  border: 1px solid #525252;
  padding: 3px 16px;
}
.article-configurator .configurator-group-mobile .radio-item .configurator-individual .configurator-individual-item .rc-input, .article-configurator .configurator-group-mobile .checkbox-item .configurator-individual .configurator-individual-item .rc-input {
  min-width: unset;
  height: 36px;
}
.article-configurator .configurator-group-mobile .radio-item .configurator-individual .configurator-individual-item .rc-input button, .article-configurator .configurator-group-mobile .checkbox-item .configurator-individual .configurator-individual-item .rc-input button {
  display: none;
}
.article-configurator .configurator-group-mobile .radio-item .configurator-individual .configurator-individual-item .rc-input .rc-input-wrapper, .article-configurator .configurator-group-mobile .checkbox-item .configurator-individual .configurator-individual-item .rc-input .rc-input-wrapper {
  height: 100%;
  box-sizing: border-box;
  padding: 0;
}
.article-configurator .configurator-group-mobile .radio-item .configurator-individual .configurator-individual-item .rc-input .rc-input-wrapper input, .article-configurator .configurator-group-mobile .checkbox-item .configurator-individual .configurator-individual-item .rc-input .rc-input-wrapper input {
  font-size: 16px;
  padding-left: 8px;
  text-align: left;
}
.article-configurator .configurator-group-mobile .radio-item .configurator-individual .configurator-individual-item .rc-input .numeric-buttons, .article-configurator .configurator-group-mobile .checkbox-item .configurator-individual .configurator-individual-item .rc-input .numeric-buttons {
  display: none;
}
.article-configurator .configurator-group-mobile .radio-item .configurator-individual .configurator-individual-item .rc-error-label, .article-configurator .configurator-group-mobile .checkbox-item .configurator-individual .configurator-individual-item .rc-error-label {
  min-width: unset;
  white-space: nowrap;
}
.article-configurator .configurator-group-mobile .radio-item .radio-text-container, .article-configurator .configurator-group-mobile .radio-item .checkbox-item-container, .article-configurator .configurator-group-mobile .checkbox-item .radio-text-container, .article-configurator .configurator-group-mobile .checkbox-item .checkbox-item-container {
  display: flex;
  align-items: center;
  flex: auto;
  width: 100%;
}
.article-configurator .configurator-group-mobile .radio-item.mobile .radio-item-img.image-mode-big {
  height: 56px;
}
.article-configurator .configurator-group-mobile .radio-item.mobile .radio-item-img.image-mode-big img {
  width: 72px;
  height: 54px;
}
.article-configurator .configurator-group-mobile .showAllLink {
  font-size: 14px;
  margin: 16px 0 12px;
  flex: 0 0 100%;
  position: relative;
  display: block;
}
.article-configurator .configurator-group-mobile .showAllLink > div {
  color: #3669C4;
  display: inline-block;
  cursor: pointer;
  font-size: 13px;
}

#ConfiguratorMobileTooltip {
  display: flex;
  justify-content: center;
}
#ConfiguratorMobileTooltip .rc-alert.item-tooltip-v2-dialog .rc-dialog-wrapper {
  margin: 32px;
  width: auto;
  min-width: unset;
  min-height: calc(100% - 64px);
}
#ConfiguratorMobileTooltip .rc-alert.item-tooltip-v2-dialog .rc-dialog-wrapper .rc-alert-footer {
  padding-bottom: 16px;
  width: 100%;
}
#ConfiguratorMobileTooltip .rc-alert.item-tooltip-v2-dialog .rc-dialog-content {
  font-family: "source_sans_pro";
  padding: 0;
  /*width: 320px;
  max-width: 320px;*/
  box-shadow: 2px 2px 8px -2px rgba(0, 0, 0, 0.5);
}
#ConfiguratorMobileTooltip .rc-alert.item-tooltip-v2-dialog .rc-dialog-content .item-tooltip-v2 {
  /*transform: translate(-100%, 0px);*/
  z-index: 10;
  cursor: default;
  background-color: white;
}
#ConfiguratorMobileTooltip .rc-alert.item-tooltip-v2-dialog .rc-dialog-content .item-tooltip-v2 .item-tooltip-v2-image {
  position: relative;
  overflow: hidden;
  display: block;
  padding-bottom: 69.4444444444%;
}
#ConfiguratorMobileTooltip .rc-alert.item-tooltip-v2-dialog .rc-dialog-content .item-tooltip-v2 .item-tooltip-v2-image img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  height: 100%;
  display: block;
}
#ConfiguratorMobileTooltip .rc-alert.item-tooltip-v2-dialog .rc-dialog-content .item-tooltip-v2 .item-tooltip-v2-text {
  padding: 16px;
  box-sizing: border-box;
}
#ConfiguratorMobileTooltip .rc-alert.item-tooltip-v2-dialog .rc-dialog-content .item-tooltip-v2 .item-tooltip-v2-text h1 {
  font-weight: bold;
  font-size: 25px;
  margin-bottom: 16px;
}
#ConfiguratorMobileTooltip .rc-alert.item-tooltip-v2-dialog .rc-dialog-content .item-tooltip-v2 .item-tooltip-v2-text ul {
  list-style: disc;
  margin-left: 24px;
}
#ConfiguratorMobileTooltip .rc-alert.item-tooltip-v2-dialog .rc-dialog-content .item-tooltip-v2 .price {
  font-weight: bold;
  padding: 16px 16px 0 16px;
}

#ConfiguratorMobileTooltip.rc-alert.redesign .rc-dialog-wrapper, #ConfiguratorMobileTooltip.rc-alert.is-desktop-version .rc-dialog-wrapper, #ConfiguratorMobileTooltip.rc-alert.item-tooltip-v2-dialog.redesign .rc-dialog-wrapper, #ConfiguratorMobileTooltip.rc-alert.item-tooltip-v2-dialog.is-desktop-version .rc-dialog-wrapper {
  margin: 32px auto;
  max-width: 480px;
  min-height: calc(100vh - 64px);
  flex: unset;
}
#ConfiguratorMobileTooltip.rc-alert.redesign .rc-dialog-wrapper .rc-dialog-content, #ConfiguratorMobileTooltip.rc-alert.is-desktop-version .rc-dialog-wrapper .rc-dialog-content, #ConfiguratorMobileTooltip.rc-alert.item-tooltip-v2-dialog.redesign .rc-dialog-wrapper .rc-dialog-content, #ConfiguratorMobileTooltip.rc-alert.item-tooltip-v2-dialog.is-desktop-version .rc-dialog-wrapper .rc-dialog-content {
  border-radius: 14px;
  padding: 0;
  overflow: auto;
  max-height: calc(100vh - 64px);
}
#ConfiguratorMobileTooltip.rc-alert.redesign .rc-dialog-wrapper .rc-dialog-content .rc-alert-content, #ConfiguratorMobileTooltip.rc-alert.is-desktop-version .rc-dialog-wrapper .rc-dialog-content .rc-alert-content, #ConfiguratorMobileTooltip.rc-alert.item-tooltip-v2-dialog.redesign .rc-dialog-wrapper .rc-dialog-content .rc-alert-content, #ConfiguratorMobileTooltip.rc-alert.item-tooltip-v2-dialog.is-desktop-version .rc-dialog-wrapper .rc-dialog-content .rc-alert-content {
  margin-bottom: unset;
}
#ConfiguratorMobileTooltip.rc-alert.redesign .rc-dialog-wrapper .rc-dialog-content .rc-alert-footer, #ConfiguratorMobileTooltip.rc-alert.is-desktop-version .rc-dialog-wrapper .rc-dialog-content .rc-alert-footer, #ConfiguratorMobileTooltip.rc-alert.item-tooltip-v2-dialog.redesign .rc-dialog-wrapper .rc-dialog-content .rc-alert-footer, #ConfiguratorMobileTooltip.rc-alert.item-tooltip-v2-dialog.is-desktop-version .rc-dialog-wrapper .rc-dialog-content .rc-alert-footer {
  padding: 16px;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
#ConfiguratorMobileTooltip.rc-alert.redesign .rc-dialog-wrapper .rc-dialog-content .rc-alert-footer button, #ConfiguratorMobileTooltip.rc-alert.is-desktop-version .rc-dialog-wrapper .rc-dialog-content .rc-alert-footer button, #ConfiguratorMobileTooltip.rc-alert.item-tooltip-v2-dialog.redesign .rc-dialog-wrapper .rc-dialog-content .rc-alert-footer button, #ConfiguratorMobileTooltip.rc-alert.item-tooltip-v2-dialog.is-desktop-version .rc-dialog-wrapper .rc-dialog-content .rc-alert-footer button {
  margin: unset;
  display: flex;
  height: 42px;
  padding: 8px 24px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  flex: 1 0 0;
  width: 100%;
  border-radius: 120px;
  background: #6C9D0D;
  color: #FFFFFF;
}
#ConfiguratorMobileTooltip.rc-alert.redesign .rc-dialog-wrapper .rc-dialog-content .item-tooltip-v2-image, #ConfiguratorMobileTooltip.rc-alert.is-desktop-version .rc-dialog-wrapper .rc-dialog-content .item-tooltip-v2-image, #ConfiguratorMobileTooltip.rc-alert.item-tooltip-v2-dialog.redesign .rc-dialog-wrapper .rc-dialog-content .item-tooltip-v2-image, #ConfiguratorMobileTooltip.rc-alert.item-tooltip-v2-dialog.is-desktop-version .rc-dialog-wrapper .rc-dialog-content .item-tooltip-v2-image {
  position: relative;
  overflow: hidden;
  display: block;
  padding-bottom: 0;
}
#ConfiguratorMobileTooltip.rc-alert.redesign .rc-dialog-wrapper .rc-dialog-content .item-tooltip-v2-image img, #ConfiguratorMobileTooltip.rc-alert.is-desktop-version .rc-dialog-wrapper .rc-dialog-content .item-tooltip-v2-image img, #ConfiguratorMobileTooltip.rc-alert.item-tooltip-v2-dialog.redesign .rc-dialog-wrapper .rc-dialog-content .item-tooltip-v2-image img, #ConfiguratorMobileTooltip.rc-alert.item-tooltip-v2-dialog.is-desktop-version .rc-dialog-wrapper .rc-dialog-content .item-tooltip-v2-image img {
  position: relative;
  left: unset;
  top: unset;
  transform: unset;
  width: 100%;
  height: 100%;
  display: block;
}
#ConfiguratorMobileTooltip.rc-alert.redesign .rc-dialog-wrapper .rc-dialog-content .item-tooltip-v2-text, #ConfiguratorMobileTooltip.rc-alert.is-desktop-version .rc-dialog-wrapper .rc-dialog-content .item-tooltip-v2-text, #ConfiguratorMobileTooltip.rc-alert.item-tooltip-v2-dialog.redesign .rc-dialog-wrapper .rc-dialog-content .item-tooltip-v2-text, #ConfiguratorMobileTooltip.rc-alert.item-tooltip-v2-dialog.is-desktop-version .rc-dialog-wrapper .rc-dialog-content .item-tooltip-v2-text {
  padding: 24px 24px 8px 24px;
}
#ConfiguratorMobileTooltip.rc-alert.redesign .rc-dialog-wrapper .rc-dialog-content .item-tooltip-v2-text h1, #ConfiguratorMobileTooltip.rc-alert.is-desktop-version .rc-dialog-wrapper .rc-dialog-content .item-tooltip-v2-text h1, #ConfiguratorMobileTooltip.rc-alert.item-tooltip-v2-dialog.redesign .rc-dialog-wrapper .rc-dialog-content .item-tooltip-v2-text h1, #ConfiguratorMobileTooltip.rc-alert.item-tooltip-v2-dialog.is-desktop-version .rc-dialog-wrapper .rc-dialog-content .item-tooltip-v2-text h1 {
  font-size: 21px;
  font-weight: 600;
  margin-bottom: 10px;
}
#ConfiguratorMobileTooltip.rc-alert.redesign .rc-dialog-wrapper .rc-dialog-content .price, #ConfiguratorMobileTooltip.rc-alert.is-desktop-version .rc-dialog-wrapper .rc-dialog-content .price, #ConfiguratorMobileTooltip.rc-alert.item-tooltip-v2-dialog.redesign .rc-dialog-wrapper .rc-dialog-content .price, #ConfiguratorMobileTooltip.rc-alert.item-tooltip-v2-dialog.is-desktop-version .rc-dialog-wrapper .rc-dialog-content .price {
  padding: 0 24px;
  font-weight: 700;
}
#ConfiguratorMobileTooltip.rc-alert .rc-dialog-wrapper, #ConfiguratorMobileTooltip.rc-alert.item-tooltip-v2-dialog .rc-dialog-wrapper {
  width: calc(100% - 32px);
}
#ConfiguratorMobileTooltip.rc-alert .rc-dialog-content, #ConfiguratorMobileTooltip.rc-alert.item-tooltip-v2-dialog .rc-dialog-content {
  font-family: "source_sans_pro";
  padding: 16px 16px 0;
}
#ConfiguratorMobileTooltip.rc-alert .rc-dialog-content .item-tooltip, #ConfiguratorMobileTooltip.rc-alert.item-tooltip-v2-dialog .rc-dialog-content .item-tooltip {
  z-index: 10;
  cursor: default;
}
#ConfiguratorMobileTooltip.rc-alert .rc-dialog-content .item-tooltip .tooltip-image img, #ConfiguratorMobileTooltip.rc-alert.item-tooltip-v2-dialog .rc-dialog-content .item-tooltip .tooltip-image img {
  width: 100%;
  height: auto;
}
#ConfiguratorMobileTooltip.rc-alert .rc-dialog-content .item-tooltip > div, #ConfiguratorMobileTooltip.rc-alert.item-tooltip-v2-dialog .rc-dialog-content .item-tooltip > div {
  background: #FFFFFF;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
#ConfiguratorMobileTooltip.rc-alert .rc-dialog-content .item-tooltip > div > div, #ConfiguratorMobileTooltip.rc-alert.item-tooltip-v2-dialog .rc-dialog-content .item-tooltip > div > div {
  margin-bottom: 16px;
}
#ConfiguratorMobileTooltip.rc-alert .rc-dialog-content .item-tooltip > div .tooltip-text, #ConfiguratorMobileTooltip.rc-alert.item-tooltip-v2-dialog .rc-dialog-content .item-tooltip > div .tooltip-text {
  padding: 8px;
  margin: 0 16px;
}
#ConfiguratorMobileTooltip.rc-alert .rc-dialog-content .item-tooltip > div > div:last-child, #ConfiguratorMobileTooltip.rc-alert.item-tooltip-v2-dialog .rc-dialog-content .item-tooltip > div > div:last-child {
  margin-bottom: 0;
}
#ConfiguratorMobileTooltip.rc-alert .rc-dialog-content .item-tooltip p, #ConfiguratorMobileTooltip.rc-alert.item-tooltip-v2-dialog .rc-dialog-content .item-tooltip p {
  font-size: 14px;
  line-height: unset;
  margin: 0 0 9px;
}
#ConfiguratorMobileTooltip.rc-alert .rc-dialog-content .item-tooltip li, #ConfiguratorMobileTooltip.rc-alert.item-tooltip-v2-dialog .rc-dialog-content .item-tooltip li {
  font-size: 14px;
}
#ConfiguratorMobileTooltip.rc-alert .rc-dialog-content .item-tooltip .tooltip-image.no-tooltip-text, #ConfiguratorMobileTooltip.rc-alert.item-tooltip-v2-dialog .rc-dialog-content .item-tooltip .tooltip-image.no-tooltip-text {
  margin-right: 0;
}
#ConfiguratorMobileTooltip.rc-alert .rc-dialog-content .item-tooltip .tooltip-text, #ConfiguratorMobileTooltip.rc-alert.item-tooltip-v2-dialog .rc-dialog-content .item-tooltip .tooltip-text {
  font-family: "source_sans_pro";
  line-height: 1.5;
}
#ConfiguratorMobileTooltip.rc-alert .rc-dialog-content .item-tooltip .tooltip-text h1, #ConfiguratorMobileTooltip.rc-alert.item-tooltip-v2-dialog .rc-dialog-content .item-tooltip .tooltip-text h1 {
  font-family: "SourceSansPro-Light", sans-serif;
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 13px;
}
#ConfiguratorMobileTooltip.rc-alert .rc-dialog-content .item-tooltip .tooltip-text p, #ConfiguratorMobileTooltip.rc-alert.item-tooltip-v2-dialog .rc-dialog-content .item-tooltip .tooltip-text p {
  text-align: left;
}
#ConfiguratorMobileTooltip.rc-alert .rc-dialog-content .item-tooltip .tooltip-text p a, #ConfiguratorMobileTooltip.rc-alert.item-tooltip-v2-dialog .rc-dialog-content .item-tooltip .tooltip-text p a {
  text-decoration: underline;
}
#ConfiguratorMobileTooltip.rc-alert .rc-dialog-content .item-tooltip .tooltip-text ul, #ConfiguratorMobileTooltip.rc-alert.item-tooltip-v2-dialog .rc-dialog-content .item-tooltip .tooltip-text ul {
  margin-bottom: 1.5em;
  padding-left: 1.5em;
  list-style-type: square;
  text-align: left;
}
#ConfiguratorMobileTooltip.rc-alert.is-desktop-version .rc-dialog-content .item-tooltip > div, #ConfiguratorMobileTooltip.rc-alert.item-tooltip-v2-dialog.is-desktop-version .rc-dialog-content .item-tooltip > div {
  flex-direction: row;
  margin: 0;
}
#ConfiguratorMobileTooltip.rc-alert.is-desktop-version .rc-dialog-content .item-tooltip > div .tooltip-image, #ConfiguratorMobileTooltip.rc-alert.item-tooltip-v2-dialog.is-desktop-version .rc-dialog-content .item-tooltip > div .tooltip-image {
  margin-right: 16px;
}
#ConfiguratorMobileTooltip.rc-alert.is-desktop-version .rc-dialog-content .item-tooltip > div .tooltip-image img, #ConfiguratorMobileTooltip.rc-alert.item-tooltip-v2-dialog.is-desktop-version .rc-dialog-content .item-tooltip > div .tooltip-image img {
  width: 200px;
  height: auto;
}
#ConfiguratorMobileTooltip.rc-alert.is-desktop-version .rc-dialog-content .rc-alert-footer, #ConfiguratorMobileTooltip.rc-alert.item-tooltip-v2-dialog.is-desktop-version .rc-dialog-content .rc-alert-footer {
  margin-bottom: 16px;
}
#ConfiguratorMobileTooltip.rc-alert.is-desktop-version.one-column-version .rc-dialog-wrapper.slim-dialog, #ConfiguratorMobileTooltip.rc-alert.item-tooltip-v2-dialog.is-desktop-version.one-column-version .rc-dialog-wrapper.slim-dialog {
  min-width: unset;
  width: 212px;
}

.redesign .configurator-group-mobile-header {
  margin-bottom: 16px;
}

/*@keyframes SlideDown {
    0% {
        opacity: 0;
        @include translate(0, -125%);
    }

    100% {
        opacity: 1;
        @include translate(0, 0);
    }
}

@keyframes SlideUp {
    0% {
        opacity: 1;
        @include translate(0, 0);
    }

    100% {
        opacity: 0;
        @include translate(0, -125%);
    }
}

@keyframes FadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes FadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}*/
.login-view-component .standard {
  color: #2c2c2c;
}
.login-view-component .standard .Email,
.login-view-component .standard .code {
  margin-top: 16px;
}
.login-view-component .standard .password {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 16px;
}
.login-view-component .standard .password .group-content-password-rules-list {
  order: 1;
}
.login-view-component .standard .password .group-content-password-rules-list .rule-respected {
  gap: 4px;
}
.login-view-component .standard .password .group-content-password-rules-list .rule-respected .rc-icon.sgw-icon.steps_summary {
  width: 20px;
  padding: 0;
}
.login-view-component .standard .password .group-content-password-rules-list .rule-respected .rc-label-component {
  padding-left: 4px;
}
.login-view-component .standard .password .group-content-password-rules-list ul li.rule-respected .rc-icon.sgw-icon::before {
  left: 50%;
}
.login-view-component .standard .password .group-content-password-rules-list ul li.rule-failed {
  width: calc(50% - 28px);
  list-style: square;
  margin-left: 28px;
}
.login-view-component .standard .btn-submit {
  width: 100%;
}
.login-view-component .standard .group-content.group-content-label.login_link {
  justify-content: center;
}
.login-view-component .standard.pin-code .group-content-spacer-big {
  display: none;
}
.login-view-component .standard.pin-code .group-content-button {
  margin-bottom: 0;
}
.login-view-component .standard.pin-code .group-content-button:last-of-type {
  display: flex;
  justify-content: center;
}
.login-view-component .standard.pin-code .group-content-button:last-of-type button {
  background: none;
}
.login-view-component .checkout-group-content {
  box-sizing: border-box;
  position: relative;
  padding: 24px 16px;
}
.login-view-component.login-view-desktop {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #EFEFEF;
  min-height: calc(100vh - 58px);
  padding: 16px 0;
}
.login-view-component.login-view-desktop > div {
  width: 672px;
  max-width: 672px;
  background-color: white;
  height: auto;
  position: relative;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.1607843137);
  border-radius: 6px;
}
.login-view-component.login-view-desktop > div .close-button {
  position: absolute;
  left: 8px;
  top: 0;
  z-index: 1;
}
.login-view-component.login-view-desktop > div .back-button {
  padding: 8px 0;
  border-top: 1px solid #cccccc;
}
.login-view-component .group-content.group-content-image img {
  height: 100%;
  width: auto;
}

.rc-mobile-view .login-view-component:not(.login-view-desktop) .checkout-group-content {
  padding: unset;
}

.rc-dialog .login-view-component.login-view-desktop {
  background-color: unset;
  min-height: unset;
}
.rc-dialog .login-view-component.login-view-desktop > div {
  box-shadow: unset;
}

.signup-submit-success {
  padding: 24px 16px;
  justify-content: center;
}
.signup-submit-success .signup-view-content {
  display: none;
}
.signup-submit-success .signup-submit-success-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.signup-submit-success .signup-submit-success-header .rc-icon.sgw-icon {
  height: 64px;
  width: 64px;
  background-color: #6c9d0d;
  border-radius: 50%;
  z-index: 501;
  padding: unset;
}
.signup-submit-success .signup-submit-success-header .rc-icon.sgw-icon:before {
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  font-size: 36px;
}
.signup-submit-success .signup-submit-success-header .rc-icon.sgw-icon .group-content {
  margin-bottom: 0;
}
.signup-submit-success .content-group-table-row,
.signup-submit-success .content-group-table-row .group-content.info div {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.signup-submit-success .content-group-table-row .group-content-label {
  margin-bottom: 16px;
}
.signup-submit-success .content-group-table-row .group-content-button button {
  background-color: #79AB19;
  color: #ffffff;
}

#LoginViewMobile {
  padding: 16px;
}
#LoginViewMobile .standard .group-content-password-rules-list ul {
  flex-direction: column;
  flex-wrap: nowrap;
}
#LoginViewMobile .standard .group-content-password-rules-list ul li {
  width: 100%;
}

#LoginView, #LoginViewMobile {
  color: #2c2c2c;
}
#LoginView .checkout-group-content div.group-content.group-content-label:not(.label-heading-bold), #LoginViewMobile .checkout-group-content div.group-content.group-content-label:not(.label-heading-bold) {
  margin-bottom: 16px;
}
#LoginView .group-content-button button, #LoginViewMobile .group-content-button button {
  width: 100%;
}
#LoginView .group-content-button.button-submit button, #LoginViewMobile .group-content-button.button-submit button {
  background-color: #79AB19;
  color: #ffffff;
}

body.has-foreign-account-hint {
  margin-top: 36px;
}
body.has-foreign-account-hint.rc-mobile-view > header, body.has-foreign-account-hint .rc-mobile-view > header {
  top: 36px;
}
body.has-foreign-account-hint .rc-mobile-view {
  top: 36px;
}
body.has-foreign-account-hint #ArticleSelectionContent {
  min-height: calc(100dvh - 36px);
  height: calc(100dvh - 36px);
}
body.has-foreign-account-hint .desktop-menu-wrapper {
  top: 36px;
}

.foreign-accont-hint-bar {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  background-color: #3669c4;
  height: 36px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 8px;
  gap: 8px;
  box-sizing: border-box;
  z-index: 100000;
}
.foreign-accont-hint-bar .foreign-account-info {
  display: flex;
  gap: 8px;
  align-items: center;
}
.foreign-accont-hint-bar .foreign-account-info .rc-avatar {
  width: 26px;
  height: 26px;
}
.foreign-accont-hint-bar .foreign-account-info .rc-avatar.avatar-from-text > span {
  font-size: 12px;
}
.foreign-accont-hint-bar .foreign-account-info .rc-label-component {
  font-size: 14px;
  color: #FFFFFF;
}
.foreign-accont-hint-bar .foreign-account-switch button {
  padding-right: 8px;
}

#AddressValidation .step-wrapper .step-content, #ShoppingCartPage #AddressValidation .step-wrapper .step-content {
  display: flex;
  flex: auto;
  flex-wrap: wrap;
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #d8d8d8;
}
#AddressValidation .step-wrapper .step-content .c, #ShoppingCartPage #AddressValidation .step-wrapper .step-content .c {
  flex: auto;
}
#AddressValidation .step-wrapper .step-content a.btn-simple, #ShoppingCartPage #AddressValidation .step-wrapper .step-content a.btn-simple {
  color: #3669C4;
}
#AddressValidation .step-wrapper .step-content .checkout-group-content .group-content.group-content-label, #ShoppingCartPage #AddressValidation .step-wrapper .step-content .checkout-group-content .group-content.group-content-label {
  font-size: 14px;
  display: unset;
}
#AddressValidation .step-wrapper .step-content .section-title, #ShoppingCartPage #AddressValidation .step-wrapper .step-content .section-title {
  font-size: 14px;
  line-height: 120%;
  font-weight: normal;
}
#AddressValidation .step-wrapper .step-content .section-title.suggestion, #ShoppingCartPage #AddressValidation .step-wrapper .step-content .section-title.suggestion {
  font-weight: bold;
}
#AddressValidation .step-wrapper:last-child .step-content, #ShoppingCartPage #AddressValidation .step-wrapper:last-child .step-content {
  margin-bottom: unset;
  border-bottom: unset;
}
#AddressValidation .step-wrapper:first-child .step-content, #ShoppingCartPage #AddressValidation .step-wrapper:first-child .step-content {
  border-bottom: none;
  margin-bottom: unset;
}
#AddressValidation.rc-mobile-view, #ShoppingCartPage #AddressValidation.rc-mobile-view {
  z-index: 10005;
}
#AddressValidation.rc-mobile-view header .mobile-page-title, #ShoppingCartPage #AddressValidation.rc-mobile-view header .mobile-page-title {
  margin-right: unset;
}
#AddressValidation.rc-mobile-view main, #ShoppingCartPage #AddressValidation.rc-mobile-view main {
  padding: 16px;
  box-sizing: border-box;
}
#AddressValidation.rc-mobile-view main .groups, #ShoppingCartPage #AddressValidation.rc-mobile-view main .groups {
  background-color: white;
}
#AddressValidation.rc-mobile-view main .groups > div, #ShoppingCartPage #AddressValidation.rc-mobile-view main .groups > div {
  border-top: unset;
}
#AddressValidation.rc-mobile-view main .groups > div:first-child, #ShoppingCartPage #AddressValidation.rc-mobile-view main .groups > div:first-child {
  margin-top: 8px;
}
#AddressValidation.rc-mobile-view main .groups .section-title, #ShoppingCartPage #AddressValidation.rc-mobile-view main .groups .section-title {
  box-sizing: border-box;
  padding-right: 8px;
}
#AddressValidation.rc-mobile-view main .groups .c, #AddressValidation.rc-mobile-view main .groups .c-edit, #ShoppingCartPage #AddressValidation.rc-mobile-view main .groups .c, #ShoppingCartPage #AddressValidation.rc-mobile-view main .groups .c-edit {
  display: block;
  overflow: hidden;
}
#AddressValidation.rc-mobile-view main .groups .c-edit, #ShoppingCartPage #AddressValidation.rc-mobile-view main .groups .c-edit {
  margin-top: 8px;
  width: 100%;
}
#AddressValidation.rc-mobile-view main .groups .c-edit button, #ShoppingCartPage #AddressValidation.rc-mobile-view main .groups .c-edit button {
  width: 100%;
}
#AddressValidation.rc-mobile-view main .step-wrapper .step-content a.btn-simple, #ShoppingCartPage #AddressValidation.rc-mobile-view main .step-wrapper .step-content a.btn-simple {
  color: #3669C4;
}
#AddressValidation.rc-mobile-view main .step-wrapper:last-child .step-content, #ShoppingCartPage #AddressValidation.rc-mobile-view main .step-wrapper:last-child .step-content {
  border-bottom: none;
}
#AddressValidation.rc-mobile-view main .step-wrapper .close, #ShoppingCartPage #AddressValidation.rc-mobile-view main .step-wrapper .close {
  display: block;
  padding: 0;
}
#AddressValidation.rc-dialog, #ShoppingCartPage #AddressValidation.rc-dialog {
  z-index: 10002;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}
@media (max-height: 800px) {
  #AddressValidation.rc-dialog, #ShoppingCartPage #AddressValidation.rc-dialog {
    overflow-y: hidden;
  }
}
@media (max-height: 500px) {
  #AddressValidation.rc-dialog, #ShoppingCartPage #AddressValidation.rc-dialog {
    overflow-y: auto;
  }
}
@media (max-height: 800px) {
  #AddressValidation.rc-dialog:before, #ShoppingCartPage #AddressValidation.rc-dialog:before {
    height: 100vh;
  }
}
@media (max-height: 500px) {
  #AddressValidation.rc-dialog:before, #ShoppingCartPage #AddressValidation.rc-dialog:before {
    height: 150vh;
  }
}
#AddressValidation.rc-dialog .rc-dialog-wrapper .rc-dialog-content, #ShoppingCartPage #AddressValidation.rc-dialog .rc-dialog-wrapper .rc-dialog-content {
  padding: 0;
  max-width: 585px;
  margin: 0 auto;
}
#AddressValidation.rc-dialog .rc-dialog-wrapper .rc-dialog-content > div, #ShoppingCartPage #AddressValidation.rc-dialog .rc-dialog-wrapper .rc-dialog-content > div {
  width: auto;
  padding: 16px;
  background-color: #FFFFFF;
  font-size: 14px;
}
#AddressValidation.rc-dialog .rc-dialog-wrapper .rc-dialog-content p, #ShoppingCartPage #AddressValidation.rc-dialog .rc-dialog-wrapper .rc-dialog-content p {
  padding: 0;
}
#AddressValidation.rc-dialog .groups .section-title, #ShoppingCartPage #AddressValidation.rc-dialog .groups .section-title {
  flex: 0 0 130px;
  box-sizing: border-box;
  padding-right: 8px;
}
#AddressValidation.rc-dialog .groups .c, #AddressValidation.rc-dialog .groups .c-edit, #ShoppingCartPage #AddressValidation.rc-dialog .groups .c, #ShoppingCartPage #AddressValidation.rc-dialog .groups .c-edit {
  flex: auto;
  display: block;
  overflow: hidden;
}
#AddressValidation.rc-dialog .groups .c-edit, #ShoppingCartPage #AddressValidation.rc-dialog .groups .c-edit {
  margin-top: 8px;
  margin-left: 130px;
  width: 100%;
}
#AddressValidation.rc-dialog .step-wrapper .close, #ShoppingCartPage #AddressValidation.rc-dialog .step-wrapper .close {
  display: block;
  padding: 0;
}

#PaymentMethodAdd main {
  padding: 16px;
  box-sizing: border-box;
}

.element-locked-dialog .rc-confirm-title {
  min-height: 36px;
  display: flex;
  align-items: center;
}
.element-locked-dialog .element-locked-dialog-footer {
  display: flex;
  justify-content: space-between;
  padding-top: 16px;
}
.element-locked-dialog .element-locked-dialog-footer button:first-child {
  padding-left: 0;
}

.qr-gallery-stepper-step {
  background-color: #FFFFFF;
  flex: 1;
}
.qr-gallery-stepper-step .group-content-label {
  font-size: 20px !important;
}
.qr-gallery-stepper-step .header {
  margin: 12px 12px 0 12px;
}
.qr-gallery-stepper-step .info {
  margin: 0 12px 0 12px;
}
.qr-gallery-stepper-step .button {
  margin: 0 12px 12px 12px;
}
.qr-gallery-stepper-step .image-pool-container {
  position: relative;
  min-height: 2px;
}
.qr-gallery-stepper-step .image-pool-container .image-pool-source-selection {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.qr-gallery-stepper-step .image-pool-container .image-pool-source-selection .drop-down-menu-body .drop-down-menu-item {
  background-color: #FFFFFF;
}

.no-results-content .content-group-table-row {
  gap: 10px;
  display: flex;
  flex-direction: column;
}
.no-results-content .content-group-table-row .group-content {
  margin-bottom: 0;
  text-align: center;
  justify-content: center;
}
.no-results-content .content-group-table-row .group-content.group-content-label.group-important.info {
  font-family: "SourceSansPro-Light";
  font-size: 18px;
  font-weight: normal;
}
.no-results-content .content-group-table-row .group-content button {
  padding: 0;
}

.no-data-content {
  display: flex;
  justify-self: center;
  align-self: center;
  margin: 0 auto;
  flex-direction: column;
  align-items: center;
  flex: auto;
  justify-content: center;
}
.no-data-content > div {
  margin-bottom: 16px;
}
.no-data-content .content-group-table-row .group-content {
  text-align: center;
  justify-content: center;
}
.no-data-content .content-group-table-row .group-content.group-content-label {
  font-size: 21px;
  text-align: center;
  line-height: 27px;
}
.no-data-content .content-group-table-row .group-content.group-content-label:not(.group-important) {
  font-family: "SourceSansPro-Light";
}
.no-data-content .content-group-table-row .group-content.group-content-image img {
  max-height: 420px;
  width: auto;
  height: auto;
}
.no-data-content .content-group-table-row .group-content.group-content-link-add button .rc-icon.sgw-icon {
  display: none;
}
.no-data-content button.btn-simple.btn-default {
  background-color: unset;
  color: #3669c4;
  font-weight: bold;
}
.no-data-content button.btn-simple.btn-default:hover {
  background-color: unset;
}

main .no-data-content {
  height: unset;
  flex: 1;
}
main .no-data-content .group-content.group-content-image img {
  max-height: 200px;
  width: auto;
}

.no-data-qr .icon-green-background {
  background-color: #6c9d0d;
}
.no-data-qr .rc-icon:before {
  color: #FFFFFF;
}

.rc-form-container {
  background-color: transparent;
  position: relative;
  /*.btn-simple {
      display: flex;
      justify-content: center;
  }*/
}
.rc-form-container .form-loader {
  min-height: 100px;
  position: relative;
}
.rc-form-container .rc-form-group-wrapper {
  margin-bottom: 8px;
}
.rc-form-container .rc-form-group {
  display: flex;
  flex-wrap: wrap;
}
.rc-form-container .rc-form-group > .rc-form-element {
  padding-right: 4px;
  padding-left: 4px;
  box-sizing: border-box;
}
.rc-form-container .rc-form-element .rc-checkbox {
  font-size: 14px;
  min-height: 36px;
  display: flex;
  text-align: left;
}
.rc-form-container .rc-form-element > .rc-component, .rc-form-container .rc-form-element > .rc-textarea, .rc-form-container .rc-form-element > .btn-submit, .rc-form-container .rc-form-element > .rc-checkbox-element, .rc-form-container .rc-form-element > .rc-form-file-upload-wrapper, .rc-form-container .rc-form-element > .rc-complex-label, .rc-form-container .rc-form-element > h3.rc-form-group-label {
  margin-top: 8px;
  width: 100%;
}
.rc-form-container .rc-form-element > .rc-complex-label {
  text-align: start;
  font-size: 14px;
  width: 100%;
}
.rc-form-container .rc-form-element > .rc-star, .rc-form-container .rc-form-element > .rc-smile {
  margin-top: 8px !important;
  margin-bottom: 0 !important;
}
.rc-form-container .rc-form-element .rc-file-upload .btn-simple {
  justify-content: left;
}
.rc-form-container .rc-form-element .rc-file-upload.rc-error > .btn-simple > .sgw-icon::before {
  color: #D7032C;
}
.rc-form-container .rc-form-element .rc-file-upload.rc-error > .rc-error-label {
  bottom: calc(-100% + 4px);
}
.rc-form-container .rc-form-element .rc-file-upload.rc-error > .rc-error-label::after {
  bottom: unset;
  top: -4px;
  border-top: unset;
  border-bottom: 4px solid #D7032C;
}
.rc-form-container .rc-form-element > .rc-form-file-upload-wrapper > .rc-file-upload {
  width: 100%;
}
.rc-form-container .rc-form-element > .rc-form-file-upload-wrapper > .rc-file-upload > button {
  width: 100%;
}
.rc-form-container .rc-form-element {
  width: 50%;
}
.rc-form-container .rc-form-element-wide {
  width: 100%;
}
.rc-form-container .rc-form-element-checkbox {
  max-width: 100%;
  flex-grow: 1;
}
.rc-form-container .rc-form-element-hidden {
  display: none;
}
.rc-form-container .rc-form-footer-group {
  margin-top: 8px;
  padding-left: 4px;
  padding-right: 4px;
  width: 100%;
  display: flex;
  flex-wrap: wrap-reverse;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}
.rc-form-container .rc-form-footer-group .rc-form-element {
  width: auto;
}
.rc-form-container .rc-form-footer-group > .rc-form-element > .rc-form-element-label {
  width: 100%;
}
.rc-form-container .rc-form-footer-error {
  display: flex;
  justify-content: flex-end;
  color: #D9052F;
  font-weight: bold;
  font-size: 12px;
  width: calc(100% - 1vh);
  text-align: right;
}
.rc-form-container .rc-error-label {
  bottom: -30px !important;
}
.rc-form-container .rc-error-label::after {
  bottom: auto !important;
  top: -4px !important;
  border-top: none !important;
  border-bottom: 4px solid #d7032c !important;
}
.rc-form-container .rc-complex-label > .rc-error-label {
  left: calc(50% - 150px);
}
.rc-form-container .rc-file-upload.rc-error > .btn-simple > .sgw-icon::before {
  color: #d7032c !important;
}
.rc-form-container .rc-form-element-label {
  margin-right: 16px;
  font-size: 12px;
  color: #707070;
}
.rc-form-container .rc-form-group-label {
  padding-left: 4px;
  min-height: 36px;
  display: flex;
  align-items: center;
}
.rc-form-container .start-one-span-three-columns {
  width: 75%;
}
.rc-form-container .rc-complex-label-error {
  position: relative;
}
@media only screen and (max-width: 700px) {
  .rc-form-container .rc-form-footer-group {
    padding-left: 0;
    width: 100%;
  }
}
@media only screen and (max-width: 650px) {
  .rc-form-container .start-one-span-three-columns {
    width: 100%;
  }
}
@media only screen and (max-width: 550px) {
  .rc-form-container .rc-form-group {
    display: flex;
  }
  .rc-form-container .rc-form-group .rc-form-element, .rc-form-container .rc-form-group .rc-form-element-wide, .rc-form-container .rc-form-group .rc-form-element-label {
    width: 100% !important;
    padding: 0 !important;
  }
}
@media only screen and (max-width: 500px) {
  .rc-form-container .rc-star > .rc-star-label-wrapper:last-of-type, .rc-form-container .rc-star > .rc-smile-label-wrapper:last-of-type, .rc-form-container .rc-smile > .rc-star-label-wrapper:last-of-type, .rc-form-container .rc-smile > .rc-smile-label-wrapper:last-of-type {
    display: none;
  }
  .rc-form-container .rc-star .stars, .rc-form-container .rc-star .smiles, .rc-form-container .rc-smile .stars, .rc-form-container .rc-smile .smiles {
    width: 100%;
  }
}

.rc-form-file-upload-wrapper {
  display: flex;
  width: 100%;
  min-width: 150px;
  flex-wrap: wrap;
  flex-direction: row;
}

.rc-form-file-upload-preview {
  padding: 0.2rem;
  margin: 0 5px 1vh 0;
  border: 1px dashed #CCCCCC;
  text-overflow: ellipsis;
  overflow: hidden;
  width: calc(50% - 7px - 0.4rem);
}

.rc-form-file-remove {
  padding: 0 5px 0 5px;
  margin-right: 5px;
  display: inline;
  cursor: pointer;
}
.rc-form-file-remove > .rc-form-file-remove-text {
  color: red;
}
.rc-form-file-remove:hover > .rc-form-file-remove-text {
  font-weight: bold;
}

.preview-clickable {
  cursor: pointer;
}
.preview-clickable:hover {
  text-decoration: underline;
  color: blue;
}

.rc-form-file-name-preview, .rc-form-file-remove-text {
  font-size: 0.8rem;
}

.apip-error-throwed > *:not(.apip-error-alert) {
  -webkit-filter: blur(4px);
  -ms-filter: blur(4px);
  filter: blur(4px);
  z-index: -1 !important;
}

.apip-error-alert-wrapper {
  min-width: 300px;
  max-width: 500px;
  width: 500px;
  background: #FFFFFF;
  box-shadow: 3px 3px 6px rgb(53, 56, 64);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 16px;
  position: absolute;
  overflow: auto;
  max-height: 80vh;
  /*max-height: -moz-available;
  max-height: -webkit-fill-available;
  max-height: fill-available;*/
}

.apip-error-alert {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(53, 56, 64, 0.8);
  top: 0;
  left: 0;
  z-index: 100010;
}
.apip-error-alert .apip-error-alert-header {
  display: flex;
  margin-bottom: 32px;
  font-weight: bold;
  align-items: center;
}
.apip-error-alert .apip-error-alert-header .btn-simple.btn-icon {
  margin: 0;
  padding: 0;
}
.apip-error-alert .apip-error-alert-header .sgw-icon {
  width: 32px;
  height: 28px;
  position: relative;
  padding: 0;
  margin-right: 16px;
}
.apip-error-alert .apip-error-alert-header .sgw-icon:before {
  color: #d7032c;
  top: 15px;
  left: 20px;
  font-size: 48px;
  width: 50px;
  height: 28px;
  line-height: 26px;
}
.apip-error-alert .apip-error-alert-content {
  font-size: 14px;
  overflow: auto;
}
.apip-error-alert .apip-error-alert-content .apip-error-alert-message-label {
  font-weight: bold;
  margin-bottom: 16px;
}
.apip-error-alert .apip-error-alert-content .apip-error-alert-message-label.apip-send-report-label {
  margin-top: 32px;
}
.apip-error-alert .apip-error-alert-content p {
  margin-bottom: 8px;
}
.apip-error-alert .apip-error-alert-content .rc-form-group-wrapper {
  margin-left: -4px;
  margin-top: 8px;
}
.apip-error-alert .apip-error-alert-content .rc-form-group-wrapper:first-child .rc-form-group-label {
  font-weight: bold;
}
.apip-error-alert .apip-error-alert-content .rc-form-element button.btn-submit {
  display: none;
}
.apip-error-alert .apip-error-alert-content .rc-form-element .rc-complex-label {
  margin-right: 16px;
  font-size: 12px;
  color: #707070;
}
.apip-error-alert .apip-error-alert-footer {
  margin-top: 32px;
}
.apip-error-alert .apip-error-alert-footer textarea {
  width: 100%;
  height: 100px;
  background: #EFEFEF;
  resize: none;
  border: none;
  border-bottom: 1px solid #CCCCCC;
  outline: none;
  padding: 8px;
  font-family: "SourceSansPro-Regular", sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.apip-error-alert .apip-error-alert-footer textarea:hover, .apip-error-alert .apip-error-alert-footer textarea:focus {
  border-bottom: 1px solid #3669C4;
}
.apip-error-alert .apip-error-alert-footer .apip-error-alert-footer-buttons {
  display: flex;
  justify-content: center;
}

@media only screen and (max-height: 570px), screen and (max-width: 500px) {
  .apip-error-alert-wrapper {
    width: 100%;
    max-width: none;
    display: flex;
    flex-direction: column;
  }
  .apip-error-alert-header {
    padding: 0 15px;
  }
  .apip-error-alert-content {
    padding: 0 15px;
  }
  .apip-error-alert-footer {
    height: auto;
    margin-top: auto;
    padding: 10px 15px 0 15px;
  }
  .apip-error-alert-footer textarea {
    max-height: 150px;
    height: auto;
  }
}
/*@keyframes SlideDown {
    0% {
        opacity: 0;
        @include translate(0, -125%);
    }

    100% {
        opacity: 1;
        @include translate(0, 0);
    }
}

@keyframes SlideUp {
    0% {
        opacity: 1;
        @include translate(0, 0);
    }

    100% {
        opacity: 0;
        @include translate(0, -125%);
    }
}

@keyframes FadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes FadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}*/
.promotion-label {
  position: absolute;
  top: 0;
  left: 24px;
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.4);
  overflow: unset;
}
.promotion-label > div {
  display: block;
  padding: 6px 16px;
  color: #ffffff;
  background-color: #d9052f;
}
.promotion-label > div:after {
  content: "";
  position: absolute;
  right: -5px;
  z-index: -1;
  top: -6px;
  width: 5px;
  height: 5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 8px solid #A60424;
  transform: rotate(90deg);
}

#SubscriptionUpgradeDialog .checkout-group-content .group-content.group-content-radio-group, #AccessToBusinessPortalDialog .checkout-group-content .group-content.group-content-radio-group {
  margin: unset;
}
#SubscriptionUpgradeDialog .checkout-group-content .group-content.group-content-checkbox, #AccessToBusinessPortalDialog .checkout-group-content .group-content.group-content-checkbox {
  margin-bottom: unset;
}
#SubscriptionUpgradeDialog .checkout-group-content .group-content.group-content-horizontal-group, #AccessToBusinessPortalDialog .checkout-group-content .group-content.group-content-horizontal-group {
  flex-wrap: nowrap;
}
#SubscriptionUpgradeDialog .checkout-group-content .group-content.group-content-horizontal-group.horImageUpload, #AccessToBusinessPortalDialog .checkout-group-content .group-content.group-content-horizontal-group.horImageUpload {
  flex-wrap: wrap;
}
#SubscriptionUpgradeDialog .checkout-group-content .group-content.group-content-horizontal-group.horImageUpload .group-content-button, #SubscriptionUpgradeDialog .checkout-group-content .group-content.group-content-horizontal-group.horImageUpload .group-content-upload, #AccessToBusinessPortalDialog .checkout-group-content .group-content.group-content-horizontal-group.horImageUpload .group-content-button, #AccessToBusinessPortalDialog .checkout-group-content .group-content.group-content-horizontal-group.horImageUpload .group-content-upload {
  width: auto;
  margin-bottom: 8px;
}
#SubscriptionUpgradeDialog .checkout-group-content .group-content.group-content-image, #AccessToBusinessPortalDialog .checkout-group-content .group-content.group-content-image {
  max-height: 310px;
  overflow: hidden;
  margin-left: -16px;
  width: calc(100% + 32px);
}
#SubscriptionUpgradeDialog .checkout-group-content .group-content.group-content-image img, #AccessToBusinessPortalDialog .checkout-group-content .group-content.group-content-image img {
  width: 100%;
  align-self: center;
}
#SubscriptionUpgradeDialog .checkout-group-content .group-content.group-content-image.group-align-right img, #AccessToBusinessPortalDialog .checkout-group-content .group-content.group-content-image.group-align-right img {
  align-self: flex-end;
}
#SubscriptionUpgradeDialog .checkout-group-content .group-content.group-content-key-value .group-content-key-value-value, #AccessToBusinessPortalDialog .checkout-group-content .group-content.group-content-key-value .group-content-key-value-value {
  font-weight: bold;
}
#SubscriptionUpgradeDialog .checkout-group-content .group-content.group-content-label, #AccessToBusinessPortalDialog .checkout-group-content .group-content.group-content-label {
  flex: 1;
}
#SubscriptionUpgradeDialog .checkout-group-content .group-content.group-content-label.label-heading, #SubscriptionUpgradeDialog .checkout-group-content .group-content.group-content-label.label-heading-bold, #AccessToBusinessPortalDialog .checkout-group-content .group-content.group-content-label.label-heading, #AccessToBusinessPortalDialog .checkout-group-content .group-content.group-content-label.label-heading-bold {
  flex: auto;
}
#SubscriptionUpgradeDialog .checkout-group-content .group-content.group-content-label.login_link, #AccessToBusinessPortalDialog .checkout-group-content .group-content.group-content-label.login_link {
  flex: auto;
  display: flex;
  justify-content: right;
}
#SubscriptionUpgradeDialog .checkout-group-content .group-content.group-content-label ul, #AccessToBusinessPortalDialog .checkout-group-content .group-content.group-content-label ul {
  margin-top: 16px;
  margin-bottom: 16px;
  margin-left: 8px;
  padding-left: 16px;
  display: flex;
  flex-direction: column;
  list-style: disc;
  /*li:before {
      font-family: 'icomoon';
      speak: none;
      display: block;
      width: 20px;
      height: 20px;
      position: absolute;
      left: 0;
      top: 50%;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 20px;
      color: #6c9d0d;
      font-size: 20px;
      -webkit-font-smoothing: antialiased;
      content: "\e9aa";
      transform: translateY(-50%);
  }*/
}
#SubscriptionUpgradeDialog .checkout-group-content .group-content.group-content-label ul li, #AccessToBusinessPortalDialog .checkout-group-content .group-content.group-content-label ul li {
  position: relative;
  line-height: 18px;
}
#SubscriptionUpgradeDialog #LoginViewMobile, #AccessToBusinessPortalDialog #LoginViewMobile {
  padding: unset;
}
#SubscriptionUpgradeDialog .login-view-component.login-view-desktop, #AccessToBusinessPortalDialog .login-view-component.login-view-desktop {
  min-height: unset;
  padding: 0;
}
#SubscriptionUpgradeDialog .login-view-component.login-view-desktop > div, #AccessToBusinessPortalDialog .login-view-component.login-view-desktop > div {
  width: auto;
  min-width: 414px;
  max-width: unset;
  box-shadow: unset;
}
#SubscriptionUpgradeDialog .login-view-component .checkout-group-content, #AccessToBusinessPortalDialog .login-view-component .checkout-group-content {
  padding: 0;
}
#SubscriptionUpgradeDialog .dialog-scrollable-content, #AccessToBusinessPortalDialog .dialog-scrollable-content {
  display: flex;
  flex-direction: column;
  padding-top: 0;
  min-height: 400px;
  border-radius: unset;
}
#SubscriptionUpgradeDialog .dialog-scrollable-content .rc-floating-button, #AccessToBusinessPortalDialog .dialog-scrollable-content .rc-floating-button {
  padding-bottom: 8px;
}
#SubscriptionUpgradeDialog.non-padding-top .dialog-scrollable-content, #AccessToBusinessPortalDialog.non-padding-top .dialog-scrollable-content {
  padding-top: 0;
}
#SubscriptionUpgradeDialog .upload-image-details-table .upload-image-details-image, #AccessToBusinessPortalDialog .upload-image-details-table .upload-image-details-image {
  height: 152px;
  width: 152px;
  flex: 0 0 152px;
  position: relative;
  overflow: hidden;
}
#SubscriptionUpgradeDialog .upload-image-details-table .upload-image-details-image img, #AccessToBusinessPortalDialog .upload-image-details-table .upload-image-details-image img {
  max-width: unset;
}
#SubscriptionUpgradeDialog .upload-image-details-table .upload-image-details-image img.landscape, #AccessToBusinessPortalDialog .upload-image-details-table .upload-image-details-image img.landscape {
  height: 100%;
  width: auto;
  margin-left: 50%;
  transform: translateX(-50%);
}
#SubscriptionUpgradeDialog .upload-image-details-table .upload-image-details-image img.portrait, #AccessToBusinessPortalDialog .upload-image-details-table .upload-image-details-image img.portrait {
  width: 100%;
  height: auto;
  margin-top: 50%;
  transform: translateY(-50%);
}
#SubscriptionUpgradeDialog .upload-image-details-table .upload-image-details-image img.square, #AccessToBusinessPortalDialog .upload-image-details-table .upload-image-details-image img.square {
  height: 100%;
  width: 100%;
}
#SubscriptionUpgradeDialog .upload-image-details-table .rc-textarea.rc-component, #AccessToBusinessPortalDialog .upload-image-details-table .rc-textarea.rc-component {
  height: 108px;
  margin-top: 8px;
}
#SubscriptionUpgradeDialog.rc-mobile-view main, #AccessToBusinessPortalDialog.rc-mobile-view main {
  padding: 0;
}
#SubscriptionUpgradeDialog.rc-mobile-view main > div, #AccessToBusinessPortalDialog.rc-mobile-view main > div {
  flex: 1;
  justify-content: flex-start;
  box-sizing: border-box;
}
#SubscriptionUpgradeDialog.rc-mobile-view main > div > form, #AccessToBusinessPortalDialog.rc-mobile-view main > div > form {
  padding: 0 16px;
  flex: 1;
}
#SubscriptionUpgradeDialog.rc-mobile-view main > div > form .group-content.group-content-horizontal-group, #AccessToBusinessPortalDialog.rc-mobile-view main > div > form .group-content.group-content-horizontal-group {
  flex-wrap: wrap;
}

#AddressValidation .step-wrapper .step-content, #ShoppingCartPage #AddressValidation .step-wrapper .step-content {
  display: flex;
  flex: auto;
  flex-wrap: wrap;
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #d8d8d8;
}
#AddressValidation .step-wrapper .step-content .c, #ShoppingCartPage #AddressValidation .step-wrapper .step-content .c {
  flex: auto;
}
#AddressValidation .step-wrapper .step-content a.btn-simple, #ShoppingCartPage #AddressValidation .step-wrapper .step-content a.btn-simple {
  color: #3669C4;
}
#AddressValidation .step-wrapper .step-content .checkout-group-content .group-content.group-content-label, #ShoppingCartPage #AddressValidation .step-wrapper .step-content .checkout-group-content .group-content.group-content-label {
  font-size: 14px;
  display: unset;
}
#AddressValidation .step-wrapper .step-content .section-title, #ShoppingCartPage #AddressValidation .step-wrapper .step-content .section-title {
  font-size: 14px;
  line-height: 120%;
  font-weight: normal;
}
#AddressValidation .step-wrapper .step-content .section-title.suggestion, #ShoppingCartPage #AddressValidation .step-wrapper .step-content .section-title.suggestion {
  font-weight: bold;
}
#AddressValidation .step-wrapper:last-child .step-content, #ShoppingCartPage #AddressValidation .step-wrapper:last-child .step-content {
  margin-bottom: unset;
  border-bottom: unset;
}
#AddressValidation .step-wrapper:first-child .step-content, #ShoppingCartPage #AddressValidation .step-wrapper:first-child .step-content {
  border-bottom: none;
  margin-bottom: unset;
}
#AddressValidation.rc-mobile-view, #ShoppingCartPage #AddressValidation.rc-mobile-view {
  z-index: 10005;
}
#AddressValidation.rc-mobile-view header .mobile-page-title, #ShoppingCartPage #AddressValidation.rc-mobile-view header .mobile-page-title {
  margin-right: unset;
}
#AddressValidation.rc-mobile-view main, #ShoppingCartPage #AddressValidation.rc-mobile-view main {
  padding: 16px;
  box-sizing: border-box;
}
#AddressValidation.rc-mobile-view main .groups, #ShoppingCartPage #AddressValidation.rc-mobile-view main .groups {
  background-color: white;
}
#AddressValidation.rc-mobile-view main .groups > div, #ShoppingCartPage #AddressValidation.rc-mobile-view main .groups > div {
  border-top: unset;
}
#AddressValidation.rc-mobile-view main .groups > div:first-child, #ShoppingCartPage #AddressValidation.rc-mobile-view main .groups > div:first-child {
  margin-top: 8px;
}
#AddressValidation.rc-mobile-view main .groups .section-title, #ShoppingCartPage #AddressValidation.rc-mobile-view main .groups .section-title {
  box-sizing: border-box;
  padding-right: 8px;
}
#AddressValidation.rc-mobile-view main .groups .c, #AddressValidation.rc-mobile-view main .groups .c-edit, #ShoppingCartPage #AddressValidation.rc-mobile-view main .groups .c, #ShoppingCartPage #AddressValidation.rc-mobile-view main .groups .c-edit {
  display: block;
  overflow: hidden;
}
#AddressValidation.rc-mobile-view main .groups .c-edit, #ShoppingCartPage #AddressValidation.rc-mobile-view main .groups .c-edit {
  margin-top: 8px;
  width: 100%;
}
#AddressValidation.rc-mobile-view main .groups .c-edit button, #ShoppingCartPage #AddressValidation.rc-mobile-view main .groups .c-edit button {
  width: 100%;
}
#AddressValidation.rc-mobile-view main .step-wrapper .step-content a.btn-simple, #ShoppingCartPage #AddressValidation.rc-mobile-view main .step-wrapper .step-content a.btn-simple {
  color: #3669C4;
}
#AddressValidation.rc-mobile-view main .step-wrapper:last-child .step-content, #ShoppingCartPage #AddressValidation.rc-mobile-view main .step-wrapper:last-child .step-content {
  border-bottom: none;
}
#AddressValidation.rc-mobile-view main .step-wrapper .close, #ShoppingCartPage #AddressValidation.rc-mobile-view main .step-wrapper .close {
  display: block;
  padding: 0;
}
#AddressValidation.rc-dialog, #ShoppingCartPage #AddressValidation.rc-dialog {
  z-index: 10002;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}
@media (max-height: 800px) {
  #AddressValidation.rc-dialog, #ShoppingCartPage #AddressValidation.rc-dialog {
    overflow-y: hidden;
  }
}
@media (max-height: 500px) {
  #AddressValidation.rc-dialog, #ShoppingCartPage #AddressValidation.rc-dialog {
    overflow-y: auto;
  }
}
@media (max-height: 800px) {
  #AddressValidation.rc-dialog:before, #ShoppingCartPage #AddressValidation.rc-dialog:before {
    height: 100vh;
  }
}
@media (max-height: 500px) {
  #AddressValidation.rc-dialog:before, #ShoppingCartPage #AddressValidation.rc-dialog:before {
    height: 150vh;
  }
}
#AddressValidation.rc-dialog .rc-dialog-wrapper .rc-dialog-content, #ShoppingCartPage #AddressValidation.rc-dialog .rc-dialog-wrapper .rc-dialog-content {
  padding: 0;
  max-width: 585px;
  margin: 0 auto;
}
#AddressValidation.rc-dialog .rc-dialog-wrapper .rc-dialog-content > div, #ShoppingCartPage #AddressValidation.rc-dialog .rc-dialog-wrapper .rc-dialog-content > div {
  width: auto;
  padding: 16px;
  background-color: #FFFFFF;
  font-size: 14px;
}
#AddressValidation.rc-dialog .rc-dialog-wrapper .rc-dialog-content p, #ShoppingCartPage #AddressValidation.rc-dialog .rc-dialog-wrapper .rc-dialog-content p {
  padding: 0;
}
#AddressValidation.rc-dialog .groups .section-title, #ShoppingCartPage #AddressValidation.rc-dialog .groups .section-title {
  flex: 0 0 130px;
  box-sizing: border-box;
  padding-right: 8px;
}
#AddressValidation.rc-dialog .groups .c, #AddressValidation.rc-dialog .groups .c-edit, #ShoppingCartPage #AddressValidation.rc-dialog .groups .c, #ShoppingCartPage #AddressValidation.rc-dialog .groups .c-edit {
  flex: auto;
  display: block;
  overflow: hidden;
}
#AddressValidation.rc-dialog .groups .c-edit, #ShoppingCartPage #AddressValidation.rc-dialog .groups .c-edit {
  margin-top: 8px;
  margin-left: 130px;
  width: 100%;
}
#AddressValidation.rc-dialog .step-wrapper .close, #ShoppingCartPage #AddressValidation.rc-dialog .step-wrapper .close {
  display: block;
  padding: 0;
}

#ResellerSubscriptionDialog .checkout-group-content .group-content.group-content-horizontal-group {
  flex-wrap: nowrap;
}
#ResellerSubscriptionDialog .checkout-group-content .group-content.group-content-horizontal-group.horImageUpload {
  flex-wrap: wrap;
}
#ResellerSubscriptionDialog .checkout-group-content .group-content.group-content-horizontal-group.horImageUpload .group-content-button, #ResellerSubscriptionDialog .checkout-group-content .group-content.group-content-horizontal-group.horImageUpload .group-content-upload {
  width: auto;
  margin-bottom: 8px;
}
#ResellerSubscriptionDialog .checkout-group-content .group-content.group-content-image {
  max-height: 310px;
  overflow: hidden;
  margin-left: -16px;
  width: calc(100% + 32px);
}
#ResellerSubscriptionDialog .checkout-group-content .group-content.group-content-image img {
  width: 100%;
  align-self: center;
  height: unset;
}
#ResellerSubscriptionDialog .checkout-group-content .group-content.group-content-image.group-align-right img {
  align-self: flex-end;
}
#ResellerSubscriptionDialog .checkout-group-content .group-content.group-content-key-value .group-content-key-value-value {
  font-weight: bold;
}
#ResellerSubscriptionDialog .checkout-group-content .group-content.group-content-label.label-heading {
  flex: auto;
}
#ResellerSubscriptionDialog .checkout-group-content .group-content.group-content-label.login_link {
  flex: auto;
  display: flex;
  justify-content: right;
}
#ResellerSubscriptionDialog .checkout-group-content .group-content.group-content-label ul {
  margin-top: 16px;
  margin-bottom: 16px;
  margin-left: 8px;
  padding: 0;
}
#ResellerSubscriptionDialog .checkout-group-content .group-content.group-content-label ul li {
  list-style: none;
  position: relative;
  padding-left: 32px;
  min-height: 36px;
  display: flex;
  align-items: center;
}
#ResellerSubscriptionDialog .checkout-group-content .group-content.group-content-label ul li:before {
  font-family: "icomoon";
  speak: none;
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 50%;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 20px;
  color: #6c9d0d;
  font-size: 20px;
  -webkit-font-smoothing: antialiased;
  content: "\e9aa";
  transform: translateY(-50%);
}
#ResellerSubscriptionDialog #LoginViewMobile {
  padding: unset;
}
#ResellerSubscriptionDialog .login-view-component.login-view-desktop {
  min-height: unset;
  padding: 0;
}
#ResellerSubscriptionDialog .login-view-component.login-view-desktop > div {
  width: auto;
  min-width: 414px;
  max-width: unset;
  box-shadow: unset;
}
#ResellerSubscriptionDialog .login-view-component .checkout-group-content {
  padding: 0;
}
#ResellerSubscriptionDialog .dialog-scrollable-content {
  display: flex;
  flex-direction: column;
  padding-top: 0;
  min-height: 400px;
  padding-bottom: 8px;
}
#ResellerSubscriptionDialog .dialog-scrollable-content .rc-floating-button {
  padding-bottom: 8px;
}
#ResellerSubscriptionDialog.non-padding-top .dialog-scrollable-content {
  padding-top: 0;
}
#ResellerSubscriptionDialog .upload-image-details-table .upload-image-details-image {
  height: 152px;
  width: 152px;
  flex: 0 0 152px;
  position: relative;
  overflow: hidden;
}
#ResellerSubscriptionDialog .upload-image-details-table .upload-image-details-image img {
  max-width: unset;
}
#ResellerSubscriptionDialog .upload-image-details-table .upload-image-details-image img.landscape {
  height: 100%;
  width: auto;
  margin-left: 50%;
  transform: translateX(-50%);
}
#ResellerSubscriptionDialog .upload-image-details-table .upload-image-details-image img.portrait {
  width: 100%;
  height: auto;
  margin-top: 50%;
  transform: translateY(-50%);
}
#ResellerSubscriptionDialog .upload-image-details-table .upload-image-details-image img.square {
  height: 100%;
  width: 100%;
}
#ResellerSubscriptionDialog .upload-image-details-table .rc-textarea.rc-component {
  height: 108px;
  margin-top: 8px;
}
#ResellerSubscriptionDialog main > div {
  flex: 1;
  justify-content: flex-start;
  box-sizing: border-box;
}
#ResellerSubscriptionDialog main > div > form {
  padding: 0 16px;
  flex: 1;
}
#ResellerSubscriptionDialog main > div > form .group-content .rc-component.rc-input {
  overflow: hidden;
}
#ResellerSubscriptionDialog main > div > form .group-content .rc-component.rc-input .rc-label {
  white-space: nowrap;
}

#AccessToBusinessPortalDialog .horDPA button {
  flex: auto;
  width: 100%;
}
#AccessToBusinessPortalDialog .dialog-scrollable-content form {
  flex: 1;
}
#AccessToBusinessPortalDialog .checkout-group-content .group-content.group-content-button.button-submit, #AccessToBusinessPortalDialog .checkout-group-content .group-content.group-content-spacer-big {
  display: none;
}
#AccessToBusinessPortalDialog .checkout-group-content .group-content.form_howYouMetUs_other {
  margin-top: 16px;
}
#AccessToBusinessPortalDialog .form-footer-buttons {
  padding: 16px 8px 8px;
  justify-content: space-between;
}
#AccessToBusinessPortalDialog .form-footer-buttons button {
  flex: unset;
  /* &.back-button {
       padding-left: unset;
   }*/
}
#AccessToBusinessPortalDialog .form-footer-buttons.redesign-enabled button {
  flex: 1;
}
#AccessToBusinessPortalDialog .form-footer-buttons.redesign-enabled button.back-button {
  padding-left: 24px;
}

apple-pay-button {
  --apple-pay-button-width: 100%;
  --apple-pay-button-height: 30px;
  --apple-pay-button-border-radius: 0px;
  --apple-pay-button-padding: 5px 0px;
}

.apple-pay-button {
  -webkit-appearance: -apple-pay-button;
  -apple-pay-button-type: buy;
  display: inline-block;
  min-height: 36px;
  border: 1px solid black;
  border-radius: 0pt;
  background-image: -webkit-named-image(apple-pay-logo-black);
  background-size: 100% calc(60% + 2px);
  background-repeat: no-repeat;
  background-color: white;
  background-position: 50% 50%;
  transition: background-color 0.15s;
  height: 36px;
  padding: 0 16px;
  box-sizing: border-box;
}

.rc-mobile-view .apple-pay-button {
  height: 44px;
  min-height: 44px;
  padding: 0 8px;
  width: 100%;
}

.apple-pay-button.visible {
  visibility: visible;
}

.apple-pay-button:active {
  background-color: rgb(152, 152, 152);
}

#ImageCropDialog {
  width: 100%;
  height: 100%;
}
#ImageCropDialog .rc-dialog-wrapper {
  max-width: unset;
  width: 90%;
  flex-direction: column;
}
#ImageCropDialog .rc-dialog-wrapper .rc-dialog-content {
  flex: auto;
  background-color: black;
  max-height: unset;
}
#ImageCropDialog .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content {
  justify-content: center;
  align-items: center;
  background-color: black;
  padding: 0;
  max-height: 90vh;
}
#ImageCropDialog .image-crop-footer {
  display: flex;
  width: 100%;
  box-sizing: border-box;
  padding: 16px;
  justify-content: space-between;
}

/*@keyframes SlideDown {
    0% {
        opacity: 0;
        @include translate(0, -125%);
    }

    100% {
        opacity: 1;
        @include translate(0, 0);
    }
}

@keyframes SlideUp {
    0% {
        opacity: 1;
        @include translate(0, 0);
    }

    100% {
        opacity: 0;
        @include translate(0, -125%);
    }
}

@keyframes FadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes FadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}*/
@media (min-width: 500px) {
  #UpgradeQuantityDialog .rc-dialog-wrapper {
    padding: 16px;
  }
}
#UpgradeQuantityDialog .upgrade-quantity-dialog-caption {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 8px;
}
#UpgradeQuantityDialog .upgrade-quantity-dialog-item {
  background-color: white;
  position: relative;
  display: flex;
  width: 100%;
  height: 60px;
  align-items: center;
  margin-bottom: 8px;
  padding-left: 16px;
  box-sizing: border-box;
  cursor: pointer;
}
#UpgradeQuantityDialog .upgrade-quantity-dialog-item:last-child {
  margin-bottom: unset;
}
#UpgradeQuantityDialog .upgrade-quantity-dialog-item .rc-icon {
  position: absolute;
  right: 16px;
}
#UpgradeQuantityDialog .upgrade-quantity-dialog-item .rc-icon:before {
  font-size: 28px;
}
#UpgradeQuantityDialog .upgrade-quantity-dialog-item .upgrade-quantity-dialog-item-data > div {
  margin-right: 16px;
}
#UpgradeQuantityDialog .upgrade-quantity-dialog-item .upgrade-quantity-dialog-item-data > div:first-child {
  font-size: 14px;
  margin-bottom: 4px;
}
#UpgradeQuantityDialog .upgrade-quantity-dialog-item .upgrade-quantity-dialog-item-data > div:last-child {
  font-size: 18px;
  font-weight: bold;
  white-space: nowrap;
}
#UpgradeQuantityDialog .upgrade-quantity-dialog-item .upgrade-quantity-dialog-item-data.you-save-hint {
  color: #6c9d0d;
}
#UpgradeQuantityDialog .upgrade-quantity-dialog-item.first-item {
  height: 44px;
}
#UpgradeQuantityDialog .upgrade-quantity-dialog-item.first-item .upgrade-quantity-dialog-item-data > div:last-child {
  font-size: 14px;
}
#UpgradeQuantityDialog .upgrade-quantity-dialog-quantity-item {
  display: flex;
  margin-bottom: 8px;
}
#UpgradeQuantityDialog .upgrade-quantity-dialog-quantity-item > * {
  margin-right: 8px;
}
#UpgradeQuantityDialog .upgrade-quantity-dialog-quantity-item .rc-component.rc-input {
  max-width: 120px;
}

.rc-mobile-view #UpgradeQuantityDialog .upgrade-quantity-dialog-item .rc-icon {
  right: 0;
}

.tooltip-dialog-overlay {
  position: fixed;
  z-index: 10000;
  inset: 0 0 0 0;
}
.tooltip-dialog-overlay:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 55px;
  background-color: #353840;
  opacity: 0.8;
}
.tooltip-dialog-overlay .tooltip-dialog-step-overlay-start, .tooltip-dialog-overlay .tooltip-dialog-step-overlay-end {
  background-color: #353840;
  opacity: 0.8;
  z-index: 1000;
  position: fixed;
  left: calc(100vw - 55px);
  right: 0;
}
.tooltip-dialog-overlay.desktop-designer-version:before {
  right: 81px;
}
.tooltip-dialog-overlay.desktop-designer-version .tooltip-dialog-step-overlay-start, .tooltip-dialog-overlay.desktop-designer-version .tooltip-dialog-step-overlay-end {
  left: calc(100vw - 81px);
}
.tooltip-dialog-overlay.desktop-designer-version .tooltip-dialog-content.desktop-version {
  right: 90px;
}
.tooltip-dialog-overlay.desktop-designer-version .tooltip-dialog-content.desktop-version .tooltip-arrow {
  height: 38px;
  width: 22px;
  background-image: url("../Svgs/Arrow-orientation-right.svg");
  background-size: cover;
  right: -21px;
  top: 8px;
  position: absolute;
}
.tooltip-dialog-overlay.desktop-designer-version .tooltip-dialog-content.desktop-version.step-0 {
  top: 8px;
}
.tooltip-dialog-overlay.desktop-designer-version .tooltip-dialog-content.desktop-version.step-1 {
  top: 68px;
}
.tooltip-dialog-overlay.desktop-designer-version .tooltip-dialog-content.desktop-version.step-2 {
  top: 128px;
}
.tooltip-dialog-overlay.desktop-designer-version .tooltip-dialog-content.desktop-version.step-3 {
  top: 188px;
}
.tooltip-dialog-overlay.desktop-designer-version .tooltip-dialog-content.desktop-version.step-4 {
  top: 248px;
}
.tooltip-dialog-overlay.desktop-designer-version .tooltip-dialog-content.desktop-version.step-5 {
  top: 308px;
}
.tooltip-dialog-overlay.desktop-designer-version .tooltip-dialog-content.desktop-version.step-6 {
  top: 368px;
}
.tooltip-dialog-overlay.desktop-designer-version.desktop-version.step-0 .tooltip-dialog-step-overlay-start {
  display: none;
}
.tooltip-dialog-overlay.desktop-designer-version.desktop-version.step-0 .tooltip-dialog-step-overlay-end {
  top: 61px;
  bottom: 0;
}
.tooltip-dialog-overlay.desktop-designer-version.desktop-version.step-1 .tooltip-dialog-step-overlay-start {
  top: 0;
  height: 61px;
}
.tooltip-dialog-overlay.desktop-designer-version.desktop-version.step-1 .tooltip-dialog-step-overlay-end {
  top: 122px;
  bottom: 0;
}
.tooltip-dialog-overlay.desktop-designer-version.desktop-version.step-2 .tooltip-dialog-step-overlay-start {
  top: 0;
  height: 122px;
}
.tooltip-dialog-overlay.desktop-designer-version.desktop-version.step-2 .tooltip-dialog-step-overlay-end {
  top: 183px;
  bottom: 0;
}
.tooltip-dialog-overlay.desktop-designer-version.desktop-version.step-3 .tooltip-dialog-step-overlay-start {
  top: 0;
  height: 183px;
}
.tooltip-dialog-overlay.desktop-designer-version.desktop-version.step-3 .tooltip-dialog-step-overlay-end {
  top: 244px;
  bottom: 0;
}
.tooltip-dialog-overlay.desktop-designer-version.desktop-version.step-4 .tooltip-dialog-step-overlay-start {
  top: 0;
  height: 244px;
}
.tooltip-dialog-overlay.desktop-designer-version.desktop-version.step-4 .tooltip-dialog-step-overlay-end {
  top: 305px;
  bottom: 0;
}
.tooltip-dialog-overlay.desktop-designer-version.desktop-version.step-5 .tooltip-dialog-step-overlay-start {
  top: 0;
  height: 305px;
}
.tooltip-dialog-overlay.desktop-designer-version.desktop-version.step-5 .tooltip-dialog-step-overlay-end {
  top: 366px;
  bottom: 0;
}
.tooltip-dialog-overlay.desktop-designer-version.desktop-version.step-6 .tooltip-dialog-step-overlay-start {
  top: 0;
  height: 366px;
}
.tooltip-dialog-overlay.desktop-designer-version.desktop-version.step-6 .tooltip-dialog-step-overlay-end {
  top: 427px;
  bottom: 0;
}
.tooltip-dialog-overlay.desktop-version.step-0 .tooltip-dialog-step-overlay-start {
  display: none;
}
.tooltip-dialog-overlay.desktop-version.step-0 .tooltip-dialog-step-overlay-end {
  top: 56px;
  bottom: 0;
}
.tooltip-dialog-overlay.desktop-version.step-1 .tooltip-dialog-step-overlay-start {
  top: 0;
  height: 56px;
}
.tooltip-dialog-overlay.desktop-version.step-1 .tooltip-dialog-step-overlay-end {
  top: 112px;
  bottom: 0;
}
.tooltip-dialog-overlay.desktop-version.step-2 .tooltip-dialog-step-overlay-start {
  top: 0;
  height: 112px;
}
.tooltip-dialog-overlay.desktop-version.step-2 .tooltip-dialog-step-overlay-end {
  top: 168px;
  bottom: 0;
}
.tooltip-dialog-overlay.desktop-version.step-3 .tooltip-dialog-step-overlay-start {
  top: 0;
  height: 168px;
}
.tooltip-dialog-overlay.desktop-version.step-3 .tooltip-dialog-step-overlay-end {
  top: 224px;
  bottom: 0;
}
.tooltip-dialog-overlay.desktop-version.step-4 .tooltip-dialog-step-overlay-start {
  top: 0;
  height: 224px;
}
.tooltip-dialog-overlay.desktop-version.step-4 .tooltip-dialog-step-overlay-end {
  top: 280px;
  bottom: 0;
}
.tooltip-dialog-overlay.desktop-version.step-5 .tooltip-dialog-step-overlay-start {
  top: 0;
  height: 280px;
}
.tooltip-dialog-overlay.desktop-version.step-5 .tooltip-dialog-step-overlay-end {
  top: 336px;
  bottom: 0;
}
.tooltip-dialog-overlay.desktop-version.step-6 .tooltip-dialog-step-overlay-start {
  top: 0;
  height: 336px;
}
.tooltip-dialog-overlay.desktop-version.step-6 .tooltip-dialog-step-overlay-end {
  top: 392px;
  bottom: 0;
}
.tooltip-dialog-overlay.mobile-version {
  z-index: 10001;
}
.tooltip-dialog-overlay.mobile-version:before {
  right: 0;
  bottom: 64px;
}
.tooltip-dialog-overlay.mobile-version.is-ios-device:before {
  bottom: 96px;
}
.tooltip-dialog-overlay.mobile-version .tooltip-dialog-step-overlay-start, .tooltip-dialog-overlay.mobile-version .tooltip-dialog-step-overlay-end {
  height: 64px;
  background-color: #353840;
  opacity: 0.8;
  z-index: 1000;
  position: fixed;
  bottom: 0;
}
.tooltip-dialog-overlay.mobile-version.is-ios-device .tooltip-dialog-step-overlay-start, .tooltip-dialog-overlay.mobile-version.is-ios-device .tooltip-dialog-step-overlay-end {
  height: 96px;
}
.tooltip-dialog-overlay.mobile-version .tooltip-dialog-step-overlay-start {
  left: 0;
}
.tooltip-dialog-overlay.mobile-version .tooltip-dialog-step-overlay-end {
  right: 0;
}
.tooltip-dialog-overlay .tooltip-dialog-content {
  box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.32);
  background-color: #ffffff;
  position: absolute;
  width: 400px;
  padding: 16px;
  box-sizing: border-box;
}
.tooltip-dialog-overlay .tooltip-dialog-content.mobile-version {
  width: calc(100% - 32px);
  left: 16px;
  bottom: 70px;
}
.tooltip-dialog-overlay .tooltip-dialog-content.mobile-version.is-ios-device {
  bottom: 100px;
}
.tooltip-dialog-overlay .tooltip-dialog-content.mobile-version .tooltip-arrow {
  width: 38px;
  height: 22px;
  background-image: url("../Svgs/Arrow-orientation-bottom.svg");
  background-size: cover;
  left: 8px;
  top: calc(100% - 1px);
  position: absolute;
}
.tooltip-dialog-overlay .tooltip-dialog-content.mobile-version.step-0 .tooltip-arrow {
  left: 8px;
}
.tooltip-dialog-overlay .tooltip-dialog-content.mobile-version.step-1 .tooltip-arrow {
  left: 120px;
}
.tooltip-dialog-overlay .tooltip-dialog-content.mobile-version.step-2 .tooltip-arrow {
  left: 228px;
}
.tooltip-dialog-overlay .tooltip-dialog-content.mobile-version.step-3 .tooltip-arrow {
  left: 340px;
}
.tooltip-dialog-overlay .tooltip-dialog-content.desktop-version {
  right: 64px;
}
.tooltip-dialog-overlay .tooltip-dialog-content.desktop-version .tooltip-arrow {
  height: 38px;
  width: 22px;
  background-image: url("../Svgs/Arrow-orientation-right.svg");
  background-size: cover;
  right: -21px;
  top: 8px;
  position: absolute;
}
.tooltip-dialog-overlay .tooltip-dialog-content.desktop-version.step-0 {
  top: 8px;
}
.tooltip-dialog-overlay .tooltip-dialog-content.desktop-version.step-1 {
  top: 62px;
}
.tooltip-dialog-overlay .tooltip-dialog-content.desktop-version.step-2 {
  top: 116px;
}
.tooltip-dialog-overlay .tooltip-dialog-content.desktop-version.step-3 {
  top: 170px;
}
.tooltip-dialog-overlay .tooltip-dialog-content.desktop-version.step-4 {
  top: 224px;
}
.tooltip-dialog-overlay .tooltip-dialog-content.desktop-version.step-5 {
  top: 278px;
}
.tooltip-dialog-overlay .tooltip-dialog-content.desktop-version.step-6 {
  top: 332px;
}

#ConfiguratorMobileTooltip.redesign .rc-dialog-content {
  width: 100%;
}

#LegalPageDialog .checkout-group-content .group-content-button, #MobileLegalPageDialog .checkout-group-content .group-content-button {
  justify-content: center;
}

#SelectGalleryDialog .dialog-scrollable-content {
  padding-top: 0;
  margin-top: 16px;
}
#SelectGalleryDialog .dialog-scrollable-content > div {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
#SelectGalleryDialog .breadcrumb {
  background-color: transparent;
  display: flex;
  margin-bottom: unset;
  min-height: 36px;
  align-items: center;
  padding-left: unset;
  justify-content: flex-start;
}
#SelectGalleryDialog .breadcrumb span strong {
  display: flex;
  align-items: center;
}
#SelectGalleryDialog .dialog-footer {
  padding-left: 16px;
  padding-right: 16px;
}
#SelectGalleryDialog .dialog-footer .dialog-footer-right {
  display: flex;
  gap: 16px;
}
#SelectGalleryDialog .dialog-footer-info-label {
  height: 36px;
  display: flex;
  align-items: center;
  color: #525252;
  font-size: 14px;
  line-height: 16px;
}
#SelectGalleryDialog .collection-dialog-header {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  z-index: 1;
  background-color: white;
  height: 36px;
  font-size: 16px;
  line-height: 18px;
  display: flex;
  align-items: center;
  color: #2C2C2C;
  width: 100%;
  justify-content: space-between;
}
#SelectGalleryDialog .collection-dialog-header .rc-label {
  font-weight: normal;
}
#SelectGalleryDialog .collection-dialog-header .rc-label-component.label-header {
  font-weight: bold;
}
#SelectGalleryDialog .collection-dialog-header .collection-dialog-header-right-section {
  display: flex;
  gap: 16px;
}
#SelectGalleryDialog .collection-dialog-header .collection-dialog-header-right-section .search-bar {
  max-width: 300px;
  min-width: 200px;
}
#SelectGalleryDialog .collection-dialog-header .collection-dialog-header-right-section .collection-dialog-header-view-type {
  display: flex;
  box-sizing: border-box;
  gap: 4px;
}
#SelectGalleryDialog .collection-dialog-header .collection-dialog-header-right-section .imageDisplaySteps {
  min-width: 150px;
}
#SelectGalleryDialog .collection-dialog-items {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 8px;
}
#SelectGalleryDialog .collection-dialog-items.collection-dialog-items-carousel {
  margin: 0 -16px 8px -16px;
  flex-wrap: nowrap;
  padding: 0 16px;
  overflow-x: auto;
}
#SelectGalleryDialog .collection-dialog-items .collection-dialog-collection-item {
  width: 214px;
  height: auto;
  margin: unset;
  cursor: pointer;
  padding: 0;
  background-color: #EFEFEF;
}
#SelectGalleryDialog .collection-dialog-items .collection-dialog-collection-item .content-card-image {
  width: 214px;
  height: 143px;
}
#SelectGalleryDialog .collection-dialog-items .collection-dialog-collection-item .content-card-image .image-tile svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#SelectGalleryDialog .collection-dialog-items .collection-dialog-collection-item .collection-dialog-collection-item-title {
  padding: 8px;
  color: #000000;
  font-size: 14px;
  line-height: 18px;
  word-wrap: break-word;
}
#SelectGalleryDialog .dialog-v2-body.disable-selection .image-pool-image-list {
  position: relative;
}
#SelectGalleryDialog .dialog-v2-body.disable-selection .image-pool-image-list:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.5);
}
#SelectGalleryDialog.rc-mobile-view .collection-dialog-items .collection-dialog-collection-item {
  width: calc((100vw - 32px - 8px) / 2);
}
#SelectGalleryDialog.rc-mobile-view .collection-dialog-items .collection-dialog-collection-item .content-card-image {
  width: calc((100vw - 32px - 8px) / 2);
  height: calc((100vw - 32px - 8px) / 2 * 143 / 214);
}
#SelectGalleryDialog.rc-mobile-view .collection-dialog-mobile-footer {
  display: flex;
  width: 100%;
}
#SelectGalleryDialog.rc-mobile-view .collection-dialog-mobile-footer > div {
  flex-basis: 50%;
  display: flex;
  align-items: center;
}
#SelectGalleryDialog.rc-mobile-view .collection-dialog-mobile-footer > div .dialog-footer-info-label {
  display: block;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#SelectGalleryDialog.rc-mobile-view .collection-dialog-mobile-footer > div button {
  width: auto;
  height: 44px;
  border-radius: 22px;
}
#SelectGalleryDialog.rc-mobile-view .collection-dialog-mobile-footer > div.footer-submit-button {
  justify-content: right;
}
#SelectGalleryDialog.rc-mobile-view .collection-dialog-header {
  padding-bottom: 8px;
}
#SelectGalleryDialog.rc-mobile-view .collection-dialog-header .checkout-group-content {
  flex: 1;
  max-width: 50%;
  padding: 8px;
  max-height: 52px;
}
#SelectGalleryDialog.rc-mobile-view .collection-dialog-header .checkout-group-content .group-content-drop-down {
  margin-bottom: unset;
}
#SelectGalleryDialog.rc-mobile-view .collection-dialog-header .checkout-group-content .rc-select.rc-mobile-component:not(.redesign) .selected-option {
  height: 36px;
  padding-bottom: unset;
}
#SelectGalleryDialog.rc-mobile-view .dialog-v2-body .image-pool-browser[data-view-type="4"] {
  margin: 0;
}
#SelectGalleryDialog.rc-mobile-view .dialog-v2-body .image-pool-browser[data-view-type="4"] .image-pool-image-list[data-view-type="4"] {
  padding: unset;
}

#MobileHYMUSurveyDialog.redesign .rc-dialog-wrapper {
  max-width: unset;
  width: 100%;
  margin: unset;
  height: 100%;
}
#MobileHYMUSurveyDialog.redesign .rc-dialog-wrapper .rc-dialog-content {
  max-height: 95vh;
  width: 100%;
  margin: 0 16px 0 16px;
}
#MobileHYMUSurveyDialog.redesign .rc-dialog-wrapper .rc-dialog-content .dialog-control .close-button {
  position: absolute;
  left: unset !important;
  right: 16px !important;
  top: 16px !important;
}
#MobileHYMUSurveyDialog.redesign .rc-dialog-wrapper .rc-dialog-content .dialog-control .close-button button {
  width: 18px;
  height: 18px;
}
#MobileHYMUSurveyDialog.redesign .rc-dialog-wrapper .rc-dialog-content .dialog-control .close-button button .rc-icon.sgw-icon {
  width: 18px;
  height: 18px;
}
#MobileHYMUSurveyDialog.redesign .rc-dialog-wrapper .rc-dialog-content .dialog-control .close-button button .rc-icon.sgw-icon:before {
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 18px;
}
#MobileHYMUSurveyDialog.redesign .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content {
  background-color: #FFF;
  padding: 50px 0 0 0;
  border-radius: 14px;
  width: 100%;
}
#MobileHYMUSurveyDialog.redesign .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .padding-wrapper {
  padding: 0 24px;
}
#MobileHYMUSurveyDialog.redesign .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .padding-wrapper .flex-form .checkout-group-content .group-content-label {
  font-size: 16px;
  color: #2C2C2C;
  min-height: unset;
  margin-bottom: 16px;
}
#MobileHYMUSurveyDialog.redesign .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .padding-wrapper .flex-form .checkout-group-content .group-content-radio-group {
  margin-bottom: unset;
}
#MobileHYMUSurveyDialog.redesign .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .padding-wrapper .flex-form .checkout-group-content .group-content-radio-group .group-content-radio-group-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
#MobileHYMUSurveyDialog.redesign .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .padding-wrapper .flex-form .checkout-group-content .group-content-radio-group .group-content-radio-group-content .group-content-radio.selected .rc-radio .rc-radio-label {
  font-weight: 600;
}
#MobileHYMUSurveyDialog.redesign .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .padding-wrapper .flex-form .checkout-group-content .group-content-radio-group .group-content-radio-group-content .group-content-radio .rc-radio .rc-radio-element {
  height: 20px;
  width: 20px;
  margin-right: unset;
}
#MobileHYMUSurveyDialog.redesign .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .padding-wrapper .flex-form .checkout-group-content .group-content-radio-group .group-content-radio-group-content .group-content-radio .rc-radio .rc-radio-label {
  padding: 8px 0 8px 8px;
  color: #2C2C2C;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  box-sizing: border-box;
}
#MobileHYMUSurveyDialog.redesign .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .padding-wrapper .flex-form .rc-floating-button {
  padding: 16px;
}
#MobileHYMUSurveyDialog.redesign .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .padding-wrapper .flex-form .rc-floating-button > button {
  box-shadow: unset;
}
#MobileHYMUSurveyDialog.redesign .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .padding-wrapper .flex-form .rc-floating-button > button.btn-disabled {
  opacity: 0.5;
}

.manufacturer-logo-image {
  display: flex;
  align-items: center;
}

#imagePoolDialog {
  background: #FFFFFF;
  padding: 0;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  min-height: 300px;
  width: 91.5%;
  /*height: 100%;*/
  height: 85vh;
  margin: 0 auto;
}
@media (max-width: 900px) {
  #imagePoolDialog {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
  }
}
@media (max-height: 600px) {
  #imagePoolDialog {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
  }
}
#imagePoolDialog .dialog-v2-header {
  padding: 16px;
}
#imagePoolDialog .dialog-v2-footer > div {
  display: flex;
  justify-content: space-between;
  padding: 16px;
  align-items: center;
}
#imagePoolDialog .dialog-v2-footer > div > div {
  margin-right: 16px;
}
#imagePoolDialog .dialog-v2-footer > div > div:last-child {
  margin-right: 0;
}
#imagePoolDialog .dialog-v2-footer .image-selection-hint {
  text-align: center;
}
#imagePoolDialog .dialog-v2-bottom-edit-toolbar {
  flex: 0;
  background: #3669C4;
  max-height: 0;
  transition: max-height 0.3s ease-out;
  color: #ffffff;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
}
#imagePoolDialog .dialog-v2-bottom-edit-toolbar .btn-simple:hover {
  text-decoration: underline;
}
#imagePoolDialog .dialog-v2-bottom-edit-toolbar .btn-simple .sgw-icon:before, #imagePoolDialog .dialog-v2-bottom-edit-toolbar .btn-simple .sgw-icon:hover:before {
  color: #FFFFFF;
}
#imagePoolDialog .dialog-v2-bottom-edit-toolbar .edit-toolbar .edit-toolbar-wrapper {
  justify-content: center;
}
@media (max-width: 1035px) {
  #imagePoolDialog .dialog-v2-bottom-edit-toolbar .edit-toolbar .edit-toolbar-wrapper .btn-toolbar {
    flex: 0 0 auto;
  }
}
@media (max-height: 800px) {
  #imagePoolDialog .dialog-v2-bottom-edit-toolbar .edit-toolbar .edit-toolbar-wrapper .btn-toolbar {
    flex: 0 0 auto;
  }
}
@media (max-width: 580px) {
  #imagePoolDialog .dialog-v2-bottom-edit-toolbar > div {
    display: flex;
    justify-content: center;
    flex-direction: column;
  }
}
#imagePoolDialog.edit .dialog-v2-bottom-edit-toolbar {
  max-height: 100%;
  transition: max-height 0.3s ease-in;
}

#imagePoolDialog .picker-link-button {
  margin: 16px;
}

#imagePoolDialog .dialog-v2-body {
  flex-direction: column;
  margin-top: 8px;
  flex: 1;
  position: relative;
  overflow: hidden;
  overflow-y: auto;
  display: flex;
  z-index: 0;
}
#imagePoolDialog .dialog-v2-body .rc-component.rc-snackbar {
  width: fit-content;
  padding: 0 32px;
  left: 50%;
  transform: translateX(-50%);
}

#imagePoolDialog .upload-image-info {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: inherit;
  flex: inherit;
  overflow: visible;
}

#imagePoolDialog .image-source-selection-mobile {
  display: none;
}

#imagePoolDialog.forbidden:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.44);
}

.image-pool-button-wrapper {
  position: relative;
}
.image-pool-button-wrapper .btn-simple {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.upload-image-info {
  text-align: center;
  display: flex;
  flex-direction: column;
}
.upload-image-info.hidden {
  display: none;
}
.upload-image-info .drag-here {
  color: #6C9D0D;
  font-size: 24px;
  margin-bottom: 16px;
  padding: 0;
  cursor: default;
}
.upload-image-info .drag-here.tab_image:before {
  width: 100%;
  text-align: center;
  font-size: 65px;
  height: 60px;
  line-height: 60px;
  margin-bottom: 8px;
  color: #6C9D0D;
  position: relative;
}
.upload-image-info .drag-image-or {
  font-size: 16px;
  margin-bottom: 16px;
  color: #6C9D0D;
}
.upload-image-info input[type=file] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.rc-mobile-view .upload-image-info {
  height: 100%;
  justify-content: center;
  align-items: center;
}
.rc-mobile-view .upload-image-info .image-pool-button-wrapper {
  width: 270px;
}

.image-pool-toolbar {
  display: flex;
  align-items: center;
}
.image-pool-toolbar > div {
  flex: auto;
  display: flex;
  z-index: 1;
}
.image-pool-toolbar > .upload-progress-container {
  z-index: 0;
  max-width: 70%;
}
.image-pool-toolbar > .upload-progress-container .upload-progress-dialog-data .rc-label-component {
  min-height: unset;
}
.image-pool-toolbar .image-pool-view-type-selection {
  justify-content: flex-end;
}
.image-pool-toolbar .image-pool-view-type-selection .view-type-button {
  margin-left: 4px;
  width: 36px;
  height: 36px;
}

.image-pool-progress-bar {
  flex: 0 0 260px;
  font-size: 12px;
}
.image-pool-progress-bar > div {
  display: flex;
}
.image-pool-progress-bar .image-pool-progress-bar-label {
  flex: 1;
}
.image-pool-progress-bar .progress-bar {
  height: 14px;
  position: relative;
  background: #EFEFEF;
}
.image-pool-progress-bar .progress-bar .progress-bar-value {
  align-self: center;
  flex: 0 0 10%;
  position: absolute;
  color: #FFFFFF;
  white-space: nowrap;
  margin-right: 2px;
}
.image-pool-progress-bar .progress-bar-progress {
  background: #3669C4;
  display: flex;
  position: relative;
  -webkit-transition-duration: 500ms;
  -moz-transition-duration: 500ms;
  -o-transition-duration: 500ms;
  transition-duration: 500ms;
}

.image-pool-source-selection {
  font-size: 14px;
  border-radius: 6px;
}
.image-pool-source-selection hr {
  border: 0;
  border-bottom: 1px solid #DBDBDB;
  margin: 8px 0;
}
.image-pool-source-selection > div:last-child {
  border: none;
}
.image-pool-source-selection .image-source-item {
  background-repeat: no-repeat;
  background-position: 8px center;
  -webkit-background-size: 20px 20px;
  background-size: 20px 20px;
  padding: 8px 8px 8px 36px;
  cursor: default;
  position: relative;
}

.drop-down-menu.image-pool-source-selection hr {
  margin: 8px 0;
}

.dialog-v2-body > .image-pool-browser {
  margin: 0 16px 0 12px;
  padding: 0 4px 0 0;
  flex: 1;
}
.dialog-v2-body > .image-pool-browser[data-view-type="1"] {
  margin-left: 0;
}
.dialog-v2-body > .image-pool-browser[data-view-type="2"] {
  margin-left: 4px;
}
.dialog-v2-body > .image-pool-browser[data-view-type="4"] {
  margin-left: 8px;
}

#imagePoolDialog .drop-file-info {
  background: #3669C4;
  color: #FFFFFF;
  padding: 4px 8px;
  bottom: 4px;
  position: absolute;
  z-index: 1;
  left: 50%;
  transform: translate(-50%, 0);
  display: none;
}

#imagePoolDialog.drag-file .drop-file-info {
  display: block;
}

.image-pool-image-list .image-item, .image-item {
  box-sizing: border-box;
  position: relative;
}
.image-pool-image-list .image-item.is-used, .image-item.is-used {
  opacity: 0.25;
}
.image-pool-image-list .image-item .image-usage-badge, .image-item .image-usage-badge {
  width: auto;
  height: 20px;
  background-color: #6c9d0d;
  color: #ffffff;
  justify-content: center;
  align-content: center;
  padding: 0 4px;
  position: absolute;
  top: 4px;
  left: 4px;
  z-index: 1;
  max-width: calc(100% - 12px);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
}

.image-pool-image-list .image-item-name {
  display: block;
  text-align: center;
  padding: 2px 0;
  box-sizing: border-box;
  word-break: break-all;
}
.image-pool-image-list .image-item svg {
  width: 100%;
  height: auto;
}

/**
***** ImagePool ListView *****
 */
.dialog-v2-body .image-pool-browser[data-view-type="0"] {
  margin-left: 0;
}

.image-pool-image-list .image-item .rc-loader.content-loader {
  z-index: 0;
}

.image-pool-image-list[data-view-type="0"] .image-list-item-wrapper {
  margin-left: 16px;
  position: relative;
  overflow: visible;
}

.image-pool-image-list[data-view-type="0"] .image-list-item-wrapper:hover {
  background: #EFEFEF;
}

.image-pool-image-list[data-view-type="0"] .image-list-item > div {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #EFEFEF;
  cursor: pointer;
  padding: 8px 0;
}

.image-pool-image-list[data-view-type="0"] .image-list-item-wrapper:first-child {
  background: #FFFFFF;
  position: sticky;
  top: 0;
  z-index: 1;
}

.image-pool-image-list[data-view-type="0"] .image-list-item-wrapper:first-child .image-list-item {
  cursor: default;
  padding-top: 0;
  border-bottom: none;
}

.image-pool-image-list[data-view-type="0"] .image-item {
  flex: 0 0 52px;
  height: 52px;
  margin-right: 16px;
  margin-left: 8px;
}

.image-pool-image-list[data-view-type="0"] .image-list-item-wrapper:first-child .image-list-item .image-information {
  padding-bottom: 8px;
}

.image-pool-image-list[data-view-type="0"] .image-list-item .image-file-name {
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 16px;
  overflow: hidden;
}

.image-pool-image-list[data-view-type="0"] .image-list-item .image-information {
  justify-content: flex-end;
  display: flex;
  flex: 1 0 350px;
}

.image-pool-image-list[data-view-type="0"] .image-list-item .image-information > div {
  margin-right: 16px;
}

.image-pool-image-list[data-view-type="0"] .image-list-item .image-information .image-information-width,
.image-pool-image-list[data-view-type="0"] .image-list-item .image-information .image-information-height {
  flex: 0 0 80px;
}

.image-pool-image-list[data-view-type="0"] .image-list-item .image-information .image-information-date {
  flex: 0 0 120px;
  white-space: nowrap;
}

/**
***** ImagePool NormalView *****
 */
.image-pool-image-list[data-view-type="1"], .image-pool-image-list[data-view-type="2"], .image-pool-image-list[data-view-type="4"] {
  display: flex;
  flex-wrap: wrap;
}
.image-pool-image-list[data-view-type="1"] .image-item-wrapper.image-is-disabled, .image-pool-image-list[data-view-type="2"] .image-item-wrapper.image-is-disabled, .image-pool-image-list[data-view-type="4"] .image-item-wrapper.image-is-disabled {
  opacity: 0.5;
}
.image-pool-image-list[data-view-type="1"] .image-item-wrapper.image-is-hidden, .image-pool-image-list[data-view-type="2"] .image-item-wrapper.image-is-hidden, .image-pool-image-list[data-view-type="4"] .image-item-wrapper.image-is-hidden {
  display: none;
}
.image-pool-image-list[data-view-type="1"] .image-item-wrapper > div, .image-pool-image-list[data-view-type="2"] .image-item-wrapper > div, .image-pool-image-list[data-view-type="4"] .image-item-wrapper > div {
  margin: 0 4px 8px 4px;
}
.image-pool-image-list[data-view-type="1"] .image-item-wrapper .image-item, .image-pool-image-list[data-view-type="2"] .image-item-wrapper .image-item, .image-pool-image-list[data-view-type="4"] .image-item-wrapper .image-item {
  width: 100%;
  height: 100%;
  padding-bottom: 70%;
  margin: 0;
  aspect-ratio: 1/1;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.image-pool-image-list[data-view-type="1"] .image-item-wrapper .image-item.error, .image-pool-image-list[data-view-type="2"] .image-item-wrapper .image-item.error, .image-pool-image-list[data-view-type="4"] .image-item-wrapper .image-item.error {
  padding-bottom: unset;
}
.image-pool-image-list[data-view-type="1"] .image-item-wrapper .image-item.error svg, .image-pool-image-list[data-view-type="2"] .image-item-wrapper .image-item.error svg, .image-pool-image-list[data-view-type="4"] .image-item-wrapper .image-item.error svg {
  max-width: 100%;
  max-height: 100%;
}
.image-pool-image-list[data-view-type="1"] .image-item-wrapper .add-more-images, .image-pool-image-list[data-view-type="2"] .image-item-wrapper .add-more-images, .image-pool-image-list[data-view-type="4"] .image-item-wrapper .add-more-images {
  position: absolute;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.image-pool-image-list[data-view-type="1"] .image-item-wrapper .add-more-images .tab_image_box, .image-pool-image-list[data-view-type="2"] .image-item-wrapper .add-more-images .tab_image_box, .image-pool-image-list[data-view-type="4"] .image-item-wrapper .add-more-images .tab_image_box {
  width: 22px;
  height: 22px;
  margin-top: 20px;
  margin-bottom: 4px;
  padding: 0;
}
.image-pool-image-list[data-view-type="1"] .image-item-wrapper .add-more-images .tab_image_box:before, .image-pool-image-list[data-view-type="2"] .image-item-wrapper .add-more-images .tab_image_box:before, .image-pool-image-list[data-view-type="4"] .image-item-wrapper .add-more-images .tab_image_box:before {
  font-size: 22px;
  width: 22px;
  height: 22px;
}

.image-pool-image-list[data-view-type="1"] .image-item-wrapper {
  flex: 0 0 282px;
  width: 282px;
  margin: 16px;
}

.image-pool-image-list[data-view-type="2"] .image-item-wrapper {
  flex: 0 0 168px;
  width: 168px;
  margin: 8px;
}

.image-pool-image-list[data-view-type="4"] .image-item-wrapper {
  flex: 0 0 76px;
  width: 76px;
  margin: 4px;
}

/**
***** ImagePool NormalView, dialog *****
 */
.dialog-v2-body .image-pool-image-list[data-view-type="1"], .dialog-v2-body .image-pool-image-list[data-view-type="2"], .dialog-v2-body .image-pool-image-list[data-view-type="4"] {
  display: flex;
  flex-wrap: wrap;
  padding: 16px;
  box-sizing: border-box;
}
.dialog-v2-body .image-pool-image-list[data-view-type="1"] .image-item-wrapper > div, .dialog-v2-body .image-pool-image-list[data-view-type="2"] .image-item-wrapper > div, .dialog-v2-body .image-pool-image-list[data-view-type="4"] .image-item-wrapper > div {
  margin: unset;
}
.dialog-v2-body .image-pool-image-list[data-view-type="1"] .image-item-wrapper > div, .dialog-v2-body .image-pool-image-list[data-view-type="2"] .image-item-wrapper > div, .dialog-v2-body .image-pool-image-list[data-view-type="4"] .image-item-wrapper > div {
  display: flex;
  flex-direction: column;
}
.dialog-v2-body .image-pool-image-list[data-view-type="1"] .image-item-wrapper > div > div:first-child, .dialog-v2-body .image-pool-image-list[data-view-type="2"] .image-item-wrapper > div > div:first-child, .dialog-v2-body .image-pool-image-list[data-view-type="4"] .image-item-wrapper > div > div:first-child {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.dialog-v2-body .image-pool-image-list[data-view-type="1"] .image-item-wrapper .image-item, .dialog-v2-body .image-pool-image-list[data-view-type="2"] .image-item-wrapper .image-item, .dialog-v2-body .image-pool-image-list[data-view-type="4"] .image-item-wrapper .image-item {
  width: 100%;
  height: 100%;
  padding-bottom: 70%;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.dialog-v2-body .image-pool-image-list[data-view-type="1"] .image-item-wrapper .image-item.error, .dialog-v2-body .image-pool-image-list[data-view-type="2"] .image-item-wrapper .image-item.error, .dialog-v2-body .image-pool-image-list[data-view-type="4"] .image-item-wrapper .image-item.error {
  padding-bottom: unset;
}
.dialog-v2-body .image-pool-image-list[data-view-type="1"] .image-item-wrapper .image-item.error svg, .dialog-v2-body .image-pool-image-list[data-view-type="2"] .image-item-wrapper .image-item.error svg, .dialog-v2-body .image-pool-image-list[data-view-type="4"] .image-item-wrapper .image-item.error svg {
  max-width: 100%;
  max-height: 100%;
}
.dialog-v2-body .image-pool-image-list[data-view-type="1"] .image-item-wrapper .add-more-images, .dialog-v2-body .image-pool-image-list[data-view-type="2"] .image-item-wrapper .add-more-images, .dialog-v2-body .image-pool-image-list[data-view-type="4"] .image-item-wrapper .add-more-images {
  position: absolute;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.dialog-v2-body .image-pool-image-list[data-view-type="1"] .image-item-wrapper .add-more-images .tab_image_box, .dialog-v2-body .image-pool-image-list[data-view-type="2"] .image-item-wrapper .add-more-images .tab_image_box, .dialog-v2-body .image-pool-image-list[data-view-type="4"] .image-item-wrapper .add-more-images .tab_image_box {
  width: 22px;
  height: 22px;
  margin-top: 20px;
  margin-bottom: 4px;
  padding: 0;
}
.dialog-v2-body .image-pool-image-list[data-view-type="1"] .image-item-wrapper .add-more-images .tab_image_box:before, .dialog-v2-body .image-pool-image-list[data-view-type="2"] .image-item-wrapper .add-more-images .tab_image_box:before, .dialog-v2-body .image-pool-image-list[data-view-type="4"] .image-item-wrapper .add-more-images .tab_image_box:before {
  font-size: 22px;
  width: 22px;
  height: 22px;
}
.dialog-v2-body .image-pool-image-list[data-view-type="1"] {
  gap: 32px;
}
.dialog-v2-body .image-pool-image-list[data-view-type="1"] .image-item-wrapper {
  flex: 0 0 282px;
  width: 282px;
  min-height: 282px;
  margin: unset;
}
.dialog-v2-body .image-pool-image-list[data-view-type="1"] .image-item-wrapper .image-item {
  width: 282px;
  height: 282px;
}
.dialog-v2-body .image-pool-image-list[data-view-type="2"] {
  gap: 16px;
}
.dialog-v2-body .image-pool-image-list[data-view-type="2"] .image-item-wrapper {
  flex: 0 0 168px;
  width: 168px;
  min-height: 188px;
  margin: unset;
}
.dialog-v2-body .image-pool-image-list[data-view-type="2"] .image-item-wrapper .image-item {
  width: 168px;
  height: 168px;
}
.dialog-v2-body .image-pool-image-list[data-view-type="4"] {
  gap: 8px;
}
.dialog-v2-body .image-pool-image-list[data-view-type="4"] .image-item-wrapper {
  flex: 0 0 76px;
  width: 76px;
  min-height: 76px;
  margin: unset;
}
.dialog-v2-body .image-pool-image-list[data-view-type="4"] .image-item-wrapper .image-item {
  width: 76px;
  height: 76px;
}

.image-pool-image-list .image-item .default-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.image-pool-image-list .image-item-wrapper .image-item .image-selection-border {
  display: block;
  border: 4px solid transparent;
  position: absolute;
  top: calc(50% - 1px);
  transform: translateY(-50%);
  box-sizing: border-box;
  z-index: 1;
}
.image-pool-image-list .image-item-wrapper .image-item .image-selection-border .image-item-feedback {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  position: absolute;
  left: 2px;
  top: 2px;
}
.image-pool-image-list .image-item-wrapper .image-item .image-selection-border .image-item-feedback.image-item-feedback-3 {
  background-color: #1cd622;
}
.image-pool-image-list .image-item-wrapper .image-item .image-selection-border .image-item-feedback.image-item-feedback-2 {
  background-color: #ff8c00;
}
.image-pool-image-list .image-item-wrapper .image-item .image-selection-border .image-item-feedback.image-item-feedback-1 {
  background-color: #ff0000;
}
.image-pool-image-list .image-item-wrapper .image-item .image-selection-border .image-item-zoom-button {
  position: absolute;
  box-sizing: border-box;
  bottom: 2px;
  left: 2px;
  width: 24px;
  height: 24px;
  display: none;
}
.image-pool-image-list .image-item-wrapper .image-item .image-selection-border .image-item-zoom-button .sgw-icon {
  width: 24px;
  height: 24px;
}
.image-pool-image-list .image-item-wrapper .image-item .image-selection-border:hover .image-item-zoom-button {
  display: block;
}
.image-pool-image-list .image-item-wrapper .image-item .image-selection-border .image-item-stack-badge {
  position: absolute;
  box-sizing: border-box;
  top: 2px;
  right: 2px;
  width: 35px;
  height: 24px;
  padding: 0 0 0 4px;
  cursor: auto;
}
.image-pool-image-list .image-item-wrapper .image-item .image-selection-border .image-item-stack-badge .sgw-icon {
  margin-left: 4px;
}
.image-pool-image-list .image-item-wrapper .image-item .image-selection-border .image-item-stack-badge .sgw-icon:before {
  font-size: 18px;
  width: 24px;
  height: 24px;
  line-height: 24px;
}
.image-pool-image-list .image-item-wrapper .image-item .image-selection-border .rc-icon.sgw-icon.image-item-wishlist {
  width: 26px;
  height: 20px;
  background-color: #ffffff;
  padding: unset;
  border-radius: 4px;
  position: absolute;
  left: 4px;
  top: 4px;
}

.image-pool-image-list .image-item-wrapper:hover .image-item-zoom-button {
  display: block;
}

.edit .image-pool-image-list .image-item-wrapper .image-item .image-selection-border {
  border-color: #EEEEEE;
}

.image-pool-image-list .image-item.error .image-selection-border,
.edit .image-pool-image-list .image-item.error .image-selection-border,
.image-list-item .image-item.error .image-selection-border {
  border-color: #d7032c;
  width: 100%;
  height: 100%;
}

.image-pool-image-list .image-item-wrapper.selected .image-item.error .image-selection-border,
.image-pool-image-list .image-item-wrapper.selected .image-item .image-selection-border,
.edit .image-pool-image-list .image-item-wrapper.selected .image-item.error .image-selection-border {
  border-color: #3669C4;
}

.image-pool-image-list .image-item-wrapper.to-import .image-item .image-selection-border {
  border-color: #6c9d0d;
}

.image-pool-image-list .image-list-item-wrapper .image-list-item.selected {
  background-color: #e2e2e2;
}

.image-pool-image-list .image-list-item-wrapper:hover .image-list-item.selected {
  background-color: #EFEFEF;
}

.image-pool-image-list .image-item img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
}

.image-pool-image-list .image-item img.portrait {
  height: 100%;
  width: auto;
}

.image-pool-image-list .image-item img.landscape {
  height: auto;
  top: 50%;
}

.image-pool-image-list .image-item img.square {
  height: 100%;
  aspect-ratio: 1;
}

.social-media-button-wrapper {
  position: relative;
}

.btn-simple.social-media-button {
  background-position: 24px center;
  -webkit-background-size: 20px 20px;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  padding-left: 52px;
  height: unset;
}

.image-pool-mobile-folder-list {
  margin-bottom: 16px;
}
.image-pool-mobile-folder-list button {
  width: 100%;
  box-sizing: border-box;
  justify-content: left;
}
.image-pool-mobile-folder-list button .btn-label {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.external-source-selection-logout button {
  width: 100%;
}
.external-source-selection-logout button .btn-label {
  color: #3669C4;
  font-weight: bold;
}

.image-pool-folder-list {
  display: flex;
  margin: 0 16px 0 16px;
  flex-wrap: wrap;
  max-height: 200px;
  overflow-y: auto;
}
.image-pool-folder-list > button {
  white-space: nowrap;
  margin-right: 8px;
  margin-bottom: 8px;
  box-sizing: border-box;
  justify-content: left;
  width: calc(12.5% - 16px);
  max-width: 220px;
}
@media (max-width: 1600px) {
  .image-pool-folder-list > button {
    width: calc(16.6666666667% - 16px);
    max-width: unset;
  }
}
@media (max-width: 1400px) {
  .image-pool-folder-list > button {
    width: calc(20% - 16px);
  }
}
@media (max-width: 1200px) {
  .image-pool-folder-list > button {
    width: calc(25% - 16px);
  }
}
@media (max-width: 900px) {
  .image-pool-folder-list > button {
    width: calc(33.3333333333% - 16px);
  }
}
@media (max-width: 600px) {
  .image-pool-folder-list > button {
    width: calc(50% - 16px);
  }
}
.image-pool-folder-list > button div:not(.rc-icon) {
  overflow: hidden;
  text-overflow: ellipsis;
}
.image-pool-folder-list .image-pool-folder-item {
  padding: 8px 16px;
  background: #EFEFEF;
  margin-right: 8px;
}
.image-pool-folder-list .image-pool-folder-item.sgw-icon {
  padding-left: 36px;
}
.image-pool-folder-list .image-pool-folder-item.sgw-icon:before {
  left: 8px;
  top: 7px;
}

.image-pool-folder-breadcrumb {
  display: flex;
  align-items: center;
  padding-bottom: 4px;
  margin: 0 16px 8px 16px;
  overflow-y: auto;
}
.image-pool-folder-breadcrumb .image-pool-folder-breadcrumb-item {
  padding: 0 8px;
  text-decoration: underline;
  cursor: pointer;
  white-space: nowrap;
}
.image-pool-folder-breadcrumb .image-pool-folder-breadcrumb-item:last-child {
  text-decoration: none;
  cursor: default;
}
.image-pool-folder-breadcrumb .image-pool-folder-breadcrumb-item:last-child:hover {
  color: inherit;
}
.image-pool-folder-breadcrumb .image-pool-folder-breadcrumb-item:hover {
  color: #3669C4;
}
.image-pool-folder-breadcrumb .image-pool-folder-breadcrumb-separator {
  border-left: 5px solid #6E6E6E;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}

.image-pool-sidebar {
  max-height: 100%;
  height: 100%;
  flex: 1;
  position: relative;
}
.image-pool-sidebar > div {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.image-pool-sidebar .checkout-group-content {
  padding: 8px;
}
.image-pool-sidebar .image-pool-sidebar-header {
  flex: 0 0 36px;
  position: relative;
  max-height: 36px;
  padding: 0 8px;
}
.image-pool-sidebar .image-pool-sidebar-header .btn-simple.btn-submit {
  width: 100%;
}
.image-pool-sidebar .image-pool-sidebar-body {
  flex: 1 1 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  position: relative;
  padding: 0 8px;
}
.image-pool-sidebar .image-pool-sidebar-body .image-pool-browser {
  margin-top: 20px;
  padding: 0 0 0 2px;
}
.image-pool-sidebar .image-pool-sidebar-body .image-pool-sidebar-control {
  padding-bottom: 4px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.image-pool-sidebar .image-pool-sidebar-body .image-pool-sidebar-control .image-pool-sidebar-control-line {
  display: flex;
}
.image-pool-sidebar .image-pool-sidebar-body .image-pool-sidebar-control .image-pool-sidebar-control-line .rc-checkbox {
  flex: 1;
}
.image-pool-sidebar .image-pool-sidebar-body .image-pool-sidebar-control .image-pool-sidebar-control-line .rc-select {
  flex: 1;
}
.image-pool-sidebar .image-pool-sidebar-body .image-pool-sidebar-control .image-pool-sidebar-control-line .rc-select .selected-option {
  height: 36px;
}
.image-pool-sidebar .image-pool-sidebar-body .image-pool-sidebar-control .image-pool-sidebar-control-line button {
  margin-left: 8px;
  padding: 8px;
}
.image-pool-sidebar .image-pool-sidebar-body .image-pool-sidebar-control .image-pool-sidebar-control-line button.selected {
  font-weight: bold;
}
.image-pool-sidebar .image-pool-sidebar-body .image-pool-sidebar-control .image-pool-sidebar-control-line button.selected .sgw-icon:before {
  color: #3669c4;
}
.image-pool-sidebar .image-pool-sidebar-body .image-list-item-wrapper.image-is-hidden {
  display: none;
}
.image-pool-sidebar .image-pool-sidebar-body .image-list-item-wrapper .image-list-item {
  height: 22px;
  padding: 0 4px;
  margin-bottom: 2px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.image-pool-sidebar .image-pool-sidebar-body .image-list-item-wrapper .image-list-item > div {
  flex: 1;
  max-width: 100%;
}
.image-pool-sidebar .image-pool-sidebar-body .image-list-item-wrapper .image-list-item > div .image-file-name span {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.image-pool-sidebar .image-pool-sidebar-body .image-list-item-wrapper .image-list-item .image-usage-badge {
  width: 18px;
  height: 18px;
  background-color: #6c9d0d;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-content: center;
  flex: 0 0 18px;
}
.image-pool-sidebar .image-pool-sidebar-body .image-list-item-wrapper .image-list-item.selected {
  background-color: rgb(226.25, 226.25, 226.25);
}
.image-pool-sidebar .image-pool-sidebar-body .image-list-item-wrapper .image-information, .image-pool-sidebar .image-pool-sidebar-body .image-list-item-wrapper .image-item {
  display: none;
}
.image-pool-sidebar .image-pool-tabs {
  display: flex;
  margin-bottom: 8px;
}
.image-pool-sidebar .image-pool-tabs .image-pool-tab {
  cursor: pointer;
  padding: 4px;
  flex: 1;
  text-align: center;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.image-pool-sidebar .image-pool-tabs .image-pool-tab .rc-label-component {
  height: 24px;
  min-height: unset;
}
.image-pool-sidebar .image-pool-tabs .image-pool-tab.is-selected {
  border-bottom: 3px solid #3568c4;
}
.image-pool-sidebar .image-pool-tabs .image-pool-tab.is-selected .rc-label-component {
  color: #3568c4;
}
.image-pool-sidebar .image-pool-collections-browser {
  overflow: auto;
  overflow-y: scroll;
  min-height: 220px;
  max-height: 220px;
  margin-bottom: 4px;
}
.image-pool-sidebar .image-pool-collections-browser .rc-browser-node-list .rc-label-component {
  min-height: 24px;
  width: 100%;
}
.image-pool-sidebar .image-pool-collections-section {
  display: flex;
  padding-left: 4px;
}
.image-pool-sidebar .image-pool-collections-section .sgw-icon:before {
  color: #3669c4;
}
.image-pool-sidebar .image-pool-collections-section .rc-label-component {
  padding-left: 4px;
}
.image-pool-sidebar .image-pool-source-selection {
  width: calc(100% - 8px);
  left: 4px;
  min-width: inherit;
}
.image-pool-sidebar .image-pool-sidebar-toolbar {
  position: relative;
  bottom: 0;
  background: #3669C4;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  max-height: 0;
  transition: max-height 0.3s ease-out;
  overflow: hidden;
}
.image-pool-sidebar .image-pool-sidebar-toolbar > div {
  flex: 0;
  padding: 8px;
}
.image-pool-sidebar .image-pool-sidebar-toolbar > div > div {
  white-space: nowrap;
  padding-left: 28px;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
}
.image-pool-sidebar .image-pool-sidebar-toolbar > div > div:hover {
  text-decoration: underline;
}
.image-pool-sidebar .image-pool-sidebar-toolbar > div > div:before {
  color: #FFFFFF;
}
.image-pool-sidebar .image-pool-sidebar-toolbar .btn-simple {
  height: unset;
  padding: 4px 32px;
}
.image-pool-sidebar.edit .image-pool-sidebar-toolbar {
  max-height: 100%;
  transition: max-height 0.3s ease-in;
}
.image-pool-sidebar .image-pool-image-list .image-item-wrapper .draggable-placeholder {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: transparent;
}
.image-pool-sidebar .image-pool-image-list .image-item-wrapper div[draggable=true] .draggable-placeholder {
  cursor: move;
}
.image-pool-sidebar .image-pool-image-list[data-view-type="1"] .image-item-wrapper {
  flex: 0 0 90%;
  min-height: 50px;
  width: 100%;
}
.image-pool-sidebar .image-pool-image-list[data-view-type="1"] .image-item-wrapper > div {
  padding: 2px;
  margin: unset;
  position: relative;
}
.image-pool-sidebar .image-pool-image-list[data-view-type="2"] .image-item-wrapper {
  flex: 0 0 50%;
  min-height: 50px;
  width: 50%;
  margin: unset;
}
.image-pool-sidebar .image-pool-image-list[data-view-type="2"] .image-item-wrapper > div {
  padding: 2px;
  margin: unset;
  position: relative;
}
.image-pool-sidebar .image-pool-image-list[data-view-type="4"] .image-item-wrapper {
  flex: 0 0 33%;
  min-height: 50px;
  width: 33%;
  margin: unset;
}
.image-pool-sidebar .image-pool-image-list[data-view-type="4"] .image-item-wrapper > div {
  padding: 2px;
  margin: unset;
  position: relative;
}
.image-pool-sidebar .btn-add-more-images {
  font-size: 14px;
  width: 100%;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
}
.image-pool-sidebar .btn-add-more-images.sgw-icon {
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  padding: 0;
  height: 100%;
}
.image-pool-sidebar .btn-add-more-images.sgw-icon:before {
  color: #FFFFFF;
  position: relative;
  display: inline-block;
  transform: none;
  top: auto;
  padding-right: 6px;
}

.image-pool-view-menu-wrapper {
  margin-left: 4px;
}
.image-pool-view-menu-wrapper > .btn-icon-only {
  display: flex;
  justify-content: center;
  align-items: center;
}
.image-pool-view-menu-wrapper button {
  margin-left: 4px;
  width: unset;
  padding: 8px;
  justify-content: start;
}
.image-pool-view-menu-wrapper button.selected {
  font-weight: 700;
}
.image-pool-view-menu-wrapper button.selected .sgw-icon:before {
  color: #3669C4;
}
.image-pool-view-menu-wrapper button .btn-label {
  font-size: 12px;
}
.image-pool-view-menu-wrapper .image-pool-view-menu {
  display: flex;
  flex-direction: column;
  position: fixed;
  text-align: left;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.44);
  padding: 4px 12px 4px 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 10;
  background: #fff;
  white-space: nowrap;
  margin-left: 4px;
  border-radius: 6px;
}
.image-pool-view-menu-wrapper .image-pool-view-menu .sgw-icon {
  width: 18px;
  margin-right: 12px;
}
.image-pool-view-menu-wrapper .rc-checkbox {
  padding: 8px;
}
.image-pool-view-menu-wrapper .rc-checkbox .rc-checkbox-box {
  margin: 0 12px 0 4px;
}

.rc-context-menu.bulk-orderer-article-options {
  left: unset;
  right: 0;
  top: 100%;
}

.drop-down-menu {
  left: 0;
  position: absolute;
  text-align: left;
  top: 100%;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.44);
  padding: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 10;
  background: #ffffff;
  white-space: nowrap;
  display: flex;
  flex-direction: column;
}
.drop-down-menu.bulk-orderer-article-options {
  left: unset;
  right: 0;
  top: 100%;
}

.drop-down-menu > div {
  /*flex: 0 0 auto;*/
}

.drop-down-menu .drop-down-menu-header {
  display: none;
}

.drop-down-menu-body {
  flex: auto;
  overflow-y: auto;
}

.drop-down-menu .drop-down-menu-item {
  background-repeat: no-repeat;
  background-position: 8px center;
  -webkit-background-size: 20px 20px;
  background-size: 20px 20px;
  padding: 16px 16px 16px 28px;
  cursor: default;
  position: relative;
}
.drop-down-menu .drop-down-menu-item.image-source-item {
  padding: 8px 8px 8px 36px;
}

.bulk-orderer-article-options.drop-down-menu .drop-down-menu-item {
  padding: 0;
}
.bulk-orderer-article-options.drop-down-menu .drop-down-menu-item.drop-down-menu-action-item .btn-simple.btn-icon {
  margin-left: 0;
  padding-left: 16px;
  width: 100%;
  justify-content: left;
}

.drop-down-menu .drop-down-menu-item.sgw-icon:before {
  height: 21px;
  width: 21px;
  top: 15px;
  left: 4px;
  font-size: 21px;
}

.drop-down-menu .drop-down-menu-item.drop-down-menu-action-item {
  cursor: pointer;
}

.drop-down-menu .drop-down-menu-item.drop-down-menu-action-item:hover {
  background-color: #efefef;
}

.drop-down-menu .drop-down-menu-item input[type=file] {
  cursor: default;
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.drop-down-menu-footer {
  display: none;
}

.drop-down-menu hr {
  margin: 0;
  border: 0;
  border-bottom: 1px solid #DBDBDB;
}

@media (max-width: 630px) {
  .drop-down-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 8px 8px 0;
    font-size: 18px;
  }
  .drop-down-menu > div {
    align-items: center;
  }
  .drop-down-menu .drop-down-menu-header {
    display: flex;
    flex: 0 0 48px;
    align-items: center;
    justify-content: center;
  }
  .drop-down-menu .drop-down-menu-item.sgw-icon:before {
    width: 68px;
    height: 68px;
    font-size: 68px;
  }
  .drop-down-menu-footer {
    display: flex;
    flex: 0 0 54px;
  }
  .drop-down-menu-footer > div {
    flex: auto;
  }
  .drop-down-menu-footer > div:last-child {
    text-align: right;
  }
}
@media (max-width: 1035px) {
  .dialog-v2-header > div.image-pool-toolbar {
    padding: 8px;
  }
  .image-pool-toolbar .add-more-images {
    text-align: center;
  }
  .image-item-wrapper .add-more-images {
    position: absolute;
    text-align: center;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .image-item-wrapper .add-more-images .sgw-icon {
    width: 24px;
    height: 24px;
    padding: 0;
    margin: 0 auto;
  }
  .image-item-wrapper .add-more-images .sgw-icon:before {
    font-size: 24px;
  }
  .image-pool-image-list[data-view-type="2"] .image-item-wrapper {
    flex: 0 0 16.6%;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .image-pool-image-list[data-view-type="2"] .image-item-wrapper:not(.redesign) {
    padding-bottom: 16.6%;
  }
  .image-pool-view-type-selection, .image-pool-toolbar .image-pool-view-type-selection {
    display: none;
  }
  .image-pool-image-list[data-view-type="2"] .image-item-wrapper > div {
    margin: 0 4px 8px 4px;
  }
  .image-pool-sidebar .image-pool-image-list[data-view-type="2"] .image-item-wrapper {
    flex: 0 0 33%;
    padding-bottom: 33%;
  }
  .dialog-v2-body > .image-pool-browser {
    margin: 0 8px 0 4px;
    padding: 0;
  }
  #imagePoolDialog .dialog-v2-footer > div {
    padding: 8px;
  }
}
@media (max-width: 1025px) {
  .image-pool-sidebar .image-pool-image-list[data-view-type="2"] .image-item-wrapper {
    flex: 0 0 50%;
    padding-bottom: 50%;
  }
}
@media (max-width: 630px) {
  #imagePoolDialog .image-source-selection-mobile {
    display: block;
  }
  .image-pool-button-wrapper, .social-media-button-wrapper {
    flex: 0 0 100%;
  }
  .image-pool-sidebar .image-pool-image-list[data-view-type="2"] .image-item-wrapper {
    flex: 0 0 100%;
    max-width: 100%;
    padding-bottom: 100%;
  }
  .drop-down-menu.image-pool-source-selection .image-source-item {
    background-color: #EFEFEF;
    padding: 16px 8px 16px 60px;
    margin-bottom: 8px;
    background-size: 32px 32px;
  }
  .drop-down-menu .drop-down-menu-item {
    background-position-x: 16px;
  }
  .image-pool-sidebar .btn-add-more-images.sgw-icon span {
    display: none;
  }
  /*.image-pool-image-list[data-view-type="2"] .image-item-wrapper {
  		//flex: 0 0 33.3%;
  		flex: 0 0 28%;
  		max-width: 33.3%;
  		position: relative;
  		box-sizing: border-box;
  		height: 0;
  		padding-bottom: 28%;

  		.image-item-name {
  				font-size: 12px;
  		}
  }*/
}
.image-pool-browser.qrcode-upload-view {
  margin-top: 32px;
}
.image-pool-browser.qrcode-upload-view .image-pool-image-list[data-view-type="2"] .image-item-wrapper {
  flex: 0 0 25%;
  max-width: 25%;
  position: relative;
  box-sizing: border-box;
  height: unset;
  padding-bottom: unset;
  margin: unset;
}
.image-pool-browser.qrcode-upload-view .image-pool-image-list[data-view-type="2"] .image-item-wrapper .image-item-name {
  font-size: 12px;
}
@media (orientation: landscape) {
  .image-pool-browser.qrcode-upload-view .image-pool-image-list[data-view-type="2"] .image-item-wrapper {
    flex: 0 0 16.6%;
    max-width: 16.6%;
  }
}

@media (max-width: 2178px) {
  #ImagePoolDialogWrapper {
    max-width: 2015px;
  }
}
@media (max-width: 2015px) {
  #ImagePoolDialogWrapper {
    max-width: 1852px;
  }
}
@media (max-width: 1852px) {
  #ImagePoolDialogWrapper {
    max-width: 1688px;
  }
}
@media (max-width: 1688px) {
  #ImagePoolDialogWrapper {
    max-width: 1525px;
  }
}
@media (max-width: 1525px) {
  #ImagePoolDialogWrapper {
    max-width: 1362px;
  }
}
@media (max-width: 1362px) {
  #ImagePoolDialogWrapper {
    max-width: 1198px;
  }
}
@media (max-width: 1198px) {
  #ImagePoolDialogWrapper {
    max-width: 1035px;
  }
}

#ImagePoolMobileDialog.rc-mobile-view header {
  position: relative;
}
#ImagePoolMobileDialog.rc-mobile-view header.redesign.phone > .mobile-header-options-buttons {
  position: absolute;
  right: 0;
}
#ImagePoolMobileDialog.rc-mobile-view header .mobile-page-title {
  margin-right: unset;
}
#ImagePoolMobileDialog.rc-mobile-view header .mobile-header-image-selection {
  font-size: 14px;
}
#ImagePoolMobileDialog.rc-mobile-view header .image-selection-button-wrapper.hidden {
  opacity: 0;
  width: 0;
}
#ImagePoolMobileDialog.rc-mobile-view header .selection-options-wrapper.redesign > button {
  margin-left: 8px;
}
#ImagePoolMobileDialog.rc-mobile-view header .image-pool-source-selection.drop-down-menu {
  top: 100%;
  right: 0;
  left: unset;
  max-width: 200px;
}
#ImagePoolMobileDialog.rc-mobile-view main.tablet {
  scrollbar-width: thin;
}
#ImagePoolMobileDialog.rc-mobile-view main.redesign.bulk {
  background-color: #FFFFFF;
}
#ImagePoolMobileDialog.rc-mobile-view main.redesign.bulk .add-more-images-btn {
  flex: unset;
  min-height: 42px;
  margin: 16px;
  border-radius: 120px;
  background: #3669C4;
}
#ImagePoolMobileDialog.rc-mobile-view main.redesign.bulk .add-more-images-btn .btn-label {
  color: #FFF;
  text-align: center;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 15px;
  text-transform: uppercase;
}
#ImagePoolMobileDialog.rc-mobile-view main.redesign.bulk .image-pool-browser[data-view-type="1"] .image-pool-image-list .image-item-wrapper {
  margin: unset;
}
#ImagePoolMobileDialog.rc-mobile-view main.redesign.bulk .image-pool-browser[data-view-type="1"] .image-pool-image-list .image-item-wrapper.tablet > div {
  display: block;
  flex-direction: unset;
  align-items: unset;
}
#ImagePoolMobileDialog.rc-mobile-view main.redesign.bulk .image-pool-browser[data-view-type="1"] .image-pool-image-list .image-item-wrapper.tablet > div .image-item {
  width: 100%;
  height: 100%;
  padding-bottom: 70%;
  margin-bottom: 8px;
  aspect-ratio: unset;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  position: relative;
  box-sizing: border-box;
}
#ImagePoolMobileDialog.rc-mobile-view main.redesign.bulk .image-pool-browser[data-view-type="1"] .image-pool-image-list .image-item-wrapper.tablet > div .image-item img {
  position: absolute;
  height: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
}
#ImagePoolMobileDialog.rc-mobile-view main.redesign.bulk .image-pool-browser[data-view-type="1"] .image-pool-image-list .image-item-wrapper > div {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#ImagePoolMobileDialog.rc-mobile-view main.redesign.bulk .image-pool-browser[data-view-type="1"] .image-pool-image-list .image-item-wrapper > div > div .image-item {
  aspect-ratio: unset;
  padding-bottom: unset;
  align-self: center;
  height: 100%;
  width: 100%;
}
#ImagePoolMobileDialog.rc-mobile-view main.redesign.bulk .image-pool-browser[data-view-type="1"] .image-pool-image-list .image-item-wrapper > div > div .image-item img {
  height: unset;
  top: unset;
  left: unset;
  transform: unset;
  position: unset;
}
#ImagePoolMobileDialog.rc-mobile-view main.redesign.bulk .image-pool-browser[data-view-type="1"] .image-pool-image-list .image-item-wrapper > div > div .image-item .image-selection-border {
  left: 50%;
  transform: translate(-50%, -50%);
}
#ImagePoolMobileDialog.rc-mobile-view main.redesign.bulk .image-pool-browser .image-pool-image-list {
  display: flex;
  flex-wrap: wrap;
  row-gap: 16px;
}
#ImagePoolMobileDialog.rc-mobile-view main.redesign.bulk .image-pool-browser .image-pool-image-list .image-item-wrapper .image-item {
  aspect-ratio: unset;
  margin-bottom: 8px;
}
#ImagePoolMobileDialog.rc-mobile-view main.redesign.bulk .image-pool-browser .image-pool-image-list .image-item-wrapper .image-item-name {
  font-size: 14px;
}
#ImagePoolMobileDialog.rc-mobile-view main .add-more-images-btn {
  min-height: 42px;
  height: 42px;
  margin: 16px;
  display: flex;
  padding: 8px 24px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-radius: 120px;
  background: #3669C4;
  flex: unset;
  border: unset;
}
#ImagePoolMobileDialog.rc-mobile-view main .add-more-images-btn .btn-label {
  color: #FFF;
  text-align: center;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 15px;
}
#ImagePoolMobileDialog.rc-mobile-view main .image-pool-browser {
  padding: 8px;
}
#ImagePoolMobileDialog.rc-mobile-view main .image-pool-browser .image-pool-image-list[data-view-type="1"] {
  display: flex;
  flex-wrap: wrap;
  row-gap: 16px;
}
#ImagePoolMobileDialog.rc-mobile-view main .image-pool-browser .image-pool-image-list[data-view-type="1"] .image-item-wrapper {
  flex: 0 0 100%;
  min-height: 50px;
  width: 100%;
  height: auto;
  margin: unset;
}
#ImagePoolMobileDialog.rc-mobile-view main .image-pool-browser .image-pool-image-list[data-view-type="1"] .image-item-wrapper.tablet .normal-view {
  padding: 4px;
  position: relative;
  margin: unset;
  display: block;
  flex-direction: unset;
}
#ImagePoolMobileDialog.rc-mobile-view main .image-pool-browser .image-pool-image-list[data-view-type="1"] .image-item-wrapper.tablet.landscape {
  flex: 0 0 25%;
  width: 25%;
}
#ImagePoolMobileDialog.rc-mobile-view main .image-pool-browser .image-pool-image-list[data-view-type="1"] .image-item-wrapper.tablet.portrait {
  flex: 0 0 33.3%;
  width: 33.3%;
}
#ImagePoolMobileDialog.rc-mobile-view main .image-pool-browser .image-pool-image-list[data-view-type="1"] .image-item-wrapper > div {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#ImagePoolMobileDialog.rc-mobile-view main .image-pool-browser .image-pool-image-list[data-view-type="1"] .image-item-wrapper > div > div .image-item {
  aspect-ratio: unset;
  padding-bottom: unset;
  align-self: center;
  height: 100%;
  width: 100%;
  margin-bottom: 8px;
}
#ImagePoolMobileDialog.rc-mobile-view main .image-pool-browser .image-pool-image-list[data-view-type="1"] .image-item-wrapper > div > div .image-item img {
  height: unset;
  top: unset;
  left: unset;
  transform: unset;
  position: unset;
}
#ImagePoolMobileDialog.rc-mobile-view main .image-pool-browser .image-pool-image-list[data-view-type="1"] .image-item-wrapper > div > div .image-item .image-selection-border {
  left: 50%;
  transform: translate(-50%, -50%);
}
#ImagePoolMobileDialog.rc-mobile-view main .image-pool-browser .image-pool-image-list[data-view-type="1"] .image-item-wrapper > div > div.image-item-name {
  font-size: 14px;
}
#ImagePoolMobileDialog.rc-mobile-view main .image-pool-browser .image-pool-image-list[data-view-type="2"] .image-item-wrapper {
  flex: 0 0 50%;
  min-height: 50px;
  width: 50%;
  margin: unset;
  height: auto;
}
#ImagePoolMobileDialog.rc-mobile-view main .image-pool-browser .image-pool-image-list[data-view-type="2"] .image-item-wrapper.tablet .normal-view {
  padding: 4px;
}
#ImagePoolMobileDialog.rc-mobile-view main .image-pool-browser .image-pool-image-list[data-view-type="2"] .image-item-wrapper.tablet.landscape {
  flex: 0 0 16.6%;
  width: 16.6%;
}
#ImagePoolMobileDialog.rc-mobile-view main .image-pool-browser .image-pool-image-list[data-view-type="2"] .image-item-wrapper.tablet.portrait {
  flex: 0 0 25%;
  width: 25%;
}
#ImagePoolMobileDialog.rc-mobile-view main .image-pool-browser .image-pool-image-list[data-view-type="2"] .image-item-wrapper > div {
  padding: 2px;
  margin: unset;
  position: relative;
}
#ImagePoolMobileDialog.rc-mobile-view main .image-pool-browser .image-pool-image-list[data-view-type="4"] .image-item-wrapper {
  flex: 0 0 33%;
  min-height: 50px;
  width: 33%;
  margin: unset;
  height: auto;
}
#ImagePoolMobileDialog.rc-mobile-view main .image-pool-browser .image-pool-image-list[data-view-type="4"] .image-item-wrapper.tablet .normal-view {
  padding: 4px;
}
#ImagePoolMobileDialog.rc-mobile-view main .image-pool-browser .image-pool-image-list[data-view-type="4"] .image-item-wrapper.tablet.landscape {
  flex: 0 0 12.5%;
  width: 12.5%;
}
#ImagePoolMobileDialog.rc-mobile-view main .image-pool-browser .image-pool-image-list[data-view-type="4"] .image-item-wrapper.tablet.portrait {
  flex: 0 0 16.6%;
  width: 16.6%;
}
#ImagePoolMobileDialog.rc-mobile-view main .image-pool-browser .image-pool-image-list[data-view-type="4"] .image-item-wrapper > div {
  padding: 2px;
  margin: unset;
  position: relative;
}
#ImagePoolMobileDialog.rc-mobile-view footer.redesign.bulk {
  box-shadow: unset;
}

.rc-dialog.upload-progress-dialog h2.progress-dialog-caption {
  font-size: 22px;
  font-weight: bold;
  font-family: "SourceSansPro-Regular", sans-serif;
}

.rc-dialog.upload-progress.redesign .rc-dialog-content {
  padding: 24px;
  border-radius: 16px;
}
.rc-dialog.upload-progress.redesign .rc-dialog-content .upload-progress-container {
  height: unset;
}
.rc-dialog.upload-progress.redesign .rc-dialog-content .upload-progress-container .upload-progress-dialog-data {
  flex-direction: column;
}
.rc-dialog.upload-progress.redesign .rc-dialog-content .upload-progress-container .upload-progress-dialog-data > div:first-child {
  font-size: 16px;
  font-weight: 600;
}
.rc-dialog.upload-progress.redesign .rc-dialog-content .upload-progress-container .upload-progress-dialog-data > div:last-child {
  min-height: 30px;
}
.rc-dialog.upload-progress.redesign .rc-dialog-content .upload-progress-container .progress-bar-base {
  height: 12px;
  border-radius: 6px;
}
.rc-dialog.upload-progress.redesign .rc-dialog-content .upload-progress-container .progress-bar-base .progress-bar-filled {
  height: 12px;
  border-radius: 6px;
}

.mobile-pool-source-selection.drop-down-menu {
  top: unset;
  bottom: 0;
}
.mobile-pool-source-selection.drop-down-menu .image-source-item {
  background-color: unset;
}

#ExternalImageSourceDialog .rc-dialog-wrapper, #ImageSelectionDialog .rc-dialog-wrapper {
  max-width: unset;
}

.upload-progress-container {
  flex: 1;
  display: flex;
  position: absolute;
  width: 100%;
  align-items: center;
  justify-content: center;
  height: 36px;
  min-height: 36px;
}
.upload-progress-container.upload-progress-dialog {
  position: unset;
  flex-direction: column;
}
.upload-progress-container .upload-progress-icon {
  width: 48px;
  position: relative;
}
.upload-progress-container .upload-progress-data {
  display: flex;
  align-items: center;
}
.upload-progress-container .upload-progress-dialog-data {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

header .upload-progress-container {
  position: unset;
}

.sgw-progress {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -12px;
  margin-left: -12px;
}
.sgw-progress circle {
  stroke-width: 4px;
  stroke: #CCC;
  transition: stroke-dashoffset 0.2s linear;
}
.sgw-progress circle.sgw-circle-progress-bar {
  stroke: #3669C4;
}

#QRCodeForUploadingDialog .checkout-group-content .group-content.group-content-image.group-align-left {
  align-items: center;
  background-color: #efefef;
  height: 300px;
}
#QRCodeForUploadingDialog .checkout-group-content .group-content.group-content-image.group-align-left img {
  height: 100%;
  width: auto;
}
#QRCodeForUploadingDialog .checkout-group-content .group-content.group-content-label ol {
  list-style: inherit;
  list-style-type: decimal;
  margin-left: 32px;
}

.edit-toolbar {
  background: #3669C4 !important;
  color: #FFFFFF !important;
  position: relative;
  overflow: hidden !important;
  max-height: 0;
  padding: 0;
}
.edit-toolbar .btn-icon .sgw-icon:before {
  color: white;
}

.edit .edit-toolbar, .edit-toolbar.active {
  max-height: 100%;
}

.edit-toolbar-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
  flex-wrap: wrap;
  justify-content: center;
}

.edit-toolbar-wrapper:last-child {
  margin-bottom: 0;
}

.edit-toolbar-wrapper.edit-toolbar-centered {
  justify-content: center;
  flex-wrap: wrap;
}

.edit-toolbar-wrapper .btn-simple .delete.sgw-icon {
  margin-right: 6px;
}

.edit-toolbar-wrapper.edit-toolbar-small {
  font-size: 14px;
}

.mobile-import-toolbar-wrapper {
  margin-bottom: 8px;
  width: 100%;
}
.mobile-import-toolbar-wrapper .edit-toolbar-wrapper {
  display: flex;
}
.mobile-import-toolbar-wrapper .edit-toolbar-wrapper div {
  display: flex;
  flex: 1;
  justify-content: center;
}

@media (max-width: 768px) {
  .dialog-v2-bottom-edit-toolbar .edit-toolbar .edit-toolbar-wrapper {
    align-items: flex-start;
    justify-content: flex-start;
  }
  .dialog-v2-bottom-edit-toolbar .edit-toolbar .edit-toolbar-wrapper button {
    flex: 0 0 50%;
  }
}
@media (max-width: 580px) {
  .edit-toolbar-wrapper.edit-toolbar-small {
    font-size: 12px;
  }
  .dialog-v2-bottom-edit-toolbar .edit-toolbar .edit-toolbar-wrapper {
    flex-direction: column;
    align-items: flex-start;
    justify-content: inherit;
  }
  .dialog-v2-bottom-edit-toolbar .edit-toolbar .edit-toolbar-wrapper button {
    flex: unset;
    justify-content: inherit;
  }
}
#ExternalImagesDialog.rc-mobile-view > main > div.external-images-dialog-content {
  flex: auto;
}

#MobileRedesignImagePoolDialog {
  z-index: 10040;
}

#MobileRedesignImagePoolDialog.embedded, #MobileRedesignImagePool.embedded {
  padding-top: 16px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
#MobileRedesignImagePoolDialog header .back-button, #MobileRedesignImagePool header .back-button {
  right: 16px;
  left: unset;
}
#MobileRedesignImagePoolDialog header .back-button .rc-icon.sgw-icon:before, #MobileRedesignImagePool header .back-button .rc-icon.sgw-icon:before {
  height: 18px;
  width: 18px;
  line-height: 18px;
  font-size: 18px;
}
#MobileRedesignImagePoolDialog header .back-button.left-align, #MobileRedesignImagePool header .back-button.left-align {
  right: unset;
  left: 16px;
}
#MobileRedesignImagePoolDialog header .back-button.left-align > button, #MobileRedesignImagePool header .back-button.left-align > button {
  height: 18px;
  width: 18px;
}
#MobileRedesignImagePoolDialog header .back-button.left-align > button.btn-redesign .btn-label, #MobileRedesignImagePool header .back-button.left-align > button.btn-redesign .btn-label {
  display: none;
}
#MobileRedesignImagePoolDialog header .back-button:not(.left-align) > button, #MobileRedesignImagePool header .back-button:not(.left-align) > button {
  height: 18px;
  width: 18px;
}
#MobileRedesignImagePoolDialog header .back-button:not(.left-align) > button.btn-redesign, #MobileRedesignImagePool header .back-button:not(.left-align) > button.btn-redesign {
  position: fixed;
  top: 18px;
  right: 16px;
  z-index: 5;
  margin: unset;
}
#MobileRedesignImagePoolDialog header .back-button:not(.left-align) > button.btn-redesign .btn-label, #MobileRedesignImagePool header .back-button:not(.left-align) > button.btn-redesign .btn-label {
  display: none;
}
#MobileRedesignImagePoolDialog .image-pool-tabs, #MobileRedesignImagePool .image-pool-tabs {
  display: flex;
  flex-direction: row;
  overflow-x: auto;
  overflow-y: hidden;
  height: 84px;
  padding: 8px 16px 16px 16px;
  background: #FFF;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
}
#MobileRedesignImagePoolDialog .image-pool-tabs.embedded, #MobileRedesignImagePool .image-pool-tabs.embedded {
  box-shadow: unset;
  padding: 8px 16px 4px 16px;
  gap: 4px;
}
#MobileRedesignImagePoolDialog .image-pool-tabs.embedded .image-pool-tab, #MobileRedesignImagePool .image-pool-tabs.embedded .image-pool-tab {
  min-width: 27%;
}
#MobileRedesignImagePoolDialog .image-pool-tabs.embedded.tablet .image-pool-tab, #MobileRedesignImagePool .image-pool-tabs.embedded.tablet .image-pool-tab {
  height: 60px;
}
#MobileRedesignImagePoolDialog .image-pool-tabs.embedded.portrait .image-pool-tab, #MobileRedesignImagePool .image-pool-tabs.embedded.portrait .image-pool-tab {
  min-width: unset;
}
#MobileRedesignImagePoolDialog .image-pool-tabs.redesign, #MobileRedesignImagePool .image-pool-tabs.redesign {
  padding: 8px 8px 4px 8px;
  max-height: 68px;
}
#MobileRedesignImagePoolDialog .image-pool-tabs.redesign.tablet, #MobileRedesignImagePool .image-pool-tabs.redesign.tablet {
  max-height: 60px;
  overflow-x: scroll;
}
#MobileRedesignImagePoolDialog .image-pool-tabs.redesign.tablet::-webkit-scrollbar, #MobileRedesignImagePool .image-pool-tabs.redesign.tablet::-webkit-scrollbar {
  display: none;
}
#MobileRedesignImagePoolDialog .image-pool-tabs .image-pool-tab, #MobileRedesignImagePool .image-pool-tabs .image-pool-tab {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  padding: 4px 4px 0 4px;
  gap: 4px;
  min-width: 20vw;
  height: 60px;
  justify-content: center;
  align-items: center;
  flex: 1 0 0;
  align-self: stretch;
  flex-shrink: 0;
  box-sizing: border-box;
}
#MobileRedesignImagePoolDialog .image-pool-tabs .image-pool-tab.selected, #MobileRedesignImagePool .image-pool-tabs .image-pool-tab.selected {
  border-bottom: 2px solid #3669C4;
}
#MobileRedesignImagePoolDialog .image-pool-tabs .image-pool-tab .image-pool-tab-image, #MobileRedesignImagePool .image-pool-tabs .image-pool-tab .image-pool-tab-image {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}
#MobileRedesignImagePoolDialog .image-pool-tabs .image-pool-tab .image-pool-tab-image img, #MobileRedesignImagePool .image-pool-tabs .image-pool-tab .image-pool-tab-image img {
  width: 24px;
  height: 24px;
}
#MobileRedesignImagePoolDialog .image-pool-tabs .image-pool-tab .image-pool-tab-image.device img, #MobileRedesignImagePool .image-pool-tabs .image-pool-tab .image-pool-tab-image.device img {
  filter: brightness(0) saturate(100%) invert(28%) sepia(16%) saturate(13%) hue-rotate(331deg) brightness(100%) contrast(84%);
}
#MobileRedesignImagePoolDialog .image-pool-tabs .image-pool-tab .image-pool-tab-image .rc-icon.sgw-icon, #MobileRedesignImagePool .image-pool-tabs .image-pool-tab .image-pool-tab-image .rc-icon.sgw-icon {
  width: 24px;
  height: 24px;
}
#MobileRedesignImagePoolDialog .image-pool-tabs .image-pool-tab .image-pool-tab-image .rc-icon.sgw-icon.tab_image:before, #MobileRedesignImagePool .image-pool-tabs .image-pool-tab .image-pool-tab-image .rc-icon.sgw-icon.tab_image:before {
  color: unset;
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
}
#MobileRedesignImagePoolDialog .image-pool-tabs .image-pool-tab .image-pool-tab-image .rc-icon.sgw-icon:before, #MobileRedesignImagePool .image-pool-tabs .image-pool-tab .image-pool-tab-image .rc-icon.sgw-icon:before {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
}
#MobileRedesignImagePoolDialog .image-pool-tabs .image-pool-tab .image-pool-tab-label, #MobileRedesignImagePool .image-pool-tabs .image-pool-tab .image-pool-tab-label {
  height: 24px;
  color: #525252;
  text-align: center;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
  line-height: 13px;
  text-overflow: ellipsis;
  flex: 1 0 0;
  align-self: stretch;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source, #MobileRedesignImagePool .content-for-selected-image-source {
  background: #FFF;
  overflow-y: hidden;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .rc-checkbox, #MobileRedesignImagePool .content-for-selected-image-source .rc-checkbox {
  margin: 16px 16px 0;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source.already-added-image-list, #MobileRedesignImagePool .content-for-selected-image-source.already-added-image-list {
  display: flex;
  align-items: center;
  margin-top: 16px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source.already-added-image-list.phone .image-pool-image-list, #MobileRedesignImagePool .content-for-selected-image-source.already-added-image-list.phone .image-pool-image-list {
  height: 100%;
  overflow-y: auto;
  padding: 16px;
  box-sizing: border-box;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source.already-added-image-list.tablet, #MobileRedesignImagePool .content-for-selected-image-source.already-added-image-list.tablet {
  box-sizing: border-box;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source.already-added-image-list.tablet .image-item, #MobileRedesignImagePool .content-for-selected-image-source.already-added-image-list.tablet .image-item {
  height: unset;
  width: unset;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source.already-added-image-list.tablet .external-images-content-footer, #MobileRedesignImagePool .content-for-selected-image-source.already-added-image-list.tablet .external-images-content-footer {
  box-shadow: unset;
  z-index: 2;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source.already-added-image-list.tablet .image-pool-image-list .image-item-wrapper, #MobileRedesignImagePool .content-for-selected-image-source.already-added-image-list.tablet .image-pool-image-list .image-item-wrapper {
  position: relative;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source.already-added-image-list.tablet .image-pool-image-list .image-item-wrapper.shadow, #MobileRedesignImagePool .content-for-selected-image-source.already-added-image-list.tablet .image-pool-image-list .image-item-wrapper.shadow {
  box-shadow: rgba(0, 0, 0, 0.75) 2px 2px 3px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source.already-added-image-list.tablet .image-pool-image-list .image-item-wrapper .dnd-icon-wrapper, #MobileRedesignImagePool .content-for-selected-image-source.already-added-image-list.tablet .image-pool-image-list .image-item-wrapper .dnd-icon-wrapper {
  position: absolute;
  top: -23px;
  left: -23px;
  z-index: 100;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source.already-added-image-list.tablet .image-pool-image-list .image-item-wrapper .dnd-icon-wrapper .sgw-icon, #MobileRedesignImagePool .content-for-selected-image-source.already-added-image-list.tablet .image-pool-image-list .image-item-wrapper .dnd-icon-wrapper .sgw-icon {
  background: #3776B2;
  width: 46px;
  height: 46px;
  padding-left: 0;
  border-radius: 23px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source.already-added-image-list.tablet .image-pool-image-list .image-item-wrapper .dnd-icon-wrapper .sgw-icon:before, #MobileRedesignImagePool .content-for-selected-image-source.already-added-image-list.tablet .image-pool-image-list .image-item-wrapper .dnd-icon-wrapper .sgw-icon:before {
  color: #FFFFFF;
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 24px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source.already-added-image-list.tablet.landscape, #MobileRedesignImagePool .content-for-selected-image-source.already-added-image-list.tablet.landscape {
  align-items: unset;
  margin-top: unset;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source.already-added-image-list.tablet.landscape .image-pool-image-list, #MobileRedesignImagePool .content-for-selected-image-source.already-added-image-list.tablet.landscape .image-pool-image-list {
  width: 100%;
  justify-content: left;
  padding: 0 16px 82px;
  margin-top: 16px;
  overflow-y: auto;
  box-sizing: border-box;
  align-items: flex-start;
  align-content: flex-start;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source.already-added-image-list.tablet.landscape .image-pool-image-list .image-item-wrapper, #MobileRedesignImagePool .content-for-selected-image-source.already-added-image-list.tablet.landscape .image-pool-image-list .image-item-wrapper {
  width: calc((100% - 16px) / 3);
  min-width: unset;
  height: unset;
  flex: unset;
  aspect-ratio: 1/1;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source.already-added-image-list.tablet.landscape .image-pool-image-list .image-item-wrapper .image-item, #MobileRedesignImagePool .content-for-selected-image-source.already-added-image-list.tablet.landscape .image-pool-image-list .image-item-wrapper .image-item {
  height: 100%;
  width: 100%;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source.already-added-image-list.tablet.portrait, #MobileRedesignImagePool .content-for-selected-image-source.already-added-image-list.tablet.portrait {
  margin-top: unset;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source.already-added-image-list.tablet.portrait .image-pool-image-list, #MobileRedesignImagePool .content-for-selected-image-source.already-added-image-list.tablet.portrait .image-pool-image-list {
  width: 100%;
  height: 100%;
  justify-content: left;
  padding: 0 16px 16px;
  margin-top: 16px;
  overflow-y: auto;
  align-items: flex-start;
  align-content: flex-start;
  box-sizing: border-box;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source.already-added-image-list.tablet.portrait .image-pool-image-list .image-item-wrapper, #MobileRedesignImagePool .content-for-selected-image-source.already-added-image-list.tablet.portrait .image-pool-image-list .image-item-wrapper {
  width: calc((100% - 48px) / 7);
  min-width: unset;
  height: unset;
  flex: unset;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source.already-added-image-list.tablet.portrait .image-pool-image-list .image-item-wrapper .image-item, #MobileRedesignImagePool .content-for-selected-image-source.already-added-image-list.tablet.portrait .image-pool-image-list .image-item-wrapper .image-item {
  height: 100%;
  width: 100%;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source.already-added-image-list .image-pool-image-list, #MobileRedesignImagePool .content-for-selected-image-source.already-added-image-list .image-pool-image-list {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: center;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source.already-added-image-list .image-pool-image-list .image-item-wrapper, #MobileRedesignImagePool .content-for-selected-image-source.already-added-image-list .image-pool-image-list .image-item-wrapper {
  margin: unset;
  padding: unset;
  height: 29vw;
  width: 29vw;
  min-width: 29vw;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source.already-added-image-list .image-pool-image-list .image-item-wrapper > div, #MobileRedesignImagePool .content-for-selected-image-source.already-added-image-list .image-pool-image-list .image-item-wrapper > div {
  margin: unset;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source.already-added-image-list .image-pool-image-list .image-item-wrapper > div .image-item-name, #MobileRedesignImagePool .content-for-selected-image-source.already-added-image-list .image-pool-image-list .image-item-wrapper > div .image-item-name {
  display: none;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source.already-added-image-list .image-pool-image-list .image-item-wrapper > div .image-item, #MobileRedesignImagePool .content-for-selected-image-source.already-added-image-list .image-pool-image-list .image-item-wrapper > div .image-item {
  position: relative;
  height: 29vw;
  width: 29vw;
  padding-bottom: 70%;
  margin: 0;
  aspect-ratio: 1/1;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source.already-added-image-list .image-pool-image-list .image-item-wrapper > div .image-item.selected, #MobileRedesignImagePool .content-for-selected-image-source.already-added-image-list .image-pool-image-list .image-item-wrapper > div .image-item.selected {
  box-sizing: border-box;
  border: 2px solid #3669c4;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source.already-added-image-list .image-pool-image-list .image-item-wrapper > div .image-item.selected .image-selection-border, #MobileRedesignImagePool .content-for-selected-image-source.already-added-image-list .image-pool-image-list .image-item-wrapper > div .image-item.selected .image-selection-border {
  display: none;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source.already-added-image-list .image-pool-image-list .image-item-wrapper > div .image-item > img, #MobileRedesignImagePool .content-for-selected-image-source.already-added-image-list .image-pool-image-list .image-item-wrapper > div .image-item > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source.embedded, #MobileRedesignImagePool .content-for-selected-image-source.embedded {
  position: relative;
  flex: 1;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source.embedded .external-images-content.tablet, #MobileRedesignImagePool .content-for-selected-image-source.embedded .external-images-content.tablet {
  height: 100%;
  box-sizing: border-box;
  padding-bottom: 82px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source.embedded .external-images-content.tablet .image-pool-browser, #MobileRedesignImagePool .content-for-selected-image-source.embedded .external-images-content.tablet .image-pool-browser {
  box-sizing: border-box;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source.embedded .external-images-content.tablet .image-pool-browser .image-group-date, #MobileRedesignImagePool .content-for-selected-image-source.embedded .external-images-content.tablet .image-pool-browser .image-group-date {
  box-sizing: border-box;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source.embedded .external-images-content-footer, #MobileRedesignImagePool .content-for-selected-image-source.embedded .external-images-content-footer {
  width: 100%;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source.tablet, #MobileRedesignImagePool .content-for-selected-image-source.tablet {
  display: flex;
  flex-direction: column;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source.tablet.portrait .external-images-content-footer, #MobileRedesignImagePool .content-for-selected-image-source.tablet.portrait .external-images-content-footer {
  box-shadow: unset;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source.tablet.portrait .file-upload-wrapper, #MobileRedesignImagePoolDialog .content-for-selected-image-source.tablet.portrait .connect-btn-wrapper, #MobileRedesignImagePool .content-for-selected-image-source.tablet.portrait .file-upload-wrapper, #MobileRedesignImagePool .content-for-selected-image-source.tablet.portrait .connect-btn-wrapper {
  margin-bottom: 64px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source.tablet.portrait .device-image-selection, #MobileRedesignImagePool .content-for-selected-image-source.tablet.portrait .device-image-selection {
  padding: 0;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-source-connect, #MobileRedesignImagePoolDialog .content-for-selected-image-source .device-connect, #MobileRedesignImagePool .content-for-selected-image-source .external-source-connect, #MobileRedesignImagePool .content-for-selected-image-source .device-connect {
  margin: 64px 48px 0 48px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-source-connect .logo-wrapper, #MobileRedesignImagePoolDialog .content-for-selected-image-source .device-connect .logo-wrapper, #MobileRedesignImagePool .content-for-selected-image-source .external-source-connect .logo-wrapper, #MobileRedesignImagePool .content-for-selected-image-source .device-connect .logo-wrapper {
  width: 48px;
  height: 48px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-source-connect .logo-wrapper img, #MobileRedesignImagePoolDialog .content-for-selected-image-source .device-connect .logo-wrapper img, #MobileRedesignImagePool .content-for-selected-image-source .external-source-connect .logo-wrapper img, #MobileRedesignImagePool .content-for-selected-image-source .device-connect .logo-wrapper img {
  width: 48px;
  height: 48px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-source-connect .login-header, #MobileRedesignImagePoolDialog .content-for-selected-image-source .device-connect .login-header, #MobileRedesignImagePool .content-for-selected-image-source .external-source-connect .login-header, #MobileRedesignImagePool .content-for-selected-image-source .device-connect .login-header {
  margin-top: 16px;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 21px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  color: #2C2C2C;
  text-align: center;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-source-connect .login-description, #MobileRedesignImagePoolDialog .content-for-selected-image-source .device-connect .login-description, #MobileRedesignImagePool .content-for-selected-image-source .external-source-connect .login-description, #MobileRedesignImagePool .content-for-selected-image-source .device-connect .login-description {
  margin-top: 8px;
  margin-bottom: 32px;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px;
  color: #2C2C2C;
  text-align: center;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .device-connect .logo-wrapper img, #MobileRedesignImagePool .content-for-selected-image-source .device-connect .logo-wrapper img {
  filter: brightness(0) saturate(100%) invert(28%) sepia(16%) saturate(13%) hue-rotate(331deg) brightness(100%) contrast(84%);
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content {
  overflow-y: auto;
  padding: 8px 16px 16px 16px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content.tablet .header-buttons .select-all-btn, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content.tablet .header-buttons .select-all-btn {
  flex: unset;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content.tablet .image-pool-mobile-folder-list .rc-icon.sgw-icon.folder, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content.tablet .image-pool-mobile-folder-list .rc-icon.sgw-icon.folder {
  margin-right: unset;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .external-source-selection-logout, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .external-source-selection-logout {
  padding: 16px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .external-source-selection-logout .logout-btn, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .external-source-selection-logout .logout-btn {
  width: unset;
  padding: unset;
  height: unset;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .external-source-selection-logout .logout-btn .rc-icon:before, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .external-source-selection-logout .logout-btn .rc-icon:before {
  color: #3669c4;
  width: 12px;
  height: 12px;
  line-height: 12px;
  font-size: 18px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .external-source-selection-logout .logout-btn .btn-label, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .external-source-selection-logout .logout-btn .btn-label {
  color: #3669C4;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 15px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .external-source-selection-logout .select-all-btn, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .external-source-selection-logout .select-all-btn {
  flex: unset;
  height: unset;
  width: unset;
  background-color: #FFFFFF;
  padding: unset;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .external-source-selection-logout .select-all-btn .rc-icon, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .external-source-selection-logout .select-all-btn .rc-icon {
  height: 12px;
  width: 12px;
  margin-right: 6px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .external-source-selection-logout .select-all-btn .rc-icon:before, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .external-source-selection-logout .select-all-btn .rc-icon:before {
  height: 12px;
  width: 12px;
  line-height: 12px;
  font-size: 12px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .external-source-selection-logout .select-all-btn .btn-label, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .external-source-selection-logout .select-all-btn .btn-label {
  color: #525252;
  text-align: center;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 15px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .sort-view-control, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .sort-view-control {
  display: flex;
  justify-content: space-between;
  padding: 8px 0;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .sort-view-control button, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .sort-view-control button {
  height: unset;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .sort-view-control .sort-buttons, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .sort-view-control .sort-buttons {
  display: flex;
  align-items: center;
  gap: 16px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .sort-view-control .sort-buttons .context-menu .context-menu-body, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .sort-view-control .sort-buttons .context-menu .context-menu-body {
  margin: unset;
  padding: 8px 16px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .sort-view-control .sort-buttons .context-menu .context-menu-body > div .rc-radio-group.redesign, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .sort-view-control .sort-buttons .context-menu .context-menu-body > div .rc-radio-group.redesign {
  display: flex;
  gap: 12px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .sort-view-control .sort-buttons .context-menu .context-menu-body > div .rc-radio-group.redesign .rc-radio, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .sort-view-control .sort-buttons .context-menu .context-menu-body > div .rc-radio-group.redesign .rc-radio {
  padding: 8px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .sort-view-control .sort-buttons .context-menu .context-menu-body > div .rc-radio-group.redesign .rc-radio .rc-radio-element, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .sort-view-control .sort-buttons .context-menu .context-menu-body > div .rc-radio-group.redesign .rc-radio .rc-radio-element {
  width: 20px;
  height: 20px;
  margin-right: 16px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .sort-view-control .sort-buttons .context-menu .context-menu-body > div .rc-radio-group.redesign .rc-radio .rc-radio-label, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .sort-view-control .sort-buttons .context-menu .context-menu-body > div .rc-radio-group.redesign .rc-radio .rc-radio-label {
  color: #000000;
  font-size: 14px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .sort-view-control .sort-buttons .context-menu .context-menu-body > div .menu-divider, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .sort-view-control .sort-buttons .context-menu .context-menu-body > div .menu-divider {
  margin: 12px 0;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .sort-view-control .sort-buttons .context-menu .context-menu-body > div .btn-cancel, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .sort-view-control .sort-buttons .context-menu .context-menu-body > div .btn-cancel {
  background-color: #FFFFFF;
  padding: 8px;
  height: unset;
  color: #000000;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .sort-view-control .sort-buttons .context-menu .context-menu-body > div .btn-cancel .rc-icon, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .sort-view-control .sort-buttons .context-menu .context-menu-body > div .btn-cancel .rc-icon {
  margin-right: 16px;
  height: 18px;
  width: 18px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .sort-view-control .sort-buttons .context-menu .context-menu-body > div .btn-cancel .rc-icon:before, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .sort-view-control .sort-buttons .context-menu .context-menu-body > div .btn-cancel .rc-icon:before {
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 18px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .sort-view-control .sort-buttons .context-menu .context-menu-body > div .btn-cancel .btn-label, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .sort-view-control .sort-buttons .context-menu .context-menu-body > div .btn-cancel .btn-label {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .sort-view-control .sort-buttons .context-menu button, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .sort-view-control .sort-buttons .context-menu button {
  background-color: #FFFFFF;
  padding: 8px;
  height: unset;
  color: #000000;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .sort-view-control .sort-buttons .context-menu button .rc-icon, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .sort-view-control .sort-buttons .context-menu button .rc-icon {
  margin-right: 16px;
  height: 18px;
  width: 18px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .sort-view-control .sort-buttons .context-menu button .btn-label, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .sort-view-control .sort-buttons .context-menu button .btn-label {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .sort-view-control .sort-buttons button, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .sort-view-control .sort-buttons button {
  padding: unset;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .sort-view-control .sort-buttons button .rc-icon, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .sort-view-control .sort-buttons button .rc-icon {
  width: 12px;
  height: 12px;
  margin-right: 6px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .sort-view-control .sort-buttons button .rc-icon:before, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .sort-view-control .sort-buttons button .rc-icon:before {
  width: 12px;
  height: 12px;
  line-height: 12px;
  font-size: 12px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .sort-view-control .sort-buttons button .btn-label, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .sort-view-control .sort-buttons button .btn-label {
  text-transform: capitalize;
  color: #525252;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 15px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .sort-view-control .sort-buttons button.asc-desc .btn-label, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .sort-view-control .sort-buttons button.asc-desc .btn-label {
  color: #3669C4;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .sort-view-control .view-buttons, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .sort-view-control .view-buttons {
  display: flex;
  align-items: center;
  gap: 16px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .sort-view-control .view-buttons button, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .sort-view-control .view-buttons button {
  padding: unset;
  width: 14px;
  height: 14px;
  border-radius: 0;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .sort-view-control .view-buttons button.btn-selected .rc-icon:before, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .sort-view-control .view-buttons button.btn-selected .rc-icon:before {
  color: #3669c4;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .sort-view-control .view-buttons button .rc-icon, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .sort-view-control .view-buttons button .rc-icon {
  width: 14px;
  height: 14px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .sort-view-control .view-buttons button .rc-icon:before, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .sort-view-control .view-buttons button .rc-icon:before {
  width: 14px;
  height: 14px;
  line-height: 14px;
  font-size: 14px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .picker-link-button, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .picker-link-button {
  margin: 12px 0;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .header-buttons, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .header-buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  gap: 16px;
  margin: 8px 0 16px 0;
  justify-content: space-between;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .header-buttons > button, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .header-buttons > button {
  height: unset;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .header-buttons.single-button-right, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .header-buttons.single-button-right {
  justify-content: flex-end;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .header-buttons .folder-back-btn, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .header-buttons .folder-back-btn {
  border: none;
  padding: unset;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .header-buttons .folder-back-btn.hidden, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .header-buttons .folder-back-btn.hidden {
  display: none;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .header-buttons .folder-back-btn .rc-icon, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .header-buttons .folder-back-btn .rc-icon {
  margin-right: 16px;
  width: 14px;
  height: 14px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .header-buttons .folder-back-btn .rc-icon:before, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .header-buttons .folder-back-btn .rc-icon:before {
  color: #525252;
  width: 14px;
  height: 14px;
  line-height: 14px;
  font-size: 14px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .header-buttons .folder-back-btn .btn-label, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .header-buttons .folder-back-btn .btn-label {
  text-overflow: ellipsis;
  overflow: hidden;
  color: #2C2C2C;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .header-buttons .select-all-btn, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .header-buttons .select-all-btn {
  height: unset;
  padding: unset;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 15px;
  max-width: 40vw;
  background-color: #FFFFFF;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .header-buttons .select-all-btn .rc-icon, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .header-buttons .select-all-btn .rc-icon {
  height: 12px;
  width: 12px;
  margin-right: 6px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .header-buttons .select-all-btn .rc-icon:before, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .header-buttons .select-all-btn .rc-icon:before {
  color: #525252;
  height: 12px;
  width: 12px;
  font-size: 12px;
  line-height: 12px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .header-buttons .select-all-btn .btn-label, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .header-buttons .select-all-btn .btn-label {
  color: #525252;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 15px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .image-pool-mobile-folder-list, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .image-pool-mobile-folder-list {
  margin-bottom: 8px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .image-pool-mobile-folder-list > button, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .image-pool-mobile-folder-list > button {
  display: flex;
  height: 58px;
  justify-content: flex-start;
  border-bottom: 1px solid #CBCACA;
  padding: unset;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .image-pool-mobile-folder-list > button .rc-icon:before, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .image-pool-mobile-folder-list > button .rc-icon:before {
  width: 20px;
  height: 20px;
  line-height: 20px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .image-pool-mobile-folder-list > button .btn-label, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .image-pool-mobile-folder-list > button .btn-label {
  color: #2C2C2C;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding-left: 16px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .image-pool-browser .image-group-date, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .image-pool-browser .image-group-date {
  margin: 24px 0 16px 0;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .image-pool-browser .image-group-date .rc-radio .rc-radio-element, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .image-pool-browser .image-group-date .rc-radio .rc-radio-element {
  margin-right: 16px;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  border: 1px solid #525252;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .image-pool-browser .image-group-date .rc-radio .rc-radio-label, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .image-pool-browser .image-group-date .rc-radio .rc-radio-label {
  color: #2C2C2C;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list {
  gap: 8px 8px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list.phone.normal-size .image-item-wrapper, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list.phone.normal-size .image-item-wrapper {
  margin: unset;
  padding: unset;
  height: 50vw;
  width: calc(50vw - 20px);
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list.phone.normal-size .image-item-wrapper > div:not(.img-name), #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list.phone.normal-size .image-item-wrapper > div:not(.img-name) {
  margin: unset;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list.phone.normal-size .image-item-wrapper > div:not(.img-name) div .image-item, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list.phone.normal-size .image-item-wrapper > div:not(.img-name) div .image-item {
  position: relative;
  height: calc(50vw - 20px);
  width: calc(50vw - 20px);
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list.tablet.landscape .image-item-wrapper, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list.tablet.landscape .image-item-wrapper {
  width: calc((100% - 48px) / 7);
  height: unset;
  flex: unset;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list.tablet.landscape .image-item-wrapper .image-item, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list.tablet.landscape .image-item-wrapper .image-item {
  width: unset;
  height: unset;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list.tablet.landscape.normal-size .image-item-wrapper, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list.tablet.landscape.normal-size .image-item-wrapper {
  width: calc((100% - 16px) / 3);
  height: unset;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list.tablet.portrait.normal-size .image-item-wrapper, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list.tablet.portrait.normal-size .image-item-wrapper {
  width: calc((100% - 24px) / 4);
  height: unset;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list.tablet.portrait .image-item-wrapper, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list.tablet.portrait .image-item-wrapper {
  width: calc((100% - 48px) / 7);
  height: unset;
  flex: unset;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list.tablet.portrait .image-item-wrapper .image-item, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list.tablet.portrait .image-item-wrapper .image-item {
  width: unset;
  height: unset;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list .image-item-wrapper, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list .image-item-wrapper {
  margin: unset;
  padding: unset;
  height: 100%;
  width: 29vw;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list .image-item-wrapper.selected .image-item, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list .image-item-wrapper.selected .image-item {
  border: 2px solid #3669C4;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list .image-item-wrapper.selected .image-item .rc-icon.sgw-icon, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list .image-item-wrapper.selected .image-item .rc-icon.sgw-icon {
  position: absolute;
  padding-left: unset;
  width: 18px;
  height: 18px;
  right: 8px;
  bottom: 8px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list .image-item-wrapper.selected .image-item .rc-icon.sgw-icon:before, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list .image-item-wrapper.selected .image-item .rc-icon.sgw-icon:before {
  color: #3776B2;
  width: 18px;
  height: 18px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list .image-item-wrapper.selected .image-item .rc-icon.sgw-icon.steps_summary:before, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list .image-item-wrapper.selected .image-item .rc-icon.sgw-icon.steps_summary:before {
  color: #FFFFFF;
  width: 12px;
  height: 12px;
  font-size: 12px;
  left: 10px;
  top: 6px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list .image-item-wrapper .img-name, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list .image-item-wrapper .img-name {
  margin: 4px 0 0 0;
  font-size: 10px;
  font-weight: 400;
  line-height: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 100%;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list .image-item-wrapper > div:not(.img-name), #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list .image-item-wrapper > div:not(.img-name) {
  margin: unset;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list .image-item-wrapper > div:not(.img-name) div .image-item, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list .image-item-wrapper > div:not(.img-name) div .image-item {
  position: relative;
  height: 29vw;
  width: 29vw;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list .image-item-wrapper > div:not(.img-name) div .image-item img, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list .image-item-wrapper > div:not(.img-name) div .image-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list .image-item-wrapper > div:not(.img-name) div .image-item .image-selection-border, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list .image-item-wrapper > div:not(.img-name) div .image-item .image-selection-border {
  display: none;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list .image-item-wrapper > div:not(.img-name) div .image-item .rc-icon, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list .image-item-wrapper > div:not(.img-name) div .image-item .rc-icon {
  position: absolute;
  bottom: 13px;
  right: 0;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list .image-item-wrapper > div:not(.img-name) div .image-item .rc-icon:before, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list .image-item-wrapper > div:not(.img-name) div .image-item .rc-icon:before {
  color: #3669C4;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .progress-bar-dialog, #MobileRedesignImagePool .content-for-selected-image-source .progress-bar-dialog {
  position: absolute;
  bottom: 50vh;
  left: 40vw;
  background-color: #FFFFFF;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .device-image-selection, #MobileRedesignImagePool .content-for-selected-image-source .device-image-selection {
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .device-image-selection .file-upload-wrapper, #MobileRedesignImagePool .content-for-selected-image-source .device-image-selection .file-upload-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .device-image-selection .file-upload-wrapper .file-input, #MobileRedesignImagePool .content-for-selected-image-source .device-image-selection .file-upload-wrapper .file-input {
  display: none;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .device-image-selection .file-upload-wrapper .file-label, #MobileRedesignImagePool .content-for-selected-image-source .device-image-selection .file-upload-wrapper .file-label {
  height: 42px;
  box-sizing: border-box;
  text-align: center;
  align-items: center;
  justify-content: center;
  width: 100%;
  display: flex;
  border-radius: 120px;
  background-color: #fff;
  border: 1px solid #525252;
  color: #525252;
  height: 42px;
  padding: 8px 24px;
  cursor: pointer;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 15px;
  text-transform: uppercase;
  font-style: normal;
  font-weight: 400;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .device-image-selection .file-upload-wrapper .file-label:active, #MobileRedesignImagePool .content-for-selected-image-source .device-image-selection .file-upload-wrapper .file-label:active {
  background-color: rgb(0, 98.4, 204);
}
#MobileRedesignImagePoolDialog.redesign-tablet .image-pool-tabs, #MobileRedesignImagePool.redesign-tablet .image-pool-tabs {
  padding: 8px 64px 16px;
  justify-content: space-between;
}
#MobileRedesignImagePoolDialog.redesign-tablet .image-pool-tabs .image-pool-tab, #MobileRedesignImagePool.redesign-tablet .image-pool-tabs .image-pool-tab {
  min-width: unset;
  flex: unset;
}
#MobileRedesignImagePoolDialog.redesign-tablet .image-pool-tabs .image-pool-tab .image-pool-tab-label, #MobileRedesignImagePool.redesign-tablet .image-pool-tabs .image-pool-tab .image-pool-tab-label {
  font-size: 12px;
}
#MobileRedesignImagePoolDialog.redesign-tablet .content-for-selected-image-source.tablet.portrait .external-images-content-footer, #MobileRedesignImagePool.redesign-tablet .content-for-selected-image-source.tablet.portrait .external-images-content-footer {
  bottom: 0;
}
#MobileRedesignImagePoolDialog .external-images-content-footer, #MobileRedesignImagePool .external-images-content-footer {
  display: flex;
  height: 82px;
  padding: 16px;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 100vw;
  bottom: 0;
  box-sizing: border-box;
  background: #FFF;
  box-shadow: 0px -4px 4px 0px rgba(0, 0, 0, 0.1);
  z-index: 2;
}
#MobileRedesignImagePoolDialog .external-images-content-footer.bulk, #MobileRedesignImagePool .external-images-content-footer.bulk {
  height: 74px;
}
#MobileRedesignImagePoolDialog .external-images-content-footer.bulk .btn-submit, #MobileRedesignImagePool .external-images-content-footer.bulk .btn-submit {
  height: 42px;
  width: 100%;
  border-radius: 120px;
  padding: 8px 24px;
}
#MobileRedesignImagePoolDialog .external-images-content-footer.bulk .btn-submit .btn-label, #MobileRedesignImagePool .external-images-content-footer.bulk .btn-submit .btn-label {
  text-transform: uppercase;
}
#MobileRedesignImagePoolDialog.embedded .external-images-content-footer, #MobileRedesignImagePool.embedded .external-images-content-footer {
  width: 100%;
}

#MobileRedesignImagePoolDialog .content-for-selected-image-source.already-added-image-list.tablet.landscape .image-pool-image-list .image-item-wrapper {
  width: calc((100% - 16px) / 4);
}

#imagePoolDialog.desktop-image-selection-extended {
  color: #525252;
}
#imagePoolDialog.desktop-image-selection-extended .dialog-v2-body {
  margin-top: 0;
  flex-direction: row;
}
#imagePoolDialog.desktop-image-selection-extended .dialog-v2-body .rc-label-component {
  font-size: 16px;
  font-weight: 700;
  height: 36px;
}
#imagePoolDialog.desktop-image-selection-extended .dialog-v2-body .desktop-image-selection-extended-left-panel {
  position: fixed;
  width: 300px;
  flex: unset;
  padding: 16px;
}
#imagePoolDialog.desktop-image-selection-extended .dialog-v2-body .desktop-image-selection-extended-left-panel .image-pool-button-wrapper {
  margin-bottom: 16px;
}
#imagePoolDialog.desktop-image-selection-extended .dialog-v2-body .desktop-image-selection-extended-left-panel .desktop-image-selection-extended-left-panel-section {
  margin-top: 8px;
}
#imagePoolDialog.desktop-image-selection-extended .dialog-v2-body .desktop-image-selection-extended-left-panel .desktop-image-selection-extended-left-panel-section .desktop-image-selection-extended-left-panel-group-options-wrapper > * {
  height: 36px;
  margin-left: 16px;
}
#imagePoolDialog.desktop-image-selection-extended .dialog-v2-body .desktop-image-selection-extended-left-panel .desktop-image-selection-extended-left-panel-section .desktop-image-selection-extended-left-panel-group-options-wrapper .desktop-image-selection-extended-left-panel-date-options-wrapper {
  display: flex;
}
#imagePoolDialog.desktop-image-selection-extended .dialog-v2-body .desktop-image-selection-extended-left-panel .desktop-image-selection-extended-left-panel-section .desktop-image-selection-extended-left-panel-group-options-wrapper .desktop-image-selection-extended-left-panel-date-options-wrapper .rc-radio-group {
  flex-direction: row;
}
#imagePoolDialog.desktop-image-selection-extended .dialog-v2-body .desktop-image-selection-extended-left-panel .desktop-image-selection-extended-left-panel-section .desktop-image-selection-extended-left-panel-group-options-wrapper .desktop-image-selection-extended-left-panel-date-options-wrapper .rc-radio-group .rc-radio {
  margin-left: 8px;
}
#imagePoolDialog.desktop-image-selection-extended .dialog-v2-body .desktop-image-selection-extended-left-panel .desktop-image-selection-extended-left-panel-section .rc-checkbox {
  height: 36px;
}
#imagePoolDialog.desktop-image-selection-extended .dialog-v2-body .desktop-image-selection-extended-left-panel .desktop-image-selection-extended-left-panel-section .desktop-image-selection-extended-left-panel-stack-info {
  margin: 8px 0;
  font-size: 12px;
}
#imagePoolDialog.desktop-image-selection-extended .dialog-v2-body .desktop-image-selection-extended-main {
  flex: 1;
  position: relative;
  margin-left: 300px;
}
#imagePoolDialog.desktop-image-selection-extended .dialog-v2-body .desktop-image-selection-extended-main.has-border {
  border-left: 2px solid #d8d8d8;
}
#imagePoolDialog.desktop-image-selection-extended .dialog-v2-body .desktop-image-selection-extended-main .image-pool-toolbar {
  flex: 0;
  box-sizing: border-box;
  padding: 16px 16px 0;
  height: 52px;
  position: relative;
  z-index: 100;
}
#imagePoolDialog.desktop-image-selection-extended .dialog-v2-body .desktop-image-selection-extended-main .image-pool-selection-toolbar {
  background: #3669c4;
  color: #fff;
  justify-content: stretch;
  align-items: center;
  position: absolute;
  width: 100%;
  top: 0;
  z-index: 100;
  height: 52px;
  display: flex;
}
#imagePoolDialog.desktop-image-selection-extended .dialog-v2-body .desktop-image-selection-extended-main .image-pool-selection-toolbar .edit-toolbar {
  width: 100%;
}
#imagePoolDialog.desktop-image-selection-extended .dialog-v2-body .desktop-image-selection-extended-main .image-pool-selection-toolbar .edit-toolbar .edit-toolbar-wrapper {
  justify-content: space-between;
}
#imagePoolDialog.desktop-image-selection-extended .dialog-v2-body .desktop-image-selection-extended-main .image-pool-browser {
  flex: 1;
  margin: 16px;
}
#imagePoolDialog.desktop-image-selection-extended .dialog-v2-body .desktop-image-selection-extended-main .image-pool-browser .image-group {
  border: 3px solid transparent;
  border-bottom: 1px solid #CCCCCC;
}
#imagePoolDialog.desktop-image-selection-extended .dialog-v2-body .desktop-image-selection-extended-main .image-pool-browser .image-group:last-child {
  border-bottom: none;
}
#imagePoolDialog.desktop-image-selection-extended .dialog-v2-body .desktop-image-selection-extended-main .image-pool-browser .image-group.is-hover {
  border: 3px solid #3669C4;
}
#imagePoolDialog.desktop-image-selection-extended .dialog-v2-body .desktop-image-selection-extended-main .image-pool-browser .image-group .image-group-header {
  box-sizing: border-box;
  height: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 6px 0;
  cursor: pointer;
}
#imagePoolDialog.desktop-image-selection-extended .dialog-v2-body .desktop-image-selection-extended-main .image-pool-browser .image-group .image-group-header .image-group-header-left {
  display: flex;
}
#imagePoolDialog.desktop-image-selection-extended .dialog-v2-body .desktop-image-selection-extended-main .image-pool-browser .image-group .image-group-header .image-group-header-left .sgw-icon {
  padding-left: 20px;
}
#imagePoolDialog.desktop-image-selection-extended .dialog-v2-body .desktop-image-selection-extended-main .image-pool-browser .image-group .image-group-header .image-group-header-left h3 {
  margin-left: 4px;
}
#imagePoolDialog.desktop-image-selection-extended .dialog-v2-body .desktop-image-selection-extended-main .image-pool-browser .image-group .image-group-header .image-group-header-right {
  position: relative;
}
#imagePoolDialog.desktop-image-selection-extended .dialog-v2-body .desktop-image-selection-extended-main .image-pool-browser .image-group .image-group-header .image-group-header-right .drop-down-menu.image-list-group-options {
  position: absolute;
  top: 100%;
  left: unset;
  right: 0;
}
#imagePoolDialog.desktop-image-selection-extended .dialog-v2-body .desktop-image-selection-extended-main .image-pool-browser .image-group .image-group-header .image-group-header-right .drop-down-menu.image-list-group-options .drop-down-menu-item.drop-down-menu-action-item {
  padding: 0;
}
#imagePoolDialog.desktop-image-selection-extended .dialog-v2-body .desktop-image-selection-extended-main .image-pool-browser .image-group .image-group-header .image-group-header-right .drop-down-menu.image-list-group-options .drop-down-menu-item.drop-down-menu-action-item .btn-icon {
  padding: 0 8px 0 0;
}
#imagePoolDialog.desktop-image-selection-extended .dialog-v2-body .desktop-image-selection-extended-main .image-pool-browser .image-group .image-pool-image-list {
  padding: 0;
  margin-bottom: 8px;
}
#imagePoolDialog.desktop-image-selection-extended .dialog-v2-footer {
  border-top: 2px solid #d8d8d8;
}

#RenameImageGroupDialog .rc-input {
  display: flex;
  align-items: center;
  margin-top: 8px;
}
#RenameImageGroupDialog .btn-simple.close {
  position: absolute;
  right: 0;
  top: -36px;
}
#RenameImageGroupDialog .btn-simple.close .sgw-icon:before {
  color: #FFFFFF;
}
#RenameImageGroupDialog .btn-simple.submit {
  margin-top: 16px;
}

.full-page-image-preview-overlay {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 100000;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.full-page-image-preview-overlay .full-page-image-preview-header {
  box-sizing: border-box;
  height: 52px;
  padding: 16px;
  display: flex;
  flex-shrink: 0;
}
.full-page-image-preview-overlay .full-page-image-preview-header .sgw-icon:before {
  color: #FFFFFF;
}
.full-page-image-preview-overlay .full-page-image-preview-header .rc-label-component {
  flex: 1;
  color: #FFFFFF;
  min-height: unset;
}
.full-page-image-preview-overlay .full-page-image-preview-header button {
  color: #FFFFFF;
}
.full-page-image-preview-overlay .full-page-image-preview-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  flex-grow: 1;
  overflow: hidden;
}
.full-page-image-preview-overlay .full-page-image-preview-content .full-page-image-preview-arrow-container {
  width: 132px;
  height: 100%;
  display: flex;
  align-items: center;
}
.full-page-image-preview-overlay .full-page-image-preview-content .full-page-image-preview-arrow-container .sgw-icon {
  width: 36px;
  height: 36px;
  background: #6E6E6E;
  border-radius: 18px;
  padding: 0;
  margin: 48px;
}
.full-page-image-preview-overlay .full-page-image-preview-content .full-page-image-preview-arrow-container .sgw-icon:before {
  color: #FFFFFF;
}
.full-page-image-preview-overlay .full-page-image-preview-content .full-page-image-preview-image {
  max-width: 1348px;
  height: 100%;
}
.full-page-image-preview-overlay .full-page-image-preview-content .full-page-image-preview-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.full-page-image-preview-overlay .full-page-image-preview-stack-options {
  height: 60px;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #FFFFFF;
}
.full-page-image-preview-overlay .full-page-image-preview-stack-options .btn-icon > .rc-icon:before {
  color: #FFFFFF;
}
.full-page-image-preview-overlay .full-page-image-preview-stack-gallery {
  height: 144px;
  background: #FFFFFF;
  padding-bottom: 16px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.full-page-image-preview-overlay .full-page-image-preview-stack-gallery .full-page-image-preview-stack-gallery-header {
  height: 52px;
}
.full-page-image-preview-overlay .full-page-image-preview-stack-gallery .full-page-image-preview-stack-gallery-header .rc-label-component {
  height: 52px;
  text-align: center;
}
.full-page-image-preview-overlay .full-page-image-preview-stack-gallery .full-page-image-preview-stack-gallery-list {
  overflow: hidden;
  display: flex;
  justify-content: center;
  gap: 14px;
}
.full-page-image-preview-overlay .full-page-image-preview-stack-gallery .full-page-image-preview-stack-gallery-list .full-page-image-preview-stack-gallery-item {
  max-width: 76px;
  max-height: 76px;
  position: relative;
}
.full-page-image-preview-overlay .full-page-image-preview-stack-gallery .full-page-image-preview-stack-gallery-list .full-page-image-preview-stack-gallery-item.selected {
  border: 3px solid #3669C4;
}
.full-page-image-preview-overlay .full-page-image-preview-stack-gallery .full-page-image-preview-stack-gallery-list .full-page-image-preview-stack-gallery-item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.promotion-banner {
  max-width: 1216px;
  overflow: hidden;
  margin: 32px auto;
  align-items: flex-start;
  min-width: 1000px;
}
.promotion-banner .cardbox {
  margin: 8px;
  display: flex;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  flex: auto;
  max-width: 100%;
  align-self: flex-start;
  flex-direction: row;
  background-color: #2b2b2b;
  min-width: 348px;
  min-height: 200px;
}
.promotion-banner .cardbox > div {
  background-color: #2b2b2b;
  color: #FFF;
  max-width: 100%;
}
.promotion-banner .cardbox p {
  margin-top: 28px;
  line-height: 22px;
  margin-bottom: 0;
  font-size: 16px;
  text-align: left;
}
.promotion-banner .cardbox p + p {
  margin-top: 13px;
}
.promotion-banner .cardbox ul, .promotion-banner .cardbox ol {
  list-style-type: square;
  margin: 13px 0 0 0;
  padding-left: 33px;
  text-align: left;
}
.promotion-banner .cardbox ul li, .promotion-banner .cardbox ol li {
  margin-top: 5px;
  line-height: 22px;
}
.promotion-banner .cardbox h2 {
  line-height: 30px;
  font-size: 24px;
  color: #fff;
  margin-bottom: 0;
  text-align: center;
}
.promotion-banner .cardbox h3 {
  line-height: 22px;
  margin-bottom: 0;
  font-size: 16px;
  text-align: center;
  margin-top: 12px;
}
.promotion-banner .cardbox h3 + p {
  margin-top: 28px;
}
.promotion-banner .cardbox h3 a {
  text-decoration: none;
}
.promotion-banner .cardbox h3 a.sgw-icon {
  display: flex;
  text-align: center;
  justify-content: center;
  position: relative;
  padding-right: 0;
  order: 0;
}
.promotion-banner .cardbox h3 a.sgw-icon:before {
  font-size: 21px;
  order: 1;
  color: #fff;
  position: relative;
  padding-left: 4px;
}
.promotion-banner .cardbox h3 a, .promotion-banner .cardbox h3 a:active, .promotion-banner .cardbox h3 a:hover {
  color: #fff;
}
.promotion-banner .cardbox img {
  width: 100%;
  height: auto;
  display: block;
}
.promotion-banner .cardbox .slider-images, .promotion-banner .cardbox .slider-text {
  flex-direction: row;
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden;
  flex: auto;
  position: relative;
  box-sizing: border-box;
}
.promotion-banner .cardbox .slider-text {
  align-items: center;
}
.promotion-banner .cardbox .highlight {
  background-color: #D9052F;
  font-weight: normal;
  color: #FFF;
  padding-left: 6px;
  display: inline-block;
  padding-right: 8px;
}
.promotion-banner .cardbox .labels {
  box-sizing: border-box;
  padding: 25px 24px;
}
.promotion-banner .cardbox .image {
  overflow: hidden;
  background-color: transparent;
  background-image: radial-gradient(100% 100% at center, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1));
}
.promotion-banner .content {
  /* todo check width*/
  flex: 0 1 444px;
  max-width: 444px;
  display: flex;
  flex-direction: column;
  min-width: 400px;
  /*  transform: translate(1px, 0px);*/
}
.promotion-banner .labels {
  flex: 0 0 100%;
  max-width: 100%;
}
.promotion-banner .image {
  flex: 0 0 100%;
  max-width: 100%;
  transition: transform 0.4s ease, background 0.4s ease;
  height: fit-content;
}
.promotion-banner .image:not(.active):not(.redesign) {
  background-color: unset !important;
}
.promotion-banner .is-swiping .image {
  transition: background 0.4s ease;
}
@media handheld, only screen and (max-width: 880px) {
  .promotion-banner {
    min-width: 0;
    flex-wrap: wrap;
    max-width: 498px;
    width: 100%;
  }
  .promotion-banner .cardbox {
    flex-wrap: wrap;
  }
  .promotion-banner .slider-images {
    order: 0;
    max-width: 498px;
    width: 100%;
  }
  .promotion-banner .content {
    flex: auto;
    max-width: 498px;
    width: 100%;
    min-width: unset;
    overflow: hidden;
    transform: none;
  }
}
@media only screen and (min-width: 880px) {
  .promotion-banner .cardbox .slider-images {
    max-width: 100%;
    width: 700px;
    order: 1;
  }
  .promotion-banner .content {
    position: relative;
  }
}
@media only screen and (min-width: 1200px) {
  .promotion-banner .cardbox h2 {
    font-size: 32px;
    line-height: 40px;
    padding-top: 112px;
    text-align: left;
  }
  .promotion-banner .cardbox h3 {
    font-size: 18px;
    margin-top: 27px;
    text-align: left;
  }
  .promotion-banner .cardbox p:last-child {
    padding-bottom: 18px;
  }
  .promotion-banner .cardbox .labels {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
}

.website-promotion-banner {
  margin: 0 16px 48px 16px;
}
.website-promotion-banner .banner-area {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  max-width: calc(1600px);
  margin: 0 auto;
  background-color: #FFFFFF;
  color: #000;
  -webkit-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.16);
}
.website-promotion-banner .banner-area a, .website-promotion-banner .banner-area a:hover, .website-promotion-banner .banner-area a:visited, .website-promotion-banner .banner-area a:active, .website-promotion-banner .banner-area a:focus {
  text-decoration: none;
  color: #3669C4;
}
.website-promotion-banner .banner-area a:before, .website-promotion-banner .banner-area a:hover:before, .website-promotion-banner .banner-area a:visited:before, .website-promotion-banner .banner-area a:active:before, .website-promotion-banner .banner-area a:focus:before {
  display: inline;
  color: #3669C4;
  content: "\e9d4";
  font-family: "icomoon";
  font-size: 21px;
  top: 2px;
  position: relative;
}
.website-promotion-banner .banner-area .slider-images {
  flex: 0 0 calc(50% + 8px);
  width: calc(50% + 8px);
  align-items: flex-end;
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden;
  position: relative;
}
.website-promotion-banner .banner-area .slider-images .image {
  transition: transform 0.4s ease, background 0.4s ease;
  flex: 0 0 100%;
  max-width: 100%;
}
.website-promotion-banner .banner-area .slider-images .image picture {
  height: auto;
  width: 100%;
  display: block;
  position: relative;
  text-align: center;
  overflow: hidden;
  padding-bottom: 70.1754385965%;
}
.website-promotion-banner .banner-area .slider-images .image picture img {
  height: 100%;
  margin: 0;
  padding: 0;
  max-height: unset;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  max-width: 16000px;
}
.website-promotion-banner .banner-area .slider-text {
  flex: 1;
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow: hidden;
  max-width: 100%;
}
.website-promotion-banner .banner-area .slider-text .highlight {
  background-color: #D9052F;
  font-weight: normal !important;
  color: #FFF;
  padding-left: 4px;
  display: inline-block;
  padding-right: 4px;
}
.website-promotion-banner .banner-area .slider-text > div {
  /*transition: transform 0.6s ease, background 0.4s ease;*/
  padding: 40px 48px 18px 48px; /*  padding:  40px 48px 42px 48px;*/
  max-width: 960px;
  margin: 0 auto;
  text-align: left;
  flex: 0 0 100%;
  font-size: 16px;
  line-height: 24px;
  box-sizing: border-box;
}
.website-promotion-banner .banner-area .slider-text p, .website-promotion-banner .banner-area .slider-text ul, .website-promotion-banner .banner-area .slider-text ol {
  margin-bottom: 0;
  text-align: left;
  background-color: transparent !important;
}
.website-promotion-banner .banner-area .slider-text ul, .website-promotion-banner .banner-area .slider-text ol {
  padding-left: 2em;
}
.website-promotion-banner .banner-area .slider-text p:first-child {
  margin-top: 0;
}
.website-promotion-banner .banner-area .slider-text p:last-child, .website-promotion-banner .banner-area .slider-text ul:last-child, .website-promotion-banner .banner-area .slider-text ol:last-child {
  margin-top: 21px;
}
.website-promotion-banner .banner-area .slider-text h2, .website-promotion-banner .banner-area .slider-text h1, .website-promotion-banner .banner-area .slider-text h3, .website-promotion-banner .banner-area .slider-text h4 {
  background-color: transparent !important;
  padding: 0;
  font-size: 26px;
  line-height: 31px;
  margin-bottom: 11px;
  font-family: "SourceSansPro-Regular", sans-serif;
  text-align: left;
  font-weight: bold;
}
.website-promotion-banner .banner-area .slider-text h3, .website-promotion-banner .banner-area .slider-text h4 {
  font-weight: normal;
  font-size: 18px;
  line-height: 20px;
  margin-bottom: 10px;
  margin-top: 21px;
}
.website-promotion-banner .banner-area .slider-text .comp-cta {
  padding-top: 17px;
}
@media only screen and (max-width: 2000px) {
  .website-promotion-banner .banner-area {
    max-width: 1400px;
  }
}
@media only screen and (max-width: 1600px), (max-height: 1024px) {
  .website-promotion-banner .banner-area {
    max-width: 1200px;
  }
}
@media only screen and (max-width: 1600px) {
  .website-promotion-banner {
    max-width: 100% !important;
  }
}
@media only screen and (max-width: 1023px) {
  .website-promotion-banner {
    margin: 0 auto;
  }
  .website-promotion-banner .banner-area {
    flex-direction: column;
    flex: 0 0 100%;
    margin: 16px;
    margin-bottom: 48px;
    margin-top: 0;
    max-width: 960px;
  }
  .website-promotion-banner .banner-area .slider-images {
    width: 100%;
    flex: auto;
  }
  .website-promotion-banner .banner-area .slider-text {
    align-items: flex-start;
  }
  .website-promotion-banner .banner-area .slider-text .labels {
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 40px;
    padding-top: 18px;
  }
}
.website-promotion-banner .dotted-nav {
  display: flex;
  background-color: transparent;
  flex-wrap: nowrap;
  padding: 16px;
  justify-content: center;
  color: #FFF;
  max-width: 100%;
  flex: 0 0 50%;
  position: absolute;
  top: auto;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.website-promotion-banner .dotted-nav > div {
  border-radius: 50%;
  flex: 0 0 12px;
  height: 12px;
  cursor: pointer;
  margin: 0 4px 4px;
  background-color: transparent;
  border: 2px solid #FFFFFF;
}
.website-promotion-banner .dotted-nav > div.active {
  background-color: #ffffff;
  border: 2px solid #FFFFFF;
}

#UpgradeDialog.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content {
  padding: 0;
}
#UpgradeDialog.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content.rc-mobile-view-light {
  margin-bottom: unset;
}
#UpgradeDialog.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .webshop-dialog-banner .content .slider-text {
  padding: 16px;
  box-sizing: border-box;
}

.webshop-dialog-banner {
  margin-bottom: 32px;
  position: relative;
}
.webshop-dialog-banner .dotted-nav {
  display: flex;
  background-color: transparent;
  flex-wrap: nowrap;
  padding: unset;
  justify-content: unset;
}
.webshop-dialog-banner .dotted-nav div {
  border-radius: 50%;
  flex: 0 0 16px;
  height: 16px;
  cursor: pointer;
  margin: 0 4px 4px;
  background-color: #d8d8d8;
}
.webshop-dialog-banner .dotted-nav div:hover {
  background-color: #b7b7b7;
}
.webshop-dialog-banner .dotted-nav div.active {
  background-color: #707070;
}
.webshop-dialog-banner .slider-images, .webshop-dialog-banner .slider-text {
  flex-direction: row;
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden;
  flex: auto;
  position: relative;
}
.webshop-dialog-banner .slider-images {
  margin-bottom: 16px;
}
.webshop-dialog-banner .slider-images .image {
  box-sizing: border-box;
  flex: 0 0 100%;
  max-width: 100%;
  transition: transform 0.4s ease, background 0.4s ease;
}
.webshop-dialog-banner .slider-images .image.dummy-data {
  background-color: #EFEFEF !important;
}
.webshop-dialog-banner .slider-images.is-swiping .image {
  transition: unset;
}
.webshop-dialog-banner .slider-images picture {
  height: auto;
  width: 100%;
  display: block;
  position: relative;
  text-align: center;
  overflow: hidden;
  padding-bottom: 46.1041954818%;
}
.webshop-dialog-banner .slider-images picture img {
  margin: 0;
  padding: 0;
  max-height: unset;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  /*IE11 :-(*/
  max-width: 16000px;
  height: auto;
  width: 100%;
}
.webshop-dialog-banner .slider-text {
  width: 100%;
  max-width: 668px;
  margin: 0 auto;
  background-color: #FFFFFF;
}
.webshop-dialog-banner .slider-text .highlight {
  background-color: #D9052F;
  font-weight: normal;
  color: #FFF;
  padding-left: 4px;
  display: inline-block;
  padding-right: 4px;
}
.webshop-dialog-banner .slider-text .labels {
  padding: 16px;
  box-sizing: border-box;
  flex: 0 0 100%;
  max-width: 100%;
}
@media (max-width: 800px) {
  .webshop-dialog-banner .slider-text .labels {
    transition: transform 0.4s ease, background 0.4s ease;
  }
}
.webshop-dialog-banner .slider-text h1, .webshop-dialog-banner .slider-text h2, .webshop-dialog-banner .slider-text h3, .webshop-dialog-banner .slider-text p {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.webshop-dialog-banner .slider-text h1, .webshop-dialog-banner .slider-text h2 {
  line-height: 31px;
  margin-top: 1px;
  text-align: center;
  font-size: 24px;
  margin-bottom: 6px;
  font-family: "SourceSansPro-Light", sans-serif;
  font-weight: normal;
}
.webshop-dialog-banner .slider-text h3 {
  line-height: 20px;
  margin-bottom: 3px;
  font-size: 18px;
  text-align: center;
}
.webshop-dialog-banner .slider-text p {
  font-size: 14px;
  margin-top: 24px;
  line-height: 18px;
  text-align: left;
  color: #707070;
}
.webshop-dialog-banner .slider-text a {
  position: relative;
}
.webshop-dialog-banner .slider-text a:before {
  left: auto;
  right: -20px;
}

@media only screen and (min-width: 800px) and (orientation: portrait) {
  .webshop-dialog-banner .slider-text {
    margin-top: -66px;
  }
  .webshop-dialog-banner .slider-text p {
    font-size: 12px;
    margin-top: 8px;
    line-height: 14px;
    text-align: center;
  }
  .webshop-dialog-banner .slider-images .image {
    background-color: #FFFFFF !important;
    background-image: none;
  }
  .webshop-dialog-banner .slider-images picture {
    padding-bottom: 550px;
  }
  .webshop-dialog-banner .slider-images picture img {
    height: calc(140% + 4px);
    top: 44%;
  }
}
@media only screen and (min-width: 1200px) {
  .webshop-dialog-banner .slider-text {
    margin-top: -5.7142857143%;
  }
  .webshop-dialog-banner .slider-images picture {
    padding-bottom: 46.1041954818%;
  }
}
#UpgradeDialog.rc-mobile-view.landscape, #UpgradeDialog.redesign-tablet.landscape {
  display: flex;
  margin: 32px 0;
  justify-content: center;
  align-items: center;
}
#UpgradeDialog.rc-mobile-view.landscape > div, #UpgradeDialog.redesign-tablet.landscape > div {
  height: 100%;
}
#UpgradeDialog.rc-mobile-view.landscape > div .rc-dialog-content, #UpgradeDialog.redesign-tablet.landscape > div .rc-dialog-content {
  height: 100%;
  max-height: unset;
}
#UpgradeDialog.rc-mobile-view .webshop-dialog-banner-thumbnails-upgrade-dialog .content .selected-item-description, #UpgradeDialog.redesign-tablet .webshop-dialog-banner-thumbnails-upgrade-dialog .content .selected-item-description {
  margin: 0 24px 8px 24px;
}
#UpgradeDialog.rc-mobile-view .webshop-dialog-banner-thumbnails-upgrade-dialog .content .selected-item-description h1, #UpgradeDialog.redesign-tablet .webshop-dialog-banner-thumbnails-upgrade-dialog .content .selected-item-description h1 {
  margin-top: 8px;
  margin-bottom: unset;
  color: #2C2C2C;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 21px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
#UpgradeDialog.rc-mobile-view .webshop-dialog-banner-thumbnails-upgrade-dialog .content.tablet p, #UpgradeDialog.redesign-tablet .webshop-dialog-banner-thumbnails-upgrade-dialog .content.tablet p {
  margin-top: 10px;
}
#UpgradeDialog.rc-mobile-view .webshop-dialog-banner-thumbnails-upgrade-dialog .content.phone p, #UpgradeDialog.redesign-tablet .webshop-dialog-banner-thumbnails-upgrade-dialog .content.phone p {
  margin-top: 8px;
}
#UpgradeDialog.rc-mobile-view .content-group-table-row, #UpgradeDialog.redesign-tablet .content-group-table-row {
  margin-top: auto;
  padding: 16px 32px 24px 32px !important;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
#UpgradeDialog.rc-mobile-view .content-group-table-row .group-content-button, #UpgradeDialog.redesign-tablet .content-group-table-row .group-content-button {
  margin: unset;
  padding: unset;
}
#UpgradeDialog.rc-mobile-view .content-group-table-row .group-content-button.close button, #UpgradeDialog.redesign-tablet .content-group-table-row .group-content-button.close button {
  border: unset;
}
#UpgradeDialog.redesign-tablet .rc-dialog-wrapper {
  max-width: 480px;
  width: 480px;
}
#UpgradeDialog .webshop-dialog-banner-thumbnails-upgrade-dialog {
  width: 100%;
}
#UpgradeDialog .webshop-dialog-banner-thumbnails-upgrade-dialog .images .selected-image {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  max-height: 446px;
}
#UpgradeDialog .webshop-dialog-banner-thumbnails-upgrade-dialog .images .selected-image img {
  max-width: 100%;
  max-height: 100%;
}
#UpgradeDialog .webshop-dialog-banner-thumbnails-upgrade-dialog .images .thumbnails {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 7px;
  padding: 16px;
}
#UpgradeDialog .webshop-dialog-banner-thumbnails-upgrade-dialog .images .thumbnails.mobile {
  overflow-x: auto;
  flex-wrap: unset;
  padding: 16px 24px;
  gap: 8px;
  scrollbar-width: thin;
}
#UpgradeDialog .webshop-dialog-banner-thumbnails-upgrade-dialog .images .thumbnails .thumbnail {
  display: flex;
  height: 65px;
  width: 86px;
  justify-content: center;
  align-items: center;
  background: var(--grey, #EFEFEF);
  position: relative;
}
#UpgradeDialog .webshop-dialog-banner-thumbnails-upgrade-dialog .images .thumbnails .thumbnail.selected {
  border: 2px solid #3669C4;
}
#UpgradeDialog .webshop-dialog-banner-thumbnails-upgrade-dialog .images .thumbnails .thumbnail .popular {
  display: flex;
  height: 12px;
  transform: rotate(-15deg);
  padding: 4px 8px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  position: absolute;
  left: -15px;
  top: -11px;
  border-radius: 32px;
  background: #D9052F;
  color: #FFF;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
#UpgradeDialog .webshop-dialog-banner-thumbnails-upgrade-dialog .selected-item-description {
  max-width: 668px;
  margin: 0 16px 20px 16px;
  background-color: #FFFFFF;
}
#UpgradeDialog .webshop-dialog-banner-thumbnails-upgrade-dialog .selected-item-description .highlight {
  background-color: #D9052F;
  font-weight: normal;
  color: #FFF;
  padding-left: 4px;
  display: inline-block;
  padding-right: 4px;
}
#UpgradeDialog .webshop-dialog-banner-thumbnails-upgrade-dialog .selected-item-description .labels {
  box-sizing: border-box;
  flex: 0 0 100%;
  max-width: 100%;
}
@media (max-width: 800px) {
  #UpgradeDialog .webshop-dialog-banner-thumbnails-upgrade-dialog .selected-item-description .labels {
    transition: transform 0.4s ease, background 0.4s ease;
  }
}
#UpgradeDialog .webshop-dialog-banner-thumbnails-upgrade-dialog .selected-item-description h1, #UpgradeDialog .webshop-dialog-banner-thumbnails-upgrade-dialog .selected-item-description h2, #UpgradeDialog .webshop-dialog-banner-thumbnails-upgrade-dialog .selected-item-description h3, #UpgradeDialog .webshop-dialog-banner-thumbnails-upgrade-dialog .selected-item-description p {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
#UpgradeDialog .webshop-dialog-banner-thumbnails-upgrade-dialog .selected-item-description h1, #UpgradeDialog .webshop-dialog-banner-thumbnails-upgrade-dialog .selected-item-description h2 {
  font-weight: 700;
  line-height: 31px;
  margin-top: 1px;
  font-size: 21px;
  margin-bottom: 6px;
  font-family: "SourceSansPro-Light", sans-serif;
}
#UpgradeDialog .webshop-dialog-banner-thumbnails-upgrade-dialog .selected-item-description h3 {
  line-height: 20px;
  margin-bottom: 3px;
  font-size: 18px;
  text-align: center;
}
#UpgradeDialog .webshop-dialog-banner-thumbnails-upgrade-dialog .selected-item-description p {
  font-size: 14px;
  margin-top: 24px;
  line-height: 18px;
  text-align: left;
}
#UpgradeDialog .webshop-dialog-banner-thumbnails-upgrade-dialog .selected-item-description ul {
  font-size: 14px;
  margin-top: 24px;
  line-height: 18px;
  text-align: left;
}
#UpgradeDialog .webshop-dialog-banner-thumbnails-upgrade-dialog .selected-item-description ul li {
  margin-left: 24px;
  list-style-type: disc;
}
#UpgradeDialog .webshop-dialog-banner-thumbnails-upgrade-dialog .selected-item-description a {
  position: relative;
}
#UpgradeDialog .webshop-dialog-banner-thumbnails-upgrade-dialog .selected-item-description a:before {
  left: auto;
  right: -20px;
}
#UpgradeDialog main.redesign .selected-item-description {
  margin: 0 24px 32px;
}
#UpgradeDialog main.redesign .selected-item-description h1 {
  font-family: "SourceSansPro", sans-serif;
  font-weight: 600;
}

.dotted-nav {
  display: flex;
  flex-wrap: nowrap;
  padding-bottom: 28px;
  justify-content: center;
  background-color: #2b2b2b;
  color: #FFF;
  max-width: 100%;
}
.dotted-nav > div {
  border-radius: 50%;
  flex: 0 0 16px;
  height: 16px;
  cursor: pointer;
  margin: 0 4px 4px;
  background-color: #777;
}
.dotted-nav > div.active {
  cursor: default;
}
.dotted-nav > div:hover {
  background-color: #b7b7b7;
}
.dotted-nav > div:active {
  background-color: #a7a7a7;
}
.dotted-nav > div.active {
  background-color: #D8d8d8;
}
.dotted-nav.redesign {
  background: rgba(0, 0, 0, 0.1);
  padding: 4px;
  margin-bottom: 16px;
  border-radius: 24px;
}
.dotted-nav.redesign > div {
  flex: auto;
  width: 8px;
  height: 8px;
  margin: 4px;
}

.panoramic-banner .dotted-nav {
  background-color: transparent;
}
.panoramic-banner .dotted-nav > div {
  background-color: #D8d8d8;
}
.panoramic-banner .dotted-nav > div.active {
  cursor: default;
}
.panoramic-banner .dotted-nav > div:hover {
  background-color: #b7b7b7;
}
.panoramic-banner .dotted-nav > div:active {
  background-color: #a7a7a7;
}
.panoramic-banner .dotted-nav > div.active {
  background-color: #777;
}

.preview-nav {
  position: absolute;
  bottom: 0;
  display: flex;
  padding: 8px;
  margin: 8px;
  gap: 8px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.6);
}
.preview-nav > div {
  width: 70px;
  height: 70px;
  border-radius: 6px;
  overflow: hidden;
  box-sizing: border-box;
  cursor: pointer;
}
.preview-nav > div img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}
.preview-nav > div.active {
  border: 2px solid #3669C4;
}

.promotion-banner-customer-opinions-mini-header {
  box-sizing: border-box;
  padding: 14px 16px 11px;
  background-color: rgba(43, 43, 43, 0.5);
  display: inline-block;
  color: #FFF;
  position: absolute;
  right: 0;
  top: 0;
  left: auto;
  z-index: 1;
}
.promotion-banner-customer-opinions-mini-header .customer-opinions-stars {
  display: flex;
  justify-content: flex-end;
}
.promotion-banner-customer-opinions-mini-header .customer-opinions-stars .customer-opinions-rating-as-stars {
  display: inline-block;
  height: 20px;
  width: 100px;
  max-width: 100%;
  margin: 0;
  background-repeat: repeat-x;
  overflow: hidden;
  background-size: auto 100%;
  background-image: url("../Svg/Star_off.svg?12");
}
.promotion-banner-customer-opinions-mini-header .customer-opinions-stars .customer-opinions-rating-as-stars > div {
  background-repeat: repeat-x;
  background-size: auto 100%;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.promotion-banner-customer-opinions-mini-header .customer-opinions-stars .customer-opinions-rating-as-stars .starstop {
  background-image: url("../Svg/Star_on.svg?12");
}
.promotion-banner-customer-opinions-mini-header .customer-opinions-rating-label {
  white-space: nowrap;
  padding-left: 8px;
  font-size: 16px;
  line-height: 22px;
}
.promotion-banner-customer-opinions-mini-header .customer-opinions-rating-sublabel {
  font-size: 12px;
  padding-top: 3px;
  text-align: right;
}

/*
Was is a diesa?
.promotion-banner-customer-opinions-mini-header .customer-opinions-mini-header .customer-opinions-stars {
    display: flex;
    align-items: center;

    padding: 0;
    padding-bottom: 4px;
}*/
.rc-dialog-open .saal-chat, #Chat {
  filter: unset !important;
}

.saal-chat-prevent-scrolling {
  overflow: hidden;
}

.saal-chat {
  position: fixed;
  right: 16px;
  bottom: 16px;
  z-index: 100000;
}
.saal-chat .saal-chat-view.rc-mobile-view {
  position: relative;
  width: 375px;
  max-width: calc(100vw - 32px);
  height: 812px;
  max-height: 80vh;
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.25);
  border-radius: 6px;
}
.saal-chat .saal-chat-view.rc-mobile-view[draggable=true] > header {
  cursor: move;
}
.saal-chat .saal-chat-view.rc-mobile-view > header {
  border-bottom: unset;
}
.saal-chat .saal-chat-view.rc-mobile-view > header .mobile-page-title {
  text-align: left;
  margin-left: 8px;
  font-size: 14px;
}
.saal-chat .saal-chat-view.rc-mobile-view > main {
  display: unset;
}
.saal-chat .saal-chat-view.rc-mobile-view > footer {
  box-shadow: unset;
  padding: 8px;
}
.saal-chat.saal-phone-chat .saal-chat-view.rc-mobile-view {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  min-height: unset;
  z-index: 10000;
  overflow: hidden;
  background-color: white;
  max-height: unset;
  max-width: unset;
}
.saal-chat .rc-textarea {
  min-width: unset;
}
.saal-chat .saal-chat-button {
  position: relative;
  cursor: pointer;
}
.saal-chat .saal-chat-button .rc-icon.circle-icon-huge.speech_bubble {
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.25);
  background-color: #efefef;
}
.saal-chat .saal-chat-button .rc-icon.circle-icon-huge.speech_bubble:before {
  font-size: 32px !important;
  line-height: 32px;
  height: 32px;
  width: 32px;
  transform: translate(-50%, -50%);
  color: #6e6e6e;
  background-color: unset;
}
.saal-chat .saal-chat-button .saal-chat-button-notifier {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #D9052F;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(6px, -16px);
}
.saal-chat .saal-chat-button .saal-chat-button-label {
  font-size: 12px;
  line-height: 12px;
  margin-top: -16px;
  text-align: center;
}
.saal-chat.saal-webshop-chat {
  margin-bottom: unset;
  min-height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.saal-chat.saal-webshop-chat .saal-chat-button {
  height: 48px;
}
.saal-chat.saal-webshop-chat .saal-chat-button .rc-icon.circle-icon-huge.speech_bubble {
  height: 26px;
}
.saal-chat.saal-webshop-chat .saal-chat-button .rc-icon.circle-icon-huge.speech_bubble:before {
  font-size: 26px !important;
  line-height: 26px;
  height: 26px;
  width: 26px;
}
.saal-chat.saal-webshop-chat .saal-chat-button .saal-chat-button-label {
  margin-top: unset;
}
.saal-chat.saal-webshop-chat.saal-phone-chat {
  min-height: 42px;
  justify-content: unset;
}
.saal-chat.saal-webshop-chat.saal-phone-chat .saal-chat-button {
  height: 42px;
}
.saal-chat .saal-chat-form-view {
  padding: 16px;
  justify-content: center;
  display: block;
}
.saal-chat .saal-chat-form-view .rc-form-container {
  background-color: #ffffff;
  padding: 16px;
  box-sizing: border-box;
}
.saal-chat .saal-chat-form-view .rc-form-container .rc-form-element {
  width: 100%;
}
.saal-chat .saal-chat-form-view .rc-form-container .rc-form-element .rc-checkbox {
  align-items: unset;
}
.saal-chat .saal-chat-form-view .rc-form-container .rc-form-element .rc-checkbox .rc-checkbox-box {
  margin-right: 16px;
  margin-top: 4px;
}
.saal-chat .saal-chat-form-view > p {
  font-size: 14px;
  margin-bottom: 16px;
}
.saal-chat .saal-chat-status-chip {
  flex: 0;
}
.saal-chat .saal-chat-status-chip .saal-chat-status-chip-label {
  height: auto;
  color: #fff;
  align-self: center;
  border-radius: 4px;
  font-size: 12px;
  display: inline-flex;
  flex-wrap: nowrap;
  white-space: nowrap;
  padding: 0 8px;
  align-items: center;
}
.saal-chat .saal-chat-status-chip.chat-available .saal-chat-status-chip-label {
  background-color: #669a19;
}
.saal-chat .saal-chat-status-chip.chat-not-available .saal-chat-status-chip-label {
  background-color: #6e6e6e;
}
.saal-chat .saal-chat-input-form {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  position: relative;
}
.saal-chat .saal-chat-input-form .rc-textarea {
  min-width: unset;
  min-height: unset;
  flex: 1;
  display: flex;
  align-items: center;
}
.saal-chat .saal-chat-input-form .rc-textarea:not(.focus) {
  border-bottom: 1px solid transparent;
}
.saal-chat .saal-chat-input-form .rc-textarea textarea {
  position: relative;
  inset: unset;
}
.saal-chat .saal-chat-input-form .saal-chat-upload-dialog {
  position: absolute;
  bottom: calc(100% + 16px);
  left: 0;
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.25);
  width: 100%;
  background-color: white;
}
.saal-chat .saal-chat-input-form .saal-chat-upload-dialog .saal-chat-upload-dialog-cancel {
  width: 36px;
  height: 36px;
  position: absolute;
  right: 0;
  top: 0;
  padding: unset;
}
.saal-chat .saal-chat-input-form .saal-chat-upload-dialog .saal-chat-upload-dialog-content {
  padding: 8px;
  box-sizing: border-box;
}
.saal-chat .saal-chat-input-form .saal-chat-upload-dialog .saal-chat-upload-dialog-content .saal-chat-upload-dialog-caption {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 8px;
}
.saal-chat .saal-chat-input-form .saal-chat-upload-dialog .saal-chat-upload-dialog-content .saal-chat-upload-dialog-caption .rc-icon.sgw-icon {
  width: 26px;
  height: 26px;
  margin-right: 8px;
  border-radius: 50%;
  padding: unset;
}
.saal-chat .saal-chat-input-form .saal-chat-upload-dialog .saal-chat-upload-dialog-content .saal-chat-upload-dialog-caption .rc-icon.sgw-icon:before {
  color: white;
  width: 22px;
  height: 22px;
  inset: 53% 0 0 53%;
}
.saal-chat .saal-chat-input-form .saal-chat-upload-dialog .saal-chat-upload-dialog-content .saal-chat-upload-dialog-caption .rc-icon.sgw-icon.steps_summary {
  background-color: #6c9d0d;
}
.saal-chat .saal-chat-input-form .saal-chat-upload-dialog .saal-chat-upload-dialog-content .saal-chat-upload-dialog-caption .rc-icon.sgw-icon.pending_hourglass {
  background-color: #6e6e6e;
}
.saal-chat .saal-chat-input-form .saal-chat-upload-dialog .saal-chat-upload-dialog-content button {
  width: 100%;
}
.saal-chat .saal-chat-message-items-list {
  padding: 8px 16px;
  justify-content: flex-end;
  min-height: 100%;
  height: unset;
}
.saal-chat .saal-chat-message-items-list > div {
  margin: 8px 0;
}
.saal-chat .saal-chat-message-items-list > div.has-following-message {
  margin-bottom: 2px;
}
.saal-chat .saal-chat-message-items-list > div.following-message {
  margin: 2px 0;
}
.saal-chat .saal-chat-message-items-list > div.following-message:last-child {
  margin-bottom: 8px;
}
.saal-chat .saal-chat-message-items-list .saal-chat-message-closed, .saal-chat .saal-chat-message-items-list .saal-chat-message-reopen-button {
  width: 100%;
  text-align: center;
  margin: 32px 0;
  font-size: 14px;
}
.saal-chat .saal-chat-message-items-list .saal-chat-message-closed {
  margin-bottom: 0;
}
.saal-chat .saal-chat-message-items-list .saal-chat-message-item {
  display: flex;
}
.saal-chat .saal-chat-message-items-list .saal-chat-message-item .rc-avatar, .saal-chat .saal-chat-message-items-list .saal-chat-message-item .saal-chat-avatar-placeholder {
  margin-right: 8px;
  min-width: 26px;
  height: 26px;
  width: 26px;
}
.saal-chat .saal-chat-message-items-list .saal-chat-message-item .rc-avatar.avatar-from-text > span {
  font-size: 14px;
}
.saal-chat .saal-chat-message-items-list .saal-chat-message-item .saal-chat-message-item-text {
  padding: 8px 16px;
  border-radius: 2px;
}
.saal-chat .saal-chat-message-items-list .saal-chat-message-item .saal-chat-message-item-text > div:not(.saal-chat-message-item-content) {
  display: flex;
}
.saal-chat .saal-chat-message-items-list .saal-chat-message-item .saal-chat-message-item-text .rc-label-component {
  font-size: 12px;
  line-height: 15px;
  color: #676767;
  margin-right: 32px;
  min-height: unset;
}
.saal-chat .saal-chat-message-items-list .saal-chat-message-item .saal-chat-message-item-download {
  display: flex;
}
.saal-chat .saal-chat-message-items-list .saal-chat-message-item.saal-chat-message-item-employee .saal-chat-message-item-text {
  background-color: #ffffff;
}
.saal-chat .saal-chat-message-items-list .saal-chat-message-item.saal-chat-message-item-user {
  align-self: flex-end;
}
.saal-chat .saal-chat-message-items-list .saal-chat-message-item.saal-chat-message-item-user .saal-chat-message-item-text {
  background-color: #E1E9F6;
}
.saal-chat .saal-chat-message-items-list .saal-chat-message-item-content {
  font-size: 14px;
  line-height: 18px;
}
.saal-chat .saal-chat-message-items-list .saal-chat-message-item-content p {
  margin: unset;
}
.saal-chat .saal-chat-message-items-list .saal-chat-message-item-content a {
  text-decoration: none;
  color: #3669C4;
  word-break: break-all;
}
.saal-chat .saal-chat-message-items-list .saal-chat-message-item-content img {
  max-width: 100%;
  height: auto;
}

.desktop-menu-wrapper .saal-chat, .designer-right-column .saal-chat {
  position: relative;
  inset: unset;
  width: 100%;
}
.desktop-menu-wrapper .saal-chat .saal-chat-button .rc-icon.circle-icon-huge.speech_bubble, .designer-right-column .saal-chat .saal-chat-button .rc-icon.circle-icon-huge.speech_bubble {
  background-color: unset;
  box-shadow: unset;
  border-radius: unset;
  width: 100%;
}
.desktop-menu-wrapper .saal-chat .saal-chat-view.rc-mobile-view, .designer-right-column .saal-chat .saal-chat-view.rc-mobile-view {
  position: absolute;
  top: unset;
}

.desktop-menu-wrapper .saal-chat .saal-chat-view.rc-mobile-view {
  left: 100%;
  bottom: 0;
  right: unset;
}

.designer-right-column .saal-chat {
  margin-bottom: 16px;
}
.designer-right-column .saal-chat .saal-chat-view.rc-mobile-view {
  right: 100%;
  bottom: 0;
  left: unset;
}

.bulk-orderer-edit-tool-bar .saal-chat.saal-webshop-chat {
  position: relative;
  inset: unset;
  min-height: unset;
}
.bulk-orderer-edit-tool-bar .saal-chat.saal-webshop-chat .saal-chat-button {
  height: 36px;
  cursor: pointer;
  position: relative;
  display: flex;
  padding: 0 32px 8px;
  font-size: 14px;
  line-height: 20px;
  user-select: none;
  border: none;
  outline: none;
  font-family: inherit;
  color: inherit;
  background-color: transparent;
  box-sizing: border-box;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  align-items: center;
}
.bulk-orderer-edit-tool-bar .saal-chat.saal-webshop-chat .saal-chat-button .rc-icon.circle-icon-huge.speech_bubble {
  background-color: unset;
  box-shadow: unset;
  border-radius: unset;
  position: relative;
  width: 26px;
  height: 26px;
  margin-right: 8px;
  padding: 0;
  font-size: inherit !important;
  margin-top: 4px;
}
.bulk-orderer-edit-tool-bar .saal-chat.saal-webshop-chat .saal-chat-button .rc-icon.circle-icon-huge.speech_bubble:before {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 21px;
  width: 26px;
  height: 26px;
  line-height: 26px;
}
.bulk-orderer-edit-tool-bar .saal-chat.saal-webshop-chat .saal-chat-button .saal-chat-button-label {
  margin-top: unset;
  font-size: 14px;
}
.bulk-orderer-edit-tool-bar .saal-chat.saal-webshop-chat .saal-chat-view.rc-mobile-view {
  position: absolute;
  left: 0;
  top: 100%;
  right: unset;
  bottom: unset;
}

.mobile-navigation-extension .saal-chat.saal-phone-chat, .rc-mobile-view header .saal-chat.saal-phone-chat {
  position: unset;
  flex: unset;
  flex-basis: 75px;
  display: flex;
  margin-top: 6px;
  /*.saal-chat-view.rc-mobile-view {
      position: absolute;
      top: unset;
  }*/
}
.mobile-navigation-extension .saal-chat.saal-phone-chat .saal-chat-button, .rc-mobile-view header .saal-chat.saal-phone-chat .saal-chat-button {
  height: unset;
  min-height: 48px;
  justify-content: flex-start;
  align-items: center;
  white-space: normal;
  display: flex;
  padding: unset;
}
.mobile-navigation-extension .saal-chat.saal-phone-chat .saal-chat-button .saal-chat-button-label, .rc-mobile-view header .saal-chat.saal-phone-chat .saal-chat-button .saal-chat-button-label {
  margin-top: unset;
  font-size: 16px;
}
.mobile-navigation-extension .saal-chat.saal-phone-chat .saal-chat-button .saal-chat-button-notifier, .rc-mobile-view header .saal-chat.saal-phone-chat .saal-chat-button .saal-chat-button-notifier {
  left: 40%;
  top: 35%;
}
.mobile-navigation-extension .saal-chat.saal-phone-chat .saal-chat-button .rc-icon.circle-icon-huge.speech_bubble, .rc-mobile-view header .saal-chat.saal-phone-chat .saal-chat-button .rc-icon.circle-icon-huge.speech_bubble {
  background-color: unset;
  box-shadow: unset;
  border-radius: unset;
  position: relative;
  width: 22px;
  height: 22px;
  padding: 0;
  font-size: inherit !important;
  margin: unset;
}
.mobile-navigation-extension .saal-chat.saal-phone-chat .saal-chat-button .rc-icon.circle-icon-huge.speech_bubble:before, .rc-mobile-view header .saal-chat.saal-phone-chat .saal-chat-button .rc-icon.circle-icon-huge.speech_bubble:before {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 22px !important;
  width: 22px;
  height: 22px;
  line-height: 22px;
}

.mobile-navigation-tabs-item .navigation-item-avatar {
  flex-direction: row;
  padding-left: 16px;
  justify-content: unset;
}
.mobile-navigation-tabs-item .navigation-item-avatar .rc-avatar.rc-mobile-component {
  margin-right: 8px;
}
.mobile-navigation-tabs-item .navigation-item-avatar .avatar-label {
  font-size: 16px;
}

.mobile-navigation-extension .saal-chat.saal-phone-chat.saal-webshop-chat {
  margin-top: unset;
}
.mobile-navigation-extension .saal-chat.saal-phone-chat.saal-webshop-chat .saal-chat-button .rc-icon.circle-icon-huge.speech_bubble {
  padding-left: 16px;
  padding-right: 8px;
  width: 26px;
  height: 26px;
}
.mobile-navigation-extension .saal-chat.saal-phone-chat.saal-webshop-chat .saal-chat-button .rc-icon.circle-icon-huge.speech_bubble:before {
  transform: translate(-30%, -50%);
}

.rc-mobile-view header .saal-chat.saal-phone-chat {
  flex-basis: unset;
  margin-top: unset;
  margin-right: 8px;
}
.rc-mobile-view header .saal-chat.saal-phone-chat .saal-chat-button {
  min-height: unset;
}
.rc-mobile-view header .saal-chat.saal-phone-chat .saal-chat-button .saal-chat-button-label {
  display: none;
}
.rc-mobile-view header .saal-chat.saal-phone-chat .saal-chat-button .saal-chat-button-notifier {
  left: 30%;
  top: 60%;
}

.rc-form-container {
  background-color: transparent;
  position: relative;
  /*.btn-simple {
      display: flex;
      justify-content: center;
  }*/
}
.rc-form-container .form-loader {
  min-height: 100px;
  position: relative;
}
.rc-form-container .rc-form-group-wrapper {
  margin-bottom: 8px;
}
.rc-form-container .rc-form-group {
  display: flex;
  flex-wrap: wrap;
}
.rc-form-container .rc-form-group > .rc-form-element {
  padding-right: 4px;
  padding-left: 4px;
  box-sizing: border-box;
}
.rc-form-container .rc-form-element .rc-checkbox {
  font-size: 14px;
  min-height: 36px;
  display: flex;
  text-align: left;
}
.rc-form-container .rc-form-element > .rc-component, .rc-form-container .rc-form-element > .rc-textarea, .rc-form-container .rc-form-element > .btn-submit, .rc-form-container .rc-form-element > .rc-checkbox-element, .rc-form-container .rc-form-element > .rc-form-file-upload-wrapper, .rc-form-container .rc-form-element > .rc-complex-label, .rc-form-container .rc-form-element > h3.rc-form-group-label {
  margin-top: 8px;
  width: 100%;
}
.rc-form-container .rc-form-element > .rc-complex-label {
  text-align: start;
  font-size: 14px;
  width: 100%;
}
.rc-form-container .rc-form-element > .rc-star, .rc-form-container .rc-form-element > .rc-smile {
  margin-top: 8px !important;
  margin-bottom: 0 !important;
}
.rc-form-container .rc-form-element .rc-file-upload .btn-simple {
  justify-content: left;
}
.rc-form-container .rc-form-element .rc-file-upload.rc-error > .btn-simple > .sgw-icon::before {
  color: #D7032C;
}
.rc-form-container .rc-form-element .rc-file-upload.rc-error > .rc-error-label {
  bottom: calc(-100% + 4px);
}
.rc-form-container .rc-form-element .rc-file-upload.rc-error > .rc-error-label::after {
  bottom: unset;
  top: -4px;
  border-top: unset;
  border-bottom: 4px solid #D7032C;
}
.rc-form-container .rc-form-element > .rc-form-file-upload-wrapper > .rc-file-upload {
  width: 100%;
}
.rc-form-container .rc-form-element > .rc-form-file-upload-wrapper > .rc-file-upload > button {
  width: 100%;
}
.rc-form-container .rc-form-element {
  width: 50%;
}
.rc-form-container .rc-form-element-wide {
  width: 100%;
}
.rc-form-container .rc-form-element-checkbox {
  max-width: 100%;
  flex-grow: 1;
}
.rc-form-container .rc-form-element-hidden {
  display: none;
}
.rc-form-container .rc-form-footer-group {
  margin-top: 8px;
  padding-left: 4px;
  padding-right: 4px;
  width: 100%;
  display: flex;
  flex-wrap: wrap-reverse;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}
.rc-form-container .rc-form-footer-group .rc-form-element {
  width: auto;
}
.rc-form-container .rc-form-footer-group > .rc-form-element > .rc-form-element-label {
  width: 100%;
}
.rc-form-container .rc-form-footer-error {
  display: flex;
  justify-content: flex-end;
  color: #D9052F;
  font-weight: bold;
  font-size: 12px;
  width: calc(100% - 1vh);
  text-align: right;
}
.rc-form-container .rc-error-label {
  bottom: -30px !important;
}
.rc-form-container .rc-error-label::after {
  bottom: auto !important;
  top: -4px !important;
  border-top: none !important;
  border-bottom: 4px solid #d7032c !important;
}
.rc-form-container .rc-complex-label > .rc-error-label {
  left: calc(50% - 150px);
}
.rc-form-container .rc-file-upload.rc-error > .btn-simple > .sgw-icon::before {
  color: #d7032c !important;
}
.rc-form-container .rc-form-element-label {
  margin-right: 16px;
  font-size: 12px;
  color: #707070;
}
.rc-form-container .rc-form-group-label {
  padding-left: 4px;
  min-height: 36px;
  display: flex;
  align-items: center;
}
.rc-form-container .start-one-span-three-columns {
  width: 75%;
}
.rc-form-container .rc-complex-label-error {
  position: relative;
}
@media only screen and (max-width: 700px) {
  .rc-form-container .rc-form-footer-group {
    padding-left: 0;
    width: 100%;
  }
}
@media only screen and (max-width: 650px) {
  .rc-form-container .start-one-span-three-columns {
    width: 100%;
  }
}
@media only screen and (max-width: 550px) {
  .rc-form-container .rc-form-group {
    display: flex;
  }
  .rc-form-container .rc-form-group .rc-form-element, .rc-form-container .rc-form-group .rc-form-element-wide, .rc-form-container .rc-form-group .rc-form-element-label {
    width: 100% !important;
    padding: 0 !important;
  }
}
@media only screen and (max-width: 500px) {
  .rc-form-container .rc-star > .rc-star-label-wrapper:last-of-type, .rc-form-container .rc-star > .rc-smile-label-wrapper:last-of-type, .rc-form-container .rc-smile > .rc-star-label-wrapper:last-of-type, .rc-form-container .rc-smile > .rc-smile-label-wrapper:last-of-type {
    display: none;
  }
  .rc-form-container .rc-star .stars, .rc-form-container .rc-star .smiles, .rc-form-container .rc-smile .stars, .rc-form-container .rc-smile .smiles {
    width: 100%;
  }
}

.rc-form-file-upload-wrapper {
  display: flex;
  width: 100%;
  min-width: 150px;
  flex-wrap: wrap;
  flex-direction: row;
}

.rc-form-file-upload-preview {
  padding: 0.2rem;
  margin: 0 5px 1vh 0;
  border: 1px dashed #CCCCCC;
  text-overflow: ellipsis;
  overflow: hidden;
  width: calc(50% - 7px - 0.4rem);
}

.rc-form-file-remove {
  padding: 0 5px 0 5px;
  margin-right: 5px;
  display: inline;
  cursor: pointer;
}
.rc-form-file-remove > .rc-form-file-remove-text {
  color: red;
}
.rc-form-file-remove:hover > .rc-form-file-remove-text {
  font-weight: bold;
}

.preview-clickable {
  cursor: pointer;
}
.preview-clickable:hover {
  text-decoration: underline;
  color: blue;
}

.rc-form-file-name-preview, .rc-form-file-remove-text {
  font-size: 0.8rem;
}

.web-tables-module {
  font-size: 14px;
  margin: 0 auto;
  min-width: 300px;
  min-height: 100px;
  position: relative;
  /*overflow: hidden;*/
  padding: 0 16px;
}
.web-tables-module.mobile {
  padding: 0;
}
.web-tables-module.mobile .group-data-settings {
  margin-top: 16px;
  padding: 0 16px;
  box-sizing: border-box;
}
.web-tables-module.mobile .tables {
  padding: 0 16px;
  box-sizing: border-box;
}
.web-tables-module.mobile .fact-group h2 {
  padding: 0 16px 11px;
  box-sizing: border-box;
  font-size: 32px;
}
.web-tables-module .simplified-mobile-table {
  margin-bottom: 16px;
}
.web-tables-module .simplified-mobile-table tr > * {
  min-height: 44px;
  height: 44px;
}

.web-tables-module h2 {
  margin-top: 0;
  margin-bottom: 16px;
}

.web-tables-module .fact-group.shipping-costs-table h2 {
  margin-bottom: 0;
  padding: 0 16px;
  box-sizing: border-box;
}

.web-tables-module .fact-group:not(.without-data-settings) {
  margin-bottom: 32px;
}
.web-tables-module .fact-group:not(.without-data-settings) .rc-select {
  min-width: 180px;
}

.web-tables-module .fact-group:last-child {
  margin-bottom: 0;
}

.web-tables-module .tab-list-wrapper {
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 3px;
}

.web-tables-module .tab-list-wrapper .btn-tab-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  background: #FFFFFF;
  z-index: 1;
  display: flex;
  align-items: center;
}
.web-tables-module .tab-list-wrapper .btn-tab-wrapper.mobile-device {
  display: none !important;
}

.web-tables-module .tab-list-wrapper .btn-tab-wrapper > * {
  height: 100%;
  margin-bottom: 26px;
  border-bottom: 1px solid #CCCCCC;
  /*&:hover {
  		background-color: #efefef;
  }*/
}

.web-tables-module .tab-list-wrapper .btn-tab-prev {
  left: 0;
}

.web-tables-module .tab-list-wrapper .btn-tab-next {
  right: 0;
}

@media (min-width: 1250px) {
  .web-tables-module .tab-list-wrapper .btn-tab-wrapper > * {
    border-style: none;
  }
  .web-tables-module .tab-list-wrapper .btn-tab-prev {
    left: -25px;
    border-style: none;
  }
  .web-tables-module .tab-list-wrapper .btn-tab-next {
    right: -25px;
    border-style: none;
  }
}
.web-tables-module .tab-list-wrapper *.btn-simple .sgw-icon:before {
  font-size: 24px;
}

.web-tables-module .tab-item-wrapper {
  box-sizing: border-box;
  border-bottom: 1px solid #CCCCCC;
  padding: 0 8px 0 8px;
  flex: 0 0 216px;
  position: relative;
}
@media (max-width: 1024px) {
  .web-tables-module .tab-item-wrapper {
    flex: 0 0 26vw;
  }
}
@media (max-width: 600px) {
  .web-tables-module .tab-item-wrapper {
    flex: 0 0 40vw;
  }
}

.web-tables-module .tabList {
  display: flex;
  text-align: center;
  overflow: hidden;
  width: 100%;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
  /*> .tab-list-paddings {
  		border-bottom: 1px solid #CCCCCC;
  		display: flex;
  }*/
}

.web-tables-module.mobile .tabList {
  overflow-x: auto;
  transition: 0.2s ease all;
}
.web-tables-module.mobile .tabList:before, .web-tables-module.mobile .tabList:after {
  content: "";
  padding-left: 16px;
  position: relative;
  border-bottom: 1px solid #CCCCCC;
  margin-bottom: 13px;
}

.web-tables-module .tabList .tab {
  cursor: pointer;
  scroll-snap-align: center;
  width: 100%;
  grid-gap: 0;
}

.web-tables-module .tabList .selected .tab-label {
  font-weight: bold;
}

.web-tables-module .tabList .tab-item-wrapper.selected:after {
  content: "";
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  border-bottom: 2px solid #3669C4;
}

/*.web-tables-module .tabList .tab-item-wrapper:last-child {
    padding: 0 0 0 8px;

}

.web-tables-module .tabList .tab-item-wrapper:first-child {
    padding: 0 8px 0 0;
}*/
.web-tables-module .tabList .tab .tab-image {
  width: 100%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

.web-tables-module .tabList .tab .tab-image img {
  width: 100%;
  height: auto;
}

.web-tables-module .tabList .tab .tab-label {
  display: inline-flex;
  height: 36px;
  align-items: center;
  box-sizing: border-box;
}

.web-tables-module .tabList .tab-item-wrapper.selected .tab-label, .web-tables-module .tabList .tab-item-wrapper:hover .tab-label {
  color: #3669C4;
}

.web-tables-module .group-data-settings {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  position: relative;
}
.web-tables-module .group-data-settings .rc-loader.content-loader {
  z-index: 1;
  animation: rc-loader-opacity-fadein 1s normal;
}
.web-tables-module .group-data-settings.loading-content {
  position: relative;
}
.web-tables-module .group-data-settings.loading-content .group-data-item {
  animation: rc-loader-opacity-fadeout 1s normal;
  opacity: 0;
}

@-webkit-keyframes rc-loader-opacity-fadein {
  0% {
    opacity: 0;
  }
  99% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes rc-loader-opacity-fadein {
  0% {
    opacity: 0;
  }
  99% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes rc-loader-opacity-fadeout {
  0% {
    opacity: 1;
  }
  99% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes rc-loader-opacity-fadeout {
  0% {
    opacity: 1;
  }
  99% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.web-tables-module .group-data-settings .group-data-item {
  margin-right: 8px;
  margin-bottom: 8px;
}

.web-tables-module .group-data-settings .group-data-item:last-child {
  margin-right: 0;
}

.web-tables-module .tables .table-groups {
  display: flex;
  margin-bottom: 32px;
  flex-wrap: wrap;
  justify-content: center;
}

.web-tables-module .tables .table-groups:last-child {
  margin-bottom: 0;
}

.web-tables-module .table-group-item {
  box-sizing: border-box;
  flex: 0 0 100%;
  max-width: 600px;
  margin-top: 16px;
}
.web-tables-module .table-group-item.without-table-header {
  margin-top: unset;
}
.web-tables-module .table-group-item .table-group-item-table {
  position: relative;
}

.web-tables-module .table-group-item.table-split {
  margin-top: 0;
}

.web-tables-module .table-group-item.table-split.table-inverted table tbody tr {
  background: #F2F2F2;
}

.web-tables-module .table-group-item.table-split.table-inverted table tbody tr:nth-child(odd) {
  background: #F9F9F9;
}

.web-tables-module .table-group-item.table-split h3, .web-tables-module .table-group-item.table-split thead {
  display: none;
}

.web-tables-module .table-group-item.table-individual-quantity table tr > * {
  width: auto;
}

.web-tables-module .table-group-item.table-individual-quantity table tr > *:first-child {
  width: 120px;
}

.web-tables-module .table-group-item.table-sketch table tr, .web-tables-module .table-group-item.table-sketch table tr > * {
  background: #FFFFFF;
}

.web-tables-module .table-group-item.table-sketch table tr > * {
  text-align: left;
  padding: 0;
}

.web-tables-module .table-group-item.table-sketch table tr > *:first-child {
  width: auto;
}

.web-tables-module .table-group-item.table-sketch table tr > *:last-child {
  width: 100%;
}

.web-tables-module .price-tables table tr > * {
  text-align: right;
  white-space: nowrap;
}

.web-tables-module .price-tables table tr > *:first-child {
  text-align: left;
}

.web-tables-module .table-group-item.table-sketch table img {
  width: unset;
  max-width: unset;
  height: unset;
}

/*.web-tables-module .table-group-item.table-sketch table tr > *:last-child {*/
/*    text-align: left;*/
/*}*/
.web-tables-module .table-group-item.table-sketch table ol {
  margin: 0;
  padding-left: 24px;
}

.web-tables-module .table-group-item h3 {
  margin-top: 0;
  margin-bottom: 2px;
}

.web-tables-module table {
  border-collapse: collapse;
  font-size: 14px;
  width: 100%;
}

.web-tables-module table thead tr {
  background: #FFFFFF;
}

.web-tables-module tr {
  background: #FBFBFB;
}

.web-tables-module tr > * {
  text-align: left;
  padding: 4px 8px;
  box-sizing: border-box;
  min-height: 36px;
  height: 36px;
  vertical-align: middle;
  line-height: 18px;
}

.web-tables-module .product-set tr > *:not(:first-child) {
  vertical-align: unset;
}

.web-tables-module .table-medium tr > * {
  /*width: 100px;*/
}

.web-tables-module tr > *:first-child {
  text-align: left;
  width: auto;
}

.web-tables-module .table-mergable tr > *:nth-child(n+3) {
  display: none;
}

.web-tables-module .table-mergable tr > *:last-child {
  display: table-cell;
}

.web-tables-module table tbody tr:nth-child(odd) {
  background: #F7F7F7;
}

.web-tables-module tbody tr:last-child {
  border-bottom: none;
}

.web-tables-module table td span.color {
  color: #d7032c;
  font-weight: bold;
}

.web-tables-module table td s {
  color: #666666;
}

.web-tables-module .table-cell:last-child {
  border-right: none;
  white-space: nowrap;
}

.web-tables-module .group-data-settings .rc-select {
  /*margin-right: 8px;*/
}

.web-tables-module .table-group-item .table-description {
  margin-bottom: 8px;
  margin-top: 0;
}

.web-tables-module .table-group-item table .rc-select {
  min-width: 110px;
  /*margin-left: 8px;*/
}

.web-tables-module .table-group-item table a {
  padding: 0;
  color: #3669C4;
  cursor: pointer;
  text-decoration: underline;
}

.web-tables-module .simplified-mode .table-group-item table a {
  text-decoration: none;
  padding-left: 24px;
  position: relative;
}
.web-tables-module .simplified-mode .table-group-item table a:before {
  content: "\e9d4";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 24px;
  width: 24px;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "icomoon";
  color: #3669C4;
}

.web-tables-module .table-group-item table .rc-input {
  width: 110px;
}

.web-tables-module .table-group-item .cell-individual-size .rc-input {
  width: 90px;
}

.web-tables-module .promotion-info {
  background: #D7032C;
  padding: 2px 8px;
  border-radius: 8px;
  box-shadow: 2px 3px 5px 0 rgba(0, 0, 0, 0.5);
  color: #FFFFFF;
  position: absolute;
  right: 0;
  top: 4px;
  text-align: center;
  transform: rotate(7deg);
}
.web-tables-module .promotion-info .promotion-text {
  font-size: 16px;
  line-height: 22px;
  padding: 0 8px;
  margin-top: 1px;
}

@media only screen and (min-width: 832px) {
  .web-tables-module {
    max-width: 1232px;
    padding: 0;
  }
  .web-tables-module .fact-group > * {
    margin-top: 16px;
    padding: 0 16px;
    box-sizing: border-box;
  }
  .web-tables-module .fact-group > div.tables {
    padding: 0 8px;
    margin-bottom: 48px;
  }
  .web-tables-module .fact-group > div.tabList {
    padding: 0;
    width: calc(100% - 32px);
    margin: 0 auto 16px auto;
  }
  .web-tables-module .tab-list-wrapper {
    padding: 0;
    margin: 0 16px 0 16px;
  }
  .web-tables-module .tables .table-groups {
    justify-content: flex-start;
  }
  .web-tables-module .table-group-item {
    min-width: 300px;
    flex: 0 0 33.33%;
    max-width: 33.33%;
    padding: 8px;
  }
  .web-tables-module .table-group-item.table-split {
    margin-top: 16px;
  }
  .web-tables-module .table-mergable tr > *:nth-child(n) {
    display: table-cell;
  }
  .web-tables-module .table-mergable tr > *:last-child {
    display: none;
  }
  .web-tables-module .table-group-item.table-split.table-inverted table tbody tr {
    background: #FBFBFB;
  }
  .web-tables-module .table-group-item.table-split.table-inverted table tbody tr:nth-child(odd) {
    background: #F7F7F7;
  }
  .web-tables-module .table-group-item table tr th.cell-template {
    color: #3669C4;
    background: #ffffff;
  }
  .web-tables-module .table-group-item table tr td.cell-template {
    background: #D7E1F3;
  }
  .web-tables-module .table-group-item table tr > .cell-template {
    text-align: left;
  }
  .web-tables-module .table-group-item table tr:nth-child(odd) td.cell-template {
    background: #E8EEF8;
  }
  .web-tables-module .table-group-item.table-split h3 {
    display: inherit;
  }
  .web-tables-module .table-group-item.table-split thead {
    display: table-header-group;
  }
  .web-tables-module .table-group-item.table-medium-full {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .web-tables-module .table-group-item.table-medium-full > * {
    min-width: 384px;
    width: calc(50% - 8px);
  }
  .web-tables-module .table-group-item.table-medium {
    min-width: 400px;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .web-tables-module .table-group-item.table-two-thirds {
    min-width: 700px;
    flex: 0 0 66%;
    max-width: 66%;
  }
  .web-tables-module .table-group-item.table-big {
    min-width: 600px;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media only screen and (min-width: 1100px) {
  .web-tables-module .group-data-settings .group-data-item.group-data-item-right {
    margin-left: auto;
  }
}
@media only screen and (max-width: 1099px) {
  .web-tables-module .table-group-item.table-sketch table img {
    width: 230px;
  }
}
@media only screen and (max-width: 675px) {
  .web-tables-module .group-data-settings {
    justify-content: space-between;
  }
  .web-tables-module .group-data-settings .group-data-item {
    margin-right: 0;
    flex: 0 0 calc(50% - 4px);
    max-width: calc(50% - 4px);
  }
  .web-tables-module .group-data-settings .group-data-item .rc-select {
    width: 100%;
    min-width: unset;
  }
}
@media only screen and (max-width: 550px) {
  .web-tables-module .table-group-item.table-sketch table img {
    width: 180px;
  }
}
@media only screen and (max-width: 350px) {
  .web-tables-module .table-group-item.table-sketch table img {
    width: 150px;
  }
}
/*
@keyframes SlideDown {
  0% {
    opacity: 0;
    @include translate(0, -125%);
  }
  100% {
    opacity: 1;
    @include translate(0, 0);
  }
}

@keyframes SlideUp {
  0% {
    opacity: 1;
    @include translate(0, 0);
  }
  100% {
    opacity: 0;
    @include translate(0, -125%);
  }
}

@keyframes FadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes FadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}*/
.page-layout:not(.rc-mobile-view) {
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 100vh;
  overflow: hidden;
}
.page-layout:not(.rc-mobile-view):not(.is-tablet) {
  min-width: 747px;
}

body.has-foreign-account-hint .page-layout:not(.rc-mobile-view) {
  height: calc(100vh - 36px);
}

.desktop-detail-content-section {
  margin-bottom: 16px;
}
.desktop-detail-content-section > .group-content-label.group-content.group-important, .desktop-detail-content-section > .group-content-label.group-content.orderingLabel, .desktop-detail-content-section > .group-content-label.group-content.sharingLabel, .desktop-detail-content-section > .group-content-label.group-content.labelManualSorting, .desktop-detail-content-section > .group-content-label.group-content.labelFunctions, .desktop-detail-content-section > .group-content-label.group-content.functionLabel {
  font-size: 12px;
  font-weight: normal;
  color: #555555;
}
.desktop-detail-content-section .group-content.group-content-button.button-submit {
  padding: unset;
}
.desktop-detail-content-section .group-content.group-content-button button.btn-icon {
  width: 100%;
  justify-content: unset;
}

.page-layout header {
  width: 100%;
}
.page-layout main > div {
  padding: 16px;
  box-sizing: border-box;
}
.page-layout .flex-layout-view {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: stretch;
  overflow: hidden;
}
.page-layout .flex-layout-view .group-content.group-content-switch {
  display: flex;
  flex-wrap: nowrap;
}
.page-layout .flex-layout-view .group-content.group-content-switch .group-content-label {
  flex: 1;
}
.page-layout .desktop-main-content, .page-layout .desktop-detail-content {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  overflow-y: auto;
  flex: auto;
}
.page-layout .desktop-main-content > div, .page-layout .desktop-detail-content > div {
  width: 100%;
  padding: 16px 16px 0;
  box-sizing: border-box;
  position: relative;
}
.page-layout .desktop-main-content > div.rc-snackbar.is-opened, .page-layout .desktop-detail-content > div.rc-snackbar.is-opened {
  padding: 0;
}
.page-layout .desktop-main-content > div.desktop-main-content-header, .page-layout .desktop-detail-content > div.desktop-main-content-header {
  padding-top: 8px;
  min-height: 44px;
}
.page-layout .desktop-main-content > div.desktop-main-content-header .content-group-table-row .group-content, .page-layout .desktop-main-content > div.desktop-main-content-header .checkout-group-content .group-content, .page-layout .desktop-detail-content > div.desktop-main-content-header .content-group-table-row .group-content, .page-layout .desktop-detail-content > div.desktop-main-content-header .checkout-group-content .group-content {
  margin-bottom: 0;
}
.page-layout .desktop-main-content .help-line, .page-layout .desktop-detail-content .help-line {
  flex: 0;
  left: 8px;
  padding-bottom: unset;
}
.page-layout .desktop-main-content .search-bar, .page-layout .desktop-detail-content .search-bar {
  flex: auto;
  max-width: 446px;
}
.page-layout .desktop-main-content .search-bar > div, .page-layout .desktop-detail-content .search-bar > div {
  position: relative;
}
.page-layout .desktop-main-content {
  flex-basis: 672px;
  min-width: 352px;
  position: relative;
  padding-bottom: 32px;
}
.page-layout .desktop-main-content.layout-style-dark {
  background-color: #efefef;
}
.page-layout .desktop-main-content.layout-style-light {
  background-color: #ffffff;
}
.page-layout .desktop-main-content > .view-refresh-button {
  position: absolute;
  right: 0;
  top: 0;
  width: unset;
}
.page-layout .desktop-main-content .no-data-content {
  max-width: 400px;
}
.page-layout .desktop-main-content .no-data-content.no-data-qr {
  max-width: unset;
}
.page-layout .desktop-main-content .project-list-item {
  cursor: pointer;
  padding: 8px;
  border: 0;
  margin-bottom: 8px;
  min-width: 320px;
  max-width: 446px;
  width: 375px;
  flex: 1;
}
.page-layout .desktop-main-content .project-list-item.selected-item {
  border: 2px solid #3669c4;
}
.page-layout .desktop-main-content .project-list-item.dummy-item {
  cursor: auto;
}
@media only screen and (max-width: 679px) {
  .page-layout .desktop-main-content {
    margin-right: unset;
    min-width: 320px;
  }
}
.page-layout .desktop-detail-content-control {
  width: 55px;
  background-color: white;
  border-left: 1px solid #cccccc;
  box-sizing: border-box;
}
.page-layout .desktop-detail-content-control .desktop-module-button button .btn-label {
  overflow-wrap: break-word;
  width: auto;
  max-width: 100%;
}
.page-layout .desktop-detail-content-control .desktop-module-button button {
  height: 52px;
}
.page-layout .desktop-detail-content-control .desktop-module-button button .btn-label {
  overflow: visible;
}
.page-layout .mobile-tabs div {
  justify-content: unset;
}
.page-layout .mobile-tabs .mobile-detail-content-control {
  width: 55px;
  background-color: white;
  box-sizing: border-box;
  justify-content: space-between;
}
.page-layout .mobile-tabs .mobile-detail-content-control .desktop-module-button button .btn-label {
  overflow-wrap: break-word;
  width: auto;
  max-width: 100%;
}
.page-layout .mobile-tabs .mobile-detail-content-control .desktop-module-button button {
  height: 52px;
}
.page-layout .mobile-tabs .mobile-detail-content-control .desktop-module-button button .btn-label {
  overflow: visible;
}
.page-layout .desktop-detail-content {
  background-color: #ffffff;
  min-width: 320px;
  max-width: 446px;
  width: 375px;
}
.page-layout .desktop-detail-content.empty-content {
  background-color: unset;
}
.page-layout .desktop-detail-content.detail-content-hidden {
  display: none;
}
.page-layout .desktop-detail-content.floating-detail-content {
  position: absolute;
  right: 55px;
  top: 0;
  bottom: 0;
  box-sizing: border-box;
  z-index: 10;
  border-right: 1px solid #efefef;
  border-left: 2px solid #efefef;
}
.page-layout .desktop-detail-content.floating-detail-content .floating-detail-content-close-button {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10000;
}
.page-layout .desktop-detail-content.floating-detail-content .detail-content-header {
  padding-left: 36px;
}
.page-layout .desktop-detail-content .detail-content-header {
  display: flex;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  width: 100%;
  background-color: #ffffff;
  z-index: 10;
  flex: 0;
  min-height: 36px;
  padding: unset;
}
.page-layout .desktop-detail-content .detail-content-header > div {
  flex: 0;
}
.page-layout .desktop-detail-content .detail-content-header > div.header-title {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 36px;
}
.page-layout .desktop-detail-content .detail-content-header .close-button {
  position: absolute;
  z-index: 1;
}
.page-layout .desktop-detail-content .detail-content-header .header-labled-button {
  position: absolute;
  right: 8px;
}
.page-layout .desktop-detail-content .detail-content-header .header-labled-button button.apply-button {
  padding-left: 0;
  padding-right: 4px;
  width: auto;
  color: #3669c4;
}
.page-layout .desktop-detail-content .desktop-detail-content-section {
  margin-bottom: 16px;
}
.page-layout .desktop-detail-content .desktop-detail-content-section > .group-content-label.group-content.group-important, .page-layout .desktop-detail-content .desktop-detail-content-section > .group-content-label.group-content.orderingLabel, .page-layout .desktop-detail-content .desktop-detail-content-section > .group-content-label.group-content.sharingLabel, .page-layout .desktop-detail-content .desktop-detail-content-section > .group-content-label.group-content.labelManualSorting, .page-layout .desktop-detail-content .desktop-detail-content-section > .group-content-label.group-content.labelFunctions {
  font-size: 12px;
  font-weight: normal;
  color: #555555;
  margin-bottom: 0;
}
.page-layout .desktop-detail-content .desktop-detail-content-section .group-content.group-content-button.button-submit {
  padding: unset;
}
.page-layout .desktop-detail-content .desktop-detail-content-section .group-content.group-content-button button.btn-icon {
  width: 100%;
  justify-content: unset;
}
.page-layout .desktop-detail-content .detail-content-content {
  flex: 1;
  overflow-y: auto;
}
.page-layout .desktop-detail-content .detail-content-controls {
  width: 100%;
  background-color: #ffffff;
  z-index: 10;
  flex: 0;
  border-top: 1px solid #cccccc;
}
.page-layout .desktop-detail-content .checkout-group-content .group-content-horizontal-group, .page-layout .desktop-detail-content .content-group-table-row .group-content-horizontal-group {
  flex-wrap: wrap;
  /*.group-content-key-value {
      display: inline-flex;
      padding-right: 8px;
      width: auto;

      flex-direction: column;
      flex: 1;
      white-space: nowrap;
      margin-top: unset;
      box-sizing: border-box;
  }*/
}
@media only screen and (max-width: 679px) {
  .page-layout .desktop-detail-content {
    display: none;
  }
}

.padding-wrapper {
  padding: 16px;
  box-sizing: border-box;
}

.padding-small-wrapper {
  padding: 8px;
  box-sizing: border-box;
}

.display-flex {
  display: flex;
}
.display-flex.flex-direction-column {
  flex-direction: column;
}

.margin-bottom-16 {
  margin-bottom: 16px;
}

.horizontal-layout-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-content: center;
  margin-bottom: 16px;
}
.horizontal-layout-header input {
  display: flex;
  align-self: center;
}

.desktop-main-content-section-header {
  display: flex;
  justify-content: space-between;
  min-height: 36px;
  position: relative;
}

.desktop-main-content-header {
  display: flex;
  justify-content: right;
  min-height: 36px;
  position: relative;
}
.desktop-main-content-header.horizontal-layout-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-content: center;
  margin-bottom: 16px;
}
.desktop-main-content-header.horizontal-layout-header input {
  display: flex;
  align-self: center;
}
.desktop-main-content-header .button-header-right {
  padding-right: 0;
}
.desktop-main-content-header .search-bar {
  min-width: 320px;
}
.desktop-main-content-header .desktop-content-add-item-button {
  position: absolute;
  left: 16px;
  top: 8px;
  z-index: 9;
}
.desktop-main-content-header.secondary-line {
  margin-bottom: 16px;
}
.desktop-main-content-header.secondary-line .desktop-content-add-item-button {
  position: relative;
  inset: unset;
  z-index: 9;
}
@media only screen and (max-width: 1024px) {
  .desktop-main-content-header {
    flex-wrap: wrap;
    /*.desktop-content-add-item-button {
        position: relative;
        left: unset;
        top: unset;
        margin-right: 16px;
        margin-bottom: 8px;
    }*/
  }
}

@media only screen and (max-width: 1500px) {
  .right-column-opened .desktop-main-content-header {
    justify-content: space-between;
    flex-wrap: wrap;
    /*.desktop-content-add-item-button {
        position: relative;
        left: unset;
        top: unset;
        margin-right: 16px;
        margin-bottom: 8px;
    }*/
  }
}

.qrCodePublish button, .qrCodeUnpublish button {
  width: 100%;
}

.project-edit-item .group-content-key-value {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.justify-content-center {
  display: flex;
  justify-content: center;
}
.justify-content-center.flex-direction-column {
  flex-direction: column;
}

.justify-content-left {
  justify-content: left;
}

.justify-content-right {
  justify-content: right;
}

.justify-content-space-between {
  display: flex;
  justify-content: space-between;
}

/*
@keyframes SlideDown {
  0% {
    opacity: 0;
    @include translate(0, -125%);
  }
  100% {
    opacity: 1;
    @include translate(0, 0);
  }
}

@keyframes SlideUp {
  0% {
    opacity: 1;
    @include translate(0, 0);
  }
  100% {
    opacity: 0;
    @include translate(0, -125%);
  }
}

@keyframes FadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes FadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}*/
.categories-page-cards .article-selection {
  position: relative;
  background-color: #efefef;
  max-width: calc(1206px + 456px);
  margin: 0 auto;
  display: flex;
}

.rc-mobile-view .article-selection .article-selection-content {
  flex: auto;
  padding: 4px 4px 16px;
}
.rc-mobile-view .article-selection .promotion-button {
  background-color: #000000;
  font-size: 14px;
  display: flex;
}
.rc-mobile-view .article-selection .promotion-button .promotion-button-image {
  height: 112px;
  width: 112px;
  padding: 8px;
}
.rc-mobile-view .article-selection .promotion-button .promotion-button-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.rc-mobile-view .article-selection .promotion-button .promotion-button-text {
  color: #FFFFFF;
}
.rc-mobile-view .article-selection .promotion-button .promotion-button-text .promotion-button-text-header {
  display: flex;
  align-items: center;
  height: 36px;
  font-weight: 700;
  flex-shrink: 0;
  align-self: stretch;
}
.rc-mobile-view .article-selection .promotion-button .promotion-button-text .promotion-button-text-body {
  font-weight: 400;
  display: flex;
  padding: 2px 0px 4px 0px;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  flex: 1 0 0;
  align-self: stretch;
}
.rc-mobile-view .article-selection .promotion-button .promotion-button-text .promotion-button-text-more {
  display: flex;
  padding: 5px 0px;
  justify-content: flex-end;
  align-items: center;
  margin-right: 8px;
}
.rc-mobile-view .article-selection .promotion-button .promotion-button-text .promotion-button-text-more .rc-icon:before {
  color: #FFFFFF;
}

.article-selection-footer {
  flex: 1;
  display: flex;
  max-height: 44px;
  font-size: 12px;
  justify-content: space-between;
}
@media (max-width: 1100px) {
  .article-selection-footer {
    background-color: #efefef;
    position: sticky;
    position: -webkit-sticky;
  }
}
.article-selection-footer .footer-price-info {
  text-align: right;
  white-space: nowrap;
  margin-right: 8px;
  display: flex;
  flex-direction: column;
}
.article-selection-footer .footer-price-info a {
  text-decoration: underline;
  font-size: 12px;
}
.article-selection-footer.mobile-footer {
  display: block;
  max-height: unset;
}
.article-selection-footer.mobile-footer .footer-price-info {
  height: 44px;
  align-items: center;
  flex-direction: unset;
}
.article-selection-footer.mobile-footer .language-selector {
  width: 100%;
  margin: 0 4px;
}

.article-selection .article-selection-content {
  flex: 0 1 1206px;
  max-width: 1206px;
  flex-direction: column;
  display: flex;
  padding-bottom: 16px;
  box-sizing: border-box;
}
.article-selection .article-selection-content > div {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
  font-size: 16px;
}
.article-selection .article-selection-content > div.three-cols .cardbox {
  flex: 0 1 33.3333%;
}
.article-selection .article-selection-content > div.two-cols .cardbox {
  flex: 0 1 50%;
}
.article-selection .article-selection-content .microsite-banner-caption {
  height: 36px;
  display: none;
  align-items: center;
  justify-content: left;
  padding-left: 8px;
  font-size: 14px;
  font-weight: bold;
}
.article-selection .article-selection-content .project-list-item {
  display: none;
}
@media (max-width: 700px) {
  .article-selection .article-selection-content > div {
    justify-content: center;
  }
}
@media (max-width: 1130px) {
  .article-selection .article-selection-content > div {
    justify-content: center;
  }
}
.article-selection .article-selection-content .cardbox {
  align-self: stretch;
  cursor: pointer;
  padding: 8px;
}
.article-selection .article-selection-content .cardbox .image {
  padding-bottom: 69.4444444444%;
  position: relative;
  overflow: hidden;
  display: block;
  border-radius: 6px 6px 0 0;
}
.article-selection .article-selection-content .cardbox .image img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
  display: block;
}
.article-selection .article-selection-content .cardbox .image.custom-image.square img, .article-selection .article-selection-content .cardbox .image.custom-image.portrait img {
  width: unset;
  height: 100%;
}
.article-selection .article-selection-content .cardbox .image .rc-icon.sgw-icon.info {
  position: absolute;
  right: 8px;
  bottom: 8px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: white;
  padding: unset;
}
.article-selection .article-selection-content .cardbox .image .rc-icon.sgw-icon.info:before {
  font-size: 32px;
  line-height: 32px;
  left: 4px;
  top: 4px;
}
.article-selection .article-selection-content .cardbox.dummy-item {
  min-height: unset;
  height: 0;
  cursor: unset;
}
.article-selection .article-selection-content .cardbox > div {
  background-color: #FFF;
  border-radius: 6px;
}
.article-selection .article-selection-content .cardbox .promotion-label {
  position: absolute;
  top: 16px;
  right: 16px;
  left: unset;
  overflow: unset;
  box-shadow: unset;
}
.article-selection .article-selection-content .cardbox .promotion-label > div {
  display: block;
  padding: 6px 16px;
  color: #ffffff;
  background-color: #d9052f;
  font-size: 12px;
  line-height: 15px;
  border-radius: 120px;
  /*&:after {
      content: "";
      position: absolute;
      right: -5px;
      z-index: -1;
      top: -6px;
      width: 5px;
      height: 5px;
      border-top: 5px solid transparent;
      border-bottom: 5px solid transparent;
      border-right: 8px solid #A60424;
      transform: rotate(90deg);
  }*/
}
.article-selection .article-selection-content .cardbox.is-mobile .promotion-label {
  font-size: 12px;
  white-space: nowrap;
  top: -4px;
  left: 0;
  margin-left: 50%;
  transform: translateX(-50%);
}
.article-selection .article-selection-content .cardbox.is-mobile .promotion-label > div {
  padding: 4px 8px;
}
.article-selection .cardbox {
  flex: 1;
  min-width: 350px;
  max-width: 402px;
  justify-content: center;
  min-height: 200px;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: text;
  /*@media only screen and (max-height:768px) {
      max-width: 260px;
  }*/
}
@media only screen and (max-width: 1600px) {
  .article-selection .cardbox {
    min-width: 310px;
    max-width: 350px;
  }
}
@media only screen and (max-width: 1440px) {
  .article-selection .cardbox {
    min-width: 250px;
    max-width: 310px;
  }
}
@media only screen and (max-width: 1280px) {
  .article-selection .cardbox {
    min-width: 220px;
    max-width: 250px;
  }
}
.article-selection .cardbox.is-mobile {
  flex: 0 0 50%;
  min-width: unset;
  min-height: unset;
  padding: 4px;
}
.article-selection .cardbox.is-mobile .price {
  display: block;
}
.article-selection .cardbox.is-mobile .price .color {
  color: #d9052f;
}
.article-selection .cardbox:hover .image:after {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  background-image: radial-gradient(100% 100% at center, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1));
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.article-selection .cardbox a, .article-selection .cardbox a:active, .article-selection .cardbox a:hover, .article-selection .cardbox a:visited {
  text-decoration: none;
  color: #000;
}
.article-selection .cardbox > div {
  flex: auto;
  box-sizing: border-box;
  overflow: hidden;
}
.article-selection .cardbox .image {
  position: relative;
  overflow: hidden;
  background-color: transparent;
  background-image: radial-gradient(100% 100% at center, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1));
}
.article-selection .cardbox .labels {
  box-sizing: border-box;
  padding: 24px 8px 25px 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  border-radius: 0 0 6px 6px;
}
@media only screen and (max-width: 1600px) {
  .article-selection .cardbox .labels {
    /*min-width: 310px;
    max-width: 350px;*/
    padding: 20px 16px;
  }
}
@media only screen and (max-width: 1440px) {
  .article-selection .cardbox .labels {
    /*min-width: 250px;
    max-width: 310px;*/
    padding: 18px 16px;
  }
}
@media only screen and (max-width: 1280px) {
  .article-selection .cardbox .labels {
    /*min-width: 220px;
    max-width: 250px;*/
    padding: 16px 16px;
  }
}
.article-selection .cardbox.is-mobile .labels {
  padding: 8px 8px;
  text-align: center;
}
.article-selection .cardbox h2, .article-selection .cardbox h3 {
  text-align: center;
  line-height: 30px;
  font-size: 24px;
  margin-bottom: 0;
}
.article-selection .cardbox h2 {
  padding-bottom: 10px;
}
.article-selection .cardbox h2 .price {
  display: block;
}
.article-selection .cardbox h2 .price .color {
  color: #d9052f;
}
.article-selection .cardbox p {
  margin-top: 28px;
  margin-bottom: 0;
}
.article-selection .cardbox ul, .article-selection .cardbox ol {
  list-style-type: square;
  margin: 13px 0 0 0;
  padding-left: 33px;
}
.article-selection .cardbox ul li {
  margin-top: 5px;
  line-height: 22px;
}
.article-selection .cardbox p + p {
  margin-top: 13px;
}
.article-selection .cardbox h3 {
  margin-top: 12px;
  margin-bottom: 0;
  font-size: 16px;
}
.article-selection .cardbox h3 a {
  position: relative;
  padding-right: 0;
}
.article-selection .cardbox h3 a:before, .article-selection .cardbox h3:hover a:before, .article-selection .cardbox h3:active a:before, .article-selection .cardbox h3:visited a:before {
  font-size: 21px;
  top: -1px;
  left: auto;
  right: -20px;
  line-height: 100%;
}
.article-selection .cardbox .highlight {
  background-color: #D9052F;
  font-weight: normal;
  color: #FFF;
  padding-left: 6px;
  display: inline-block;
  padding-right: 8px;
}
.article-selection .microsite-banner {
  box-sizing: border-box;
  min-width: 0;
  flex-wrap: wrap;
  flex: 0 0 456px;
  max-width: 456px;
  align-items: flex-start;
  /*.slider-text {
      align-items: center;

  }*/
}
.article-selection .microsite-banner .project-list-item {
  margin-bottom: 16px;
}
.article-selection .microsite-banner .microsite-banner-wrapper {
  position: sticky;
  position: -webkit-sticky;
  top: 52px;
}
.article-selection .microsite-banner .microsite-banner-caption {
  color: #2C2C2C;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
  margin-bottom: 8px;
  margin-left: 8px;
}
.article-selection .microsite-banner .project-list-item .context-menu {
  position: absolute !important;
  top: 100% !important;
  right: 0 !important;
  left: unset !important;
}
@media only screen and (max-width: 1500px) {
  .article-selection .microsite-banner {
    flex: 0 0 400px;
    max-width: 400px;
  }
}
@media only screen and (max-width: 1280px) {
  .article-selection .microsite-banner {
    flex: 0 0 340px;
    max-width: 340px;
  }
}
.article-selection .microsite-banner .continue-last-project-label {
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: left;
  padding-left: 8px;
  font-size: 14px;
  font-weight: bold;
}
.article-selection .microsite-banner .cardbox {
  color: #2C2C2C;
  margin: 8px;
  display: flex;
  box-sizing: border-box;
  flex-wrap: wrap;
  overflow: hidden;
  flex: auto;
  max-width: 100%;
  align-self: flex-start;
  background-color: white;
  text-align: left;
  min-height: 400px;
  flex-direction: row;
  border-radius: 6px;
}
.article-selection .microsite-banner .cardbox:hover .image:after {
  background-image: none;
}
.article-selection .microsite-banner .cardbox h2, .article-selection .microsite-banner .cardbox h3 {
  text-align: left;
  line-height: 27px;
  margin-top: unset;
}
.article-selection .microsite-banner .cardbox h2 {
  font-size: 21px;
  line-height: 27px;
  color: #2C2C2C;
  padding-bottom: 10px;
  font-weight: bold;
}
.article-selection .microsite-banner .cardbox h2 .price {
  display: block;
}
.article-selection .microsite-banner .cardbox h2 .price .color {
  color: #d9052f;
}
.article-selection .microsite-banner .cardbox p {
  margin-top: unset;
}
.article-selection .microsite-banner.screen-small-height .cardbox {
  height: calc(100vh - 74px);
}
.article-selection .microsite-banner.screen-small-height .content {
  background-color: white;
  z-index: 1;
  position: absolute;
  width: 100%;
  bottom: 0;
  top: auto;
}
.article-selection .microsite-banner.screen-small-height .slider-images {
  height: max-content;
}
.article-selection .microsite-banner a, .article-selection .microsite-banner a:active, .article-selection .microsite-banner a:hover, .article-selection .microsite-banner a:visited {
  text-decoration: none;
  color: #3669C4;
}
.article-selection .microsite-banner a:before, .article-selection .microsite-banner a:active:before, .article-selection .microsite-banner a:hover:before, .article-selection .microsite-banner a:visited:before {
  color: #3669C4;
}
.article-selection .microsite-banner img {
  width: 100%;
  height: auto;
  display: block;
  image-rendering: -webkit-optimize-contrast;
}
.article-selection .microsite-banner .labels {
  box-sizing: border-box;
  padding: 41px 32px;
  flex: 0 0 100%;
  max-width: 100%;
}
.article-selection .microsite-banner .image {
  overflow: hidden;
  flex: 0 0 100%;
  transition: transform 0.4s ease, background 0.4s ease;
  max-width: 100%;
  background-color: transparent;
}
.article-selection .microsite-banner .is-swiping .image {
  transition: background 0.4s ease;
}
.article-selection .microsite-banner .image:not(.active) {
  background-color: unset !important;
}
.article-selection .microsite-banner .image.color {
  background-image: radial-gradient(100% 100% at center, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1));
}
.article-selection .microsite-banner .slider-images, .article-selection .microsite-banner .slider-text {
  flex-direction: row;
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden;
  flex: auto;
  position: relative;
}
.article-selection .microsite-banner .dotted-nav {
  display: flex;
  background-color: white;
  flex-wrap: nowrap;
  padding-bottom: 36px;
  justify-content: center;
}
.article-selection .microsite-banner .dotted-nav > div {
  border-radius: 50%;
  flex: 0 0 16px;
  height: 16px;
  cursor: pointer;
  margin: 0 4px 4px;
  background-color: #D8d8d8;
}
.article-selection .microsite-banner .dotted-nav > div:hover {
  background-color: #b7b7b7;
}
.article-selection .microsite-banner .dotted-nav > div:active {
  background-color: #a7a7a7;
}
.article-selection .microsite-banner .dotted-nav > div.active {
  background-color: #777777;
}

@media handheld, only screen and (max-width: 1206px) {
  .article-selection .microsite-banner {
    display: none;
  }
  .article-selection .article-selection-content .microsite-banner-caption, .article-selection .article-selection-content .project-list-item {
    display: flex;
  }
}
@media handheld, only screen and (min-width: 1206px) {
  .without-microsite-banner .article-content {
    min-height: 70vh;
    justify-content: center;
    align-items: center;
  }
}
.cardbox.is-phone-tablet {
  border-radius: 6px;
}
.cardbox.is-phone-tablet > div {
  border-radius: 6px;
}
.cardbox.is-phone-tablet > div .labels h2 {
  padding-bottom: unset;
}

main.article-selection-wrapper.redesign .article-selection .article-selection-content {
  padding: 0;
}
main.article-selection-wrapper.redesign .article-selection .article-selection-content.phone .project-list-item {
  margin-top: 8px;
}
main.article-selection-wrapper.redesign .article-selection .article-selection-content .project-list-item {
  margin-top: 16px;
}
main.article-selection-wrapper.redesign .article-selection .article-selection-content .article-cards-group {
  justify-content: space-between;
  gap: 16px;
  margin: 16px 0 4px;
}
main.article-selection-wrapper.redesign .article-selection .article-selection-content .article-cards-group .cardbox {
  padding: 0;
  flex: unset;
  min-width: unset;
  max-width: unset;
  width: calc((100% - 16px) / 2);
  box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.15), -2px 4px 4px 0px rgba(0, 0, 0, 0.05);
}
main.article-selection-wrapper.redesign .article-selection .article-selection-content .article-cards-group .cardbox.flex-card-list-dummy-item {
  box-shadow: none;
}
main.article-selection-wrapper.redesign .article-selection .article-selection-content .article-cards-group .cardbox .image {
  padding-bottom: 85%;
}
main.article-selection-wrapper.redesign .article-selection .article-selection-content .article-cards-group .cardbox .image img {
  top: 58%;
}
main.article-selection-wrapper.redesign .article-selection .article-selection-content .article-cards-group .cardbox .labels {
  padding: 12px 8px;
}
main.article-selection-wrapper.redesign .article-selection .article-selection-content .article-cards-group .cardbox .labels * {
  font-size: 12px;
}
main.article-selection-wrapper.redesign .article-selection .article-selection-content .article-cards-group .cardbox .labels h2 * {
  font-size: 14px;
}
main.article-selection-wrapper.redesign .article-selection .article-selection-content .article-cards-group .cardbox .labels h2 div, main.article-selection-wrapper.redesign .article-selection .article-selection-content .article-cards-group .cardbox .labels h2 div * {
  font-size: 12px;
}
main.article-selection-wrapper.redesign .article-selection .article-selection-content .article-cards-group .cardbox .labels div:first-child {
  font-size: 14px;
}
main.article-selection-wrapper.redesign .article-selection .article-selection-content .article-cards-group .cardbox .promotion-label {
  box-shadow: none;
  left: auto;
  right: 6px;
  top: 6px;
  margin-left: 0;
  transform: none;
}
main.article-selection-wrapper.redesign .article-selection .article-selection-content .article-cards-group .cardbox .promotion-label > div {
  background-color: #cc0000;
  padding: 8px;
  border-radius: 24px;
  font-size: 10px;
}
main.article-selection-wrapper.redesign .article-selection .article-selection-content .article-cards-group .cardbox.full-width {
  width: 100%;
}
main.article-selection-wrapper.redesign .article-selection .article-selection-content .article-cards-group .cardbox.full-width .image {
  padding-bottom: 69.4444444444%;
}
main.article-selection-wrapper.redesign .article-selection .article-selection-content .article-cards-group .cardbox.full-width .image img {
  top: 50%;
}
main.article-selection-wrapper.redesign .article-selection .article-selection-content .article-cards-group .cardbox.full-width .labels {
  padding: 16px 8px;
}
main.article-selection-wrapper.redesign .article-selection .article-selection-content .article-cards-group .cardbox.full-width .labels * {
  font-size: 14px;
}
main.article-selection-wrapper.redesign .article-selection .article-selection-content .article-cards-group .cardbox.full-width .labels h2 * {
  font-size: 16px;
}
main.article-selection-wrapper.redesign .article-selection .article-selection-content .article-cards-group .cardbox.full-width .labels h2 div, main.article-selection-wrapper.redesign .article-selection .article-selection-content .article-cards-group .cardbox.full-width .labels h2 div * {
  font-size: 14px;
}
main.article-selection-wrapper.redesign .article-selection .article-selection-content .article-cards-group .cardbox.full-width .labels div:first-child {
  font-size: 16px;
}
main.article-selection-wrapper.redesign .article-selection .article-selection-content .article-cards-group .cardbox.full-width .promotion-label > div {
  font-size: 12px;
}
main.article-selection-wrapper.redesign .article-selection .article-selection-content .article-selection-footer {
  background-color: #FFFFFF;
  justify-content: start;
}
main.article-selection-wrapper.redesign .article-selection .article-selection-content .article-selection-footer .footer-price-info a {
  font-size: 13px;
}
main.article-selection-wrapper.redesign.tablet .article-selection .article-selection-content .article-cards-group .cardbox {
  width: calc((100% - 32px) / 3);
}
main.article-selection-wrapper.redesign.tablet .article-selection .article-selection-content .article-cards-group .cardbox .image {
  padding-bottom: 69.4444444444%;
}
main.article-selection-wrapper.redesign.tablet .article-selection .article-selection-content .article-cards-group .cardbox .image img {
  top: 50%;
}
main.article-selection-wrapper.redesign.tablet .article-selection .article-selection-content .article-cards-group .cardbox .labels * {
  font-size: 14px;
}
main.article-selection-wrapper.redesign.tablet .article-selection .article-selection-content .article-cards-group .cardbox .labels h2 * {
  font-size: 16px;
}
main.article-selection-wrapper.redesign.tablet .article-selection .article-selection-content .article-cards-group .cardbox .labels h2 div, main.article-selection-wrapper.redesign.tablet .article-selection .article-selection-content .article-cards-group .cardbox .labels h2 div * {
  font-size: 14px;
}
main.article-selection-wrapper.redesign.tablet .article-selection .article-selection-content .article-cards-group .cardbox .promotion-label > div {
  font-size: 12px;
}

#ArticleSelectionContent .categories-page-cards .article-selection .article-selection-content .article-cards-group .cardbox .labels h2 {
  padding-bottom: unset;
}

/*
@keyframes SlideDown {
  0% {
    opacity: 0;
    @include translate(0, -125%);
  }
  100% {
    opacity: 1;
    @include translate(0, 0);
  }
}

@keyframes SlideUp {
  0% {
    opacity: 1;
    @include translate(0, 0);
  }
  100% {
    opacity: 0;
    @include translate(0, -125%);
  }
}

@keyframes FadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes FadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}*/
/*
@keyframes SlideDown {
  0% {
    opacity: 0;
    @include translate(0, -125%);
  }
  100% {
    opacity: 1;
    @include translate(0, 0);
  }
}

@keyframes SlideUp {
  0% {
    opacity: 1;
    @include translate(0, 0);
  }
  100% {
    opacity: 0;
    @include translate(0, -125%);
  }
}

@keyframes FadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes FadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}*/
.categories-page-cards {
  display: flex;
  flex-direction: column;
  padding-top: 16px;
  box-sizing: border-box;
}
.categories-page-cards > * {
  width: 100%;
}
.categories-page-cards.without-microsite-banner {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
.categories-page-cards.without-microsite-banner .article-selection {
  flex: auto;
}
.categories-page-cards.without-microsite-banner .article-selection.no-results {
  justify-content: center;
}
.categories-page-cards.without-microsite-banner .article-selection .cardbox {
  max-width: 415px;
}
.categories-page-cards.without-microsite-banner .article-selection-content {
  flex: 0 1 calc(1206px + 456px);
  max-width: calc(1206px + 456px);
}
.categories-page-cards.without-microsite-banner .microsite-banner {
  display: none;
}

/*
@keyframes SlideDown {
  0% {
    opacity: 0;
    @include translate(0, -125%);
  }
  100% {
    opacity: 1;
    @include translate(0, 0);
  }
}

@keyframes SlideUp {
  0% {
    opacity: 1;
    @include translate(0, 0);
  }
  100% {
    opacity: 0;
    @include translate(0, -125%);
  }
}

@keyframes FadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes FadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}*/
/*
@keyframes SlideDown {
  0% {
    opacity: 0;
    @include translate(0, -125%);
  }
  100% {
    opacity: 1;
    @include translate(0, 0);
  }
}

@keyframes SlideUp {
  0% {
    opacity: 1;
    @include translate(0, 0);
  }
  100% {
    opacity: 0;
    @include translate(0, -125%);
  }
}

@keyframes FadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes FadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}*/
/*
@keyframes SlideDown {
  0% {
    opacity: 0;
    @include translate(0, -125%);
  }
  100% {
    opacity: 1;
    @include translate(0, 0);
  }
}

@keyframes SlideUp {
  0% {
    opacity: 1;
    @include translate(0, 0);
  }
  100% {
    opacity: 0;
    @include translate(0, -125%);
  }
}

@keyframes FadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes FadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}*/
.page-layout .desktop-main-content .article-configurator-content {
  background-color: white;
}

.page-layout .desktop-main-content .article-configurator-content, main .article-configurator-content {
  max-width: 1184px;
  padding: unset;
}
.page-layout .desktop-main-content .article-configurator-content + .article-configurator.article-configurator-mobile, main .article-configurator-content + .article-configurator.article-configurator-mobile {
  flex: 0 0 420px;
  padding: unset;
}
@media (max-width: 1024px) {
  .page-layout .desktop-main-content .article-configurator-content + .article-configurator.article-configurator-mobile, main .article-configurator-content + .article-configurator.article-configurator-mobile {
    flex: 0 0 380px;
  }
}
.page-layout .desktop-main-content .article-configurator-content h1, main .article-configurator-content h1 {
  font-size: 24px;
  line-height: 25px;
  margin-bottom: 16px;
  font-family: "SourceSansPro-Light", sans-serif;
}
.page-layout .desktop-main-content .article-configurator-content h2, main .article-configurator-content h2 {
  font-size: 24px;
}
.page-layout .desktop-main-content .article-configurator-content p, main .article-configurator-content p {
  margin-bottom: 16px;
}
.page-layout .desktop-main-content .article-configurator-content ul, main .article-configurator-content ul {
  list-style-type: square;
  margin-left: 16px;
  padding-left: 16px;
  margin-bottom: 16px;
}
.page-layout .desktop-main-content .article-configurator-content .content-text, main .article-configurator-content .content-text {
  padding: 16px;
  line-height: 16px;
  font-size: 14px;
  box-sizing: border-box;
  display: flex;
  flex-wrap: nowrap;
  overflow: auto;
  max-width: 672px;
  margin: 0 auto;
}
.page-layout .desktop-main-content .article-configurator-content .checkout-group-content > .group-content-label, main .article-configurator-content .checkout-group-content > .group-content-label {
  padding: 16px;
  display: block;
  max-width: 672px;
  margin: 0 auto;
}
.page-layout .desktop-main-content .article-configurator-content .group-content-carousel-item, main .article-configurator-content .group-content-carousel-item {
  /*min-width: $minWidth;
  max-width: $subMaxWidth;
  width: auto;*/
  flex: 1;
}
.page-layout .desktop-main-content .article-configurator-content .configurator-content-faq, main .article-configurator-content .configurator-content-faq {
  padding: 32px 0;
}
.page-layout .desktop-main-content .article-configurator-content .configurator-content-faq > div, main .article-configurator-content .configurator-content-faq > div {
  max-width: 672px;
  margin: 0 auto;
}
.page-layout .desktop-main-content .article-configurator-content .configurator-content-faq .faq-content .faq-content-item, main .article-configurator-content .configurator-content-faq .faq-content .faq-content-item {
  border-bottom: 1px solid #efefef;
}
.page-layout .desktop-main-content .article-configurator-content .configurator-content-faq .faq-content .faq-content-item .faq-content-item-button, main .article-configurator-content .configurator-content-faq .faq-content .faq-content-item .faq-content-item-button {
  padding: 2px;
}
.page-layout .desktop-main-content .article-configurator-content .configurator-content-faq .faq-content .faq-content-item .faq-content-item-button button, main .article-configurator-content .configurator-content-faq .faq-content .faq-content-item .faq-content-item-button button {
  width: 100%;
  padding-left: unset;
  padding-right: unset;
  justify-content: space-between;
}
.page-layout .desktop-main-content .article-configurator-content .configurator-content-faq .faq-content .faq-content-item-content, main .article-configurator-content .configurator-content-faq .faq-content .faq-content-item-content {
  padding: 8px 0 8px 16px;
}

.configurator-page {
  flex-direction: column;
  display: flex;
  height: 100vh;
  height: 100dvh;
  flex-wrap: nowrap;
  position: relative;
}
.configurator-page .desktop-main-content {
  padding-bottom: 32px;
}
.configurator-page header.configurator-page-header {
  flex: 0 0 58px;
  width: 100%;
  position: unset;
  align-items: center;
  max-height: 68px;
  padding: 5px 0;
}
.configurator-page .article-configurator-page-wrapper {
  flex: 1;
  align-items: center;
  display: flex;
  overflow: auto;
}
.configurator-page.website-configurator {
  height: unset;
}
.configurator-page.website-configurator .article-configurator-page-wrapper {
  overflow: unset;
}

.article-configurator-page {
  position: relative;
  background-color: #efefef;
  max-width: 1662px;
  margin: 0 auto;
  display: flex;
}
.article-configurator-page .article-configurator-page-content-wrapper {
  flex: 0 1 1206px;
  max-width: 1206px;
  flex-direction: column;
  overflow: hidden;
  display: flex;
  padding-bottom: 16px;
  box-sizing: border-box;
}
.article-configurator-page .article-configurator-page-configurator-wrapper {
  display: flex;
  box-sizing: border-box;
  min-width: unset;
  flex-wrap: wrap;
  flex: 0 0 456px;
  max-width: 456px;
  justify-content: flex-end;
  align-items: flex-start;
}
.article-configurator-page .article-configurator-page-configurator-wrapper > div {
  margin: 8px;
  display: flex;
  box-sizing: border-box;
  flex-wrap: wrap;
  overflow: hidden;
  flex: auto;
  max-width: 100%;
  align-self: flex-start;
  position: sticky;
  position: -webkit-sticky;
  top: 66px;
  min-width: 348px;
  text-align: left;
  min-height: 400px;
  flex-direction: row;
}
.article-configurator-page .article-configurator-page-configurator-wrapper .article-configurator-footer {
  display: block;
  box-sizing: border-box;
  padding: 16px 16px 0;
  font-size: 14px;
  max-height: unset;
  background-color: white;
  flex: unset;
  flex: auto;
}
.article-configurator-page .article-configurator-page-configurator-wrapper .article-configurator-footer .article-configurator-footer-content {
  display: flex;
}
.article-configurator-page .article-configurator-page-configurator-wrapper .article-configurator-footer .btn-simple {
  width: 100%;
}
.article-configurator-page.article-configurator-old-content {
  width: 100%;
  height: 100%;
  display: unset;
}
.article-configurator-page.article-configurator-old-content > div {
  display: flex;
  flex: 1;
  box-sizing: border-box;
  padding: 0 8px 32px;
}
@media only screen and (min-height: 1080px) {
  .article-configurator-page.article-configurator-old-content > div {
    padding: 0 8px 64px;
  }
}
.article-configurator-page.article-configurator-old-content > div:first-child {
  min-height: 400px;
  height: 100%;
  align-items: stretch;
}
.article-configurator-page.article-configurator-old-content .article-configurator-row {
  flex: 0 0 375px;
  max-width: 100%;
  position: relative;
  overflow: auto;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  background: #FFFFFF;
}
@media only screen and (min-width: 1500px) {
  .article-configurator-page.article-configurator-old-content .article-configurator-row {
    flex: 0 0 472px;
  }
}
.article-configurator-page.article-configurator-old-content .article-configurator-row > div {
  width: 100%;
}
.article-configurator-page.article-configurator-old-content .article-configurator-row > div.rc-component.rc-snackbar {
  position: sticky;
  position: -webkit-sticky;
  bottom: 128px;
  left: 0;
  padding: 16px;
  background-color: #3669c4;
  font-size: 14px;
  height: auto;
}
.article-configurator-page.article-configurator-old-content .article-configurator-row > div.rc-component.rc-snackbar button {
  border: 2px solid #ffffff;
  border-radius: unset;
  background-color: transparent;
  color: #fff;
  justify-content: center;
  display: flex;
}
.article-configurator-page.article-configurator-old-content .article-configurator-row .configurator-name {
  display: none;
}
.article-configurator-page.article-configurator-old-content .article-configurator-row .article-configurator.article-configurator-mobile {
  padding: unset;
  background: #FFFFFF;
}
.article-configurator-page.article-configurator-old-content .article-configurator-row .article-configurator-footer {
  display: flex;
  flex-direction: column;
  border-top: 1px solid #efefef;
  box-sizing: border-box;
  width: 100%;
  flex: 0 0 52px;
  max-height: unset;
  bottom: 0;
  top: auto;
  position: sticky;
  position: -webkit-sticky;
  background-color: #efefef;
  padding: 1px 0 0;
}
.article-configurator-page.article-configurator-old-content .article-configurator-row .article-configurator-footer > div {
  padding: 8px 16px;
  background-color: white;
}
.article-configurator-page.article-configurator-old-content .article-configurator-row .article-configurator-footer .footer-submit-button {
  width: 100%;
}
.article-configurator-page.article-configurator-old-content .article-configurator-row .article-configurator-footer .footer-submit-button .btn-simple.btn-submit, .article-configurator-page.article-configurator-old-content .article-configurator-row .article-configurator-footer .footer-submit-button .btn-simple.btn-action {
  width: 100%;
}
.article-configurator-page.article-configurator-old-content .article-configurator-row .article-configurator-footer label {
  width: 100%;
  font-size: 15px;
  display: block;
}
.article-configurator-page.article-configurator-old-content .article-configurator-row .article-configurator-footer .rc-mobile-priceinfo {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.article-configurator-page.article-configurator-old-content .article-configurator-row .article-configurator-footer .rc-mobile-priceinfo .price-original + .price {
  color: #d9052f;
}
.article-configurator-page.article-configurator-old-content .article-configurator-row .article-configurator-footer .rc-mobile-priceinfo .price-info .valid-to {
  font-size: 14px;
}
.article-configurator-page.article-configurator-old-content .article-configurator-row .article-configurator-footer .footer-submit-button button {
  border-radius: 24px;
  margin-top: 12px;
}
.article-configurator-page .article-configurator-content {
  flex: 1;
  margin-right: 1px;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  background: #FFFFFF;
}
.article-configurator-page .article-configurator-content .design-pool-wrapper {
  background-color: white;
  padding: 0 16px 16px;
}
.article-configurator-page .article-configurator-content + .article-configurator.article-configurator-mobile {
  flex: 0 0 420px;
  padding: unset;
}
@media (max-width: 1024px) {
  .article-configurator-page .article-configurator-content + .article-configurator.article-configurator-mobile {
    flex: 0 0 380px;
  }
}
.article-configurator-page .article-configurator-content .content-image {
  overflow: hidden;
  height: 60%;
}
.article-configurator-page .article-configurator-content .content-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.article-configurator-page .article-configurator-content .content-image .website-promotion-banner {
  margin: 0;
  height: 100%;
}
.article-configurator-page .article-configurator-content .content-image .website-promotion-banner .banner-area {
  height: 100%;
}
.article-configurator-page .article-configurator-content .content-image .website-promotion-banner .banner-area .slider-text {
  display: none;
}
.article-configurator-page .article-configurator-content .content-image .website-promotion-banner .banner-area .slider-images {
  flex: 0 0 100%;
  width: 100%;
}
.article-configurator-page .article-configurator-content .content-image .website-promotion-banner .banner-area .slider-images .image {
  height: 100%;
}
.article-configurator-page .article-configurator-content .content-image .website-promotion-banner .banner-area .slider-images .image picture {
  height: 100%;
  padding-bottom: unset;
}
.article-configurator-page .article-configurator-content .content-image .website-promotion-banner .banner-area .slider-images .image picture img {
  width: 100%;
  height: 100%;
  position: unset;
  object-fit: cover;
  object-position: center;
  inset: unset;
  transform: unset;
}
.article-configurator-page .article-configurator-content .content-text {
  line-height: 16px;
  font-size: 14px;
  box-sizing: border-box;
  padding: 8px 16px;
  display: flex;
  flex-wrap: nowrap;
  background-color: white;
  flex: 1;
  gap: 8px;
}
@media only screen and (max-width: 1200px) {
  .article-configurator-page .article-configurator-content .content-text {
    padding: 8px 8px;
    display: unset;
  }
}
.article-configurator-page .article-configurator-content .content-text.tablet.landscape {
  display: flex !important;
  flex-direction: row;
  gap: 8px;
  padding: 8px 16px;
}
.article-configurator-page .article-configurator-content .content-text h1 {
  font-size: 24px;
  line-height: 25px;
  margin-bottom: 16px;
  font-family: "SourceSansPro-Light", sans-serif;
}
.article-configurator-page .article-configurator-content .content-text h2 {
  font-size: 24px;
}
.article-configurator-page .article-configurator-content .content-text p {
  margin-bottom: 16px;
}
.article-configurator-page .article-configurator-content .content-text ul {
  list-style-type: square;
  margin-left: 16px;
  padding-left: 16px;
  margin-bottom: 16px;
}
.article-configurator-page .article-configurator-content .content-text > div:first-child *:last-child {
  margin-bottom: 0;
}
.article-configurator-page .article-configurator-content .content-text > div {
  box-sizing: border-box;
  padding: 8px 8px;
  line-height: 22px;
  margin-bottom: 8px;
}
.article-configurator-page .article-configurator-content .content-text > div:first-child {
  width: 60%;
}
.article-configurator-page .article-configurator-content .content-text > div:last-child {
  width: 40%;
}
@media only screen and (max-width: 1200px) {
  .article-configurator-page .article-configurator-content .content-text > div {
    width: unset;
  }
}
.article-configurator-page .article-configurator-content .content-text > div h2 {
  margin-bottom: 10px;
}
.article-configurator-page .article-configurator-content .content-text > div .delivery-highlight + .warning-highlight, .article-configurator-page .article-configurator-content .content-text > div .warning-highlight + .delivery-highlight {
  margin-top: 16px;
}
.article-configurator-page .article-configurator-content .content-text > div .sgw-icon {
  width: 32px;
  height: 32px;
  border-radius: 32px;
  float: left;
  margin-right: 8px;
  padding: 0;
  cursor: default;
  margin-top: -2px;
  position: relative;
}
.article-configurator-page .article-configurator-content .content-text > div .sgw-icon:before {
  color: #ffffff;
  width: 24px;
  height: 24px;
  line-height: 22px;
  font-size: 24px;
}
.article-configurator-page .article-configurator-content .content-text .delivery-highlight h2 {
  color: #6c9d0d;
}
.article-configurator-page .article-configurator-content .content-text .delivery-highlight > .sgw-icon {
  background-color: #6c9d0d;
}
.article-configurator-page .article-configurator-content .content-text .warning-highlight h2 {
  color: #d9052f;
}
.article-configurator-page .article-configurator-content .content-text .warning-highlight > .sgw-icon {
  background-color: #d9052f;
}
.article-configurator-page .article-configurator-content .content-text .content-text-article-dimensions {
  margin-top: 8px;
  color: #555555;
}
.article-configurator-page .article-configurator-content .configurator-product-images {
  display: flex;
  margin: 24px 32px;
  gap: 8px;
}
.article-configurator-page .article-configurator-content .configurator-product-images > div {
  width: 70px;
  height: 70px;
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
}
.article-configurator-page .article-configurator-content .configurator-product-images > div img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.article-configurator-page .article-configurator-content .configurator-product-image-overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1001;
  /*.configurator-product-image-overlay-header {
  	box-sizing: border-box;
  	height: 84px;
  	padding: 32px 32px 16px;
  }*/
}
.article-configurator-page .article-configurator-content .configurator-product-image-overlay .configurator-product-image-overlay-content {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
.article-configurator-page .article-configurator-content .configurator-product-image-overlay .configurator-product-image-overlay-content .sgw-icon {
  width: 26px;
  height: 26px;
  background: #6E6E6E;
  border-radius: 13px;
  padding: 0;
  margin: 48px;
}
.article-configurator-page .article-configurator-content .configurator-product-image-overlay .configurator-product-image-overlay-content .configurator-product-image-overlay-image {
  max-width: 1348px;
  position: relative;
}
.article-configurator-page .article-configurator-content .configurator-product-image-overlay .configurator-product-image-overlay-content .configurator-product-image-overlay-image .configurator-product-image-overlay-close {
  background: transparent;
  position: absolute;
  left: -128px;
  top: -128px;
}
.article-configurator-page .article-configurator-content .configurator-product-image-overlay .configurator-product-image-overlay-content .configurator-product-image-overlay-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.article-configurator-page .article-configurator-content .configurator-product-image-overlay .sgw-icon:before {
  color: #FFFFFF;
}
.article-configurator-page .article-configurator-content .content-card-title {
  flex-direction: column;
}
.article-configurator-page .article-configurator-content .group-content-horizontal-group, .article-configurator-page .article-configurator-content .group-content-carousel {
  padding: 0 32px;
}
.article-configurator-page .configurator-content-faq .search-bar.content-group-table-row {
  display: flex;
  justify-content: center;
}
.article-configurator-page .configurator-content-faq .search-bar.content-group-table-row .group-content.group-content-horizontal-group {
  max-width: 600px;
  padding: 0;
  flex: auto;
  box-sizing: border-box;
}
.article-configurator-page .configurator-content-faq .faq-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.article-configurator-page .configurator-content-faq .faq-content .faq-content-item {
  max-width: 600px;
  width: 100%;
  border-bottom: 1px solid #cccccc;
}
.article-configurator-page .configurator-content-faq .faq-content .faq-content-item .btn-simple {
  width: 100%;
  justify-content: space-between;
  padding: 0;
}
.article-configurator-page .configurator-content-faq .faq-content .faq-content-item .faq-content-item-content {
  font-size: 14px;
  padding-right: 32px;
  padding-bottom: 16px;
  padding-top: 8px;
}
.article-configurator-page .article-configurator-footer {
  flex: 1;
  display: flex;
  max-height: 44px;
  font-size: 12px;
  justify-content: flex-end;
}
.article-configurator-page .article-configurator-footer .article-configurator-footer-content {
  display: flex;
}
@media (max-width: 1100px) {
  .article-configurator-page .article-configurator-footer {
    position: sticky;
    position: -webkit-sticky;
    background-color: #efefef;
  }
}
.article-configurator-page .article-configurator-footer .footer-price-info {
  text-align: right;
  white-space: nowrap;
  margin-right: 8px;
  display: flex;
  flex-direction: column;
}
.article-configurator-page .article-configurator-footer .footer-price-info.price-info {
  justify-content: flex-end;
}
.article-configurator-page .article-configurator-footer .footer-price-info.warning {
  flex-direction: row;
}
.article-configurator-page .article-configurator-footer .footer-price-info .footer-price-text {
  font-size: 16px;
}
.article-configurator-page .article-configurator-footer .footer-price-info .footer-price-text .price-original {
  text-decoration: line-through;
  color: #868686;
  margin-right: 4px;
  font-weight: normal;
}
.article-configurator-page .article-configurator-footer .footer-price-info .valid-to {
  color: #d9052f;
}
.article-configurator-page .article-configurator-footer .footer-price-info .warning-label {
  align-self: flex-start;
  font-size: 16px;
  font-weight: bold;
}
@media handheld, only screen and (max-width: 1480px) {
  .article-configurator-page .article-configurator-content .content-image {
    display: flex;
  }
  .article-configurator-page .article-configurator-content .content-image img {
    object-fit: cover;
  }
}
@media (max-width: 1000px) {
  .article-configurator-page .article-configurator-content {
    flex: 0 0 50%;
  }
  .article-configurator-page .article-configurator-content .content-text {
    flex-wrap: wrap;
  }
  .article-configurator-page .article-configurator-content .content-text > div {
    flex: 0 0 100%;
    padding: 8px;
  }
  .article-configurator-page .article-configurator {
    flex: 0 0 50%;
  }
}
@media (max-width: 600px) {
  .article-configurator-page .article-configurator-content {
    display: none;
  }
  .article-configurator-page .article-configurator {
    flex: 0 0 100%;
    max-width: unset;
  }
  .article-configurator-page .article-configurator .configurator-group .radio-item {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

.footer-url {
  text-decoration: underline;
  color: #333333;
}
.footer-url:hover {
  text-decoration: underline;
  color: #3669C4;
}

#ArticleSelectionMobileView.rc-mobile-view .mobile-configurator-content > div.rc-component.rc-snackbar {
  position: sticky;
  position: -webkit-sticky;
  bottom: 144px;
  left: 0;
  padding: 16px;
  background-color: #3669c4;
  height: auto;
  font-size: 14px;
  flex-direction: row;
}
#ArticleSelectionMobileView.rc-mobile-view .mobile-configurator-content > div.rc-component.rc-snackbar button {
  border: 2px solid #ffffff;
  background-color: transparent;
  color: #fff;
  justify-content: center;
  display: flex;
  margin-left: 8px;
}

.article-configurator-footer {
  display: flex;
  flex-direction: column;
  border-top: 1px solid #efefef;
  box-sizing: border-box;
  width: 100%;
  max-height: unset;
  bottom: 0;
  top: auto;
  position: sticky;
  position: -webkit-sticky;
  padding: 8px 16px;
  background-color: white;
}
.article-configurator-footer .footer-submit-button {
  width: 100%;
  margin-bottom: 4px;
  margin-top: 6px;
}
.article-configurator-footer .footer-submit-button .btn-simple.btn-submit, .article-configurator-footer .footer-submit-button .btn-simple.btn-action {
  width: 100%;
  font-size: 14px;
}
.article-configurator-footer label {
  width: 100%;
  font-size: 14px;
  display: block;
}
.article-configurator-footer .rc-mobile-priceinfo {
  display: flex;
  align-items: center;
  justify-content: right;
}
.article-configurator-footer .rc-mobile-priceinfo .price-original + .price {
  color: #d9052f;
}
.article-configurator-footer .rc-mobile-priceinfo .price-info .valid-to {
  font-size: 14px;
}

.article-configurator-more-designs-wrapper {
  max-width: 100%;
  overflow: hidden;
}

.more-from-design-section-title {
  font-size: 24px;
  font-family: "SourceSansPro-Light", sans-serif;
  background-color: #ffffff;
  padding: 16px;
  box-sizing: border-box;
}

.more-from-design {
  background-color: #FFFFFF;
  padding-top: 8px;
  max-width: 100%;
  margin-right: 8px;
  display: flex;
}
.more-from-design .slider-btn {
  display: flex;
  align-items: center;
  padding: 0 8px;
  cursor: pointer;
}
.more-from-design.mfd-mobile {
  margin-left: 8px;
  margin-bottom: 16px;
  flex-direction: column;
}
.more-from-design .section-title {
  font-size: 24px;
  margin: 16px 0 16px 8px;
  font-family: "SourceSansPro-Light", sans-serif;
}
.more-from-design .slider-container {
  display: flex;
  flex-wrap: nowrap;
  position: relative;
  flex: 1;
  overflow-x: auto;
  /*.article-name-empty {
  		height: 20px;
  }

  .template-description-empty {
  		height: 20px;
  }*/
}
.more-from-design .slider-container::-webkit-scrollbar {
  height: 10px;
}
.more-from-design .slider-container::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4);
  border-radius: 8px;
  -webkit-border-radius: 8px;
}
.more-from-design .slider-container::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
.more-from-design .slider-container .article-name {
  font-weight: 400;
  color: #000000;
  display: block;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 16px;
  line-height: 24px;
}
.more-from-design .slider-container .template-description {
  font-weight: 400;
  color: #676767;
  display: block;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 16px;
  line-height: 24px;
}
.more-from-design .slider-container .horizontal-slider {
  flex: 1;
}
.more-from-design .slider-container .horizontal-slider-mobile {
  display: flex;
  align-items: center;
  flex-direction: row;
  overflow: auto;
  gap: 8px;
}
.more-from-design .slider-container .horizontal-slider-mobile .more-from-design-item-container {
  margin: 8px 0px 8px 8px;
}
.more-from-design .slider-container .horizontal-slider-mobile .more-from-design-item-container:last-child {
  margin: 8px;
}
.more-from-design .slider-container .horizontal-slider-mobile .more-from-design-item-container .more-from-design-item {
  display: flex;
  width: 150px;
  height: 100%;
  flex-direction: column;
  flex-shrink: 0;
  margin-bottom: 8px;
  cursor: pointer;
  background-color: #FFFFFF;
  padding-top: 16px;
}
.more-from-design .slider-container .horizontal-slider-mobile .more-from-design-item-container .more-from-design-item .more-from-design-item-img {
  display: flex;
  width: 150px;
  height: 150px;
  min-height: 150px;
  max-height: 150px;
  background-color: #EFEFEF;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.more-from-design .slider-container .horizontal-slider-mobile .more-from-design-item-container .more-from-design-item .more-from-design-item-img img {
  max-height: 100%;
  height: auto;
}
.more-from-design .slider-container .horizontal-slider {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
.more-from-design .slider-container .horizontal-slider .more-from-design-item {
  padding: 8px;
  box-sizing: border-box;
}
.more-from-design .slider-container .horizontal-slider .more-from-design-item > div {
  display: flex;
  width: 168px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  flex-shrink: 0;
  cursor: pointer;
}
.more-from-design .slider-container .horizontal-slider .more-from-design-item .more-from-design-item-img {
  display: flex;
  width: 168px;
  height: 168px;
  min-height: 168px;
  max-height: 168px;
  background-color: #EFEFEF;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 32px;
  box-sizing: border-box;
  overflow: hidden;
}
.more-from-design .slider-container .horizontal-slider .more-from-design-item .more-from-design-item-img img {
  width: 100%;
  height: 100%;
}
.more-from-design .slider-container .horizontal-slider .more-from-design-item .more-from-design-item-img img.landscape {
  width: 100%;
  height: auto;
}
.more-from-design .slider-container .horizontal-slider .more-from-design-item .more-from-design-item-img img.portrait {
  height: 100%;
  width: auto;
}

.rc-mobile-view > main.mobile-configurator-content {
  padding: 0;
}

#ArticleSelectionMobileView main .article-configurator .configurator-body .configurator-group-mobile:not(.open):not(.product-info) {
  height: 62px;
  justify-content: center;
}
#ArticleSelectionMobileView main.mobile-configurator-content .content-image .website-promotion-banner .banner-area .slider-images .image picture, #ArticleSelectionMobileView main.mobile-configurator-content .mobile-configurator-preview .content-image picture {
  display: flex;
  justify-content: center;
  position: relative;
  width: 100%;
}
#ArticleSelectionMobileView main.mobile-configurator-content .content-image .website-promotion-banner .banner-area .slider-images .image picture.square img, #ArticleSelectionMobileView main.mobile-configurator-content .mobile-configurator-preview .content-image picture.square img {
  aspect-ratio: 1600/1600;
  width: 100%;
}
#ArticleSelectionMobileView main.mobile-configurator-content .content-image .website-promotion-banner .banner-area .slider-images .image picture.square-reduced img, #ArticleSelectionMobileView main.mobile-configurator-content .mobile-configurator-preview .content-image picture.square-reduced img {
  aspect-ratio: 960/960;
  width: 100%;
}
#ArticleSelectionMobileView main.mobile-configurator-content .content-image .website-promotion-banner .banner-area .slider-images .image picture.panoramic img, #ArticleSelectionMobileView main.mobile-configurator-content .mobile-configurator-preview .content-image picture.panoramic img {
  aspect-ratio: 2500/1000;
  width: unset !important;
}
#ArticleSelectionMobileView main.mobile-configurator-content .content-image .website-promotion-banner .banner-area .slider-images .image picture .safe-area, #ArticleSelectionMobileView main.mobile-configurator-content .mobile-configurator-preview .content-image picture .safe-area {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); /* Centering */
  border: 1px dotted red;
  aspect-ratio: 1600/1000;
}
#ArticleSelectionMobileView main.mobile-configurator-content .content-image .website-promotion-banner .banner-area .slider-images .image picture .safe-area.full-width, #ArticleSelectionMobileView main.mobile-configurator-content .mobile-configurator-preview .content-image picture .safe-area.full-width {
  width: 100%;
}
#ArticleSelectionMobileView main.mobile-configurator-content .content-image .website-promotion-banner .banner-area .slider-images .image picture .safe-area.full-height, #ArticleSelectionMobileView main.mobile-configurator-content .mobile-configurator-preview .content-image picture .safe-area.full-height {
  height: 100%;
}
#ArticleSelectionMobileView main.tablet.portrait .website-promotion-banner .slider-images .image img {
  width: 120%;
  height: 34vh;
  max-height: 34vh;
  /* R00490498 - Crop the image if max-height exceeded while maintaining aspect ratio */
  object-fit: cover;
}
#ArticleSelectionMobileView main .article-configurator-content .design-pool > div .tile-wrapper {
  padding: 8px;
}
#ArticleSelectionMobileView main .content-text {
  display: block;
}
#ArticleSelectionMobileView main .mobile-configurator-preview {
  padding-bottom: 64px;
}
#ArticleSelectionMobileView main .mobile-configurator-preview .article-configurator-content {
  overflow-x: hidden;
}
#ArticleSelectionMobileView main .mobile-configurator-preview .article-configurator-content.mobile-phone .content-image .website-promotion-banner .banner-area .slider-images .image picture > img {
  height: 34vh;
  max-height: 34vh;
}
#ArticleSelectionMobileView main .mobile-configurator-preview .article-configurator-content .content-image {
  display: flex;
  justify-content: center;
  align-items: center;
}
#ArticleSelectionMobileView main .mobile-configurator-preview .article-configurator-content .content-image .website-promotion-banner {
  margin: 0;
}
#ArticleSelectionMobileView main .mobile-configurator-preview .article-configurator-content .content-image .website-promotion-banner .banner-area {
  margin: 0;
}
#ArticleSelectionMobileView main .mobile-configurator-preview .article-configurator-content .content-image .website-promotion-banner .banner-area .slider-text {
  display: none;
}
#ArticleSelectionMobileView main .mobile-configurator-preview .article-configurator-content .content-image .website-promotion-banner .banner-area .slider-images {
  flex: 0 0 100%;
  width: 100%;
}
#ArticleSelectionMobileView main .mobile-configurator-preview .article-configurator-content .content-image .website-promotion-banner .banner-area .slider-images .image picture {
  padding-bottom: unset;
}
#ArticleSelectionMobileView main .mobile-configurator-preview .article-configurator-content .content-image .website-promotion-banner .banner-area .slider-images .image picture img {
  width: 100%;
  height: auto;
  position: unset;
  inset: unset;
  transform: unset;
}
#ArticleSelectionMobileView main .mobile-configurator-preview .article-configurator-content .content-image img {
  width: 120%;
  height: 34vh;
  max-height: 34vh;
  /* R00490498 - Crop the image if max-height exceeded while maintaining aspect ratio */
  object-fit: cover;
}
#ArticleSelectionMobileView main .mobile-configurator-preview .article-configurator-content .content-text {
  margin: 32px 16px;
  padding-bottom: 32px;
}
#ArticleSelectionMobileView main .mobile-configurator-preview .article-configurator-content .content-text h1 {
  font-family: "SourceSansPro-Light", sans-serif;
  font-size: 27px;
}
#ArticleSelectionMobileView main .mobile-configurator-preview .article-configurator-content .content-text ul {
  list-style: square;
  padding-left: 32px;
}
#ArticleSelectionMobileView main .mobile-configurator-preview .article-configurator-content .content-text h1, #ArticleSelectionMobileView main .mobile-configurator-preview .article-configurator-content .content-text ul, #ArticleSelectionMobileView main .mobile-configurator-preview .article-configurator-content .content-text p {
  padding-bottom: 8px;
}
#ArticleSelectionMobileView main .mobile-configurator-preview .article-configurator-content .content-text p {
  font-size: 16px;
  line-height: 22px;
}
#ArticleSelectionMobileView main .mobile-configurator-preview .article-configurator-content .content-card-title {
  flex-direction: column;
}
#ArticleSelectionMobileView main .mobile-configurator-preview .article-configurator-content .group-content.group-content-horizontal-group {
  flex-wrap: wrap;
}
#ArticleSelectionMobileView main .mobile-configurator-preview .article-configurator-content .group-content.group-content-carousel.rc-mobile-component {
  padding-left: 8px;
}
#ArticleSelectionMobileView main .mobile-configurator-preview .article-configurator-content .group-content.group-content-carousel.rc-mobile-component .group-content.group-content-label {
  padding-right: 8px;
}
#ArticleSelectionMobileView main .mobile-configurator-preview .article-configurator-content .group-content.group-content-carousel.rc-mobile-component .carousel-horizontal-scroll {
  padding-left: unset;
  padding-right: 8px;
}
#ArticleSelectionMobileView main .mobile-configurator-preview .article-configurator-content .content-group-table-row.search-bar {
  padding: 0;
}
#ArticleSelectionMobileView main .mobile-configurator-preview .article-configurator-content .configurator-content-faq {
  padding: 8px 16px;
}
#ArticleSelectionMobileView main .mobile-configurator-preview .article-configurator-content .configurator-content-faq .btn-simple {
  white-space: initial;
}
#ArticleSelectionMobileView main .mobile-configurator-preview .article-configurator-content .configurator-content-faq .btn-simple .btn-label {
  text-align: left;
}
#ArticleSelectionMobileView main .configurator-delivery-informations {
  margin-bottom: 8px;
  padding: 0 8px;
  box-sizing: border-box;
}
#ArticleSelectionMobileView main .configurator-delivery-informations > div {
  background-color: white;
  box-sizing: border-box;
  padding: 16px;
}
#ArticleSelectionMobileView main .configurator-delivery-informations .delivery-highlight, #ArticleSelectionMobileView main .configurator-delivery-informations .warning-highlight, #ArticleSelectionMobileView main .content-text .delivery-highlight, #ArticleSelectionMobileView main .content-text .warning-highlight {
  font-size: 14px;
  line-height: 18px;
}
#ArticleSelectionMobileView main .configurator-delivery-informations .delivery-highlight > .sgw-icon, #ArticleSelectionMobileView main .configurator-delivery-informations .warning-highlight > .sgw-icon, #ArticleSelectionMobileView main .content-text .delivery-highlight > .sgw-icon, #ArticleSelectionMobileView main .content-text .warning-highlight > .sgw-icon {
  background-color: #6c9d0d;
  width: 32px;
  height: 32px;
  border-radius: 32px;
  float: left;
  margin-right: 8px;
  padding: 0;
  cursor: default;
  margin-top: -2px;
  position: relative;
}
#ArticleSelectionMobileView main .configurator-delivery-informations .delivery-highlight h2, #ArticleSelectionMobileView main .configurator-delivery-informations .warning-highlight h2, #ArticleSelectionMobileView main .content-text .delivery-highlight h2, #ArticleSelectionMobileView main .content-text .warning-highlight h2 {
  font-family: "SourceSansPro-Regular", sans-serif;
}
#ArticleSelectionMobileView main .configurator-delivery-informations .delivery-highlight > .sgw-icon:before, #ArticleSelectionMobileView main .configurator-delivery-informations .warning-highlight > .sgw-icon:before, #ArticleSelectionMobileView main .content-text .delivery-highlight > .sgw-icon:before, #ArticleSelectionMobileView main .content-text .warning-highlight > .sgw-icon:before {
  color: white;
}
#ArticleSelectionMobileView main .configurator-delivery-informations .delivery-highlight h2, #ArticleSelectionMobileView main .content-text .delivery-highlight h2 {
  color: #6c9d0d;
}
#ArticleSelectionMobileView main .configurator-delivery-informations .delivery-highlight > .sgw-icon, #ArticleSelectionMobileView main .content-text .delivery-highlight > .sgw-icon {
  background-color: #6c9d0d;
}
#ArticleSelectionMobileView main .configurator-delivery-informations .warning-highlight h2, #ArticleSelectionMobileView main .content-text .warning-highlight h2 {
  color: #d9052f;
}
#ArticleSelectionMobileView main .configurator-delivery-informations .warning-highlight > .sgw-icon, #ArticleSelectionMobileView main .content-text .warning-highlight > .sgw-icon {
  background-color: #d9052f;
}
#ArticleSelectionMobileView footer .design-big-button {
  height: 44px;
}

.mobile-configurator-preview-continue-button-wrapper {
  position: fixed;
  bottom: 16px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.mobile-configurator-preview-continue-button-wrapper .mobile-configurator-preview-continue-button {
  border-radius: 25px;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3803921569);
  -moz-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3803921569);
  -webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3803921569);
  display: inline-flex;
  align-items: center;
}
.mobile-configurator-preview-continue-button-wrapper .mobile-configurator-preview-continue-button > div {
  padding: 4px;
}

#ArticleSelectionMobileView main.mobile-configurator-content.redesign {
  background-color: #FFFFFF;
}
#ArticleSelectionMobileView main.mobile-configurator-content.redesign.simulator .article-configurator-content.simulator.phone {
  max-height: 30vh;
}
#ArticleSelectionMobileView main.mobile-configurator-content.redesign.simulator .article-configurator-content.simulator.tablet.portrait .article-configurator-content-designer-stage-swipe-wrapper {
  max-height: 39vh;
}
#ArticleSelectionMobileView main.mobile-configurator-content.redesign .content-image, #ArticleSelectionMobileView main.mobile-configurator-content.redesign .mobile-configurator-preview .article-configurator-content .content-image {
  overflow: hidden;
}
#ArticleSelectionMobileView main.mobile-configurator-content.redesign .content-image img, #ArticleSelectionMobileView main.mobile-configurator-content.redesign .mobile-configurator-preview .article-configurator-content .content-image img {
  height: 34vh;
  max-height: 34vh;
  object-fit: cover;
}
#ArticleSelectionMobileView main.mobile-configurator-content.redesign .content-image .banner-area, #ArticleSelectionMobileView main.mobile-configurator-content.redesign .mobile-configurator-preview .article-configurator-content .content-image .banner-area {
  margin: 0;
  box-shadow: none;
}
#ArticleSelectionMobileView main.mobile-configurator-content.redesign .content-image .banner-area .slider-images, #ArticleSelectionMobileView main.mobile-configurator-content.redesign .mobile-configurator-preview .article-configurator-content .content-image .banner-area .slider-images {
  width: 100%;
  flex: auto;
}
#ArticleSelectionMobileView main.mobile-configurator-content.redesign .content-image .banner-area .slider-text, #ArticleSelectionMobileView main.mobile-configurator-content.redesign .mobile-configurator-preview .article-configurator-content .content-image .banner-area .slider-text {
  display: none;
}
#ArticleSelectionMobileView main.mobile-configurator-content.redesign .content-text {
  margin: 0 8px;
}
#ArticleSelectionMobileView main.mobile-configurator-content.redesign.tablet.portrait .content-text {
  max-width: unset;
  margin: unset;
  padding: 16px 32px 0 32px;
}
#ArticleSelectionMobileView main.mobile-configurator-content.redesign.tablet.portrait .content-text .delivery-highlight {
  display: none;
}
#ArticleSelectionMobileView main.mobile-configurator-content.redesign.tablet.portrait .configurator-product-images {
  display: flex;
  margin: 8px 32px 0 32px;
  gap: 8px;
}
#ArticleSelectionMobileView main.mobile-configurator-content.redesign.tablet.portrait .configurator-product-images > div {
  width: 70px;
  height: 70px;
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
}
#ArticleSelectionMobileView main.mobile-configurator-content.redesign.tablet.portrait .configurator-product-images > div img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#ArticleSelectionMobileView main.mobile-configurator-content.redesign.tablet.portrait .configurator-product-image-overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1001;
}
#ArticleSelectionMobileView main.mobile-configurator-content.redesign.tablet.portrait .configurator-product-image-overlay .configurator-product-image-overlay-header {
  box-sizing: border-box;
  height: 84px;
  padding: 32px 32px 16px;
}
#ArticleSelectionMobileView main.mobile-configurator-content.redesign.tablet.portrait .configurator-product-image-overlay .configurator-product-image-overlay-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: calc(100vh - 84px);
  margin: 0 32px;
}
#ArticleSelectionMobileView main.mobile-configurator-content.redesign.tablet.portrait .configurator-product-image-overlay .configurator-product-image-overlay-content .configurator-product-image-overlay-image {
  max-width: calc(100vw - 64px);
  max-height: calc(100vh - 84px - 24px - 26px - 48px);
}
#ArticleSelectionMobileView main.mobile-configurator-content.redesign.tablet.portrait .configurator-product-image-overlay .configurator-product-image-overlay-content .configurator-product-image-overlay-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#ArticleSelectionMobileView main.mobile-configurator-content.redesign.tablet.portrait .configurator-product-image-overlay .configurator-product-image-overlay-content .configurator-image-buttons {
  display: flex;
  justify-content: center;
  gap: 48px;
  margin-top: 24px;
  position: absolute;
  bottom: 48px;
}
#ArticleSelectionMobileView main.mobile-configurator-content.redesign.tablet.portrait .configurator-product-image-overlay .configurator-product-image-overlay-content .configurator-image-buttons .sgw-icon {
  width: 26px;
  height: 26px;
  background: #6E6E6E;
  border-radius: 13px;
  padding: 0;
}
#ArticleSelectionMobileView main.mobile-configurator-content.redesign.tablet.portrait .configurator-product-image-overlay .sgw-icon:before {
  color: #FFFFFF;
}
#ArticleSelectionMobileView main.mobile-configurator-content.redesign .content-text *, #ArticleSelectionMobileView main.mobile-configurator-content.redesign .mobile-configurator-preview .article-configurator-content .content-text *, #ArticleSelectionMobileView main.mobile-configurator-content.redesign .configurator-group-mobile-items.product-info * {
  font-size: 16px;
  font-weight: normal;
}
#ArticleSelectionMobileView main.mobile-configurator-content.redesign .content-text h1, #ArticleSelectionMobileView main.mobile-configurator-content.redesign .mobile-configurator-preview .article-configurator-content .content-text h1, #ArticleSelectionMobileView main.mobile-configurator-content.redesign .configurator-group-mobile-items.product-info h1 {
  font-family: inherit;
  font-size: 20px;
  font-weight: 600;
  padding-bottom: unset;
}
#ArticleSelectionMobileView main.mobile-configurator-content.redesign .content-text ul, #ArticleSelectionMobileView main.mobile-configurator-content.redesign .mobile-configurator-preview .article-configurator-content .content-text ul, #ArticleSelectionMobileView main.mobile-configurator-content.redesign .configurator-group-mobile-items.product-info ul {
  list-style: disc;
  padding-left: 8px;
  margin-left: 16px;
}
#ArticleSelectionMobileView main.mobile-configurator-content.redesign .configurator-group-mobile.product-info {
  margin: 8px 0 0;
  border-bottom: none;
}
#ArticleSelectionMobileView main.mobile-configurator-content.redesign .mobile-configurator-preview-continue-button-wrapper {
  display: block;
  box-sizing: border-box;
  padding: 16px;
  bottom: 0;
  box-shadow: 0px -4px 4px 0px rgba(0, 0, 0, 0.1);
  background-color: #FFFFFF;
}
#ArticleSelectionMobileView main.mobile-configurator-content.redesign .mobile-configurator-preview-continue-button-wrapper .mobile-configurator-preview-continue-button {
  box-shadow: none;
  width: 100%;
}
#ArticleSelectionMobileView main.mobile-configurator-content.redesign.tablet .content-image .banner-area .slider-images picture {
  padding-bottom: 0;
  display: flex;
  justify-content: center;
}
#ArticleSelectionMobileView main.mobile-configurator-content.redesign.tablet .content-image .banner-area .slider-images picture img {
  position: relative;
  transform: none;
  left: 0;
  top: 0;
}
#ArticleSelectionMobileView main.mobile-configurator-content.redesign.tablet .content-image .website-promotion-banner {
  margin: 0;
}

.article-configurator-content {
  flex: 1;
  position: relative;
}
@media only screen and (max-width: 1023px) {
  .article-configurator-content {
    flex: 0 0 100%;
  }
}
.article-configurator-content .article-configurator-content-designer-stage-swipe-wrapper {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  /*
              > div {
                  flex: 1 1 100%;
                  min-width: 100%;
              }*/
}
.article-configurator-content .article-configurator-content-designer-stage-swipe-wrapper.tablet.portrait {
  position: relative;
}
.article-configurator-content .article-configurator-content-designer-stage-swipe-wrapper ul {
  display: flex;
  flex-wrap: nowrap;
  flex: 1;
  margin: unset;
  padding: unset;
}
.article-configurator-content .article-configurator-content-designer-stage-swipe-wrapper ul.transition {
  transition: transform 0.4s ease, background 0.4s ease;
}
.article-configurator-content .article-configurator-content-designer-stage-swipe-wrapper ul > li {
  list-style: none;
  flex: 1 1 100%;
  min-width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
}
.article-configurator-content .article-configurator-content-designer-stage-dotted-nav {
  position: absolute;
  bottom: 16px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  width: 100%;
}
.article-configurator-content .article-configurator-content-designer-stage-dotted-nav > div {
  border-radius: 50%;
  flex: 0 0 16px;
  height: 16px;
  cursor: pointer;
  margin: 0 4px 4px;
  background-color: transparent;
  border: 2px solid #ffffff;
  /*&:hover {
      background-color: #b7b7b7;
  }

  &:active {
      background-color: #a7a7a7;
  }

  &.active {
      background-color: #D8d8d8;
  }*/
}
.article-configurator-content .article-configurator-content-designer-stage-dotted-nav > div.active {
  cursor: default;
  background-color: #ffffff;
}
.article-configurator-content .article-configurator-content-designer-stage-preview-pages {
  /*position: absolute;
  bottom: 32px;
  left: 32px;
  display: flex;*/
  position: absolute;
  left: 8px;
  bottom: 8px;
  display: flex;
  padding: 8px;
  gap: 8px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.6);
}
.article-configurator-content .article-configurator-content-designer-stage-preview-pages .article-configurator-content-designer-stage {
  height: 70px;
  width: 70px;
  border-radius: 6px;
  box-sizing: border-box;
  cursor: pointer;
  position: relative;
  padding: unset;
}
.article-configurator-content .article-configurator-content-designer-stage-preview-pages .article-configurator-content-designer-stage > div {
  height: 100%;
  width: 100%;
  display: block;
  text-align: center;
  overflow: hidden;
  position: relative;
}
.article-configurator-content .article-configurator-content-designer-stage-preview-pages .article-configurator-content-designer-stage > div img {
  object-fit: cover;
}
.article-configurator-content .article-configurator-content-designer-stage-preview-pages .article-configurator-content-designer-stage.selected > div:after {
  content: "";
  position: absolute;
  inset: 0 0 0 0;
  border: 2px solid #3669c4;
  box-sizing: border-box;
  border-radius: 6px;
}
@media only screen and (max-width: 700px) {
  .article-configurator-content .article-configurator-content-designer-stage-preview-pages {
    max-height: 64px;
    bottom: 8px;
  }
  .article-configurator-content .article-configurator-content-designer-stage-preview-pages .article-configurator-content-designer-stage {
    max-height: 64px;
    flex: 0 0 64px;
  }
}
.article-configurator-content .article-configurator-content-designer-stage-preview-pages .article-configurator-content-designer-stage-image-box {
  box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.16);
}
.article-configurator-content .article-configurator-content-designer-stage-image-box {
  position: absolute;
  background-color: #E5E5E5;
  background-image: url("../Img/emptyBoxPlaceholder.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.32);
  display: none;
  overflow: hidden;
}
.article-configurator-content .article-configurator-content-designer-stage-image-box img {
  width: 100%;
  height: 100%;
}
.article-configurator-content .article-configurator-content-designer-stage-image-box.landscape img {
  height: 100%;
  width: auto;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  max-width: unset;
}
.article-configurator-content .article-configurator-content-designer-stage-image-box.portrait img {
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.article-configurator-content .article-configurator-content-designer-stage-frame-box {
  position: absolute;
  border-style: solid;
  border-image-repeat: repeat;
}
.article-configurator-content .article-configurator-content-designer-stage-upload-image-button {
  position: absolute;
  display: flex;
  justify-content: center;
}
.article-configurator-content .article-configurator-content-designer-stage-upload-image-button.mobile-view {
  width: 58px;
  height: 58px;
  right: 16px;
  bottom: 16px;
  z-index: 1;
}
.article-configurator-content .article-configurator-content-designer-stage-upload-image-button.mobile-view button.btn-icon.btn-icon-only {
  width: 58px;
  height: 58px;
  border-radius: 50%;
}
.article-configurator-content .article-configurator-content-designer-stage {
  /*width: 100%;
  height: 100%;
  position: relative;*/
  padding-bottom: 69.4444444444%;
  position: relative;
  overflow: hidden;
  display: block;
  width: 100%;
}
.article-configurator-content .article-configurator-content-designer-stage picture {
  /*width: 100%;
  height: 100%;
  display: block;*/
  inset: 0 0 0 0;
  position: absolute;
}
.article-configurator-content .article-configurator-content-designer-stage picture > img {
  width: 100%;
  height: 100%;
}

/*
@keyframes SlideDown {
  0% {
    opacity: 0;
    @include translate(0, -125%);
  }
  100% {
    opacity: 1;
    @include translate(0, 0);
  }
}

@keyframes SlideUp {
  0% {
    opacity: 1;
    @include translate(0, 0);
  }
  100% {
    opacity: 0;
    @include translate(0, -125%);
  }
}

@keyframes FadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes FadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}*/
header.categories-page-header {
  background-color: #efefef;
  display: flex;
  max-width: 1662px;
  margin: 0 auto;
  max-height: 48px;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 2;
  justify-content: space-between;
}
header.categories-page-header .rc-context-menu.rc-context-menu-v2 {
  max-height: 36px;
}
header.categories-page-header .rc-component.rc-snackbar {
  left: unset;
  right: 0;
  bottom: unset;
  top: 0;
  padding: 0 32px;
}
header.categories-page-header > nav {
  display: flex;
  padding: 8px;
  box-sizing: border-box;
}
header.categories-page-header .header-tabs {
  text-align: center;
  position: absolute;
}
header.categories-page-header .header-tabs a {
  display: inline-block;
  margin: 0;
  text-align: center;
}
header.categories-page-header .header-tabs a.active {
  color: #3669C4;
  font-weight: bold;
}
header.categories-page-header .breadcrumb {
  margin-bottom: unset;
}
header.categories-page-header .search-bar {
  width: 100%;
  max-width: 446px;
  justify-self: center;
  padding: 0 8px 0;
  align-self: center;
  box-sizing: border-box;
}
header.categories-page-header .search-bar > div {
  width: 100%;
  position: relative;
}

.desktop-main-content-breadcrumb {
  display: flex;
  justify-content: space-between;
}
.desktop-main-content-breadcrumb > nav {
  display: flex;
  box-sizing: border-box;
  margin-bottom: unset;
}
.desktop-main-content-breadcrumb > div {
  display: flex;
  max-width: 364px;
  min-width: 364px;
  justify-content: right;
}
.desktop-main-content-breadcrumb > div > * {
  margin-right: 8px;
}
.desktop-main-content-breadcrumb > div > *:last-child {
  margin-right: unset;
}

.desktop-main-content-breadcrumb + .desktop-content-add-item-button {
  margin-top: 16px;
}

/*
@keyframes SlideDown {
  0% {
    opacity: 0;
    @include translate(0, -125%);
  }
  100% {
    opacity: 1;
    @include translate(0, 0);
  }
}

@keyframes SlideUp {
  0% {
    opacity: 1;
    @include translate(0, 0);
  }
  100% {
    opacity: 0;
    @include translate(0, -125%);
  }
}

@keyframes FadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes FadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}*/
.breadcrumb {
  white-space: nowrap;
  text-overflow: ellipsis;
  z-index: 1;
  font-size: 21px;
  font-family: "SourceSansPro-Light", sans-serif;
}
.breadcrumb a {
  position: relative;
}
.breadcrumb a:after {
  content: " ";
  position: absolute;
  bottom: 3px;
  left: 0;
  width: 100%;
  border-bottom: 1px solid #6e6e6e;
}
.breadcrumb strong {
  font-weight: bold;
  font-family: "SourceSansPro-Regular", sans-serif;
}
.breadcrumb .sgw-icon.next {
  padding-right: 36px;
  box-sizing: border-box;
  position: relative;
}
.breadcrumb .sgw-icon.next:after {
  content: "\e99e";
  font-family: "icomoon";
  speak: none;
  position: absolute;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 26px;
  color: #6E6E6E;
  font-size: 20px;
  -webkit-font-smoothing: antialiased;
  top: 0;
  right: 0;
  text-align: center;
  display: flex;
  width: 36px;
  justify-content: center;
  align-items: center;
}
.breadcrumb .sgw-icon.next:before {
  content: unset;
}

.breadcrumb-label {
  white-space: nowrap;
  text-overflow: ellipsis;
  z-index: 1;
  font-size: 21px;
  font-weight: bold;
  display: flex;
  height: 36px;
  align-items: center;
  padding-left: 8px;
}

.breadcrumb {
  justify-content: left;
  padding-left: 16px;
  margin-bottom: 16px;
  background-color: #EFEFEF;
  flex: 0;
  width: 100%;
  box-sizing: border-box;
  white-space: unset;
  text-overflow: unset;
}
.breadcrumb a, .breadcrumb .rc-icon.sgw-icon {
  height: 26px;
}
.breadcrumb a, .breadcrumb span strong {
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
  width: 100%;
}
.breadcrumb span {
  display: block;
  overflow: hidden;
  flex-grow: 0;
  flex-shrink: 1;
  /*&:last-child {
      flex: auto;
  }*/
}
.breadcrumb span strong {
  white-space: nowrap;
}
.breadcrumb span.sgw-icon.with-info-icon {
  display: flex;
  padding-right: 24px;
}
.breadcrumb span.sgw-icon.with-info-icon.next {
  padding-right: 36px;
}

.account-overview-subview .breadcrumb, .desktop-main-content .breadcrumb {
  padding-left: unset;
  background-color: unset;
  overflow: hidden;
  flex: auto;
  align-items: center;
  margin-right: 16px;
}
.account-overview-subview .breadcrumb button.btn-icon.btn-icon-only, .desktop-main-content .breadcrumb button.btn-icon.btn-icon-only {
  height: auto;
}

.desktop-main-content-breadcrumb .breadcrumb span > * {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.desktop-main-content-breadcrumb .breadcrumb span:not(.with-info-icon):first-child > *, .desktop-main-content-breadcrumb .breadcrumb span:not(.with-info-icon):last-child > * {
  max-width: unset;
}
.desktop-main-content-breadcrumb.sub-breadcrumb .breadcrumb {
  font-size: 14px;
  line-height: 16px;
}
.desktop-main-content-breadcrumb.sub-breadcrumb .breadcrumb a {
  height: 18px;
}
.desktop-main-content-breadcrumb.sub-breadcrumb .breadcrumb .sgw-icon.next {
  padding-right: 24px;
}
.desktop-main-content-breadcrumb.sub-breadcrumb .breadcrumb .sgw-icon.next:after {
  line-height: 18px;
  width: 22px;
}

.rc-dialog .dialog-scrollable-content .breadcrumb, .rc-dialog .dialog-v2-breadcrumb .breadcrumb, .rc-mobile-view main .breadcrumb {
  font-size: 14px;
  font-family: "SourceSansPro-Regular", sans-serif;
}
.rc-dialog .dialog-scrollable-content .breadcrumb a, .rc-dialog .dialog-scrollable-content .breadcrumb .rc-icon.sgw-icon, .rc-dialog .dialog-v2-breadcrumb .breadcrumb a, .rc-dialog .dialog-v2-breadcrumb .breadcrumb .rc-icon.sgw-icon, .rc-mobile-view main .breadcrumb a, .rc-mobile-view main .breadcrumb .rc-icon.sgw-icon {
  height: 21px;
}
.rc-dialog .dialog-scrollable-content .breadcrumb .sgw-icon.next, .rc-dialog .dialog-v2-breadcrumb .breadcrumb .sgw-icon.next, .rc-mobile-view main .breadcrumb .sgw-icon.next {
  padding-right: 24px;
}
.rc-dialog .dialog-scrollable-content .breadcrumb .sgw-icon.next:after, .rc-dialog .dialog-v2-breadcrumb .breadcrumb .sgw-icon.next:after, .rc-mobile-view main .breadcrumb .sgw-icon.next:after {
  line-height: 21px;
  width: 22px;
}

.rc-dialog .dialog-v2-breadcrumb > button.btn-simple.btn-default {
  margin-left: 16px;
}
.rc-dialog .dialog-v2-breadcrumb .breadcrumb strong {
  font-weight: normal;
}

#ProjectTemplates.page-layout .project-templates-view .rc-tabcontrol,
#BusinessPortal.page-layout .project-templates-view .rc-tabcontrol, #BusinessPortal.page-layout .desktop-main-content-header .rc-tabcontrol,
#ProjectTemplatesDialog .rc-tabcontrol {
  position: relative;
}
#ProjectTemplates.page-layout .project-templates-view .rc-tabcontrol:after,
#BusinessPortal.page-layout .project-templates-view .rc-tabcontrol:after, #BusinessPortal.page-layout .desktop-main-content-header .rc-tabcontrol:after,
#ProjectTemplatesDialog .rc-tabcontrol:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background-color: #CCCCCC;
}
#ProjectTemplates.page-layout .project-templates-view .rc-tabcontrol .rc-tabcontrol-tab,
#BusinessPortal.page-layout .project-templates-view .rc-tabcontrol .rc-tabcontrol-tab, #BusinessPortal.page-layout .desktop-main-content-header .rc-tabcontrol .rc-tabcontrol-tab,
#ProjectTemplatesDialog .rc-tabcontrol .rc-tabcontrol-tab {
  flex: 0;
  padding: 0 16px;
  z-index: 1;
}
#ProjectTemplates.page-layout .project-templates-view .categories-page-cards .article-selection,
#BusinessPortal.page-layout .project-templates-view .categories-page-cards .article-selection, #BusinessPortal.page-layout .desktop-main-content-header .categories-page-cards .article-selection,
#ProjectTemplatesDialog .categories-page-cards .article-selection {
  max-width: unset;
  box-sizing: border-box;
}
#ProjectTemplates.page-layout .project-templates-view header.categories-page-header,
#BusinessPortal.page-layout .project-templates-view header.categories-page-header, #BusinessPortal.page-layout .desktop-main-content-header header.categories-page-header,
#ProjectTemplatesDialog header.categories-page-header {
  max-width: unset;
}
#ProjectTemplates.page-layout .project-templates-view .projects-templates-filter-overview,
#BusinessPortal.page-layout .project-templates-view .projects-templates-filter-overview, #BusinessPortal.page-layout .desktop-main-content-header .projects-templates-filter-overview,
#ProjectTemplatesDialog .projects-templates-filter-overview {
  position: fixed;
  inset: 0 0 0 0;
  padding: 0;
  z-index: 1000;
  display: flex;
  justify-content: right;
}
#ProjectTemplates.page-layout .project-templates-view .projects-templates-filter-overview:before,
#BusinessPortal.page-layout .project-templates-view .projects-templates-filter-overview:before, #BusinessPortal.page-layout .desktop-main-content-header .projects-templates-filter-overview:before,
#ProjectTemplatesDialog .projects-templates-filter-overview:before {
  position: fixed;
  left: 0;
  top: 0;
  display: block;
  background-color: #353840;
  content: " ";
  pointer-events: none;
  z-index: -1;
  height: 100%;
  width: 100%;
  opacity: 0.8;
}
#ProjectTemplates.page-layout .project-templates-view .article-selection .article-selection-content,
#BusinessPortal.page-layout .project-templates-view .article-selection .article-selection-content, #BusinessPortal.page-layout .desktop-main-content-header .article-selection .article-selection-content,
#ProjectTemplatesDialog .article-selection .article-selection-content {
  flex: 0 1 1608px;
  max-width: 1608px;
}
#ProjectTemplates.page-layout .project-templates-view .article-selection .article-selection-content .project-public-templates-card-group,
#BusinessPortal.page-layout .project-templates-view .article-selection .article-selection-content .project-public-templates-card-group, #BusinessPortal.page-layout .desktop-main-content-header .article-selection .article-selection-content .project-public-templates-card-group,
#ProjectTemplatesDialog .article-selection .article-selection-content .project-public-templates-card-group {
  margin-left: -8px;
  margin-right: -8px;
}
#ProjectTemplates.page-layout .project-templates-view .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox > div,
#BusinessPortal.page-layout .project-templates-view .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox > div, #BusinessPortal.page-layout .desktop-main-content-header .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox > div,
#ProjectTemplatesDialog .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox > div {
  background-color: unset;
}
#ProjectTemplates.page-layout .project-templates-view .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox .image,
#BusinessPortal.page-layout .project-templates-view .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox .image, #BusinessPortal.page-layout .desktop-main-content-header .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox .image,
#ProjectTemplatesDialog .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox .image {
  width: 320px;
  height: 320px;
  aspect-ratio: 1;
  display: flex;
  justify-content: center;
  align-content: center;
  background-image: unset;
  background-color: #E3E3E3;
  padding: 32px;
  box-sizing: border-box;
}
#ProjectTemplates.page-layout .project-templates-view .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox .image > div,
#BusinessPortal.page-layout .project-templates-view .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox .image > div, #BusinessPortal.page-layout .desktop-main-content-header .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox .image > div,
#ProjectTemplatesDialog .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox .image > div {
  position: relative;
  width: 100%;
  height: 100%;
}
#ProjectTemplates.page-layout .project-templates-view .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox .image > div img,
#BusinessPortal.page-layout .project-templates-view .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox .image > div img, #BusinessPortal.page-layout .desktop-main-content-header .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox .image > div img,
#ProjectTemplatesDialog .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox .image > div img {
  width: auto;
  max-width: 100%;
  max-height: 100%;
}
#ProjectTemplates.page-layout .project-templates-view .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox .labels,
#BusinessPortal.page-layout .project-templates-view .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox .labels, #BusinessPortal.page-layout .desktop-main-content-header .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox .labels,
#ProjectTemplatesDialog .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox .labels {
  padding: unset;
}
#ProjectTemplates.page-layout .project-templates-view .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox .labels .rc-label-component,
#BusinessPortal.page-layout .project-templates-view .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox .labels .rc-label-component, #BusinessPortal.page-layout .desktop-main-content-header .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox .labels .rc-label-component,
#ProjectTemplatesDialog .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox .labels .rc-label-component {
  display: flex;
  min-height: unset;
  font-size: 16px;
  line-height: 24px;
}
#ProjectTemplates.page-layout .project-templates-view .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox .labels .rc-label-component:first-child,
#BusinessPortal.page-layout .project-templates-view .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox .labels .rc-label-component:first-child, #BusinessPortal.page-layout .desktop-main-content-header .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox .labels .rc-label-component:first-child,
#ProjectTemplatesDialog .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox .labels .rc-label-component:first-child {
  color: #000000;
}
#ProjectTemplates.page-layout .project-templates-view .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox .labels .rc-label-component:last-child,
#BusinessPortal.page-layout .project-templates-view .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox .labels .rc-label-component:last-child, #BusinessPortal.page-layout .desktop-main-content-header .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox .labels .rc-label-component:last-child,
#ProjectTemplatesDialog .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox .labels .rc-label-component:last-child {
  color: #676767;
}
#ProjectTemplates.page-layout .project-templates-view .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox:hover .image:after,
#BusinessPortal.page-layout .project-templates-view .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox:hover .image:after, #BusinessPortal.page-layout .desktop-main-content-header .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox:hover .image:after,
#ProjectTemplatesDialog .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox:hover .image:after {
  display: none;
}

.projects-templates-filter-content .checkout-group-content .group-content.group-content-label {
  margin-bottom: 0;
}
.projects-templates-filter-content .checkout-group-content .group-content.group-content-label + .checkout-group-content {
  margin-bottom: 8px;
}
.projects-templates-filter-content .checkout-group-content .group-content.group-content-checkbox {
  margin-bottom: 0;
  margin-left: 16px;
  border-bottom: 1px solid #cccccc;
  box-sizing: border-box;
}
.projects-templates-filter-content .checkout-group-content .group-content.group-content-checkbox:last-child {
  margin-bottom: 8px;
  border-bottom: none;
}

.project-release-image-table .project-release-image-table-image {
  height: 152px;
  width: 152px;
  max-width: 152px;
  max-height: 152px;
  flex: 0 0 152px;
  position: relative;
  overflow: hidden;
}
.project-release-image-table .project-release-image-table-image img {
  max-width: unset;
}
.project-release-image-table .project-release-image-table-image img.landscape {
  height: 100%;
  width: auto;
  margin-left: 50%;
  transform: translateX(-50%);
}
.project-release-image-table .project-release-image-table-image img.portrait {
  width: 100%;
  height: auto;
  margin-top: 50%;
  transform: translateY(-50%);
}
.project-release-image-table .project-release-image-table-image img.square {
  height: 100%;
  width: 100%;
}
.project-release-image-table .rc-textarea.rc-component {
  height: 108px;
  margin-top: 8px;
}

.project-approval-table .content-group-table-row {
  height: 52px;
  border-bottom-color: #cccccc;
}
.project-approval-table .content-group-table-row:last-child {
  border-bottom: 1px solid #cccccc;
}
.project-approval-table .content-group-table-row .group-content {
  align-self: unset;
}
.project-approval-table .flat-table-cell, .project-approval-table .group-content {
  padding: 8px 0;
  /*&.emails {
      flex-basis: 150px;
  }*/
}
.project-approval-table .flat-table-cell.project-approval-table-title, .project-approval-table .group-content.project-approval-table-title {
  flex: auto;
  background-color: #efefef;
}
.project-approval-table .flat-table-cell.title, .project-approval-table .group-content.title {
  flex: auto;
}
.project-approval-table .flat-table-cell.designName, .project-approval-table .group-content.designName {
  flex-basis: 150px;
}
.project-approval-table .flat-table-cell.category, .project-approval-table .group-content.category {
  flex-basis: 150px;
}
.project-approval-table .flat-table-cell.colorCategory, .project-approval-table .group-content.colorCategory {
  flex-basis: 150px;
}
.project-approval-table .flat-table-cell.userName, .project-approval-table .group-content.userName {
  flex-basis: 150px;
}
.project-approval-table .flat-table-cell.modifiedOn, .project-approval-table .group-content.modifiedOn {
  flex-basis: 100px;
}
.project-approval-table .flat-table-cell.createdOn, .project-approval-table .group-content.createdOn {
  flex-basis: 100px;
}
.project-approval-table .flat-table-cell.group-content-image, .project-approval-table .group-content.group-content-image {
  width: unset;
  flex: 0;
  min-width: 52px;
}
.project-approval-table .flat-table-cell.group-content-image img, .project-approval-table .group-content.group-content-image img {
  max-height: 52px;
  max-width: 52px;
}

.rc-mobile-view.project-templates-view .rc-tabcontrol.rc-mobile-component {
  flex-direction: row;
  height: unset;
  margin-top: 32px;
  overflow-y: hidden;
  min-height: 44px;
  background-color: #f7f7f7;
  z-index: 1;
  flex: unset;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
}
.rc-mobile-view.project-templates-view .search-bar + .rc-tabcontrol.rc-mobile-component {
  margin-top: 8px;
}
.rc-mobile-view.project-templates-view .content-add-item-button {
  margin-bottom: 8px;
}
.rc-mobile-view.project-templates-view .article-selection .article-selection-content .project-public-templates-card-group {
  justify-content: unset;
}
.rc-mobile-view.project-templates-view .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox > div {
  background-color: unset;
}
.rc-mobile-view.project-templates-view .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox .image {
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  display: flex;
  justify-content: center;
  align-content: center;
  background-image: unset;
  background-color: #E3E3E3;
  padding: 32px;
  box-sizing: border-box;
}
.rc-mobile-view.project-templates-view .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox .image img {
  position: relative;
  inset: unset;
  transform: unset;
  width: auto;
  max-width: 100%;
  max-height: 100%;
}
.rc-mobile-view.project-templates-view .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox .labels {
  padding: unset;
}
.rc-mobile-view.project-templates-view .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox .labels .rc-label-component {
  display: flex;
  min-height: unset;
  font-size: 16px;
  line-height: 24px;
}
.rc-mobile-view.project-templates-view .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox .labels .rc-label-component:first-child {
  color: #000000;
}
.rc-mobile-view.project-templates-view .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox .labels .rc-label-component:last-child {
  color: #676767;
}
.rc-mobile-view.project-templates-view .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox:hover .image:after {
  display: none;
}

.templates-select-mockup-dialog .content-group-table-row.search-bar {
  max-width: 50%;
  margin-bottom: 16px;
}
.templates-select-mockup-dialog main .content-group-table-row.search-bar {
  max-width: unset;
  margin-bottom: 16px;
}

/*
.content-group-wrapper {
    .group-content-button.group-content.buttonPublishApprove.button-submit {
        button {
            width: 100%
        }
    }

    .group-content-button.group-content.buttonPublishReject {
        button {
            width: 100%
        }
    }
}*/
.mockup-private-list-table .content-group-table-row {
  height: 52px;
}
.mockup-private-list-table .content-group-table-row .group-content {
  align-self: unset;
}
.mockup-private-list-table .content-group-table-row .group-content-chip-wrapper {
  flex: unset;
  flex-basis: 200px;
}
.mockup-private-list-table .flat-table-row.flat-table-header .flat-table-cell.date {
  flex-basis: 400px;
}
.mockup-private-list-table .flat-table-cell, .mockup-private-list-table .group-content {
  padding: 8px 0;
  /*&.emails {
      flex-basis: 150px;
  }*/
}
.mockup-private-list-table .flat-table-cell.mockup-private-list-table-title, .mockup-private-list-table .group-content.mockup-private-list-table-title {
  flex: auto;
  flex-wrap: unset !important;
}
.mockup-private-list-table .flat-table-cell.title, .mockup-private-list-table .group-content.title {
  flex: auto;
}
.mockup-private-list-table .flat-table-cell.status, .mockup-private-list-table .group-content.status {
  min-height: unset;
  flex: 0 0 auto;
  margin-right: 16px;
}
.mockup-private-list-table .flat-table-cell.userName, .mockup-private-list-table .group-content.userName {
  flex-basis: 150px;
}
.mockup-private-list-table .flat-table-cell.date, .mockup-private-list-table .group-content.date {
  flex-basis: 200px;
}
.mockup-private-list-table .flat-table-cell.group-content-image, .mockup-private-list-table .group-content.group-content-image {
  width: unset;
  flex: 0;
  min-width: 52px;
}
.mockup-private-list-table .flat-table-cell.group-content-image img, .mockup-private-list-table .group-content.group-content-image img {
  max-height: 52px;
  max-width: 52px;
}

.dialog-scrollable-content .mockup-private-list-table .flat-table-row .group-content.edit, .dialog-scrollable-content .mockup-private-list-table .flat-table-row .flat-table-cell.edit {
  display: none;
}

.mockup-subcategory-tabs {
  display: flex;
  gap: 8px;
}
.mockup-subcategory-tabs button {
  border-radius: 8px;
  padding: 0 12px;
}

/*.collection-share-body #OpenShareView {
    .checkout-group-content, .content-group-table-row {
        .group-content-image {
            display: none;
        }
    }
}*/
#ArticleSelectionContent #OpenShareView {
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

#WebshopClient #OpenShareView {
  min-height: 100vh;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #efefef;
}
#WebshopClient #OpenShareView.photojob-register-form {
  min-height: unset;
}

#WebshopClient > #OpenShareView {
  align-items: unset;
  overflow-y: auto;
}
#WebshopClient > #OpenShareView.share-view-form {
  align-items: center;
}

#WebshopClient.gallery-multiaccess-page .collection-share-view-body #OpenShareView {
  min-height: unset;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #efefef;
}
#WebshopClient.gallery-multiaccess-page .collection-share-pages-view .collection-share-view-body {
  align-items: unset;
}

#GalleryPagesView {
  width: 100%;
}
#GalleryPagesView .project-open-share-content > .checkout-group-content {
  width: 100%;
  gap: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  /*display: flex;
  flex-direction: column;
  align-items: center;*/
}
#GalleryPagesView .project-open-share-content > .checkout-group-content .group-content-horizontal-group .group-content-icon.group-content.icon {
  flex: unset;
}
#GalleryPagesView .project-open-share-content > .checkout-group-content .group-content-button .btn-simple.btn-default {
  width: 100%;
  height: 48px;
  border-radius: 24px;
  font-size: 16px;
  line-height: 18px;
  align-items: center;
}
#GalleryPagesView .project-open-share-content > .checkout-group-content .group-content-button .btn-simple.btn-default div {
  text-align: center;
}
#GalleryPagesView .project-open-share-content > .checkout-group-content > .group-content, #GalleryPagesView .project-open-share-content > .checkout-group-content > .checkout-group-content {
  width: 672px;
  max-width: 672px;
  margin: 0 auto;
}
#GalleryPagesView .project-open-share-content > .checkout-group-content > .group-content.group-content-image.logo, #GalleryPagesView .project-open-share-content > .checkout-group-content > .checkout-group-content.group-content-image.logo {
  align-items: center;
}
#GalleryPagesView .project-open-share-content > .checkout-group-content > .group-content.group-content-image.logo img, #GalleryPagesView .project-open-share-content > .checkout-group-content > .checkout-group-content.group-content-image.logo img {
  max-height: 96px;
}
#GalleryPagesView .project-open-share-content > .checkout-group-content > .group-content.group-content-image:not(.logo) img, #GalleryPagesView .project-open-share-content > .checkout-group-content > .checkout-group-content.group-content-image:not(.logo) img {
  max-height: unset;
}
#GalleryPagesView .project-open-share-content > .checkout-group-content > .group-content.group-content-tabcontrol, #GalleryPagesView .project-open-share-content > .checkout-group-content > .checkout-group-content.group-content-tabcontrol {
  width: 100%;
  max-width: unset;
  border-bottom: 1px solid #cccccc;
}
#GalleryPagesView .project-open-share-content > .checkout-group-content > .group-content.group-content-tabcontrol .rc-tabcontrol, #GalleryPagesView .project-open-share-content > .checkout-group-content > .checkout-group-content.group-content-tabcontrol .rc-tabcontrol {
  width: unset;
  gap: 10px;
}
#GalleryPagesView .project-open-share-content > .checkout-group-content > .group-content.group-content-tabcontrol .rc-tabcontrol .rc-tabcontrol-tab, #GalleryPagesView .project-open-share-content > .checkout-group-content > .checkout-group-content.group-content-tabcontrol .rc-tabcontrol .rc-tabcontrol-tab {
  border-bottom: unset;
  font-size: 14px;
  line-height: 16px;
  color: #525252;
}
#GalleryPagesView .project-open-share-content > .checkout-group-content > .group-content.group-content-tabcontrol .rc-tabcontrol .rc-tabcontrol-tab.rc-tabcontrol-tab-selected, #GalleryPagesView .project-open-share-content > .checkout-group-content > .checkout-group-content.group-content-tabcontrol .rc-tabcontrol .rc-tabcontrol-tab.rc-tabcontrol-tab-selected {
  color: #3669c4;
}
#GalleryPagesView .gallery-page-view {
  /*box-shadow: unset;
  border-radius: unset;
  max-width: unset;*/
}
#GalleryPagesView .gallery-page-view.mobile-view .checkout-group-content > .group-content {
  width: 100%;
  padding: 0 16px;
  box-sizing: border-box;
}
#GalleryPagesView .gallery-page-view.mobile-view .checkout-group-content > .group-content.group-content-tabcontrol {
  padding: 0;
}
#GalleryPagesView .gallery-page-view.mobile-view .checkout-group-content > .group-content.group-content-tabcontrol .rc-tabcontrol {
  width: 100%;
}

#OpenShareView .rc-mobile-view-light .checkout-group-content .group-content-image > img, #OpenShareView .rc-mobile-view-light .content-group-table-row .group-content-image > img, #GalleryPagesView .rc-mobile-view-light .checkout-group-content .group-content-image > img, #GalleryPagesView .rc-mobile-view-light .content-group-table-row .group-content-image > img {
  max-height: 50px;
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
}
#OpenShareView .project-open-share-content.project-edit-item, #GalleryPagesView .project-open-share-content.project-edit-item {
  flex-direction: column;
}
#OpenShareView .project-open-share-content .project-list-item, #GalleryPagesView .project-open-share-content .project-list-item {
  cursor: unset;
  padding-top: unset;
}
#OpenShareView .project-open-share-content .checkout-group-content .group-content-image.group-content img, #OpenShareView .project-open-share-content .content-group-table-row .group-content-image.group-content img, #GalleryPagesView .project-open-share-content .checkout-group-content .group-content-image.group-content img, #GalleryPagesView .project-open-share-content .content-group-table-row .group-content-image.group-content img {
  max-height: 50px;
  width: auto;
}
#OpenShareView .project-open-share-content .checkout-group-content .group-content-image.group-content.formLogo img, #OpenShareView .project-open-share-content .content-group-table-row .group-content-image.group-content.formLogo img, #GalleryPagesView .project-open-share-content .checkout-group-content .group-content-image.group-content.formLogo img, #GalleryPagesView .project-open-share-content .content-group-table-row .group-content-image.group-content.formLogo img {
  max-height: unset;
  width: 100%;
}
#OpenShareView .project-open-share-content .checkout-group-content .group-content-button.group-content button.btn-action .btn-label, #OpenShareView .project-open-share-content .content-group-table-row .group-content-button.group-content button.btn-action .btn-label, #GalleryPagesView .project-open-share-content .checkout-group-content .group-content-button.group-content button.btn-action .btn-label, #GalleryPagesView .project-open-share-content .content-group-table-row .group-content-button.group-content button.btn-action .btn-label {
  text-align: center;
}
#OpenShareView .project-open-share-content .checkout-group-content .group-content-button.group-content.addParticipant, #OpenShareView .project-open-share-content .content-group-table-row .group-content-button.group-content.addParticipant, #GalleryPagesView .project-open-share-content .checkout-group-content .group-content-button.group-content.addParticipant, #GalleryPagesView .project-open-share-content .content-group-table-row .group-content-button.group-content.addParticipant {
  margin: 16px 0;
}
#OpenShareView .project-open-share-content .checkout-group-content .group-content-button.group-content.addParticipant button.btn-action, #OpenShareView .project-open-share-content .content-group-table-row .group-content-button.group-content.addParticipant button.btn-action, #GalleryPagesView .project-open-share-content .checkout-group-content .group-content-button.group-content.addParticipant button.btn-action, #GalleryPagesView .project-open-share-content .content-group-table-row .group-content-button.group-content.addParticipant button.btn-action {
  width: unset;
  border-radius: 6px;
  padding-left: 16px;
  padding-right: 32px;
  height: 36px;
}
#OpenShareView .project-open-share-content .checkout-group-content .group-content-label.group-content ol, #OpenShareView .project-open-share-content .content-group-table-row .group-content-label.group-content ol, #GalleryPagesView .project-open-share-content .checkout-group-content .group-content-label.group-content ol, #GalleryPagesView .project-open-share-content .content-group-table-row .group-content-label.group-content ol {
  list-style: auto;
  margin: 8px 0 8px 32px;
}
#OpenShareView .project-open-share-content .checkout-group-content .group-content-label.group-content ol li[data-list=bullet], #OpenShareView .project-open-share-content .content-group-table-row .group-content-label.group-content ol li[data-list=bullet], #GalleryPagesView .project-open-share-content .checkout-group-content .group-content-label.group-content ol li[data-list=bullet], #GalleryPagesView .project-open-share-content .content-group-table-row .group-content-label.group-content ol li[data-list=bullet] {
  list-style: disc;
}
#OpenShareView .project-open-share-content .checkout-group-content .group-content-label.group-content ul, #OpenShareView .project-open-share-content .content-group-table-row .group-content-label.group-content ul, #GalleryPagesView .project-open-share-content .checkout-group-content .group-content-label.group-content ul, #GalleryPagesView .project-open-share-content .content-group-table-row .group-content-label.group-content ul {
  list-style: disc;
  margin: 8px 0 8px 32px;
}
#OpenShareView .project-open-share-content .checkout-group-content .group-content-label.group-content ul li[data-list=ordered], #OpenShareView .project-open-share-content .content-group-table-row .group-content-label.group-content ul li[data-list=ordered], #GalleryPagesView .project-open-share-content .checkout-group-content .group-content-label.group-content ul li[data-list=ordered], #GalleryPagesView .project-open-share-content .content-group-table-row .group-content-label.group-content ul li[data-list=ordered] {
  list-style: decimal;
}
#OpenShareView .project-open-share-content + div.project-open-share-view-submit button.btn-action, #GalleryPagesView .project-open-share-content + div.project-open-share-view-submit button.btn-action {
  margin-top: 16px;
}
#OpenShareView .checkout-content-form .group-content.group-content-label.group-important, #GalleryPagesView .checkout-content-form .group-content.group-content-label.group-important {
  align-items: flex-end;
}
#OpenShareView .checkout-content-form .group-content.group-content-label.group-important + a, #GalleryPagesView .checkout-content-form .group-content.group-content-label.group-important + a {
  align-items: flex-end;
  display: flex;
  height: 100%;
}
#OpenShareView .checkout-content-form .group-content-horizontal-group, #GalleryPagesView .checkout-content-form .group-content-horizontal-group {
  margin-bottom: 0;
}
#OpenShareView .checkout-content-form .group-content-horizontal-group.rc-mobile-component > div, #GalleryPagesView .checkout-content-form .group-content-horizontal-group.rc-mobile-component > div {
  width: 100%;
  flex: 0 0 100%;
}
#OpenShareView .checkout-content-form .group-content-checkbox.group-content, #GalleryPagesView .checkout-content-form .group-content-checkbox.group-content {
  min-height: 36px;
}
#OpenShareView .checkout-content-form .group-content-checkbox.group-content .group-content-checkbox-infonode .rc-component.rc-checkbox, #GalleryPagesView .checkout-content-form .group-content-checkbox.group-content .group-content-checkbox-infonode .rc-component.rc-checkbox {
  align-items: center;
}
#OpenShareView .checkout-content-form .group-content-checkbox.group-content.checkParticipant, #OpenShareView .checkout-content-form .group-content-checkbox.group-content.gdpr, #GalleryPagesView .checkout-content-form .group-content-checkbox.group-content.checkParticipant, #GalleryPagesView .checkout-content-form .group-content-checkbox.group-content.gdpr {
  margin-bottom: 8px;
}
#OpenShareView .photojob-register-list-of-participants, #GalleryPagesView .photojob-register-list-of-participants {
  margin-bottom: 8px;
}
#OpenShareView .photojob-register-list-of-participants .checkout-group-content, #GalleryPagesView .photojob-register-list-of-participants .checkout-group-content {
  gap: unset;
}
#OpenShareView .photojob-register-list-of-participants .group-content-label.group-important, #GalleryPagesView .photojob-register-list-of-participants .group-content-label.group-important {
  height: 36px;
  min-height: unset;
  margin-bottom: 0;
  align-items: center;
  padding-bottom: unset;
}
#OpenShareView .photojob-register-list-of-participants .group-content-label.group-important + a, #GalleryPagesView .photojob-register-list-of-participants .group-content-label.group-important + a {
  align-items: center;
}
#OpenShareView .photojob-register-list-of-participants .group-content.group-content-horizontal-group, #GalleryPagesView .photojob-register-list-of-participants .group-content.group-content-horizontal-group {
  row-gap: 16px;
  padding: 16px 0;
}
#OpenShareView .photojob-register-list-of-participants .group-content.group-content-horizontal-group .group-content-input, #OpenShareView .photojob-register-list-of-participants .group-content.group-content-horizontal-group .group-content-drop-down, #GalleryPagesView .photojob-register-list-of-participants .group-content.group-content-horizontal-group .group-content-input, #GalleryPagesView .photojob-register-list-of-participants .group-content.group-content-horizontal-group .group-content-drop-down {
  margin-bottom: unset;
}
#OpenShareView .photojob-register-list-of-participants .group-content.group-content-checkbox, #GalleryPagesView .photojob-register-list-of-participants .group-content.group-content-checkbox {
  margin-bottom: unset;
  min-height: 36px;
}

.photojob-registration-page #OpenShareView .project-open-share-content > .checkout-group-content:not(.project-open-share-flow-content) > div:last-child {
  margin-top: 16px;
}

.collection-share-body .rc-dialog .configurator-list-item-footer .configurator-list-item-orderbutton button, .collection-share-body main .configurator-list-item-footer .configurator-list-item-orderbutton button {
  width: 100%;
}

.project-open-share-root, .project-open-share-content, .collection-share-body .rc-dialog, body.rc-dialog-open .rc-dialog {
  display: flex;
  justify-content: center;
  align-items: center;
}

.project-open-share-root, .project-open-share-content, .collection-share-body .rc-dialog {
  /*.checkout-group-content.project-open-share-flow-content {
  		gap: unset;
  }*/
  /*button {
  		width: 100%;
  		height: 44px;
  		line-height: 22px;
  		font-size: 16px;
  }*/
}
.project-open-share-root button, .project-open-share-content button, .collection-share-body .rc-dialog button {
  width: 100%;
  height: 48px;
  border-radius: 24px;
  font-size: 16px;
  line-height: 18px;
  align-items: center;
}
.project-open-share-root .checkout-group-content, .project-open-share-root .content-group-table-row, .project-open-share-content .checkout-group-content, .project-open-share-content .content-group-table-row, .collection-share-body .rc-dialog .checkout-group-content, .collection-share-body .rc-dialog .content-group-table-row {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.project-open-share-root .checkout-group-content > div.group-content, .project-open-share-root .content-group-table-row > div.group-content, .project-open-share-content .checkout-group-content > div.group-content, .project-open-share-content .content-group-table-row > div.group-content, .collection-share-body .rc-dialog .checkout-group-content > div.group-content, .collection-share-body .rc-dialog .content-group-table-row > div.group-content {
  margin-bottom: unset;
}
.project-open-share-root .checkout-group-content .group-content-image img, .project-open-share-root .content-group-table-row .group-content-image img, .project-open-share-content .checkout-group-content .group-content-image img, .project-open-share-content .content-group-table-row .group-content-image img, .collection-share-body .rc-dialog .checkout-group-content .group-content-image img, .collection-share-body .rc-dialog .content-group-table-row .group-content-image img {
  max-height: 60px;
  width: auto;
}
.project-open-share-root .checkout-group-content .group-content-label, .project-open-share-root .content-group-table-row .group-content-label, .project-open-share-content .checkout-group-content .group-content-label, .project-open-share-content .content-group-table-row .group-content-label, .collection-share-body .rc-dialog .checkout-group-content .group-content-label, .collection-share-body .rc-dialog .content-group-table-row .group-content-label {
  color: #2C2C2C;
  font-size: 16px;
  line-height: 22px;
  min-height: unset;
  padding-bottom: 4px;
}
.project-open-share-root .checkout-group-content .group-content-label.label-heading-bold, .project-open-share-root .checkout-group-content .group-content-label.group-important, .project-open-share-root .content-group-table-row .group-content-label.label-heading-bold, .project-open-share-root .content-group-table-row .group-content-label.group-important, .project-open-share-content .checkout-group-content .group-content-label.label-heading-bold, .project-open-share-content .checkout-group-content .group-content-label.group-important, .project-open-share-content .content-group-table-row .group-content-label.label-heading-bold, .project-open-share-content .content-group-table-row .group-content-label.group-important, .collection-share-body .rc-dialog .checkout-group-content .group-content-label.label-heading-bold, .collection-share-body .rc-dialog .checkout-group-content .group-content-label.group-important, .collection-share-body .rc-dialog .content-group-table-row .group-content-label.label-heading-bold, .collection-share-body .rc-dialog .content-group-table-row .group-content-label.group-important {
  margin-bottom: 0;
  font-size: 18px;
  line-height: 22px;
}
.project-open-share-root .checkout-group-content .group-content-label.label-heading-bold, .project-open-share-root .checkout-group-content .group-content-label.label-heading-bold.rc-mobile-component, .project-open-share-root .content-group-table-row .group-content-label.label-heading-bold, .project-open-share-root .content-group-table-row .group-content-label.label-heading-bold.rc-mobile-component, .project-open-share-content .checkout-group-content .group-content-label.label-heading-bold, .project-open-share-content .checkout-group-content .group-content-label.label-heading-bold.rc-mobile-component, .project-open-share-content .content-group-table-row .group-content-label.label-heading-bold, .project-open-share-content .content-group-table-row .group-content-label.label-heading-bold.rc-mobile-component, .collection-share-body .rc-dialog .checkout-group-content .group-content-label.label-heading-bold, .collection-share-body .rc-dialog .checkout-group-content .group-content-label.label-heading-bold.rc-mobile-component, .collection-share-body .rc-dialog .content-group-table-row .group-content-label.label-heading-bold, .collection-share-body .rc-dialog .content-group-table-row .group-content-label.label-heading-bold.rc-mobile-component {
  min-height: unset;
  font-size: 21px;
  line-height: 27px;
}
.project-open-share-root .checkout-group-content .checkout-content-input-fields-group, .project-open-share-root .content-group-table-row .checkout-content-input-fields-group, .project-open-share-content .checkout-group-content .checkout-content-input-fields-group, .project-open-share-content .content-group-table-row .checkout-content-input-fields-group, .collection-share-body .rc-dialog .checkout-group-content .checkout-content-input-fields-group, .collection-share-body .rc-dialog .content-group-table-row .checkout-content-input-fields-group {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px 0;
  margin-bottom: 8px;
}
.project-open-share-root .checkout-group-content .checkout-content-input-fields-group > .group-content, .project-open-share-root .content-group-table-row .checkout-content-input-fields-group > .group-content, .project-open-share-content .checkout-group-content .checkout-content-input-fields-group > .group-content, .project-open-share-content .content-group-table-row .checkout-content-input-fields-group > .group-content, .collection-share-body .rc-dialog .checkout-group-content .checkout-content-input-fields-group > .group-content, .collection-share-body .rc-dialog .content-group-table-row .checkout-content-input-fields-group > .group-content {
  margin-bottom: unset;
}
.project-open-share-root .checkout-group-content .group-content-checkbox, .project-open-share-root .content-group-table-row .group-content-checkbox, .project-open-share-content .checkout-group-content .group-content-checkbox, .project-open-share-content .content-group-table-row .group-content-checkbox, .collection-share-body .rc-dialog .checkout-group-content .group-content-checkbox, .collection-share-body .rc-dialog .content-group-table-row .group-content-checkbox {
  line-height: 16px;
}
.project-open-share-root .checkout-group-content .rc-component.rc-select label:not(.no-selection), .project-open-share-root .content-group-table-row .rc-component.rc-select label:not(.no-selection), .project-open-share-content .checkout-group-content .rc-component.rc-select label:not(.no-selection), .project-open-share-content .content-group-table-row .rc-component.rc-select label:not(.no-selection), .collection-share-body .rc-dialog .checkout-group-content .rc-component.rc-select label:not(.no-selection), .collection-share-body .rc-dialog .content-group-table-row .rc-component.rc-select label:not(.no-selection) {
  color: #525252;
  font-size: 12px;
  top: -8px;
  left: 16px;
  background-color: #fff;
  padding: 0 4px;
  line-height: 14px;
}
.project-open-share-root .checkout-group-content .rc-component.rc-select label, .project-open-share-root .content-group-table-row .rc-component.rc-select label, .project-open-share-content .checkout-group-content .rc-component.rc-select label, .project-open-share-content .content-group-table-row .rc-component.rc-select label, .collection-share-body .rc-dialog .checkout-group-content .rc-component.rc-select label, .collection-share-body .rc-dialog .content-group-table-row .rc-component.rc-select label {
  left: 16px;
}
.project-open-share-root .checkout-group-content .rc-component.rc-select .select-options-wrapper, .project-open-share-root .content-group-table-row .rc-component.rc-select .select-options-wrapper, .project-open-share-content .checkout-group-content .rc-component.rc-select .select-options-wrapper, .project-open-share-content .content-group-table-row .rc-component.rc-select .select-options-wrapper, .collection-share-body .rc-dialog .checkout-group-content .rc-component.rc-select .select-options-wrapper, .collection-share-body .rc-dialog .content-group-table-row .rc-component.rc-select .select-options-wrapper {
  height: 100%;
}
.project-open-share-root .checkout-group-content .rc-component.rc-select .select-options-wrapper .selected-option, .project-open-share-root .content-group-table-row .rc-component.rc-select .select-options-wrapper .selected-option, .project-open-share-content .checkout-group-content .rc-component.rc-select .select-options-wrapper .selected-option, .project-open-share-content .content-group-table-row .rc-component.rc-select .select-options-wrapper .selected-option, .collection-share-body .rc-dialog .checkout-group-content .rc-component.rc-select .select-options-wrapper .selected-option, .collection-share-body .rc-dialog .content-group-table-row .rc-component.rc-select .select-options-wrapper .selected-option {
  border-bottom: unset;
  height: 100%;
  align-items: center;
}
.project-open-share-root .checkout-group-content .rc-component.rc-select .select-options-wrapper .selected-option .selected-option-label, .project-open-share-root .content-group-table-row .rc-component.rc-select .select-options-wrapper .selected-option .selected-option-label, .project-open-share-content .checkout-group-content .rc-component.rc-select .select-options-wrapper .selected-option .selected-option-label, .project-open-share-content .content-group-table-row .rc-component.rc-select .select-options-wrapper .selected-option .selected-option-label, .collection-share-body .rc-dialog .checkout-group-content .rc-component.rc-select .select-options-wrapper .selected-option .selected-option-label, .collection-share-body .rc-dialog .content-group-table-row .rc-component.rc-select .select-options-wrapper .selected-option .selected-option-label {
  font-size: 16px;
  color: #2C2C2C;
}
.project-open-share-root .checkout-group-content .rc-component.rc-select .select-options-wrapper .select-options-list, .project-open-share-root .content-group-table-row .rc-component.rc-select .select-options-wrapper .select-options-list, .project-open-share-content .checkout-group-content .rc-component.rc-select .select-options-wrapper .select-options-list, .project-open-share-content .content-group-table-row .rc-component.rc-select .select-options-wrapper .select-options-list, .collection-share-body .rc-dialog .checkout-group-content .rc-component.rc-select .select-options-wrapper .select-options-list, .collection-share-body .rc-dialog .content-group-table-row .rc-component.rc-select .select-options-wrapper .select-options-list {
  padding: 8px;
  border-radius: 16px;
  box-sizing: border-box;
}
.project-open-share-root .checkout-group-content .rc-component.rc-select .select-options-wrapper .select-options-list .select-options-item:not([class^=level]), .project-open-share-root .content-group-table-row .rc-component.rc-select .select-options-wrapper .select-options-list .select-options-item:not([class^=level]), .project-open-share-content .checkout-group-content .rc-component.rc-select .select-options-wrapper .select-options-list .select-options-item:not([class^=level]), .project-open-share-content .content-group-table-row .rc-component.rc-select .select-options-wrapper .select-options-list .select-options-item:not([class^=level]), .collection-share-body .rc-dialog .checkout-group-content .rc-component.rc-select .select-options-wrapper .select-options-list .select-options-item:not([class^=level]), .collection-share-body .rc-dialog .content-group-table-row .rc-component.rc-select .select-options-wrapper .select-options-list .select-options-item:not([class^=level]) {
  min-height: 48px;
  padding: 8px;
  box-sizing: border-box;
  border-bottom: 1px solid #ccc;
  margin-bottom: unset;
}
.project-open-share-root .checkout-group-content .rc-component.rc-select .select-options-wrapper .select-options-list .select-options-item:not([class^=level]):last-child, .project-open-share-root .content-group-table-row .rc-component.rc-select .select-options-wrapper .select-options-list .select-options-item:not([class^=level]):last-child, .project-open-share-content .checkout-group-content .rc-component.rc-select .select-options-wrapper .select-options-list .select-options-item:not([class^=level]):last-child, .project-open-share-content .content-group-table-row .rc-component.rc-select .select-options-wrapper .select-options-list .select-options-item:not([class^=level]):last-child, .collection-share-body .rc-dialog .checkout-group-content .rc-component.rc-select .select-options-wrapper .select-options-list .select-options-item:not([class^=level]):last-child, .collection-share-body .rc-dialog .content-group-table-row .rc-component.rc-select .select-options-wrapper .select-options-list .select-options-item:not([class^=level]):last-child {
  border-bottom: unset;
}
.project-open-share-root .checkout-group-content .rc-component.rc-select .select-options-wrapper .select-options-list .select-options-item:not([class^=level]):nth-child(odd), .project-open-share-root .checkout-group-content .rc-component.rc-select .select-options-wrapper .select-options-list .select-options-item:not([class^=level]):nth-child(even), .project-open-share-root .content-group-table-row .rc-component.rc-select .select-options-wrapper .select-options-list .select-options-item:not([class^=level]):nth-child(odd), .project-open-share-root .content-group-table-row .rc-component.rc-select .select-options-wrapper .select-options-list .select-options-item:not([class^=level]):nth-child(even), .project-open-share-content .checkout-group-content .rc-component.rc-select .select-options-wrapper .select-options-list .select-options-item:not([class^=level]):nth-child(odd), .project-open-share-content .checkout-group-content .rc-component.rc-select .select-options-wrapper .select-options-list .select-options-item:not([class^=level]):nth-child(even), .project-open-share-content .content-group-table-row .rc-component.rc-select .select-options-wrapper .select-options-list .select-options-item:not([class^=level]):nth-child(odd), .project-open-share-content .content-group-table-row .rc-component.rc-select .select-options-wrapper .select-options-list .select-options-item:not([class^=level]):nth-child(even), .collection-share-body .rc-dialog .checkout-group-content .rc-component.rc-select .select-options-wrapper .select-options-list .select-options-item:not([class^=level]):nth-child(odd), .collection-share-body .rc-dialog .checkout-group-content .rc-component.rc-select .select-options-wrapper .select-options-list .select-options-item:not([class^=level]):nth-child(even), .collection-share-body .rc-dialog .content-group-table-row .rc-component.rc-select .select-options-wrapper .select-options-list .select-options-item:not([class^=level]):nth-child(odd), .collection-share-body .rc-dialog .content-group-table-row .rc-component.rc-select .select-options-wrapper .select-options-list .select-options-item:not([class^=level]):nth-child(even) {
  background-color: #ffffff;
}
.project-open-share-root .checkout-group-content .rc-component.rc-select .select-options-wrapper .select-options-list .select-options-item:not([class^=level]).focusin, .project-open-share-root .checkout-group-content .rc-component.rc-select .select-options-wrapper .select-options-list .select-options-item:not([class^=level]):hover, .project-open-share-root .content-group-table-row .rc-component.rc-select .select-options-wrapper .select-options-list .select-options-item:not([class^=level]).focusin, .project-open-share-root .content-group-table-row .rc-component.rc-select .select-options-wrapper .select-options-list .select-options-item:not([class^=level]):hover, .project-open-share-content .checkout-group-content .rc-component.rc-select .select-options-wrapper .select-options-list .select-options-item:not([class^=level]).focusin, .project-open-share-content .checkout-group-content .rc-component.rc-select .select-options-wrapper .select-options-list .select-options-item:not([class^=level]):hover, .project-open-share-content .content-group-table-row .rc-component.rc-select .select-options-wrapper .select-options-list .select-options-item:not([class^=level]).focusin, .project-open-share-content .content-group-table-row .rc-component.rc-select .select-options-wrapper .select-options-list .select-options-item:not([class^=level]):hover, .collection-share-body .rc-dialog .checkout-group-content .rc-component.rc-select .select-options-wrapper .select-options-list .select-options-item:not([class^=level]).focusin, .collection-share-body .rc-dialog .checkout-group-content .rc-component.rc-select .select-options-wrapper .select-options-list .select-options-item:not([class^=level]):hover, .collection-share-body .rc-dialog .content-group-table-row .rc-component.rc-select .select-options-wrapper .select-options-list .select-options-item:not([class^=level]).focusin, .collection-share-body .rc-dialog .content-group-table-row .rc-component.rc-select .select-options-wrapper .select-options-list .select-options-item:not([class^=level]):hover {
  background-color: #3669c4;
  color: white;
}
.project-open-share-root .checkout-group-content .rc-component.rc-input, .project-open-share-root .checkout-group-content .rc-component.rc-select, .project-open-share-root .content-group-table-row .rc-component.rc-input, .project-open-share-root .content-group-table-row .rc-component.rc-select, .project-open-share-content .checkout-group-content .rc-component.rc-input, .project-open-share-content .checkout-group-content .rc-component.rc-select, .project-open-share-content .content-group-table-row .rc-component.rc-input, .project-open-share-content .content-group-table-row .rc-component.rc-select, .collection-share-body .rc-dialog .checkout-group-content .rc-component.rc-input, .collection-share-body .rc-dialog .checkout-group-content .rc-component.rc-select, .collection-share-body .rc-dialog .content-group-table-row .rc-component.rc-input, .collection-share-body .rc-dialog .content-group-table-row .rc-component.rc-select {
  background-color: white;
  height: 48px;
  padding: 8px 8px;
  border-radius: 14px;
  border: 1px solid #525252;
  align-items: center;
  box-sizing: border-box;
}
.project-open-share-root .checkout-group-content .rc-component.rc-input.focus, .project-open-share-root .checkout-group-content .rc-component.rc-select.focus, .project-open-share-root .content-group-table-row .rc-component.rc-input.focus, .project-open-share-root .content-group-table-row .rc-component.rc-select.focus, .project-open-share-content .checkout-group-content .rc-component.rc-input.focus, .project-open-share-content .checkout-group-content .rc-component.rc-select.focus, .project-open-share-content .content-group-table-row .rc-component.rc-input.focus, .project-open-share-content .content-group-table-row .rc-component.rc-select.focus, .collection-share-body .rc-dialog .checkout-group-content .rc-component.rc-input.focus, .collection-share-body .rc-dialog .checkout-group-content .rc-component.rc-select.focus, .collection-share-body .rc-dialog .content-group-table-row .rc-component.rc-input.focus, .collection-share-body .rc-dialog .content-group-table-row .rc-component.rc-select.focus {
  border-color: #3776B2;
}
.project-open-share-root .checkout-group-content .rc-component.rc-input .rc-label, .project-open-share-root .checkout-group-content .rc-component.rc-select .rc-label, .project-open-share-root .content-group-table-row .rc-component.rc-input .rc-label, .project-open-share-root .content-group-table-row .rc-component.rc-select .rc-label, .project-open-share-content .checkout-group-content .rc-component.rc-input .rc-label, .project-open-share-content .checkout-group-content .rc-component.rc-select .rc-label, .project-open-share-content .content-group-table-row .rc-component.rc-input .rc-label, .project-open-share-content .content-group-table-row .rc-component.rc-select .rc-label, .collection-share-body .rc-dialog .checkout-group-content .rc-component.rc-input .rc-label, .collection-share-body .rc-dialog .checkout-group-content .rc-component.rc-select .rc-label, .collection-share-body .rc-dialog .content-group-table-row .rc-component.rc-input .rc-label, .collection-share-body .rc-dialog .content-group-table-row .rc-component.rc-select .rc-label {
  color: #525252;
  font-size: 12px;
  top: -8px;
  left: 16px;
  background-color: white;
  padding: 0 4px;
  line-height: 14px;
}
.project-open-share-root .checkout-group-content .rc-component.rc-input .rc-label.empty-input, .project-open-share-root .checkout-group-content .rc-component.rc-select .rc-label.empty-input, .project-open-share-root .content-group-table-row .rc-component.rc-input .rc-label.empty-input, .project-open-share-root .content-group-table-row .rc-component.rc-select .rc-label.empty-input, .project-open-share-content .checkout-group-content .rc-component.rc-input .rc-label.empty-input, .project-open-share-content .checkout-group-content .rc-component.rc-select .rc-label.empty-input, .project-open-share-content .content-group-table-row .rc-component.rc-input .rc-label.empty-input, .project-open-share-content .content-group-table-row .rc-component.rc-select .rc-label.empty-input, .collection-share-body .rc-dialog .checkout-group-content .rc-component.rc-input .rc-label.empty-input, .collection-share-body .rc-dialog .checkout-group-content .rc-component.rc-select .rc-label.empty-input, .collection-share-body .rc-dialog .content-group-table-row .rc-component.rc-input .rc-label.empty-input, .collection-share-body .rc-dialog .content-group-table-row .rc-component.rc-select .rc-label.empty-input {
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  line-height: 18px;
}
.project-open-share-root .checkout-group-content .rc-component.rc-input .rc-input-wrapper, .project-open-share-root .checkout-group-content .rc-component.rc-select .rc-input-wrapper, .project-open-share-root .content-group-table-row .rc-component.rc-input .rc-input-wrapper, .project-open-share-root .content-group-table-row .rc-component.rc-select .rc-input-wrapper, .project-open-share-content .checkout-group-content .rc-component.rc-input .rc-input-wrapper, .project-open-share-content .checkout-group-content .rc-component.rc-select .rc-input-wrapper, .project-open-share-content .content-group-table-row .rc-component.rc-input .rc-input-wrapper, .project-open-share-content .content-group-table-row .rc-component.rc-select .rc-input-wrapper, .collection-share-body .rc-dialog .checkout-group-content .rc-component.rc-input .rc-input-wrapper, .collection-share-body .rc-dialog .checkout-group-content .rc-component.rc-select .rc-input-wrapper, .collection-share-body .rc-dialog .content-group-table-row .rc-component.rc-input .rc-input-wrapper, .collection-share-body .rc-dialog .content-group-table-row .rc-component.rc-select .rc-input-wrapper {
  padding-left: 2px;
}
.project-open-share-root .checkout-group-content .rc-component.rc-input .rc-input-wrapper input, .project-open-share-root .checkout-group-content .rc-component.rc-select .rc-input-wrapper input, .project-open-share-root .content-group-table-row .rc-component.rc-input .rc-input-wrapper input, .project-open-share-root .content-group-table-row .rc-component.rc-select .rc-input-wrapper input, .project-open-share-content .checkout-group-content .rc-component.rc-input .rc-input-wrapper input, .project-open-share-content .checkout-group-content .rc-component.rc-select .rc-input-wrapper input, .project-open-share-content .content-group-table-row .rc-component.rc-input .rc-input-wrapper input, .project-open-share-content .content-group-table-row .rc-component.rc-select .rc-input-wrapper input, .collection-share-body .rc-dialog .checkout-group-content .rc-component.rc-input .rc-input-wrapper input, .collection-share-body .rc-dialog .checkout-group-content .rc-component.rc-select .rc-input-wrapper input, .collection-share-body .rc-dialog .content-group-table-row .rc-component.rc-input .rc-input-wrapper input, .collection-share-body .rc-dialog .content-group-table-row .rc-component.rc-select .rc-input-wrapper input {
  font-size: 16px;
  color: #2C2C2C;
}
.project-open-share-root .group-content-button button.btn-action, .project-open-share-content .group-content-button button.btn-action, .collection-share-body .rc-dialog .group-content-button button.btn-action {
  display: flex;
  justify-content: center;
}
.project-open-share-root .project-open-share-view, .project-open-share-content .project-open-share-view, .collection-share-body .rc-dialog .project-open-share-view {
  max-width: 750px;
  min-width: 320px;
  background-color: white;
  height: auto;
  box-sizing: border-box;
  padding: 16px 16px 24px 16px;
  position: relative;
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.25);
  border-radius: 14px;
  margin: 16px auto;
}
.project-open-share-root .project-open-share-view.project-open-share-mobile-view, .project-open-share-content .project-open-share-view.project-open-share-mobile-view, .collection-share-body .rc-dialog .project-open-share-view.project-open-share-mobile-view {
  box-shadow: unset;
}
.project-open-share-root .project-open-share-view.collection-share-password-view form, .project-open-share-content .project-open-share-view.collection-share-password-view form, .collection-share-body .rc-dialog .project-open-share-view.collection-share-password-view form {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.project-open-share-root .project-open-share-view.collection-share-password-view.phone-view, .project-open-share-content .project-open-share-view.collection-share-password-view.phone-view, .collection-share-body .rc-dialog .project-open-share-view.collection-share-password-view.phone-view {
  box-shadow: unset;
}
.project-open-share-root .project-open-share-view .project-edit-item, .project-open-share-content .project-open-share-view .project-edit-item, .collection-share-body .rc-dialog .project-open-share-view .project-edit-item {
  margin: 0;
}

.collection-share-body .rc-dialog button {
  width: unset;
}
.collection-share-body .rc-dialog .rc-context-menu.rc-context-menu-v2 .context-menu .context-menu-body button {
  height: 36px;
}
.collection-share-body .rc-dialog .rc-context-menu.rc-context-menu-v2 .context-menu .context-menu-body .project-preview-author-hint-wrapper {
  height: 36px;
  padding: 0 16px;
  display: flex;
  align-items: center;
}

.light, h2 {
  font-family: "SourceSansPro-Light", sans-serif;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

html {
  min-height: 375px;
}

body {
  line-height: 1;
  /*min-width: 375px;*/
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

b, strong, .error {
  font-weight: bold;
}

.sticky {
  position: sticky;
  top: 0;
}

.error, .red {
  color: #d7032c;
}

body, #designer, #bulkOrderer {
  background-color: #dcdcdc;
  margin: 0;
  padding: 0;
  font-family: "SourceSansPro-Regular";
}

input, textarea {
  font-family: "SourceSansPro-Regular";
  font-size: 14px;
}

h2 {
  font-size: 26px;
  line-height: 1.2;
  margin-bottom: 4px;
  font-family: "SourceSansPro-Light", sans-serif;
}

.align-right {
  float: right;
}

.disabled {
  opacity: 0.5;
  pointer-events: none;
}

.button.disabled {
  cursor: default;
}

/*basic selects and buttons */
/* appereance */
.numeric-slider-input input {
  -moz-appearance: none;
  -webkit-appearance: none;
}

.checkbox, .radio-container {
  line-height: 1.5em;
  cursor: pointer;
}

.color-picker > span {
  display: block;
  height: 18px;
  border-style: none;
}

.button, .select-box > .selected-value, .numeric-slider-input > .input-container, .color-picker {
  background-color: #EFEFEF;
  height: 25px;
  padding: 4px 4px 0 4px;
  max-width: 100%;
  cursor: pointer;
  text-align: left;
  box-sizing: border-box;
  position: relative;
}

.component-pulldown .button {
  height: 25px !important;
  padding-top: 6px !important;
}

.color-picker {
  padding: 3px 22px 2px 4px;
}

/* in component smaller! */
.image-editor-button.button, .top .button, .top .select-box > .selected-value, .top .numeric-slider-input > .input-container, .top .color-picker {
  padding-top: 4px;
  height: 20px;
}

.top .numeric-slider-input > .slider-container {
  top: 20px;
}

.image-editor-button.button {
  padding-top: 0;
  height: 20px;
  background-color: transparent;
}

.top .button {
  background-color: #FFF;
}

.button {
  text-align: center;
}

.button.sgw-icon {
  text-align: left;
  padding-left: 24px;
}

.select-box > .selected-value:hover, .numeric-slider-input > .input-container:hover,
.button:not(.disabled):hover, .numeric-slider-input:hover .input-container, .module .heading:hover,
.module .heading:hover:before, .modules .modules .module .heading:active, .color-picker:hover,
.select-box.active > .selected-value {
  background-color: #D8D8D8;
  border-color: #3669c4;
}

.sgw-icon.active {
  background-color: #D8D8D8;
}

.active:hover {
  border-color: #82AEFD !important;
}

.select-box > .selected-value:hover:after, .numeric-slider-input:hover > .input-container > .arrowhead-wrapper > .arrowhead, .top .numeric-slider-input:hover > .input-container > .arrowhead-wrapper > .arrowhead, .color-picker:hover span:after, .color-picker.active span:after, .top .color-picker:hover span:after, .top .color-picker.active span:after {
  border-top-color: #3669c4;
}

.select-box > .selected-value:not(.disabled):active, .numeric-slider-input > .input-container:not(.disabled):active,
.button:not(.disabled):active, .module .heading:active, .module .heading:not(.disabled):active:before,
.color-picker.active, .sgw-icon.active:not(.disabled):hover, .sgw-icon.ribbon-button.active:not(.disabled):hover {
  background-color: #C2C2C2;
}

/*prettyselector*/
.select-box > .selected-value, .numeric-slider-input .input-container, .color-picker {
  /* display: none; */
  border-bottom: 1px solid #CCC;
}

.select-box > .selected-value:after, .numeric-slider-input > .input-container > .arrowhead-wrapper > .arrowhead, .color-picker span:after {
  content: " ";
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #6E6E6E;
  top: 10px;
  right: 8px;
  position: absolute;
  left: auto;
}

/* component -> smaller! */
.top .select-box > .selected-value:after, .top .numeric-slider-input > .input-container > .arrowhead-wrapper > .arrowhead, .top .color-picker span:after {
  content: " ";
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 3px solid #6E6E6E;
  top: 8px;
  right: 4px;
}

.top .color-picker > span {
  height: 12px;
}

.select-box .options {
  display: none;
}

.select-box.active .options {
  display: block;
}

/** wrapper **/
.select-box {
  position: relative;
}

.select-box.active .options {
  z-index: 12;
  background-color: #ffffff;
  padding: 0;
  cursor: pointer;
  text-align: left !important;
  position: absolute;
  height: auto;
  overflow: auto;
  /*width:100%;*/
  min-width: 100%;
  box-shadow: 0 1px 3px #5f5f5f;
}

.shadow {
  box-shadow: 0 1px 3px #5f5f5f;
}

/** selector options **/
.select-box .options > div {
  padding: 4px;
  margin-bottom: 2px;
}

.select-box .options > div:last-child {
  margin-bottom: 0;
}

.select-box .options > div:hover, .select-box .options > div:hover {
  background-color: #E8E8E8 !important;
}

.select-box .options > div, .select-box .selected-value {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select-box .selected-value {
  padding-right: 20px;
  box-sizing: border-box;
}

.select-box .options .col-2 {
  display: flex;
  min-width: 190px;
  justify-content: space-between;
}

.select-box .options .col-2 .left-col {
  justify-content: flex-start;
}

.select-box .options .col-2 .right-col {
  justify-content: flex-end;
}

.select-box .options > :nth-child(odd) {
  background-color: #efefef;
}

.select-box .options > .selected:nth-child(even) {
  background-color: #d8d8d8;
}

.select-box .options > .selected {
  background-color: #d8d8d8;
}

/**
* Numeric input with slider
**/
.numeric-slider-input {
  position: relative;
  display: block;
}

.numeric-slider-input > .input-container.selected {
  background-color: #d8d8d8;
  border-bottom: 1px solid #3669C4;
}

.numeric-slider-input > .input-container > .arrowhead-wrapper {
  cursor: pointer;
  position: absolute;
  width: 24px;
  height: 100%;
  right: 0;
  top: 0;
}

.top .numeric-slider-input > .input-container > .arrowhead-wrapper {
  width: 16px;
}

.numeric-slider-input > .input-container > .input-wrapper > input[type=text] {
  background-color: transparent;
  border: 0;
  width: 100%;
  padding: 0;
  height: 90%;
  font-size: 11px;
}

.numeric-slider-input > .slider-container {
  display: none;
  z-index: 2;
  position: absolute;
  top: 25px;
  width: 100%;
  min-width: 124px;
  height: 24px;
  border-left: 4px solid transparent !important;
  border-right: 4px solid transparent !important;
  box-sizing: border-box;
  box-shadow: 0 1px 3px #5f5f5f;
  background-color: #fff;
}

.numeric-slider-input > .slider-container.active {
  display: block;
}

.numeric-slider-input > .slider-container > .slider-line {
  position: absolute;
  height: 100%;
  width: 100%;
}

.numeric-slider-input > .slider-container > .slider-line:before {
  content: "";
  left: 0;
  top: 11px;
  height: 1px;
  width: 100%;
  position: absolute;
  background-color: #CCCCCC;
}

.numeric-slider-input > .slider-container .slider-button {
  position: absolute;
  top: 6px;
  width: 8px;
  height: 8px;
  border-radius: 10px;
  background-color: #cfcfcf;
  border: 1px solid #a7a7a7;
  cursor: pointer;
  transform: translate(-50%, 0);
}

.numeric-slider-input > .slider-container .slider-button.held {
  background-color: #415AB2;
  border-color: #415AB2;
}

/* iconset */
/*
 * Iconset
 */
.checkbox-input, .radio-input {
  cursor: pointer;
}

.checkbox-input input, .radio-input input {
  visibility: hidden;
  opacity: 0;
  transform: scale(0, 0);
  position: absolute;
  width: 0;
  height: 0;
  cursor: pointer;
}

.checkbox-input label, .radio-input label {
  padding: 0;
  cursor: pointer;
}

/*.sgw-icon:before, .checkbox:before, .sgw-upload-stage:before {*/
/*    !* use !important to prevent issues with browser extensions that change fonts *!*/
/*    font-family: 'webicon' !important;*/
/*    speak: none;*/
/*    display: block;*/
/*    width: 20px;*/
/*    height: 20px;*/
/*    position: absolute;*/
/*    left: 1px;*/
/*    top: 1px;*/
/*    font-style: normal;*/
/*    font-weight: normal;*/
/*    font-variant: normal;*/
/*    text-transform: none;*/
/*    line-height: 20px;*/
/*    color: #6E6E6E;*/
/*    font-size: 20px;*/
/*    !* Better Font Rendering =========== *!*/
/*    -webkit-font-smoothing: antialiased;*/
/*    -moz-osx-font-smoothing: grayscale;*/
/*}*/
.top .sgw-icon:before {
  top: 0;
}

.sgw-icon.button:not(.disabled):hover:before, .sgw-icon.active:before, .sgw-icon.ribbon-button.active:before {
  color: #3B5BB0;
}

.checkbox:before, .radio {
  background-color: #EfEFef;
  content: " ";
  width: 13px;
  height: 13px;
  line-height: 15px;
  text-indent: -4px;
  left: 3px;
  top: 1px;
  border: 1px solid #CCC;
}

.checkbox:hover:before, .checkbox-container:hover .checkbox:before, .radio:hover, .radio-container:hover .radio {
  border-color: #3B5BB0;
}

.radio, .radio:before {
  border-radius: 100%;
  display: inline-block;
}

.radio {
  border: 1px solid #CCC;
  box-sizing: border-box;
  margin-right: 7px;
}

.radio:before {
  content: " ";
  width: 5px;
  margin-left: 3px;
  margin-top: 3px;
  display: block;
  height: 5px;
  background-color: transparent;
}

.radio.selected:before {
  background-color: #333;
}

.checkbox.selected:before, .checkbox.checked:before, .sgw-upload-stage:before {
  /*content: "\e99d";*/
}

.checkbox .checkbox-check {
  display: none;
}

.checkbox.selected .checkbox-check {
  position: absolute;
  top: -2px;
  left: -1px;
  display: block;
}

.radio-container {
  overflow: hidden;
  display: flex;
  align-items: center;
}

.sgw-icon, .checkbox {
  position: relative;
}

/*.rc-select .sgw-icon, .rc-checkbox .sgw-icon {
    padding-left: unset;
}*/
.rc-checkbox .rc-checkbox-box .sgw-icon.minimize:before {
  width: 14px;
  height: 14px;
  transform: translate(-70%, -60%);
}

.rc-checkbox .rc-checkbox-box .sgw-icon.steps_summary:before {
  width: 14px;
  height: 14px;
  transform: translate(-70%, -30%);
}

.sgw-icon.no-button {
  cursor: default;
}

.sgw-icon.material-button, [data-type=button] {
  padding: 8px;
  padding-right: 12px;
  line-height: 20px;
  background-color: #FCFCFC;
  font-weight: bold;
  font-size: 14px;
  display: inline-block;
}

/* position fixing */
/*.sgw-icon.tab_color:before {
    left: 3px;
    top: 2px;
    font-size: 19px;

}*/
.btn.disabled, .material-button.disabled {
  pointer-events: none;
  opacity: 0.3;
}

.sgw-icon.material-button {
  padding-left: 40px !important;
  -webkit-box-shadow: 3px 3px 4px -3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 3px 3px 4px -3px rgba(0, 0, 0, 0.4);
  box-shadow: 3px 3px 4px -3px rgba(0, 0, 0, 0.4);
}

.sgw-icon.material-button:hover, [data-type=button]:hover {
  background-color: #FFF;
  -webkit-box-shadow: 3px 3px 3px -3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 3px 3px 3px -3px rgba(0, 0, 0, 0.4);
  box-shadow: 3px 3px 3px -3px rgba(0, 0, 0, 0.4);
}

.sgw-icon.material-button.clicked, [data-type=button].clicked {
  background-color: #EFEFEF;
  -webkit-box-shadow: 3px 3px 4px -3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 3px 3px 4px -3px rgba(0, 0, 0, 0.4);
  box-shadow: 3px 3px 4px -3px rgba(0, 0, 0, 0.4);
}

/* add more if neccesary*/
[data-type=button] a, [data-type=button].clicked a {
  text-decoration: none;
  font-weight: bold;
}

.sgw-icon.material-button:before {
  color: #FFF !important;
  margin: 4px;
  padding: 4px;
  box-sizing: initial;
  top: 0;
  left: 0;
}

.sgw-icon.material-button.icon-red:before {
  background-color: #D70000;
}

.sgw-icon.material-button.icon-grey:before {
  background-color: #CCCCCC;
}

.sgw-icon.material-button.icon-green:before {
  background-color: #6C9D0D;
}

.icon-blue:before {
  color: #3568C4;
}

.sgw-icon.icon-right:before {
  left: auto;
  right: 0;
}

.sgw-icon.icon-right {
  padding-left: inherit;
  padding-right: 23px;
}

/* copy paste icomoon */
.sgw-icon.in-text:before {
  transform: translate(0px, 2px);
}

.sgw-icon.userbusiness:before {
  /*top: 4px;*/
}

.sgw-icon.bull:before {
  content: "•";
}

.sgw-icon.windows.apple:before {
  content: "\e925\e905";
  width: 2em;
}

.sgw-icon.price:before {
  content: "€";
  font-size: 15px;
  top: 1px;
  height: 20px;
}

.co_UK .sgw-icon.price:before {
  content: "£";
}

/* forms promptlabel */
.prompt-label label.required:after {
  content: " *";
}

.prompt-label {
  display: block;
  position: relative;
  background-color: #efefef;
  border-bottom: 1px solid #ccc;
  box-sizing: border-box;
  padding-top: 8px;
  padding-bottom: 2px;
  font-weight: normal !important;
}

.prompt-label .error-tip {
  display: none;
  position: absolute;
  top: -100%;
  right: 0;
  background-color: #d7032c;
  color: #FFF;
  padding: 4px 8px;
}

.prompt-label .error-tip:before {
  content: " ";
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #d7032c;
  bottom: -6px;
  position: absolute;
}

.prompt-label label {
  position: absolute;
  transition: all 0.3s;
  left: 4px;
  font-size: 14px;
  bottom: 9px;
  pointer-events: none;
}

.prompt-label label.active, .prompt-label :focus + label {
  font-size: 12px;
  left: 4px;
  bottom: 17px;
}

.prompt-label.focus {
  border-color: #3669C4;
}

.prompt-label.focus label, .prompt-label :focus + label {
  color: #3669C4;
}

.prompt-label.error label, .prompt-label.error {
  color: #d7032c;
  border-color: #d7032c;
}

.prompt-label.error.focus .error-tip {
  display: block;
}

.prompt-label input, .prompt-label select {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  background-color: #EFEFEF;
  margin-bottom: 0;
  padding: 4px;
  font-size: 13px;
  padding-bottom: 0;
  padding-top: 10px;
  border-style: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  box-sizing: border-box;
}

.prompt-label select::-ms-expand {
  display: none;
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

.prompt-label .int {
  position: absolute;
  height: 50%;
  right: 0;
  box-sizing: border-box;
  padding: 2px 4px;
  opacity: 0;
  padding-left: 22px;
  cursor: pointer;
  z-index: 1;
}

.prompt-label.focus .int, .prompt-label.focus .int:hover {
  opacity: 1;
}

.prompt-label .int.up {
  top: 0;
}

.prompt-label .int.down {
  bottom: 0;
  top: auto;
}

.prompt-label .int:before, .prompt-label.selectbox:before {
  content: " ";
  position: absolute;
  right: 8px;
  margin-top: -3px;
  top: 50%;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #333;
}

.prompt-label .int.down:before {
  margin-top: -1px;
}

.prompt-label .int:hover {
  background-color: #d8d8d8;
}

.prompt-label .int:active {
  background-color: #ccc;
}

.prompt-label .int.up:before {
  border-bottom: 5px solid #333;
  border-top-style: none;
}

.prompt-label.selectbox:before {
  pointer-events: none;
}

/* mobile */
@media (max-width: 800px) {
  .numeric-slider-input > .slider-container {
    display: none !important;
  }
  .button, .select-box > .selected-value, .numeric-slider-input > .input-container, .color-picker {
    /*height: 32px;*/
    padding-top: 8px;
    /*font-size: 1.2em;*/
  }
  .checkbox {
    font-size: 1.2em;
  }
  .color-picker {
    padding: 6px 22px 2px 4px;
  }
  /*.select-box > .selected-value:after, */
  .numeric-slider-input > .input-container > .arrowhead-wrapper > .arrowhead, .color-picker span:after {
    top: 14px;
  }
  .button.sgw-icon:before {
    top: 4px;
  }
  #designer > .designer {
    transform: translate3d(0, 0, 0);
  }
  .select-box.active:before {
    position: fixed;
    left: 0;
    top: 0;
    display: block;
    background-color: #353840;
    content: " ";
    z-index: 1;
    height: 100%;
    width: 100%;
    opacity: 0.8;
  }
  .select-box.active .options {
    z-index: 12;
    font-size: 1.2em;
    position: fixed;
    height: auto;
    max-height: 90%;
    overflow: auto;
    width: 90%;
    min-width: 90%;
    background-color: #FFF;
    left: 5%;
    top: 50%;
    display: block;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .select-box .options > div {
    padding: 8px 16px;
    background-color: #FFF;
  }
}
.apip-error-alert {
  filter: unset !important;
  -webkit-filter: unset !important;
  -ms-filter: unset !important;
}

.mouse-tooltip {
  transition: none;
  z-index: 10001;
}

[draggable] .image-item {
  cursor: move;
  -webkit-user-drag: element;
}

div:focus {
  outline: none;
}

::-moz-focus-inner {
  border: 0;
}

@media (max-height: 800px) {
  .rc-dialog.rc-dialog-bg-shadow:before {
    height: 100vh;
  }
}
body.drag-in-process .module-list, body.drag-in-process .designer-footer, body.drag-in-process .pages {
  opacity: 0.4;
  cursor: not-allowed;
}

@media (max-width: 1200px) {
  .dialog-v2-mobile-header, .dialog-v2-mobile-header.show-mobile {
    display: flex !important;
  }
}
body:not(.rc-mobile-view), #designer {
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  overflow: hidden;
}

body:not(.rc-mobile-view) {
  font-size: 14px;
  line-height: 18px;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  position: fixed;
}

body #WebshopClient {
  width: 100%;
  height: 100%;
  display: flex;
}

body.rc-mobile-view {
  position: relative;
  z-index: 0;
  min-height: 100dvh;
  height: 100dvh;
  display: flex;
  flex-direction: column;
}
body.rc-mobile-view.collection-share-body {
  height: 100%;
  min-height: 100vh;
}
body.rc-mobile-view.has-foreign-account-hint {
  min-height: calc(100dvh - 36px);
  height: calc(100dvh - 36px);
}
body.rc-mobile-view #WebshopClient {
  display: none;
}
body.rc-mobile-view > footer {
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
}

h2.progress-dialog-caption {
  font-size: 22px;
  font-family: inherit;
  font-weight: bold;
}

.rc-mobile-view {
  z-index: 10;
}
.rc-mobile-view > main {
  flex-direction: column;
  position: relative;
}
.rc-mobile-view > header {
  z-index: 5;
}
.rc-mobile-view > footer {
  z-index: 10;
}

.show-mobile {
  display: none !important;
}

.hide-mobile {
  /*display: block !important;*/
}

#bulkOrderer .footer-button-prev, #bulkOrderer .footer-button-next,
#designer .footer-button-prev, #designer .footer-button-next {
  margin: 4px;
}

.bottom .sgw-icon.material-button {
  display: block;
  text-align: center;
  padding-right: 8px;
  white-space: nowrap;
}

/*color*/
.heading:before {
  font-weight: normal;
}

/* filewindow and dialogs*/
.alert-content {
  display: flex;
  width: 400px;
  height: 80px;
  font-size: 14px;
  text-align: left;
  line-height: 1.2em;
}
@media (max-width: 500px) {
  .alert-content {
    max-width: calc(100vw - 32px);
  }
}

.alert-icon.alert-warning {
  background: #F4A93B;
}

.alert-icon {
  width: 30px;
  height: 30px;
  background: #EFEFEF;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  padding: 0;
  display: block;
  margin-right: 8px;
  margin-top: 4px;
}

.alert-icon.alert-warning.sgw-icon:before {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #FFFFFF;
}

.remove-page-confirmation-dialog-content {
  display: flex;
  justify-content: center;
  height: 216px;
  max-width: 670px;
  padding-left: 16px;
  padding-right: 16px;
  gap: 8px;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: auto;
}
.remove-page-confirmation-dialog-content::-webkit-scrollbar {
  height: 10px;
}
.remove-page-confirmation-dialog-content::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4);
  border-radius: 8px;
  -webkit-border-radius: 8px;
}
.remove-page-confirmation-dialog-content::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
.remove-page-confirmation-dialog-content .remove-page-confirmation-dialog-item {
  max-height: 196px;
}
.remove-page-confirmation-dialog-content .remove-page-confirmation-dialog-item .remove-page-confirmation-dialog-item-svg {
  max-height: 178px;
  box-shadow: 1px 1px 4px 2px #cccccc;
}
.remove-page-confirmation-dialog-content .remove-page-confirmation-dialog-item .remove-page-confirmation-dialog-item-svg svg {
  max-height: 178px;
}
.remove-page-confirmation-dialog-content .remove-page-confirmation-dialog-item .remove-page-confirmation-dialog-item-title {
  margin-top: 4px;
  text-align: center;
}

.remove-page-confirmation-dialog-content > * {
  max-width: 100%;
  max-height: 100%;
  overflow: visible;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
  																 supported by Chrome and Opera */
}

.btn {
  cursor: pointer;
}

@media (max-width: 1160px) {
  .hide-mobile {
    display: none !important;
  }
  body:not(.rc-mobile-view) {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    position: fixed;
  }
}
/* PAD BETA */
@media (max-width: 1200px) {
  .show-mobile {
    display: block !important;
  }
  .hide-mobile {
    display: none !important;
  }
  #designer .top {
    flex: 0 0 80px;
  }
  #designer .designer .left {
    margin-right: 2px;
  }
  #designer .designer .top {
    margin-bottom: 2px;
  }
  #designer .designer .designer > .modules {
    flex: 0 0 115px;
  }
  #designer .footer-button-prev {
    flex: 0 0 216px;
  }
  .canvas-area .page-info {
    padding-bottom: 1px;
  }
  .pages > div {
    border: 2px solid #FFF;
  }
  #designer .bottom .sgw-icon.material-button {
    padding-right: 0;
    min-height: 20px;
    padding-left: 36px !important;
  }
  .pages .content .page .info > .sgw-icon {
    display: none;
  }
  .design-pool .img, .designs-previews .img {
    margin: 2px;
  }
}
@media (max-width: 1000px) {
  .dialog-window > div {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .design-pool > div {
    flex: 0 0 33%;
  }
}
@media (max-width: 800px) {
  .pages-module .button {
    padding-top: 4px;
  }
}
@media (max-width: 860px) and (orientation: landscape) {
  #designer .pages {
    flex: 0 0 54px;
  }
  .pages .content .page .image svg, .pages .content .page .image object {
    height: 42px;
  }
  .pages .content .page {
    padding: 0;
    margin: 0 0;
    border: 2px solid #FFF;
  }
  .canvas-area .page-info {
    flex: 0 0 12px;
  }
  #designer .footer-button-next {
    top: 2px;
    right: 2px;
  }
}
@media (max-width: 500px) {
  #designer .footer-button-prev {
    display: none;
  }
  #designer .footer-button-next {
    flex: auto;
  }
  .design-pool > div {
    flex: 0 0 50%;
  }
  #designLineDialog .dialog-v2-header > div > div {
    flex: auto;
  }
}
@media (max-width: 600px) {
  #designer .footer-button-prev .button-backward, .designer-footer-article-info {
    display: none;
  }
  #designer .footer-button-prev {
    flex: 0 0 36px;
  }
}
@media (max-width: 600px) and (orientation: portrait) {
  #designer .designer > .left, #designer .designer .designer > .modules {
    flex: 0 0 55px;
  }
}
@media (max-width: 1399px) {
  #designer .designer .left {
    flex: 0 0 230px;
  }
}
@media (max-width: 630px) {
  #designer .designer .left {
    flex: 0 0 115px;
  }
}
#bulkOrderer {
  background: #FFFFFF;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

#bulkOrdererSelectionDialog {
  background: #FFFFFF;
  padding: 0;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  min-height: 300px;
  width: 91.5%;
  /*height: 100%;*/
  height: 90vh;
  margin: 0 auto;
}
#bulkOrdererSelectionDialog .rc-multi-accept-input form {
  flex-wrap: nowrap;
}
@media (max-width: 900px) {
  #bulkOrdererSelectionDialog {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
  }
}
@media (max-height: 600px) {
  #bulkOrdererSelectionDialog {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
  }
}

/*#BulkOrdererMobile {
    #WebshopClient {
        display: inherit;
    }
}*/
/*.bulk-orderer-page-dialog */
#bulkOrdererSelectionDialog {
  background-color: #e7e7e7;
}

.image-pool-footer-button-left {
  padding-left: 0;
}

.bulk-orderer-header {
  padding: 8px;
  display: flex;
  flex: 0 0 45px;
  justify-content: space-between;
}

.bulk-orderer-edit-tool-bar {
  display: flex;
}
.bulk-orderer-edit-tool-bar .rc-checkbox {
  max-height: 36px;
  padding-right: 16px;
}
.bulk-orderer-edit-tool-bar .btn-icon {
  padding-right: 16px;
}
.bulk-orderer-edit-tool-bar .btn-icon .sgw-icon {
  margin-right: unset;
}

.bulk-orderer-header .image-pool-sidebar .image-pool-sidebar-header {
  padding: 0;
}

.bulk-orderer-header .image-pool-sidebar {
  flex: 0 0 243px;
  position: relative;
}

.bulk-orderer-body {
  flex: 1;
  padding: 4px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
.bulk-orderer-body.redesign {
  padding: unset;
  background-color: #E7E7E7;
}
.bulk-orderer-body .mobile-selection-button {
  display: flex;
  justify-content: flex-end;
  margin: 8px 0;
}
.bulk-orderer-body .mobile-selection-button button {
  padding-right: 4px;
  padding-left: 0;
}
.bulk-orderer-body .mobile-selection-button button .btn-label {
  font-size: 14px;
  color: #3669c4;
}

.rc-mobile-view > main > div.bulk-orderer-body {
  justify-content: unset;
  height: 100%;
  padding-bottom: 76px;
}

.bulk-orderer-body .bulk-orderer-article-list {
  margin-bottom: 16px;
}

.bulk-orderer-body .bulk-orderer-article-list .bulk-orderer-article-list-header {
  display: flex;
  font-size: 18px;
  align-items: center;
  padding: 0 12px 0 4px;
  margin-bottom: 4px;
}

.bulk-orderer-body .bulk-orderer-article-list .bulk-orderer-article-list-header .bulk-orderer-article-list-header-title {
  display: flex;
  cursor: pointer;
  align-items: center;
  position: relative;
  margin-right: 8px;
}
.bulk-orderer-body .bulk-orderer-article-list .bulk-orderer-article-list-header .bulk-orderer-article-list-header-title .btn-simple {
  margin-top: -2px;
  margin-left: 4px;
}

.bulk-orderer-body .bulk-orderer-article-list .bulk-orderer-article-list-header .sgw-icon {
  padding: 0;
  width: 23px;
  height: 23px;
}

.bulk-orderer-body .bulk-orderer-article-list .bulk-orderer-article-list-header .sgw-icon.arrow_down:before {
  font-size: 46px;
  left: -16px;
  top: 4px;
}

.bulk-orderer-body .bulk-orderer-article-list .bulk-orderer-article-list-header .sgw-icon.arrow_down.active {
  background: none;
}

.bulk-orderer-body .bulk-orderer-article-list .bulk-orderer-article-list-header .sgw-icon.arrow_down.active:before {
  color: #3669C4;
}

.bulk-orderer-body .bulk-orderer-article-list .bulk-orderer-article-list-header .sgw-icon.arrow_right:before {
  font-size: 46px;
  left: -13px;
}

.bulk-orderer-body .bulk-orderer-article-list .bulk-orderer-article-list-header hr {
  margin: 0;
  border: 0;
  flex: 1;
  padding: 0;
  height: 1px;
  background: #cccccc;
}

.bulk-orderer-body .bulk-orderer-article-list .bulk-orderer-article-list-body {
  /*-webkit-transition: max-height 200ms ease-in-out;*/
  /*-moz-transition: max-height 200ms ease-in-out;*/
  /*-ms-transition: max-height 200ms ease-in-out;*/
  /*-o-transition: max-height 200ms ease-in-out;*/
  /*transition: max-height 200ms ease-in-out;*/
  max-height: 100%;
  overflow: hidden;
}

.bulk-orderer-body .bulk-orderer-article-list .bulk-orderer-article-list-body.bulk-order-article-list-hidden {
  max-height: 0;
}

.bulk-orderer-footer {
  background-color: #e7e7e7;
}

.image-article-item .rc-input {
  height: 25px;
  min-width: unset;
}
.image-article-item .rc-input.mobile-numeric {
  width: 100%;
  height: 44px;
}

.image-article-item .rc-input input {
  width: 25px;
}

.global-quantity .rc-input {
  height: 25px;
  min-width: unset;
}

.global-quantity .rc-input input {
  width: 35px;
}

.image-article-item .rc-input .btn-simple.btn-icon:hover, .global-quantity .rc-input .btn-simple.btn-icon:hover {
  background-color: #d8d8d8;
  border-radius: 6px;
}

.image-article-item .rc-input input, .global-quantity .rc-input input {
  padding: 2px 0 2px 4px;
  font-family: "source_sans_pro";
  font-size: 14px;
}

.image-article-item .rc-input .numeric-buttons, .global-quantity .rc-input .numeric-buttons {
  height: 24px;
  width: 50%;
}

.image-article-item .rc-input .numeric-buttons > *, .global-quantity .rc-input .numeric-buttons > * {
  height: 50%;
  width: 100%;
}
.image-article-item .rc-input .numeric-buttons > * .sgw-icon, .global-quantity .rc-input .numeric-buttons > * .sgw-icon {
  width: 14px;
  height: 12px;
  overflow: hidden;
}

.image-article-item .rc-input .numeric-buttons > * .sgw-icon:before, .global-quantity .rc-input .numeric-buttons > * .sgw-icon:before {
  width: unset;
  height: unset;
  font-size: 18px;
  line-height: 18px;
}

@media (max-width: 900px) {
  #bulkOrdererSelectionDialog {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
  }
}
#bulkOrdererSelectionDialog .dialog-options-column, #AdminHistogramView .dialog-options-column, #DesktopImageEditorWithTabs .dialog-options-column {
  background-color: #ffffff;
  margin-right: 2px;
  width: 55px;
  flex: unset;
}
#bulkOrdererSelectionDialog .dialog-options-column .dialog-options-column-button, #AdminHistogramView .dialog-options-column .dialog-options-column-button, #DesktopImageEditorWithTabs .dialog-options-column .dialog-options-column-button {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  cursor: pointer;
  position: relative;
  margin: 4px 0;
}
#bulkOrdererSelectionDialog .dialog-data-column, #bulkOrdererSelectionDialog .bulk-orderer-configurator-sidebar, #AdminHistogramView .dialog-data-column, #AdminHistogramView .bulk-orderer-configurator-sidebar, #DesktopImageEditorWithTabs .dialog-data-column, #DesktopImageEditorWithTabs .bulk-orderer-configurator-sidebar {
  /*.image-histogram-canvas {
      width: 100%;
      margin-bottom: 16px;

      img {
          border: 1px solid #cccccc;
          width: 100%;
          //aspect-ratio: 16 / 9;
      }
  }*/
}
#bulkOrdererSelectionDialog .dialog-data-column .image-quality, #bulkOrdererSelectionDialog .bulk-orderer-configurator-sidebar .image-quality, #AdminHistogramView .dialog-data-column .image-quality, #AdminHistogramView .bulk-orderer-configurator-sidebar .image-quality, #DesktopImageEditorWithTabs .dialog-data-column .image-quality, #DesktopImageEditorWithTabs .bulk-orderer-configurator-sidebar .image-quality {
  padding-top: 2px;
  position: relative;
  padding-left: 24px;
  height: 36px;
  display: flex;
  align-items: center;
}
#bulkOrdererSelectionDialog .dialog-data-column .image-quality:before, #bulkOrdererSelectionDialog .bulk-orderer-configurator-sidebar .image-quality:before, #AdminHistogramView .dialog-data-column .image-quality:before, #AdminHistogramView .bulk-orderer-configurator-sidebar .image-quality:before, #DesktopImageEditorWithTabs .dialog-data-column .image-quality:before, #DesktopImageEditorWithTabs .bulk-orderer-configurator-sidebar .image-quality:before {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 1px;
  top: 50%;
  transform: translateY(-50%);
  content: "";
}
#bulkOrdererSelectionDialog .dialog-data-column .image-quality.good:before, #bulkOrdererSelectionDialog .bulk-orderer-configurator-sidebar .image-quality.good:before, #AdminHistogramView .dialog-data-column .image-quality.good:before, #AdminHistogramView .bulk-orderer-configurator-sidebar .image-quality.good:before, #DesktopImageEditorWithTabs .dialog-data-column .image-quality.good:before, #DesktopImageEditorWithTabs .bulk-orderer-configurator-sidebar .image-quality.good:before {
  background-color: #6C9D0D;
}
#bulkOrdererSelectionDialog .dialog-data-column .image-quality.medium:before, #bulkOrdererSelectionDialog .bulk-orderer-configurator-sidebar .image-quality.medium:before, #AdminHistogramView .dialog-data-column .image-quality.medium:before, #AdminHistogramView .bulk-orderer-configurator-sidebar .image-quality.medium:before, #DesktopImageEditorWithTabs .dialog-data-column .image-quality.medium:before, #DesktopImageEditorWithTabs .bulk-orderer-configurator-sidebar .image-quality.medium:before {
  background-color: #AFCA0B;
}
#bulkOrdererSelectionDialog .dialog-data-column .image-quality.bad:before, #bulkOrdererSelectionDialog .bulk-orderer-configurator-sidebar .image-quality.bad:before, #AdminHistogramView .dialog-data-column .image-quality.bad:before, #AdminHistogramView .bulk-orderer-configurator-sidebar .image-quality.bad:before, #DesktopImageEditorWithTabs .dialog-data-column .image-quality.bad:before, #DesktopImageEditorWithTabs .bulk-orderer-configurator-sidebar .image-quality.bad:before {
  background-color: #D7032C;
}
#bulkOrdererSelectionDialog .dialog-data-column .histogram-select-box, #bulkOrdererSelectionDialog .bulk-orderer-configurator-sidebar .histogram-select-box, #AdminHistogramView .dialog-data-column .histogram-select-box, #AdminHistogramView .bulk-orderer-configurator-sidebar .histogram-select-box, #DesktopImageEditorWithTabs .dialog-data-column .histogram-select-box, #DesktopImageEditorWithTabs .bulk-orderer-configurator-sidebar .histogram-select-box {
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
#bulkOrdererSelectionDialog .dialog-data-column .histogram-select-box .rc-component.rc-select, #bulkOrdererSelectionDialog .bulk-orderer-configurator-sidebar .histogram-select-box .rc-component.rc-select, #AdminHistogramView .dialog-data-column .histogram-select-box .rc-component.rc-select, #AdminHistogramView .bulk-orderer-configurator-sidebar .histogram-select-box .rc-component.rc-select, #DesktopImageEditorWithTabs .dialog-data-column .histogram-select-box .rc-component.rc-select, #DesktopImageEditorWithTabs .bulk-orderer-configurator-sidebar .histogram-select-box .rc-component.rc-select {
  width: 30%;
}

#AdminHistogramView .dialog-data-column .checkout-group-content .good > div, #AdminHistogramView .bulk-orderer-configurator-sidebar .checkout-group-content .good > div, #bulkOrdererSelectionDialog .dialog-data-column .checkout-group-content .good > div, #bulkOrdererSelectionDialog .bulk-orderer-configurator-sidebar .checkout-group-content .good > div {
  display: flex;
  align-items: center;
}
#AdminHistogramView .dialog-data-column .checkout-group-content .good > div::before, #AdminHistogramView .bulk-orderer-configurator-sidebar .checkout-group-content .good > div::before, #bulkOrdererSelectionDialog .dialog-data-column .checkout-group-content .good > div::before, #bulkOrdererSelectionDialog .bulk-orderer-configurator-sidebar .checkout-group-content .good > div::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: #6C9D0D;
  margin-right: 8px;
}
#AdminHistogramView .dialog-data-column .checkout-group-content .average > div, #AdminHistogramView .bulk-orderer-configurator-sidebar .checkout-group-content .average > div, #bulkOrdererSelectionDialog .dialog-data-column .checkout-group-content .average > div, #bulkOrdererSelectionDialog .bulk-orderer-configurator-sidebar .checkout-group-content .average > div {
  display: flex;
  align-items: center;
}
#AdminHistogramView .dialog-data-column .checkout-group-content .average > div::before, #AdminHistogramView .bulk-orderer-configurator-sidebar .checkout-group-content .average > div::before, #bulkOrdererSelectionDialog .dialog-data-column .checkout-group-content .average > div::before, #bulkOrdererSelectionDialog .bulk-orderer-configurator-sidebar .checkout-group-content .average > div::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: #AFCA0B;
  margin-right: 8px;
}
#AdminHistogramView .dialog-data-column .checkout-group-content .bad > div, #AdminHistogramView .bulk-orderer-configurator-sidebar .checkout-group-content .bad > div, #bulkOrdererSelectionDialog .dialog-data-column .checkout-group-content .bad > div, #bulkOrdererSelectionDialog .bulk-orderer-configurator-sidebar .checkout-group-content .bad > div {
  display: flex;
  align-items: center;
}
#AdminHistogramView .dialog-data-column .checkout-group-content .bad > div::before, #AdminHistogramView .bulk-orderer-configurator-sidebar .checkout-group-content .bad > div::before, #bulkOrdererSelectionDialog .dialog-data-column .checkout-group-content .bad > div::before, #bulkOrdererSelectionDialog .bulk-orderer-configurator-sidebar .checkout-group-content .bad > div::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: #D7032C;
  margin-right: 8px;
}
#AdminHistogramView .dialog-data-column .checkout-group-content .group-content-key-value, #AdminHistogramView .bulk-orderer-configurator-sidebar .checkout-group-content .group-content-key-value, #bulkOrdererSelectionDialog .dialog-data-column .checkout-group-content .group-content-key-value, #bulkOrdererSelectionDialog .bulk-orderer-configurator-sidebar .checkout-group-content .group-content-key-value {
  display: flex;
  min-height: 36px;
  align-items: center;
  flex-wrap: nowrap;
  padding: unset;
}
#AdminHistogramView .dialog-data-column .checkout-group-content .group-content-key-value .group-content-key-value-key, #AdminHistogramView .bulk-orderer-configurator-sidebar .checkout-group-content .group-content-key-value .group-content-key-value-key, #bulkOrdererSelectionDialog .dialog-data-column .checkout-group-content .group-content-key-value .group-content-key-value-key, #bulkOrdererSelectionDialog .bulk-orderer-configurator-sidebar .checkout-group-content .group-content-key-value .group-content-key-value-key {
  flex-basis: 40%;
}
#AdminHistogramView .dialog-data-column .checkout-group-content .group-content-key-value .group-content-key-value-value, #AdminHistogramView .bulk-orderer-configurator-sidebar .checkout-group-content .group-content-key-value .group-content-key-value-value, #bulkOrdererSelectionDialog .dialog-data-column .checkout-group-content .group-content-key-value .group-content-key-value-value, #bulkOrdererSelectionDialog .bulk-orderer-configurator-sidebar .checkout-group-content .group-content-key-value .group-content-key-value-value {
  flex: 1;
  font-size: 14px;
  word-break: break-all;
}

#AdminHistogramView .rc-dialog-wrapper .rc-dialog-content {
  background-color: #e7e7e7;
  height: 100%;
}
#AdminHistogramView .dialog-content {
  display: flex;
  margin: 2px 0;
  height: 100%;
  overflow: hidden;
}
#AdminHistogramView .dialog-options-column {
  background-color: #ffffff;
  margin-right: 2px;
  width: 55px;
}
#AdminHistogramView .dialog-data-column {
  background-color: #ffffff;
  min-width: 320px;
  max-width: 446px;
  width: 375px;
  padding: 16px;
  box-sizing: border-box;
  overflow-y: auto;
  /*.image-histogram-canvas > img {
      width: 100%;
  }*/
}
#AdminHistogramView .dialog-data-column .checkout-group-content .good > div {
  display: flex;
  align-items: center;
}
#AdminHistogramView .dialog-data-column .checkout-group-content .good > div::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: #6C9D0D;
  margin-right: 8px;
}
#AdminHistogramView .dialog-data-column .checkout-group-content .average > div {
  display: flex;
  align-items: center;
}
#AdminHistogramView .dialog-data-column .checkout-group-content .average > div::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: #AFCA0B;
  margin-right: 8px;
}
#AdminHistogramView .dialog-data-column .checkout-group-content .bad > div {
  display: flex;
  align-items: center;
}
#AdminHistogramView .dialog-data-column .checkout-group-content .bad > div::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: #D7032C;
  margin-right: 8px;
}
#AdminHistogramView .dialog-data-column .checkout-group-content .group-content-key-value {
  display: flex;
  min-height: 36px;
  align-items: center;
  flex-wrap: nowrap;
  padding: unset;
}
#AdminHistogramView .dialog-data-column .checkout-group-content .group-content-key-value .group-content-key-value-key {
  flex-basis: 40%;
}
#AdminHistogramView .dialog-data-column .checkout-group-content .group-content-key-value .group-content-key-value-value {
  flex: 1;
  font-size: 14px;
}
#AdminHistogramView .dialog-content-column {
  flex: 1;
  justify-content: center;
  align-items: center;
  max-height: 80vh;
  padding: 16px;
  box-sizing: border-box;
}
#AdminHistogramView .dialog-content-column div {
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  max-height: 100%;
}
#AdminHistogramView .dialog-content-column div img {
  width: unset;
  height: unset;
  max-width: 100%;
  max-height: 100%;
  display: block;
}
#AdminHistogramView .dialog-footer {
  background-color: #ffffff;
  padding: 8px;
  box-sizing: border-box;
}

/*@keyframes SlideDown {
    0% {
        opacity: 0;
        @include translate(0, -125%);
    }

    100% {
        opacity: 1;
        @include translate(0, 0);
    }
}

@keyframes SlideUp {
    0% {
        opacity: 1;
        @include translate(0, 0);
    }

    100% {
        opacity: 0;
        @include translate(0, -125%);
    }
}

@keyframes FadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes FadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}*/
.mobile-page-add-page {
  background-color: #e0e0e0;
  border: 1px solid #cccccc;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.mobile-page-add-page .rc-mobile-component.btn-simple:not(.btn-redesign) .sgw-icon::before {
  font-size: 60px;
  padding-right: 22px;
}
.mobile-page-add-page span {
  font-weight: bold;
  font-size: 14px;
  margin-top: 6px;
}
.mobile-page-add-page .sgw-icon::before, .mobile-page-add-page span {
  color: #3669C4;
}

#BacksidePrintView .checkout-group-content {
  padding-bottom: 60px;
}
#BacksidePrintView .checkout-group-content .group-content-horizontal-group .group-content-upload {
  flex: 0;
}

#bulkOrdererSelectionDialog {
  background-color: #e7e7e7;
  display: flex;
  flex-direction: row;
  padding: 16px;
  box-sizing: border-box;
}
#bulkOrdererSelectionDialog .configurator-list-column {
  flex: 0 0 200px;
  overflow: hidden;
  overflow-y: auto;
  padding-right: 8px;
  padding-top: 8px;
}
#bulkOrdererSelectionDialog .configurator-list-column .configurator-list .content-card {
  margin-bottom: 8px;
}
#bulkOrdererSelectionDialog .configurator-list .content-card-image .image-tile {
  border: unset;
}
#bulkOrdererSelectionDialog .configurator-list .content-card-image .image-tile.selected:after {
  content: "";
  position: absolute;
  inset: 0;
  border: 2px solid #3669c4;
}
#bulkOrdererSelectionDialog .configurator-list .content-card-image .image-tile img {
  max-width: unset;
  height: 100%;
  width: calc(100% + 1px);
}

.dialog-content-column {
  flex: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding-left: 8px;
}

#bulkOrdererSelectionDialog .dialog-v2-body > div.bulk-orderer-configurator-sidebar {
  background: #FFFFFF;
  padding: 8px 8px 8px 8px;
  flex: 0 0 446px;
  max-width: 40%;
  overflow-y: auto;
}
#bulkOrdererSelectionDialog .dialog-v2-body > div.bulk-orderer-configurator-sidebar .details {
  padding-left: 16px;
  display: flex;
  align-items: center;
  flex-direction: row;
}

#BulkOrdererMobileSelectionDialog .details {
  margin: 8px 8px 0 8px;
  padding: 8px;
  display: flex;
  align-items: center;
  flex-direction: row;
  background-color: #FFFFFF;
}

#bulkOrdererSelectionDialog .dialog-v2-body > div.bulk-orderer-configurator-content {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  margin-left: 8px;
}

#bulkOrdererSelectionDialog .bulk-orderer-image-editor {
  position: relative;
}

.dialog-v2-body > div.bulk-orderer-configurator-content > div {
  background: #FFFFFF;
  padding: 4px 4px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: flex;
}

#bulkOrdererSelectionDialog .edit-toolbar-wrapper {
  padding: 4px;
}
#bulkOrdererSelectionDialog .edit-toolbar-wrapper.edit-toolbar-centered {
  font-size: 14px;
}

div.bulk-orderer-configurator-content > div.image-article-list-wrapper,
div.bulk-orderer-configurator-content > div.projects-list-items-wrapper {
  flex: 1;
  margin-bottom: 8px;
  display: block;
  overflow: hidden;
}

#bulkOrdererSelectionDialog .dialog-v2-body > div.bulk-orderer-configurator-content .dialog-v2-bottom-edit-toolbar {
  margin-bottom: 8px;
  max-height: unset;
  padding: 0;
  flex: unset;
  flex-shrink: 1;
  flex-grow: 0;
}

#bulkOrdererSelectionDialog .dialog-v2-body > div.bulk-orderer-configurator-content .dialog-v2-bottom-edit-toolbar > div {
  width: 100%;
}

#bulkOrdererSelectionDialog .dialog-v2-body > div.bulk-orderer-configurator-content div.bulk-orderer-image-editor {
  flex: 1;
  display: flex;
  position: relative;
  margin-bottom: 8px;
  flex-direction: column;
  padding: 0;
}

#bulkOrdererSelectionDialog .dialog-v2-body > div.bulk-orderer-configurator-content div.image-edit-cropper {
  flex: 1;
  position: relative;
  margin-top: 8px;
}

#bulkOrdererSelectionDialog .dialog-v2-body > div.bulk-orderer-configurator-content .bulk-orderer-image-editor-footer {
  text-align: center;
  padding: 8px 0;
}

#bulkOrdererSelectionDialog .dialog-v2-body > div.bulk-orderer-configurator-content div.bulk-orderer-image-editor .image-editor-quality {
  text-align: center;
}

#bulkOrdererSelectionDialog .dialog-v2-body > div.bulk-orderer-configurator-content div.bulk-orderer-image-editor .image-editor-quality:before {
  top: -1px;
}

#bulkOrdererSelectionDialog .edit-toolbar-wrapper .btn-toolbar .sgw-icon:before {
  top: 4px;
}

.image-article-list {
  overflow-y: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  max-height: 100%;
}
.image-article-list .image-article-item {
  margin-bottom: 16px;
  position: relative;
  max-width: 150px;
  width: 150px;
  display: flex;
  flex-direction: column;
  border-radius: 6px;
}
.image-article-list .image-article-item.redesign.tablet-portrait {
  max-width: 140px;
}
.image-article-list .image-article-item.redesign.tablet-portrait .image-article-image {
  max-width: 140px;
}
.image-article-list .image-article-item .image-article-quality-warning {
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  background: #d7032c;
}
.image-article-list .image-article-item .image-file-name {
  flex: 1;
}

.image-article-list .image-article-item .image-article-quality-warning {
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  background: #d7032c;
}

.image-article-list .image-article-item .image-article-enhanced {
  position: absolute;
  top: 0;
  right: 0;
  width: 16px;
  height: 16px;
  background: rgba(0, 0, 0, 0.5);
  padding: 0;
  z-index: 1;
}

.image-article-list .image-article-item .image-article-enhanced:before {
  color: #FFFFFF;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.image-article-list .image-article-item div.image-article-image {
  position: relative;
  margin-bottom: 4px;
  height: 96px;
  max-width: 150px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 3px solid transparent;
  box-sizing: border-box;
  border-radius: 6px;
}
.image-article-list .image-article-item .image-article-image-quality {
  position: absolute;
  left: 0;
  top: 0;
  width: 16px;
  height: 16px;
}
.image-article-list .image-article-item .image-article-image-quality .image-article-svg-tooltip {
  display: none;
  position: absolute;
  left: 0;
  top: calc(100% + 4px);
  color: #ffffff;
  background-color: #6e6e6e;
  z-index: 2;
  font-size: 14px;
  padding: 4px 8px;
}
.image-article-list .image-article-item .image-article-image-quality .image-article-svg-tooltip div {
  white-space: nowrap;
}
.image-article-list .image-article-item .image-article-image-quality .image-article-svg-tooltip:after {
  content: " ";
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid #6e6e6e;
  top: -4px;
  left: 4px;
  position: absolute;
}
.image-article-list .image-article-item .image-article-image-quality:hover .image-article-svg-tooltip {
  display: block;
}
.image-article-list .image-article-item .image-article-image-quality .rc-icon.sgw-icon.magic_ward {
  width: 16px;
  height: 16px;
  padding-left: unset;
  border: 1px solid transparent;
  box-sizing: border-box;
}
.image-article-list .image-article-item .image-article-image-quality .rc-icon.sgw-icon.magic_ward:hover {
  border-color: white;
}
.image-article-list .image-article-item .image-article-image-quality .rc-icon.sgw-icon.magic_ward:before {
  width: 16px;
  height: 16px;
  transform: unset;
  left: -2px;
  top: -2px;
  color: white;
  line-height: unset;
}
.image-article-list .image-article-item > button {
  display: none;
  position: absolute;
  right: 8px;
  top: 8px;
  width: 22px;
  height: 22px;
  background: #FFFFFF;
}
.image-article-list .image-article-item:hover > button {
  display: inline-flex;
}

.image-article-list .image-article-item div.image-article-image > svg {
  max-width: 100%;
  max-height: 100%;
}

.image-article-list .image-article-item.aspect-ratio-warning div.image-article-image,
.image-article-list .image-article-item.invalid-image div.image-article-image {
  border-color: #d7032c;
}

.edit .image-article-list .image-article-item div.image-article-image {
  border-color: #EFEFEF;
}

.image-article-list .image-article-item.selected div.image-article-image {
  border-color: #3669C4;
}

.image-article-list .image-article-item .image-file-name {
  display: block;
  text-align: center;
  margin-bottom: 4px;
  font-size: 12px;
  word-break: break-all;
  padding: 0 4px;
  box-sizing: border-box;
}

.image-article-list .image-article-item .image-article-info {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  /*padding: 0 8px;*/
}
.image-article-list .image-article-item .image-article-info .rc-component.rc-input .rc-input-wrapper {
  padding-left: 0;
}
.image-article-list .image-article-item .image-article-info .rc-component.rc-input label.rc-label {
  width: 100%;
}
.image-article-list .image-article-item .image-article-info .rc-component.rc-input input {
  position: absolute;
  bottom: 0;
  height: 80%;
  font-size: 16px;
  width: 100%;
}
.image-article-list .image-article-item .image-article-info .rc-component.rc-input .rc-input-wrapper.input-without-label {
  align-items: center;
}
.image-article-list .image-article-item .image-article-info .rc-component.rc-input .rc-input-wrapper.input-without-label input {
  position: relative;
  inset: unset;
}

.image-article-list .image-article-item .image-article-info > span {
  margin-left: 4px;
}

.image-article-list .image-article-item .image-article-info .numeric-input-with-arrows {
  flex: 0 0 auto;
  width: auto;
}

.image-article-list .image-article-item .image-article-info .numeric-input-with-arrows-field > input {
  max-width: 21px;
}

#bulkOrdererSelectionDialog .dialog-v2-body > div.bulk-orderer-configurator-content > div.bulk-orderer-configurator-content-bottom {
  padding: 8px;
}

.bulk-orderer-configurator-content .global-quantity {
  margin-right: 32px;
}

.scale-price-progressbar {
  display: flex;
  flex-wrap: wrap;
  overflow-x: auto;
}

.scale-price-progressbar > div {
  margin-right: 8px;
  margin-bottom: 8px;
}

.scale-price-progressbar .sliding-scale-prices-list {
  display: flex;
  text-align: center;
}

.scale-price-progressbar .sliding-scale-prices-list .sliding-scale-prices-item {
  display: flex;
  flex-direction: column;
  position: relative;
  height: 44px;
}

.scale-price-progressbar .sliding-scale-prices-list .sliding-scale-prices-item.selected {
  font-weight: bold;
}

.scale-price-progressbar .sliding-scale-prices-list .sliding-scale-prices-item .sliding-scale-prices-item-label {
  padding: 0 8px;
  position: relative;
}

.scale-price-progressbar .sliding-scale-prices-list .sliding-scale-prices-item .sliding-scale-prices-item-label span {
  white-space: nowrap;
}

.scale-price-progressbar .sliding-scale-prices-list .sliding-scale-prices-item .sliding-scale-prices-item-label .sliding-scale-prices-item-marker {
  position: absolute;
  width: 4px;
  height: 8px;
  background: #CCCCCC;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 1;
}

.scale-price-progressbar .sliding-scale-prices-list .sliding-scale-prices-item.selected .sliding-scale-prices-item-label .sliding-scale-prices-item-marker {
  background: #3669C4;
}

.scale-price-progressbar .sliding-scale-prices-list .sliding-scale-prices-item .sliding-scale-prices-progress {
  width: 100%;
  background: #CCCCCC;
  height: 4px;
  position: absolute;
  margin-top: 4px;
  left: 50%;
  bottom: 0;
}

.scale-price-progressbar .sliding-scale-prices-list .sliding-scale-prices-item .sliding-scale-prices-progress .progress-percentage {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background: #3669C4;
  z-index: 2;
}

/*.scale-price-progressbar .sliding-scale-prices-list .sliding-scale-prices-item:first-child .sliding-scale-prices-progress,*/
/*.scale-price-progressbar .sliding-scale-prices-list .sliding-scale-prices-item:last-child .sliding-scale-prices-progress {*/
/*width: 50%;*/
/*}*/
.scale-price-progressbar .sliding-scale-prices-list .sliding-scale-prices-item:first-child .sliding-scale-prices-progress {
  /*left: calc(50% - 1px);*/
}

.scale-price-progressbar .sliding-scale-prices-list .sliding-scale-prices-item:last-child .sliding-scale-prices-progress {
  /*align-self: flex-end;*/
  width: 0;
  height: 0;
  margin: 0;
  left: 0;
}

#bulkOrdererSelectionDialog .dialog-v2-footer > div {
  padding: unset;
  padding-top: 8px;
}

/*@media (max-width: 1396px) {
    #bulkOrdererSelectionDialog .edit-toolbar-wrapper.edit-toolbar-centered {
        flex-wrap: wrap-reverse;
    }
}*/
@media (max-width: 1024px) {
  #bulkOrdererSelectionDialog .dialog-v2-body > div.bulk-orderer-configurator-sidebar {
    flex: 0 0 240px;
  }
}
.collection-bulkorderer-price-info-wrapper {
  flex: 1;
  display: flex;
  justify-content: flex-end;
}
.collection-bulkorderer-price-info-wrapper > div .price {
  font-size: 16px;
  text-align: right;
  font-weight: bold;
}
.collection-bulkorderer-price-info-wrapper > div .price-info {
  color: #333333;
  font-size: 12px;
}

.clipart-options-list .clipart-item {
  flex-basis: calc(50% - 8px);
  border: 1px solid #CCCCCC;
  padding: 8px;
  margin: 4px;
  cursor: pointer;
  box-sizing: border-box;
  justify-content: center;
}
.clipart-options-list .clipart-item.active {
  border: 2px solid #3669C4;
}
.clipart-options-list .clipart-item > div {
  position: relative;
  line-height: 0;
  height: 150px;
  max-height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.clipart-options-list .clipart-item > div img {
  max-width: 100%;
  max-height: 100%;
}

#ClipartSelection {
  z-index: 10010;
}
#ClipartSelection .rc-dialog .rc-dialog-wrapper {
  max-width: 672px;
  min-width: 320px;
}
@media only screen and (max-width: 704px) {
  #ClipartSelection .rc-dialog .rc-dialog-wrapper {
    margin: 16px 16px;
  }
}
@media (min-width: 500px) {
  #ClipartSelection .rc-dialog .clipart-item {
    flex-basis: calc(25% - 8px);
  }
}

#ToolsWrapper .clipart-toolbox-options .clipart-options-list {
  display: flex;
  flex-wrap: wrap;
  max-width: 540px;
}
#ToolsWrapper .clipart-toolbox-options .clipart-options-list .clipart-item {
  flex-basis: unset;
  border: 2px solid transparent;
}
#ToolsWrapper .clipart-toolbox-options .clipart-options-list .clipart-item.active {
  border: 2px solid #3669C4;
}
#ToolsWrapper .clipart-toolbox-options .clipart-options-list .clipart-item:hover {
  border: 2px solid #CCCCCC;
}
#ToolsWrapper .clipart-toolbox-options .clipart-options-list .clipart-item > div {
  width: 80px;
  height: 80px;
  max-height: 80px;
}

/*@keyframes SlideDown {
    0% {
        opacity: 0;
        @include translate(0, -125%);
    }

    100% {
        opacity: 1;
        @include translate(0, 0);
    }
}

@keyframes SlideUp {
    0% {
        opacity: 1;
        @include translate(0, 0);
    }

    100% {
        opacity: 0;
        @include translate(0, -125%);
    }
}

@keyframes FadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes FadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}*/
/*@keyframes SlideDown {
    0% {
        opacity: 0;
        @include translate(0, -125%);
    }

    100% {
        opacity: 1;
        @include translate(0, 0);
    }
}

@keyframes SlideUp {
    0% {
        opacity: 1;
        @include translate(0, 0);
    }

    100% {
        opacity: 0;
        @include translate(0, -125%);
    }
}

@keyframes FadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes FadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}*/
#CollectionShareOrder .configurator-list-item-description ul {
  list-style-type: disc;
  list-style-position: outside;
  margin-left: 32px;
}
#CollectionShareOrder .configurator-list-item-description ul li {
  font-size: 14px;
  line-height: 18px;
  color: #2C2C2C;
  padding: 2px 0 4px 0;
}
#CollectionShareOrder .configurator-list-item-description ul li[data-list=ordered] {
  list-style-type: decimal;
}
#CollectionShareOrder .configurator-list-item-description ol {
  list-style-type: decimal;
  list-style-position: outside;
  margin-left: 32px;
}
#CollectionShareOrder .configurator-list-item-description ol li[data-list=bullet] {
  list-style-type: disc;
}
#CollectionShareOrder .collection-share-order-desktop-content {
  display: flex;
  height: calc(100% - 52px);
}
#CollectionShareOrder .collection-share-order-desktop-content > div {
  flex: 1;
  box-sizing: border-box;
}
#CollectionShareOrder .collection-share-order-desktop-content > div.bulk-orderer-configurator-content.collection-share-order {
  border-right: 1px solid #cccccc;
  overflow: auto;
}
#CollectionShareOrder .configurator-list-item-description ul {
  list-style-type: disc;
  list-style-position: outside;
  margin-left: 32px;
}
#CollectionShareOrder .configurator-list-item-description ul li[data-list=ordered] {
  list-style-type: decimal;
}
#CollectionShareOrder .configurator-list-item-description ol {
  list-style-type: decimal;
  list-style-position: outside;
  margin-left: 32px;
}
#CollectionShareOrder .configurator-list-item-description ol li[data-list=bullet] {
  list-style-type: disc;
}
#CollectionShareOrder .rc-tabcontrol {
  padding: 16px 16px 0;
  background-color: #ffffff;
  box-sizing: border-box;
}
#CollectionShareOrder .rc-tabcontrol .rc-tabcontrol-scrollable {
  gap: 8px;
  flex-wrap: wrap;
  overflow-y: hidden;
  min-height: 36px;
}
#CollectionShareOrder .rc-tabcontrol.rc-mobile-component {
  margin: 0 -16px;
  width: calc(100% + 32px);
  box-sizing: border-box;
  flex-wrap: nowrap;
}
#CollectionShareOrder .rc-tabcontrol.rc-mobile-component .rc-tabcontrol-scrollable {
  padding: 0 16px;
  flex-wrap: nowrap;
}
#CollectionShareOrder .rc-tabcontrol.rc-mobile-component .rc-tabcontrol-scrollable::-webkit-scrollbar {
  height: 0;
}
#CollectionShareOrder .rc-tabcontrol .rc-tabcontrol-tab {
  box-sizing: border-box;
  flex: unset;
  background-color: #efefef;
  box-shadow: none;
  border-radius: 8px;
  border-bottom: unset;
  font-size: 14px;
  line-height: 18px;
  padding: 0 12px;
}
#CollectionShareOrder .rc-tabcontrol .rc-tabcontrol-tab:hover {
  background-color: #e2e2e2;
}
#CollectionShareOrder .rc-tabcontrol .rc-tabcontrol-tab.rc-tabcontrol-tab-selected {
  background-color: #3669c4;
  color: #ffffff;
}
#CollectionShareOrder .rc-tabcontrol .rc-tabcontrol-tab.rc-tabcontrol-tab-selected:hover {
  background-color: #537ac1;
}
#CollectionShareOrder .collection-share-order-header {
  padding: 16px;
  display: flex;
  flex-direction: column;
}
#CollectionShareOrder .collection-share-order-header .mobile-images-navigation {
  display: flex;
  justify-content: center;
  margin-top: 16px;
  gap: 16px;
}
#CollectionShareOrder .collection-share-order-header .mobile-images-navigation button {
  border-radius: 50%;
  height: 36px;
  width: 36px;
  padding: unset;
  background-color: #E7E7E7;
}
#CollectionShareOrder .collection-share-order-header .mobile-images-navigation .rc-label-component {
  min-height: 36px;
}
#CollectionShareOrder .collection-share-order-image .mobile-images-navigation {
  display: flex;
  justify-content: center;
  margin-top: -16px;
  margin-bottom: 16px;
  gap: 16px;
}
#CollectionShareOrder .collection-share-order-image .mobile-images-navigation.only-mobile-images-navigation {
  margin-top: 16px;
}
#CollectionShareOrder .collection-share-order-image .mobile-images-navigation button {
  border-radius: 50%;
  height: 36px;
  width: 36px;
  padding: unset;
  background-color: #E7E7E7;
}
#CollectionShareOrder .collection-share-order-image .mobile-images-navigation .rc-label-component {
  min-height: 36px;
}
#CollectionShareOrder.rc-mobile-view {
  z-index: 10000;
}
#CollectionShareOrder.rc-mobile-view header {
  gap: 8px;
}
#CollectionShareOrder.rc-mobile-view header .back-button {
  position: relative;
  margin-left: -8px;
}
#CollectionShareOrder.rc-mobile-view header .mobile-page-title {
  margin: 0;
}
#CollectionShareOrder.rc-mobile-view header .mobile-page-title.align-left {
  text-align: left;
}
#CollectionShareOrder.rc-mobile-view .breadcrumb.collection-share-breadcrumb {
  padding: 16px 16px 0;
  margin-bottom: unset;
}
#CollectionShareOrder.rc-mobile-view .collection-share-order-image {
  background-color: #efefef;
  padding: 16px;
  max-height: 100vw;
}
#CollectionShareOrder.rc-mobile-view .collection-share-order-image.with-edit-button {
  max-height: calc(100vw + 32px);
  padding-bottom: 0;
}
#CollectionShareOrder.rc-mobile-view .collection-share-order-image.with-edit-button.mobile-view {
  padding-bottom: 16px;
}
#CollectionShareOrder.rc-mobile-view .collection-share-order-image.with-edit-button.with-paging-buttons .collection-share-order-image-button {
  flex: 0;
  padding: 16px;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
#CollectionShareOrder.rc-mobile-view .collection-share-order-image.with-edit-button.with-paging-buttons .collection-share-order-image-button .mobile-images-navigation {
  margin-top: unset;
  margin-bottom: unset;
}
#CollectionShareOrder.rc-mobile-view .collection-share-order-image img {
  max-height: 100%;
}
#CollectionShareOrder.rc-mobile-view .tablet.portrait .collection-share-order-image.with-edit-button {
  max-height: calc(70vw + 32px);
}
#CollectionShareOrder.rc-mobile-view .collection-share-order-header {
  padding: 16px;
  max-height: 100vw;
  box-sizing: border-box;
}
#CollectionShareOrder.rc-mobile-view .collection-share-order-header .collection-share-order-image {
  padding: 0;
  max-height: 100%;
}
#CollectionShareOrder.rc-mobile-view .collection-share-order-header.with-paging-buttons .collection-share-order-image {
  max-height: calc(100% - 48px);
}
#CollectionShareOrder.rc-mobile-view .collection-share-mobile-content-wrapper {
  padding: 0 0 64px;
  position: relative;
}
#CollectionShareOrder.rc-mobile-view .collection-share-mobile-content-wrapper .sticky-content {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  z-index: 1;
  background-color: #ffffff;
  padding-bottom: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
#CollectionShareOrder.rc-mobile-view .collection-order-configurator-wrapper {
  padding: 8px;
}
#CollectionShareOrder.rc-mobile-view .configurator-list-item-description {
  font-size: 14px;
  display: block;
  display: -webkit-box;
  text-overflow: ellipsis;
  overflow: hidden;
}
#CollectionShareOrder.rc-mobile-view .product-set-item .configurator-list-item-description {
  max-height: unset;
  display: unset;
  text-overflow: unset;
  overflow: unset;
  -webkit-line-clamp: unset;
  -webkit-box-orient: vertical;
}
#CollectionShareOrder .configurator-tile-item {
  flex: auto;
  min-width: calc(50% - 8px);
  max-width: calc(50% - 8px);
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: text;
  background-color: #FFFFFF;
  box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.32);
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
  justify-content: flex-start;
}
#CollectionShareOrder .configurator-tile-item .configurator-tile-item-image {
  padding-bottom: 69.4444444444%;
  position: relative;
  overflow: hidden;
  display: block;
  border-radius: 6px 6px 0 0;
}
#CollectionShareOrder .configurator-tile-item .configurator-tile-item-image img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
  display: block;
}
#CollectionShareOrder .configurator-tile-item .configurator-tile-item-info {
  position: absolute;
  left: 8px;
  top: 8px;
  width: 20px;
  height: 20px;
}
#CollectionShareOrder .configurator-tile-item .configurator-tile-item-info .rc-icon {
  padding-left: unset;
  width: 20px;
  height: 20px;
}
#CollectionShareOrder .configurator-tile-item .configurator-tile-item-info .rc-icon:before {
  transform: unset;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background-color: white;
  border-radius: 50%;
}
#CollectionShareOrder .configurator-tile-item .configurator-tile-item-info.safari-mobile .rc-icon:before {
  padding-top: 1px;
  line-height: 19px;
  height: 19px;
}
#CollectionShareOrder .configurator-tile-item .configurator-tile-item-footer {
  display: flex;
  padding: 19px 8px;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
}
#CollectionShareOrder .configurator-tile-item .configurator-tile-item-footer > div {
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  font-family: "source_sans_pro";
}
#CollectionShareOrder .tablet .configurator-tile-item {
  min-width: calc(25% - 12px);
  max-width: calc(25% - 12px);
}
#CollectionShareOrder .collection-share-mobile-content-wrapper .configurator-tile-item .configurator-tile-item-footer {
  padding: 12px 8px;
}
#CollectionShareOrder .collection-share-mobile-content-wrapper .configurator-tile-item .configurator-tile-item-footer > div {
  font-size: 14px;
  line-height: 18px;
}
#CollectionShareOrder .configurator-list-item {
  display: flex;
  flex-wrap: nowrap;
  padding: 16px;
  box-sizing: border-box;
  background-color: #FFFFFF;
  position: relative;
  width: 100%;
  border: 1px solid #CCCCCC;
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
}
#CollectionShareOrder .configurator-list-item .configurator-list-item-all-with-price .configurator-list-item-price {
  font-weight: bold;
  font-size: 18px;
  line-height: 22px;
}
#CollectionShareOrder .configurator-list-item.mobile-item .configurator-list-item-all-with-price .configurator-list-item-price {
  font-weight: bold;
  font-size: 18px;
  line-height: 22px;
  min-height: unset;
}
#CollectionShareOrder .configurator-list-item.mobile-list-item {
  display: block;
}
#CollectionShareOrder .configurator-list-item.mobile-list-item > div {
  display: flex;
}
#CollectionShareOrder .configurator-list-item.product-set-item {
  display: block;
  padding: unset;
  border: unset;
  border-radius: unset;
}
#CollectionShareOrder .configurator-list-item.product-set-item .configurator-list-item-product-set-wrapper {
  display: flex;
  flex-wrap: nowrap;
  height: 100%;
  flex-direction: column;
  padding: 16px;
  border: 1px solid #cccccc;
  border-radius: 6px;
  box-sizing: border-box;
}
#CollectionShareOrder .configurator-list-item.product-set-item .configurator-list-item-product-set-wrapper .configurator-list-item-data {
  gap: 8px;
  justify-content: unset;
}
#CollectionShareOrder .configurator-list-item.product-set-item .configurator-list-item-product-set-wrapper > div:last-child {
  flex: 0;
  display: flex;
  height: 100%;
  justify-content: space-between;
  align-items: flex-end;
}
#CollectionShareOrder .configurator-list-item.has-promotion {
  margin-top: 16px;
}
#CollectionShareOrder .configurator-list-item.dummy-item {
  background-color: unset;
}
#CollectionShareOrder .configurator-list-item .promotion-label {
  top: -8px;
  left: unset;
  right: 16px;
}
#CollectionShareOrder .configurator-list-item .configurator-list-item-image {
  /*flex: 0 0 144px;
  height: 144px;*/
  flex: 0 0 142px;
  height: 142px;
  width: 205px;
  min-width: 205px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  position: relative;
  margin-right: 16px;
}
#CollectionShareOrder .configurator-list-item .configurator-list-item-image img {
  max-width: 205px;
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#CollectionShareOrder .configurator-list-item.mobile-list-item {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
#CollectionShareOrder .configurator-list-item.mobile-list-item .configurator-list-item-image {
  width: 100%;
  height: calc((100vw - 64px) * 0.5);
  overflow: hidden;
  margin-right: unset;
  margin-bottom: 8px;
}
#CollectionShareOrder .configurator-list-item.mobile-list-item .configurator-list-item-image img {
  width: 100%;
  max-width: unset;
}
#CollectionShareOrder .configurator-list-item.mobile-list-item .configurator-list-item-footer {
  display: flex;
  justify-content: space-between;
}
#CollectionShareOrder .configurator-list-item.mobile-list-item .configurator-list-item-footer .configurator-list-item-price {
  font-weight: bold;
  font-size: 18px;
  line-height: 22px;
  min-height: unset;
}
#CollectionShareOrder .configurator-list-item.mobile-list-item .configurator-list-item-footer .configurator-list-item-orderbutton button {
  border-radius: 18px;
  height: 36px;
}
#CollectionShareOrder .configurator-list-item.mobile-list-item .configurator-list-item-description {
  font-size: 14px;
  line-height: 18px;
  color: #2C2C2C;
}
#CollectionShareOrder .configurator-list-item .configurator-list-item-articlename {
  display: flex;
  font-weight: bold;
  align-items: center;
  flex-wrap: wrap;
  font-size: 18px;
  line-height: 22px;
  color: #2C2C2C;
  margin-bottom: 16px;
}
#CollectionShareOrder .configurator-list-item .configurator-list-item-articlename .rc-icon.sgw-icon {
  width: 24px;
  height: 24px;
  padding: 0;
  margin-right: 4px;
}
#CollectionShareOrder .configurator-list-item .configurator-list-item-articlename .rc-icon.sgw-icon:before {
  color: #2C2C2C;
}
#CollectionShareOrder .configurator-list-item .configurator-list-item-all-with-price .configurator-list-item-articlename {
  flex-wrap: nowrap;
  align-items: flex-start;
}
#CollectionShareOrder .configurator-list-item .configurator-list-item-data {
  flex: 1;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: space-between;
  /*.configurator-list-item-articlename {
  		display: flex;
  		font-weight: bold;
  		//flex-direction: column;
  		//align-items: flex-start;
  		//justify-content: space-around;
  		align-items: center;
  		flex-wrap: wrap;
  		margin-bottom: 8px;
  		font-size: 18px;

  		.rc-icon.sgw-icon {
  				width: 24px;
  				height: 24px;
  				padding: 0;
  				margin-right: 4px;

  				&:before {
  						color: #2C2C2C;
  				}
  		}
  }*/
}
#CollectionShareOrder .configurator-list-item .configurator-list-item-data .configurator-list-item-footer {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media only screen and (max-width: 1180px) {
  #CollectionShareOrder .configurator-list-item .configurator-list-item-data .configurator-list-item-footer {
    margin-top: 16px;
  }
}
#CollectionShareOrder .configurator-list-item .configurator-list-item-data .configurator-list-item-footer .configurator-list-item-price {
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  min-height: unset;
}
#CollectionShareOrder .configurator-list-item .configurator-list-item-data .configurator-list-item-footer .configurator-list-item-orderbutton button {
  border-radius: 18px;
  height: 36px;
  font-size: 14px;
  padding: 0 16px;
}
#CollectionShareOrder .configurator-list-item .configurator-list-item-data .configurator-list-item-all-with-price {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
#CollectionShareOrder .configurator-list-item .configurator-list-item-data .configurator-list-item-all-with-price + .configurator-list-item-footer .configurator-list-item-orderbutton {
  width: 100%;
}
#CollectionShareOrder .configurator-list-item .configurator-list-item-data .configurator-list-item-all-with-price + .configurator-list-item-footer .configurator-list-item-orderbutton button {
  width: 100%;
}
#CollectionShareOrder .configurator-list-item .configurator-list-item-data .configurator-list-item-description {
  font-size: 14px;
  color: #2C2C2C;
  line-height: 18px;
}
#CollectionShareOrder .configurator-list-item .configurator-list-item-data .configurator-list-item-description + .configurator-list-item-price {
  font-weight: bold;
  font-size: 18px;
  line-height: 22px;
  min-height: unset;
}
#CollectionShareOrder .configurator-list-item .configurator-list-item-data .configurator-list-item-orderbutton {
  /*margin-top: 16px;
  text-align: right;*/
  /*position: absolute;
  right: 0;
  bottom: 0;*/
}
#CollectionShareOrder .configurator-list-item .configurator-list-item-data .configurator-list-item-orderbutton button {
  border-radius: 18px;
  height: 36px;
}
#CollectionShareOrder .configurator-list-item.selected-item .configurator-list-item-image {
  position: relative;
}
#CollectionShareOrder .configurator-list-item.selected-item .configurator-list-item-image .rc-icon.sgw-icon {
  position: absolute;
  padding: unset;
  right: 4px;
  bottom: 4px;
  width: 24px;
  height: 24px;
  background: #3669c4;
  border-radius: 50%;
}
#CollectionShareOrder .configurator-list-item.selected-item .configurator-list-item-image .rc-icon.sgw-icon:before {
  color: #ffffff;
}
#CollectionShareOrder .configurator-list-item .configurator-list-item-productset-amount {
  font-weight: bold;
  font-size: 16px;
  margin-top: 24px;
  line-height: 22px;
  min-height: unset;
}
#CollectionShareOrder .configurator-list-item .configurator-list-item-productset-amount-line {
  margin-top: 16px;
}
#CollectionShareOrder .configurator-list-item .configurator-list-item-productset-amount-line .configurator-list-item-productset-amount-save-over {
  color: #D9052F;
  font-size: 14px;
  line-height: 18px;
}
#CollectionShareOrder .configurator-list-item .configurator-list-item-productset-amount-line .configurator-list-item-productset-amount-only-amount {
  color: #2c2c2c;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
}
#CollectionShareOrder .configurator-list-item .configurator-list-item-productset-amount-line .configurator-list-item-productset-amount-single-amount {
  color: #6e6e6e;
  font-size: 14px;
  line-height: 18px;
}
#CollectionShareOrder .configurator-list-item .configurator-list-item-productset-submit button {
  border-radius: 18px;
  width: 100%;
  padding: 0 16px;
  height: 36px;
  font-size: 14px;
}
#CollectionShareOrder .configurator-list-item .configurator-item-besteller-flag, #CollectionShareOrder .configurator-tile-item .configurator-item-besteller-flag {
  position: absolute;
  top: 0;
  border-radius: 0 0 6px 6px;
  background: #E3A201;
  padding: 8px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
#CollectionShareOrder .configurator-list-item .configurator-item-besteller-flag .configurator-item-bestseller-flag-star, #CollectionShareOrder .configurator-tile-item .configurator-item-besteller-flag .configurator-item-bestseller-flag-star {
  display: flex;
  justify-content: center;
  max-height: 13px;
}
#CollectionShareOrder .configurator-list-item .configurator-item-besteller-flag .configurator-item-bestseller-flag-label, #CollectionShareOrder .configurator-tile-item .configurator-item-besteller-flag .configurator-item-bestseller-flag-label {
  color: #ffffff;
  text-align: center;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: 12px;
  text-transform: uppercase;
}
#CollectionShareOrder .configurator-list-item .configurator-item-besteller-flag + .configurator-list-item-product-set-wrapper .configurator-list-item-data .configurator-list-item-articlename, #CollectionShareOrder .configurator-tile-item .configurator-item-besteller-flag + .configurator-list-item-product-set-wrapper .configurator-list-item-data .configurator-list-item-articlename {
  margin-right: 88px;
}
#CollectionShareOrder .configurator-list-item .configurator-item-besteller-flag {
  right: 16px;
}
#CollectionShareOrder .configurator-tile-item .configurator-item-besteller-flag {
  right: 8px;
}
#CollectionShareOrder.collection-share-product-sets-only.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content {
  background-color: transparent;
  box-shadow: unset;
}
#CollectionShareOrder.collection-share-product-sets-only.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .shipping-price-info-wrapper {
  display: flex;
  flex-direction: column;
  position: fixed;
  left: 32px;
  bottom: 8px;
}
#CollectionShareOrder.collection-share-product-sets-only.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .shipping-price-info-wrapper > .shipping-price-info {
  color: white;
  padding: 0;
  margin: 0;
  min-height: 24px;
  text-align: left;
  font-size: 12px;
  line-height: 15px;
}
#CollectionShareOrder.collection-share-product-sets-only.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content {
  max-width: unset;
  background-color: transparent;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
#CollectionShareOrder.collection-share-product-sets-only.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .shipping-price-info {
  color: white;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  min-height: 36px;
}
#CollectionShareOrder.collection-share-product-sets-only.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .categories-list {
  padding-right: 0;
  justify-content: center;
  gap: 16px;
}
#CollectionShareOrder.collection-share-product-sets-only .configurator-list-item.product-set-item {
  max-width: 576px;
  min-width: 400px;
  border: none;
  background-color: unset;
}
#CollectionShareOrder.collection-share-product-sets-only .configurator-list-item.product-set-item .configurator-list-item-product-set-wrapper {
  padding: 24px;
  border-radius: 12px;
  background-color: #ffffff;
}
#CollectionShareOrder.collection-share-product-sets-only .configurator-list-item:not(.product-set-item) {
  max-width: 343px;
  border-radius: 12px;
  padding: 16px;
  flex-direction: column;
  display: block;
}
#CollectionShareOrder.collection-share-product-sets-only .configurator-list-item:not(.product-set-item) .configurator-list-item-image {
  flex: auto;
  width: unset;
  margin-right: unset;
  margin-bottom: 16px;
  height: unset;
  overflow: unset;
}
#CollectionShareOrder.collection-share-product-sets-only .configurator-list-item:not(.product-set-item) .configurator-list-item-image img {
  width: 100%;
  max-width: 100%;
  position: relative;
  inset: unset;
  transform: unset;
}
#CollectionShareOrder.collection-share-product-sets-only .configurator-list-item:not(.product-set-item) .configurator-list-item-data {
  min-height: 200px;
  display: flex;
  flex-direction: column;
  flex: 1;
}
#CollectionShareOrder.collection-share-product-sets-only .configurator-list-item:not(.product-set-item) .configurator-list-item-data .configurator-list-item-description {
  flex: 1;
}
#CollectionShareOrder.collection-share-product-sets-only .configurator-list-item:not(.product-set-item) .configurator-list-item-data .configurator-list-item-price {
  position: relative;
  inset: unset;
}
#CollectionShareOrder.collection-share-product-sets-only.rc-mobile-view {
  background-color: unset;
}
#CollectionShareOrder.collection-share-product-sets-only.rc-mobile-view:before {
  content: "";
  position: absolute;
  inset: 0 0 0 0;
  background-color: #353840;
  opacity: 0.8;
}
#CollectionShareOrder.collection-share-product-sets-only.rc-mobile-view header {
  background-color: transparent;
}
#CollectionShareOrder.collection-share-product-sets-only.rc-mobile-view header .back-button .rc-icon:before {
  color: white;
}
#CollectionShareOrder.collection-share-product-sets-only.rc-mobile-view main {
  background-color: transparent;
}
#CollectionShareOrder.collection-share-product-sets-only.rc-mobile-view main.collection-share-download-all-images-wrapper {
  overflow: unset;
  max-height: calc(100% - 56px);
}
#CollectionShareOrder.collection-share-product-sets-only.rc-mobile-view main .collection-share-download-all-images {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  flex: 1;
  height: unset;
}
#CollectionShareOrder.collection-share-product-sets-only.rc-mobile-view main .collection-share-download-all-images .categories-list {
  padding: 0 16px;
  display: flex;
  flex: 1;
  justify-content: center;
  margin-bottom: unset;
  flex-direction: column;
  flex-wrap: nowrap;
}
#CollectionShareOrder.collection-share-product-sets-only.rc-mobile-view main .collection-share-download-all-images .shipping-price-info {
  justify-content: center;
}
#CollectionShareOrder.collection-share-product-sets-only.rc-mobile-view main.collection-share-product-sets-only-content {
  padding: 0 16px;
  max-height: calc(100% - 56px);
  overflow: unset;
}
#CollectionShareOrder.collection-share-product-sets-only.rc-mobile-view main.collection-share-product-sets-only-content .categories-list {
  height: unset;
  flex: 1;
  max-height: 100%;
  overflow: scroll;
  flex-wrap: nowrap;
}
#CollectionShareOrder.collection-share-product-sets-only.rc-mobile-view main .configurator-list-item.product-set-item {
  max-width: unset;
  min-width: unset;
}
#CollectionShareOrder.collection-share-product-sets-only.rc-mobile-view main .configurator-list-item:not(.product-set-item) {
  max-width: unset;
  border-radius: 12px;
  padding: 16px;
  flex-direction: column;
}
#CollectionShareOrder.collection-share-product-sets-only.rc-mobile-view main .configurator-list-item:not(.product-set-item) .configurator-list-item-image {
  flex: auto;
  width: unset;
  margin-right: unset;
  margin-bottom: 16px;
}
#CollectionShareOrder.collection-share-product-sets-only.rc-mobile-view main .configurator-list-item:not(.product-set-item) .configurator-list-item-image img {
  width: 100%;
  max-width: 100%;
  position: relative;
  inset: unset;
  transform: unset;
}
#CollectionShareOrder.collection-share-product-sets-only.rc-mobile-view main .configurator-list-item:not(.product-set-item) .configurator-list-item-data {
  min-height: 200px;
  display: flex;
  flex-direction: column;
  flex: 1;
}
#CollectionShareOrder.collection-share-product-sets-only.rc-mobile-view main .configurator-list-item:not(.product-set-item) .configurator-list-item-data .configurator-list-item-description {
  flex: 1;
}
#CollectionShareOrder.collection-share-product-sets-only.rc-mobile-view main .configurator-list-item:not(.product-set-item) .configurator-list-item-data .configurator-list-item-price {
  position: relative;
  inset: unset;
}
#CollectionShareOrder.collection-share-product-sets-only.rc-mobile-view main .shipping-price-info-wrapper {
  padding-bottom: 8px;
  flex: unset;
  height: unset;
}
#CollectionShareOrder.collection-share-product-sets-only.rc-mobile-view main .shipping-price-info-wrapper .shipping-price-info {
  color: white;
  display: flex;
  align-items: center;
  min-height: 24px;
  padding: 0 0 0 16px;
  margin-top: 0;
}
#CollectionShareOrder main > div {
  display: flex;
  flex-direction: column;
}
#CollectionShareOrder main .configurator-list-item .configurator-list-item-productset-submit {
  /*position: relative;
  width: 100%;
  right: unset;
  bottom: unset;*/
}
#CollectionShareOrder main .configurator-list-item .configurator-list-item-productset-submit button {
  border-radius: 18px;
  width: 100%;
  padding: 0 16px;
  height: 36px;
}
#CollectionShareOrder .categories-list {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 8px;
  padding: 16px;
  box-sizing: border-box;
}
#CollectionShareOrder .categories-list + a.shipping-price-info {
  padding: unset;
  padding-bottom: 8px;
}
#CollectionShareOrder .cardbox {
  align-self: stretch;
  cursor: pointer;
}
#CollectionShareOrder .cardbox .image {
  position: relative;
  overflow: hidden;
  display: block;
  padding-bottom: 69.4444444444%;
}
#CollectionShareOrder .cardbox .image img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
}
#CollectionShareOrder .cardbox.dummy-item {
  min-height: unset;
  height: 0;
  cursor: unset;
}
#CollectionShareOrder .cardbox > div {
  background-color: #FFF;
}
#CollectionShareOrder .cardbox .promotion-label {
  position: absolute;
  top: -8px;
  left: 4px;
  z-index: 1;
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.4);
  overflow: unset;
}
#CollectionShareOrder .cardbox .promotion-label > div {
  display: block;
  padding: 6px 16px;
  color: #ffffff;
  background-color: #d9052f;
}
#CollectionShareOrder .cardbox .promotion-label > div:after {
  content: "";
  position: absolute;
  right: -5px;
  z-index: -1;
  top: -6px;
  width: 5px;
  height: 5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 8px solid #A60424;
  transform: rotate(90deg);
}
#CollectionShareOrder .cardbox {
  box-sizing: border-box;
  position: relative;
  flex: 1;
  min-width: 167.5px;
  max-width: 246px;
  margin-right: 8px;
  margin-bottom: 8px;
  background-color: #FFFFFF;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: text;
}
#CollectionShareOrder .cardbox:hover .image:after {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  background-image: radial-gradient(100% 100% at center, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1));
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
#CollectionShareOrder .cardbox a, #CollectionShareOrder .cardbox a:active, #CollectionShareOrder .cardbox a:hover, #CollectionShareOrder .cardbox a:visited {
  text-decoration: none;
  color: #000;
}
#CollectionShareOrder .cardbox > div {
  flex: auto;
  box-sizing: border-box;
  overflow: hidden;
}
#CollectionShareOrder .cardbox .image {
  position: relative;
  overflow: hidden;
  background-color: transparent;
  background-image: radial-gradient(100% 100% at center, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1));
}
#CollectionShareOrder .cardbox .labels {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
}
#CollectionShareOrder .cardbox .labels .rc-label-component {
  text-align: center;
}
#CollectionShareOrder .cardbox h2, #CollectionShareOrder .cardbox h3 {
  text-align: center;
  line-height: 30px;
  font-size: 24px;
  margin-bottom: 0;
}
#CollectionShareOrder .cardbox h2 .price {
  display: block;
}
#CollectionShareOrder .cardbox h2 .price .color {
  color: #d9052f;
}
#CollectionShareOrder .cardbox p {
  margin-top: 28px;
  margin-bottom: 0;
}
#CollectionShareOrder .cardbox ul, #CollectionShareOrder .cardbox ol {
  list-style-type: square;
  margin: 13px 0 0 0;
  padding-left: 33px;
}
#CollectionShareOrder .cardbox ul li {
  margin-top: 5px;
  line-height: 22px;
}
#CollectionShareOrder .cardbox p + p {
  margin-top: 13px;
}
#CollectionShareOrder .cardbox h3 {
  line-height: 22px;
  margin-top: 12px;
  margin-bottom: 0;
  font-size: 16px;
  text-align: center;
}
#CollectionShareOrder .cardbox h3 a {
  position: relative;
  padding-right: 0;
}
#CollectionShareOrder .cardbox h3 a:before, #CollectionShareOrder .cardbox h3:hover a:before, #CollectionShareOrder .cardbox h3:active a:before, #CollectionShareOrder .cardbox h3:visited a:before {
  font-size: 21px;
  top: -1px;
  left: auto;
  right: -20px;
  line-height: 100%;
}
#CollectionShareOrder .cardbox .highlight {
  background-color: #D9052F;
  font-weight: normal;
  color: #FFF;
  padding-left: 6px;
  display: inline-block;
  padding-right: 8px;
}
#CollectionShareOrder .breadcrumb {
  justify-content: left;
  padding: 16px 0;
  background-color: #FFFFFF;
  flex: 0;
  width: 100%;
  box-sizing: border-box;
  white-space: unset;
  text-overflow: unset;
  position: unset;
  z-index: 2;
  font-size: 21px;
  font-family: "SourceSansPro-Light", sans-serif;
  display: flex;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
}
#CollectionShareOrder .breadcrumb a {
  height: 22px;
}
#CollectionShareOrder .breadcrumb a, #CollectionShareOrder .breadcrumb span strong {
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
  width: 100%;
}
#CollectionShareOrder .breadcrumb span {
  overflow: hidden;
  flex-grow: 0;
  flex-shrink: 1;
  display: inline-flex;
  align-items: center;
}
#CollectionShareOrder .breadcrumb span strong {
  white-space: nowrap;
  line-height: 21px;
}
#CollectionShareOrder .breadcrumb span:last-child {
  flex: auto;
}
#CollectionShareOrder .collection-order-configurator-wrapper {
  flex: 1;
}
#CollectionShareOrder .collection-order-configurator-wrapper .article-configurator .configurator-group-mobile {
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
#CollectionShareOrder .collection-order-configurator-wrapper .article-configurator .configurator-group-mobile .configurator-group-mobile-header {
  padding: 8px 0;
}
#CollectionShareOrder .collection-share-order-footer {
  padding: 16px;
  background-color: #ffffff;
  position: sticky;
  position: -webkit-sticky;
  bottom: 0;
}
#CollectionShareOrder .collection-share-order-footer button {
  border-radius: 21px;
  height: 42px;
  width: 100%;
}
#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content {
  display: flex;
}
#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content.has-navigation-buttons .rc-dialog-wrapper .rc-dialog-content {
  width: calc(100vw - 256px);
}
#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper {
  margin: auto;
}
#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content {
  background-color: #FFFFFF;
}
@media only screen and (max-width: 754px) {
  #CollectionShareOrder.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content {
    max-height: unset;
    height: 100vh;
  }
  #CollectionShareOrder.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .dialog-floated-button.close {
    position: absolute;
    top: 0;
    right: 0;
  }
  #CollectionShareOrder.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .dialog-floated-button.close .rc-icon:before {
    color: #6e6e6e;
  }
}
#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content {
  padding: 0;
  margin-bottom: 16px;
  max-width: 626px;
}
@media screen and (max-width: 1024px) {
  #CollectionShareOrder.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content {
    max-width: 360px;
  }
}
#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content.reduced-column-width {
  max-width: 375px;
}
#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content > div {
  /*padding-bottom: 32px;
  padding-top: 8px;*/
}
#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content > div.collection-order-configurator-wrapper {
  padding-right: 16px;
}
#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content > div .article-configurator.article-configurator-mobile {
  padding-top: 0;
}
#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content > div .article-configurator.article-configurator-mobile .configurator-group-mobile-header .sgw-icon {
  padding-left: 32px;
}
#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .shipping-price-info {
  padding-right: 16px;
}
#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .rc-tabcontrol, #CollectionShareOrder.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .categories-list {
  padding-right: 16px;
}
#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .collection-share-order-images-list + .dialog-scrollable-content {
  border-left: none;
}

/*.collection-share-configurator {
    .rc-dialog-wrapper {
        .rc-dialog-content {
            min-height: 90vh;
            box-sizing: border-box;
        }
    }
}*/
.breadcrumb {
  top: 75px;
  white-space: nowrap;
  text-overflow: ellipsis;
  z-index: 2;
  font-size: 21px;
  font-family: "SourceSansPro-Light", sans-serif;
  display: flex;
  justify-content: center;
  background-color: #efefef;
}
.breadcrumb a {
  position: relative;
  text-decoration: none;
  color: unset;
}
.breadcrumb a:after {
  content: " ";
  position: absolute;
  bottom: 3px;
  left: 0;
  width: 100%;
  border-bottom: 1px solid #6e6e6e;
}
.breadcrumb a:hover, .breadcrumb a:visited {
  text-decoration: none;
  color: unset;
}
.breadcrumb strong {
  font-weight: bold;
  font-family: "SourceSansPro-Regular", sans-serif;
  height: 26px;
}
.breadcrumb .sgw-icon.next {
  padding-right: 36px;
  padding-left: 0;
  box-sizing: border-box;
  position: relative;
}
.breadcrumb .sgw-icon.next:after {
  content: "\e99e";
  font-family: "icomoon";
  speak: none;
  position: absolute;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 20px;
  color: #6E6E6E;
  font-size: 20px;
  -webkit-font-smoothing: antialiased;
  top: 0;
  right: 0;
  text-align: center;
  display: flex;
  width: 36px;
  justify-content: center;
  align-items: center;
}
.breadcrumb .sgw-icon.next:before {
  content: unset;
}

.collection-share-order-desktop-content .collection-share-order-images-list {
  display: flex;
  flex-wrap: wrap;
  flex: 0;
  position: relative;
  padding: 16px;
  align-content: center;
  justify-content: center;
  /* &.rows-count-2 {
  		 .collection-image-item {
  				 width: 50%;
  		 }
   }

   &.rows-count-3 {
  		 .collection-image-item {
  				 width: 33%;
  		 }
   }

   &.rows-count-4 {
  		 .collection-image-item {
  				 width: 25%;
  		 }
   }*/
}
.collection-share-order-desktop-content .collection-share-order-images-list .collection-share-order-images-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.collection-share-order-desktop-content .collection-share-order-images-list .collection-image-item {
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}
.collection-share-order-desktop-content .collection-share-order-images-list .collection-image-item.hidden {
  display: none;
}
.collection-share-order-desktop-content .collection-share-order-images-list .collection-image-item img.landscape {
  height: 100%;
  width: auto;
  margin-left: 50%;
  transform: translateX(-50%);
}
.collection-share-order-desktop-content .collection-share-order-images-list .collection-image-item img.portrait {
  height: auto;
  width: 100%;
  margin-top: 50%;
  transform: translateY(-50%);
}

.collection-share-order-images-list .collection-image-item {
  position: relative;
}
.collection-share-order-images-list .collection-image-item .more-images-count {
  position: absolute;
  right: 2px;
  bottom: 2px;
  height: unset;
  width: unset;
  min-height: unset;
  padding-right: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: white;
  border-radius: 6px;
  border: 1px solid #6e6e6e;
}
.collection-share-order-images-list .collection-image-item .more-images-count .rc-label-component {
  font-size: 16px;
}

main .collection-share-order-images-list {
  display: flex;
  flex: auto;
  position: relative;
  margin: 0 -16px;
  width: 100vw;
  padding: 0 16px;
  box-sizing: border-box;
}
main .collection-share-order-images-list.horizontal-scrollable {
  flex-wrap: nowrap;
  overflow-x: auto;
  gap: 8px;
}
main .collection-share-order-images-list.horizontal-scrollable::-webkit-scrollbar {
  height: 0;
}
main .collection-share-order-images-list .collection-image-item {
  /*min-width: calc(80vw);
  height: calc(85vw);*/
  min-width: 252px;
  height: 252px;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}
main .collection-share-order-images-list .collection-image-item .more-images-count {
  position: absolute;
  right: 0;
  bottom: 0;
  height: unset;
  width: unset;
  min-height: unset;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: white;
  border-radius: 6px;
  border: 1px solid #6e6e6e;
}
main .collection-share-order-images-list .collection-image-item.hidden {
  display: none;
}
main .collection-share-order-images-list .collection-image-item img.landscape {
  height: 100%;
  width: auto;
  margin-left: 50%;
  transform: translateX(-50%);
}
main .collection-share-order-images-list .collection-image-item img.portrait {
  height: auto;
  width: 100%;
  margin-top: 50%;
  transform: translateY(-50%);
}
.collection-share-order-image {
  padding: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100%;
  box-sizing: border-box;
}
.collection-share-order-image.multi-images-article {
  flex-basis: 0;
  height: 0;
  padding-bottom: 0;
}
.collection-share-order-image img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 90%;
}
.collection-share-order-image .image-article-image {
  position: relative;
  width: 100%;
  height: 100%;
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  max-height: calc(100% - 32px);
}
.collection-share-order-image .image-article-image svg {
  max-width: 100%;
  max-height: 100%;
}
.collection-share-order-image.with-edit-button .image-article-image {
  max-height: calc(100% - 76px);
}
.collection-share-order-image.with-paging-buttons .image-article-image {
  max-height: calc(100vw - 76px);
}

/*.rc-mobile-view {
    .collection-share-order-image {
        .image-article-image {
            max-height: calc(100vw - 32px);
        }
    }
}*/
.collection-share-order-image-button {
  flex: 0;
  padding: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.collection-share-order .image-article-list {
  gap: 16px;
  padding: 16px;
}
.collection-share-order .image-article-list .image-article-item {
  background-color: #efefef;
  padding-top: 4px;
  border-radius: 6px;
  margin: 0;
  max-width: 168px;
  width: 168px;
}
.collection-share-order .image-article-list .image-article-item > div.image-article-image {
  height: 94px;
  max-width: 168px;
}

.shipping-price-info, a.shipping-price-info:active, a.shipping-price-info:hover, a.shipping-price-info:visited {
  color: #525252;
  padding: 0 8px 8px;
  font-size: 12px;
  margin-top: 4px;
  text-align: right;
  display: block;
  text-decoration: none;
}

.rc-floating-button + a.shipping-price-info {
  padding-left: 16px;
  padding-bottom: 16px;
}

#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content .dialog-footer {
  height: auto;
  display: flex;
  justify-content: space-between;
  padding: 16px;
}
#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content .dialog-footer > div {
  padding: 8px;
  display: flex;
  white-space: nowrap;
  flex-direction: column;
  color: #2C2C2C;
}
#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content .dialog-footer > div.dialog-footer-label {
  font-size: 14px;
}
#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content .dialog-footer .designer-footer-price-info {
  gap: 8px;
  height: 22px;
}
#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content .dialog-footer .designer-footer-price-info .amounts-wrapper {
  display: flex;
  gap: 8px;
  align-items: flex-end;
}
#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content .dialog-footer .designer-footer-price-info .configurator-list-item-productset-amount-save-over {
  color: #D9052F;
  font-size: 14px;
  line-height: 18px;
}
#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content .dialog-footer .designer-footer-price-info .configurator-list-item-productset-amount-only-amount {
  color: #2c2c2c;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
}
#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content .dialog-footer .designer-footer-price-info .configurator-list-item-productset-amount-single-amount {
  color: #6e6e6e;
  font-size: 16px;
  line-height: 20px;
}
#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content .dialog-footer .designer-footer-price-info-wrapper .designer-footer-price-info {
  align-items: flex-end;
}
#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content .dialog-footer .designer-footer-price-info-wrapper .designer-footer-price-info .configurator-list-item-productset-amount-single-amount {
  line-height: 18px;
}
#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content .dialog-footer .designer-footer-price-info-wrapper .designer-footer-price-info .configurator-list-item-productset-amount-only-amount {
  line-height: 18px;
}
#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content .dialog-footer .designer-footer-price-info-wrapper .designer-footer-price-info .configurator-list-item-productset-amount-save-over {
  line-height: 18px;
}
#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content .dialog-footer .designer-footer-price-info-wrapper.price-info {
  margin-top: 4px;
  height: 20px;
}
#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content .dialog-footer button {
  min-height: 42px;
  border-radius: 21px;
}

#CollectionShareOrder.rc-mobile-view .bulk-orderer-article-list-header, #ShareImagesSelectionDialog.rc-mobile-view .bulk-orderer-article-list-header {
  margin-bottom: unset;
  padding: 0 12px 4px 4px;
}
#CollectionShareOrder .bulk-orderer-article-list-header, #ShareImagesSelectionDialog .bulk-orderer-article-list-header {
  display: flex;
  font-size: 16px;
  align-items: center;
  padding: 0 12px 0 4px;
  margin-bottom: 4px;
  min-height: 36px;
  color: #2C2C2C;
}
#CollectionShareOrder .bulk-orderer-article-list-header .bulk-orderer-article-list-header-title, #ShareImagesSelectionDialog .bulk-orderer-article-list-header .bulk-orderer-article-list-header-title {
  display: flex;
  cursor: pointer;
  align-items: center;
  gap: 4px;
  position: relative;
  margin-right: 8px;
  flex: unset;
}
#CollectionShareOrder .bulk-orderer-article-list-header .bulk-orderer-article-list-header-title .bulk-orderer-article-list-name, #ShareImagesSelectionDialog .bulk-orderer-article-list-header .bulk-orderer-article-list-header-title .bulk-orderer-article-list-name {
  flex: 1;
}
#CollectionShareOrder .bulk-orderer-article-list-header .bulk-orderer-article-list-header-title .drop-down-menu.bulk-orderer-article-options .drop-down-menu-body, #ShareImagesSelectionDialog .bulk-orderer-article-list-header .bulk-orderer-article-list-header-title .drop-down-menu.bulk-orderer-article-options .drop-down-menu-body {
  overflow-y: unset;
}
@media only screen and (max-width: 500px) {
  #CollectionShareOrder .bulk-orderer-article-list-header .bulk-orderer-article-list-header-title, #ShareImagesSelectionDialog .bulk-orderer-article-list-header .bulk-orderer-article-list-header-title {
    max-width: 100%;
  }
  #CollectionShareOrder .bulk-orderer-article-list-header .bulk-orderer-article-list-header-title > div, #ShareImagesSelectionDialog .bulk-orderer-article-list-header .bulk-orderer-article-list-header-title > div {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    white-space: nowrap;
  }
}
#CollectionShareOrder .bulk-orderer-article-list-header .bulk-orderer-article-list-header-title .btn-simple, #ShareImagesSelectionDialog .bulk-orderer-article-list-header .bulk-orderer-article-list-header-title .btn-simple {
  margin-left: 4px;
}
#CollectionShareOrder .bulk-orderer-article-list-header .bulk-orderer-article-list-header-title .drop-down-menu-item .btn-simple, #ShareImagesSelectionDialog .bulk-orderer-article-list-header .bulk-orderer-article-list-header-title .drop-down-menu-item .btn-simple {
  margin-left: unset;
}
#CollectionShareOrder .bulk-orderer-article-list-header .sgw-icon, #ShareImagesSelectionDialog .bulk-orderer-article-list-header .sgw-icon {
  padding: 0;
  width: 23px;
  height: 23px;
  min-width: 24px;
}
#CollectionShareOrder .bulk-orderer-article-list-header .sgw-icon.arrow_down:before, #ShareImagesSelectionDialog .bulk-orderer-article-list-header .sgw-icon.arrow_down:before {
  font-size: 46px;
  left: -16px;
  top: 4px;
}
#CollectionShareOrder .bulk-orderer-article-list-header .sgw-icon.arrow_down.active, #ShareImagesSelectionDialog .bulk-orderer-article-list-header .sgw-icon.arrow_down.active {
  background: none;
}
#CollectionShareOrder .bulk-orderer-article-list-header .sgw-icon.arrow_down.active:before, #ShareImagesSelectionDialog .bulk-orderer-article-list-header .sgw-icon.arrow_down.active:before {
  color: #3669C4;
}
#CollectionShareOrder .bulk-orderer-article-list-header .sgw-icon.arrow_right:before, #ShareImagesSelectionDialog .bulk-orderer-article-list-header .sgw-icon.arrow_right:before {
  font-size: 46px;
  left: -13px;
}
#CollectionShareOrder .bulk-orderer-article-list-header hr, #ShareImagesSelectionDialog .bulk-orderer-article-list-header hr {
  margin: 0;
  border: 0;
  flex: 1;
  padding: 0;
  height: 1px;
  background: #cccccc;
}
#CollectionShareOrder div.projects-list-items-wrapper, #ShareImagesSelectionDialog div.projects-list-items-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
#CollectionShareOrder div.projects-list-items-wrapper .projects-list-item, #ShareImagesSelectionDialog div.projects-list-items-wrapper .projects-list-item {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 168px;
  cursor: pointer;
}
#CollectionShareOrder div.projects-list-items-wrapper .projects-list-item .project-list-item-image, #ShareImagesSelectionDialog div.projects-list-items-wrapper .projects-list-item .project-list-item-image {
  background-color: #EFEFEF;
  padding: 16px;
  box-sizing: border-box;
  width: 168px;
  height: 168px;
  display: flex;
  aspect-ratio: 1/1;
  align-items: center;
  justify-content: center;
  /* > div {
  		 width: 100%;
  		 height: 100%;
  		 position: relative;


   }*/
}
#CollectionShareOrder div.projects-list-items-wrapper .projects-list-item .project-list-item-image img, #ShareImagesSelectionDialog div.projects-list-items-wrapper .projects-list-item .project-list-item-image img {
  max-height: 100%;
  max-width: 100%;
}
#CollectionShareOrder div.projects-list-items-wrapper .projects-list-item .project-list-item-image img.landscape, #ShareImagesSelectionDialog div.projects-list-items-wrapper .projects-list-item .project-list-item-image img.landscape {
  width: 100%;
}
#CollectionShareOrder div.projects-list-items-wrapper .projects-list-item .project-list-item-image img.portrait, #ShareImagesSelectionDialog div.projects-list-items-wrapper .projects-list-item .project-list-item-image img.portrait {
  height: 100%;
}
#CollectionShareOrder div.projects-list-items-wrapper .projects-list-item .project-list-item-title, #ShareImagesSelectionDialog div.projects-list-items-wrapper .projects-list-item .project-list-item-title {
  color: #000000;
  font-size: 16px;
  line-height: 24px;
}
#CollectionShareOrder .bulk-orderer-article-list-body, #ShareImagesSelectionDialog .bulk-orderer-article-list-body {
  -webkit-transition: max-height 200ms ease-in-out;
  -moz-transition: max-height 200ms ease-in-out;
  transition: max-height 200ms ease-in-out;
  max-height: 100%;
  overflow: hidden;
}
#CollectionShareOrder .bulk-orderer-article-list-body.bulk-order-article-list-hidden, #ShareImagesSelectionDialog .bulk-orderer-article-list-body.bulk-order-article-list-hidden {
  max-height: 0;
}
#CollectionShareOrder.rc-mobile-view .bulk-orderer-article-list-body, #ShareImagesSelectionDialog.rc-mobile-view .bulk-orderer-article-list-body {
  overflow: unset;
  max-height: unset;
}
#CollectionShareOrder.rc-mobile-view div.projects-list-items-wrapper .projects-list-item, #ShareImagesSelectionDialog.rc-mobile-view div.projects-list-items-wrapper .projects-list-item {
  max-width: calc(50% - 4px);
}
#CollectionShareOrder .image-article-item, #ShareImagesSelectionDialog .image-article-item {
  position: relative;
}
#CollectionShareOrder .image-article-item .image-article-buttons-container, #ShareImagesSelectionDialog .image-article-item .image-article-buttons-container {
  display: flex;
  padding: 2px;
  gap: 2px;
  background-color: #f8f8f8;
  border-radius: 9px;
  position: absolute;
  right: 4px;
  top: 4px;
}
#CollectionShareOrder .image-article-item .image-article-buttons-container button, #ShareImagesSelectionDialog .image-article-item .image-article-buttons-container button {
  padding: 0;
  height: 30px;
  width: 30px;
  background-color: transparent;
}
#CollectionShareOrder .image-article-item .image-article-buttons-container button .sgw-icon, #ShareImagesSelectionDialog .image-article-item .image-article-buttons-container button .sgw-icon {
  height: 20px;
  width: 20px;
}
#CollectionShareOrder .image-article-item .image-article-buttons-container button .sgw-icon::before, #ShareImagesSelectionDialog .image-article-item .image-article-buttons-container button .sgw-icon::before {
  color: #2c2c2c;
}
#CollectionShareOrder .image-article-item .image-file-name, #ShareImagesSelectionDialog .image-article-item .image-file-name {
  background-color: #EFEFEF;
  color: #6e6e6e;
  margin: 0;
  padding: 4px 0;
  flex: 0;
}
#CollectionShareOrder .image-article-item .image-article-info .rc-input .rc-input-wrapper, #ShareImagesSelectionDialog .image-article-item .image-article-info .rc-input .rc-input-wrapper {
  padding-left: unset;
}
#CollectionShareOrder .image-article-item .image-article-info .rc-input .rc-input-wrapper .rc-label, #ShareImagesSelectionDialog .image-article-item .image-article-info .rc-input .rc-input-wrapper .rc-label {
  left: 0;
}
#CollectionShareOrder .image-article-image.placeholder, #ShareImagesSelectionDialog .image-article-image.placeholder {
  background-color: #EFEFEF;
  flex-direction: column;
  color: #3669C4;
  aspect-ratio: 1/1;
  border-radius: 6px;
  height: unset;
}
#CollectionShareOrder .image-article-image.placeholder .rc-icon, #ShareImagesSelectionDialog .image-article-image.placeholder .rc-icon {
  height: 32px;
}
#CollectionShareOrder .image-article-image.placeholder .rc-icon:before, #ShareImagesSelectionDialog .image-article-image.placeholder .rc-icon:before {
  color: #3669C4;
  font-size: 30px;
}
#CollectionShareOrder .image-article-image.placeholder .rc-label-component, #ShareImagesSelectionDialog .image-article-image.placeholder .rc-label-component {
  font-size: 14px;
  line-height: 16px;
  padding: 8px 0;
  box-sizing: border-box;
  text-align: center;
}
#CollectionShareOrder .image-article-image:not(.placeholder), #ShareImagesSelectionDialog .image-article-image:not(.placeholder) {
  flex: 1;
  justify-self: center;
  margin-bottom: 0;
  align-items: center;
  background-color: #EFEFEF;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  aspect-ratio: 1/1;
  padding: 8px;
  border: 0;
}
#CollectionShareOrder .image-article-info, #ShareImagesSelectionDialog .image-article-info {
  margin-top: auto;
}
#CollectionShareOrder .image-article-info .rc-input, #ShareImagesSelectionDialog .image-article-info .rc-input {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

#CollectionShareOrder.rc-mobile-view > main > div.padding-small-wrapper > div {
  background-color: #ffffff;
}
#CollectionShareOrder.rc-mobile-view > main div.collection-share-product-set-configuration-content {
  height: unset;
  margin-bottom: 8px;
}
#CollectionShareOrder.rc-mobile-view > main div.bulk-orderer-download-hint {
  padding: 8px 16px;
  box-sizing: border-box;
  height: unset;
  margin-bottom: 8px;
  margin-top: unset;
}
#CollectionShareOrder.rc-mobile-view .bulk-orderer-article-list-header hr {
  display: none;
}
#CollectionShareOrder.rc-mobile-view .bulk-orderer-article-list-body {
  padding: 0 8px 8px;
  box-sizing: border-box;
}
#CollectionShareOrder.rc-mobile-view .bulk-orderer-article-list-body.bulk-order-article-list-hidden {
  padding: 0;
  display: none;
}
#CollectionShareOrder.rc-mobile-view .bulk-orderer-article-list-body .image-article-list {
  gap: 8px;
}
#CollectionShareOrder.rc-mobile-view .bulk-orderer-article-list-body .image-article-list .image-article-item {
  margin: unset;
  max-width: unset;
  flex: 0 1 calc((100% - 16px) / 3);
  padding: 4px;
  box-sizing: border-box;
  border-radius: 6px;
}
#CollectionShareOrder.rc-mobile-view .bulk-orderer-article-list-body .image-article-list .image-article-item .image-article-image {
  max-width: unset;
  border: unset;
}
#CollectionShareOrder.rc-mobile-view .bulk-orderer-article-list-body .image-article-list .image-article-item .image-article-image .image-article-buttons-container .image-article-load-editor-button .btn-simple,
#CollectionShareOrder.rc-mobile-view .bulk-orderer-article-list-body .image-article-list .image-article-item .image-article-image .image-article-buttons-container .image-article-load-editor-button .rc-icon {
  background-color: transparent;
}
#CollectionShareOrder.rc-mobile-view .bulk-orderer-article-list-body .image-article-list .image-article-item .image-article-image.placeholder .rc-label-component {
  padding: 0 16px 8px;
  min-height: unset;
}
#CollectionShareOrder.rc-mobile-view .bulk-orderer-article-list-body .image-article-list .image-article-item .rc-mobile-component {
  border: none;
  padding: 0;
  border-radius: 0;
}
#CollectionShareOrder.rc-mobile-view .bulk-orderer-article-list-body .image-article-list .image-article-item .rc-mobile-component button {
  border-radius: 6px;
}
#CollectionShareOrder.rc-mobile-view .bulk-orderer-article-list-body .image-article-list .image-article-item .image-article-info {
  margin-top: auto;
  background: #EFEFEF !important;
}
#CollectionShareOrder.rc-mobile-view .bulk-orderer-article-list-body .image-article-list .image-article-item .image-article-info .rc-mobile-component {
  background: #EFEFEF !important;
}
#CollectionShareOrder.rc-mobile-view .bulk-orderer-article-list-body .image-article-list .image-article-item .image-article-info button {
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
#CollectionShareOrder.rc-mobile-view .bulk-orderer-article-list-body .image-article-list .image-article-item .image-article-info .rc-input {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
#CollectionShareOrder.rc-mobile-view > footer {
  align-items: unset;
  padding: 16px;
}
#CollectionShareOrder.rc-mobile-view > footer .footer-submit-button {
  margin-top: unset;
}
#CollectionShareOrder.rc-mobile-view > footer button {
  border-radius: 18px;
  height: 42px;
}
#CollectionShareOrder.rc-mobile-view > footer .designer-footer-price-info-wrapper {
  text-align: unset;
  padding-right: unset;
  color: #2C2C2C;
  margin-bottom: 8px;
}
#CollectionShareOrder.rc-mobile-view > footer .designer-footer-price-info-wrapper .designer-footer-price-info {
  justify-content: space-between;
  /* .configurator-list-item-productset-amount-save-over {
  		 color: #D9052F;
  		 font-size: 14px;
  		 line-height: 18px;
   }

   .configurator-list-item-productset-amount-only-amount {
  		 color: #2c2c2c;
  		 font-size: 14px;
  		 font-weight: 700;
  		 line-height: 18px;
   }

   .configurator-list-item-productset-amount-single-amount {
  		 color: #6e6e6e;
  		 font-size: 14px;
  		 line-height: 18px;
   }*/
}
#CollectionShareOrder.rc-mobile-view > footer .designer-footer-price-info-wrapper.price-info {
  justify-content: unset;
  height: unset;
}

.project-preview-author-hint-wrapper.order-buttons-header {
  padding: 8px 16px;
  white-space: normal;
}

.bulk-orderer-caption {
  font-size: 21px;
  font-weight: bold;
  width: 100%;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  height: 36px;
  display: flex;
  align-items: center;
  background-color: white;
  z-index: 1;
  color: #2C2C2C;
}
@media only screen and (max-width: 500px) {
  .bulk-orderer-caption {
    max-width: unset;
    background-color: #efefef;
    font-size: 16px;
  }
}

.bulk-orderer-download-hint {
  margin: 8px 0;
  color: #2C2C2C;
}
.bulk-orderer-download-hint .bulk-orderer-download-hint-header {
  display: flex;
  height: 36px;
  align-items: center;
}
.bulk-orderer-download-hint .bulk-orderer-download-hint-header .rc-icon.steps_summary {
  height: 26px;
  width: 26px;
  padding: 0;
  border-radius: 50%;
  background-color: #6c9d0d;
  margin-right: 8px;
}
.bulk-orderer-download-hint .bulk-orderer-download-hint-header .rc-icon.steps_summary:before {
  width: 22px;
  height: 22px;
  inset: 53% 0 0 53%;
  color: #ffffff;
}
.bulk-orderer-download-hint .bulk-orderer-download-hint-header .rc-label-component {
  min-height: 8px;
  font-size: 16px;
  line-height: 16px;
  font-weight: bold;
}
#ConfiguratorShareCategoriesNavigationItemContent.mobile-view .rc-dialog-wrapper {
  margin: auto 24px;
  height: 100%;
}
#ConfiguratorShareCategoriesNavigationItemContent .rc-dialog-wrapper {
  margin: auto;
}
#ConfiguratorShareCategoriesNavigationItemContent .rc-dialog-wrapper .rc-dialog-content {
  border-radius: 14px;
  overflow: hidden;
  max-height: calc(100vh - 48px);
}
#ConfiguratorShareCategoriesNavigationItemContent .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content {
  padding: unset;
  margin-bottom: unset;
}
#ConfiguratorShareCategoriesNavigationItemContent .rc-dialog-wrapper .content-image {
  margin-bottom: 16px;
}
#ConfiguratorShareCategoriesNavigationItemContent .rc-dialog-wrapper .content-text {
  padding: 0 16px 8px;
  font-size: 14px;
  line-height: normal;
  color: #2C2C2C;
}
#ConfiguratorShareCategoriesNavigationItemContent .rc-dialog-wrapper .content-text h1 {
  font-size: 20px;
  line-height: 22px;
  margin-bottom: 8px;
  font-weight: 600;
}
#ConfiguratorShareCategoriesNavigationItemContent .rc-dialog-wrapper .content-text p {
  margin-bottom: 8px;
}
#ConfiguratorShareCategoriesNavigationItemContent .rc-dialog-wrapper .website-promotion-banner {
  margin: 0;
}
#ConfiguratorShareCategoriesNavigationItemContent .rc-dialog-wrapper .website-promotion-banner .banner-area {
  flex-direction: unset;
  margin: unset;
}
#ConfiguratorShareCategoriesNavigationItemContent .rc-dialog-wrapper .website-promotion-banner .banner-area .slider-images {
  flex: 0 0 100%;
  width: 100%;
}
#ConfiguratorShareCategoriesNavigationItemContent .rc-dialog-wrapper .configurator-preview-continue-button-wrapper {
  padding: 16px;
}
#ConfiguratorShareCategoriesNavigationItemContent .rc-dialog-wrapper .configurator-preview-continue-button-wrapper .configurator-preview-continue-button {
  width: 100%;
  height: 42px;
  border-radius: 21px;
}

.collection-share-product-set-image-selection-dialog-header {
  margin-top: 16px;
  padding: 0 16px;
  box-sizing: border-box;
  justify-content: space-between;
  display: flex;
}
.collection-share-product-set-image-selection-dialog-header .rc-label-component {
  flex: 1;
}
.collection-share-product-set-image-selection-dialog-header .collection-share-product-set-image-selection-view-type {
  display: flex;
  box-sizing: border-box;
  gap: 4px;
}
.collection-share-product-set-image-selection-dialog-header .feedback-image-selection-view {
  display: flex;
}
.collection-share-product-set-image-selection-dialog-header .feedback-image-selection-view button {
  height: 36px;
}

#ShareImagesSelectionDialog .collection-share-product-set-image-selection-view-type {
  display: flex;
  gap: 4px;
  align-items: center;
}
#ShareImagesSelectionDialog .collection-share-product-set-image-selection-view-type button {
  border-radius: 6px;
}
#ShareImagesSelectionDialog .feedback-image-selection-view {
  gap: 8px;
}
#ShareImagesSelectionDialog .feedback-image-selection-view button {
  height: 36px;
}
#ShareImagesSelectionDialog .feedback-image-selection-view .feedback-buttons-menu button {
  width: 36px;
  padding: unset;
}
#ShareImagesSelectionDialog .collection-dialog-items {
  display: flex;
  flex-wrap: wrap;
  padding-left: 16px;
  gap: 8px;
}
#ShareImagesSelectionDialog .collection-dialog-items .collection-dialog-collection-item {
  width: auto;
  height: auto;
  margin: unset;
  cursor: pointer;
  padding: unset;
}
#ShareImagesSelectionDialog .collection-dialog-items .collection-dialog-collection-item .content-card-image {
  width: 214px;
  height: 143px;
}
#ShareImagesSelectionDialog .collection-dialog-items .collection-dialog-collection-item .content-card-image .image-tile {
  border: unset;
}
#ShareImagesSelectionDialog .collection-dialog-items .collection-dialog-collection-item .content-card-image .image-tile svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#ShareImagesSelectionDialog .collection-dialog-items .collection-dialog-collection-item .collection-dialog-collection-item-title {
  background-color: #EFEFEF;
  padding: 8px;
  color: #000000;
  font-size: 14px;
  line-height: 18px;
  display: block;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

#CollectionShareProductSetImageSelectionDialog .scrollable-wrapper {
  max-width: 100vw;
}
#CollectionShareProductSetImageSelectionDialog .collection-dialog-items {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  padding-left: 16px;
}
#CollectionShareProductSetImageSelectionDialog .collection-dialog-items.image-pool-mobile-folder-list > div {
  display: flex;
  flex-wrap: nowrap;
  gap: 16px;
  padding-left: 16px;
  overflow: auto;
}
#CollectionShareProductSetImageSelectionDialog .collection-dialog-items .collection-dialog-collection-item {
  width: auto;
  height: auto;
  margin: unset;
  cursor: pointer;
  padding: unset;
}
#CollectionShareProductSetImageSelectionDialog .collection-dialog-items .collection-dialog-collection-item .content-card-image {
  width: 75vw;
  height: 50.1169395256vw;
}
#CollectionShareProductSetImageSelectionDialog .collection-dialog-items .collection-dialog-collection-item .content-card-image .image-tile {
  border: unset;
}
#CollectionShareProductSetImageSelectionDialog .collection-dialog-items .collection-dialog-collection-item .content-card-image .image-tile svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#CollectionShareProductSetImageSelectionDialog .collection-dialog-items .collection-dialog-collection-item .collection-dialog-collection-item-title {
  background-color: #EFEFEF;
  padding: 8px;
  color: #000000;
  font-size: 14px;
  line-height: 18px;
  display: block;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#CollectionShareProductSetImageSelectionDialog.rc-mobile-view .external-images-dialog-content .padding-wrapper {
  z-index: 2;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  background-color: #ffffff;
}
#CollectionShareProductSetImageSelectionDialog.rc-mobile-view .feedback-header {
  display: flex;
  justify-content: space-between;
  padding-right: 12px;
}
#CollectionShareProductSetImageSelectionDialog.rc-mobile-view .collection-dialog-items.product-set-collection-selection {
  display: unset;
}
#CollectionShareProductSetImageSelectionDialog.rc-mobile-view .collection-dialog-items.product-set-collection-selection > div {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
#CollectionShareProductSetImageSelectionDialog.rc-mobile-view .collection-dialog-items.product-set-collection-selection > div .collection-dialog-collection-item {
  width: calc(50% - 16px);
}
#CollectionShareProductSetImageSelectionDialog.rc-mobile-view .collection-dialog-items.product-set-collection-selection > div .collection-dialog-collection-item .content-card-image {
  width: auto;
  height: 125px;
}
#CollectionShareProductSetImageSelectionDialog.rc-mobile-view .selection-footer-is-visible {
  margin-bottom: 128px;
}
#CollectionShareProductSetImageSelectionDialog .image-pool-mobile-folder-list > button {
  border-bottom: 1px solid #cccccc;
}
#CollectionShareProductSetImageSelectionDialog .image-pool-image-list[data-view-type="1"] {
  padding: 4px;
  box-sizing: border-box;
}
#CollectionShareProductSetImageSelectionDialog .image-pool-image-list[data-view-type="1"] .image-item-wrapper {
  flex: 0 0 90%;
  min-height: 50px;
  width: 100%;
  padding: 4px;
  box-sizing: border-box;
}
#CollectionShareProductSetImageSelectionDialog .image-pool-image-list[data-view-type="1"] .image-item-wrapper > div {
  padding: 2px;
  margin: unset;
  position: relative;
}
#CollectionShareProductSetImageSelectionDialog .image-pool-image-list[data-view-type="2"] {
  padding: 4px;
  box-sizing: border-box;
}
#CollectionShareProductSetImageSelectionDialog .image-pool-image-list[data-view-type="2"] .image-item-wrapper {
  flex: 0 0 50%;
  min-height: 50px;
  width: 50%;
  margin: unset;
  padding: 4px;
  box-sizing: border-box;
}
#CollectionShareProductSetImageSelectionDialog .image-pool-image-list[data-view-type="2"] .image-item-wrapper > div {
  padding: 2px;
  margin: unset;
  position: relative;
}
#CollectionShareProductSetImageSelectionDialog .image-pool-image-list[data-view-type="4"] {
  padding: 4px;
  box-sizing: border-box;
}
#CollectionShareProductSetImageSelectionDialog .image-pool-image-list[data-view-type="4"] .image-item-wrapper {
  flex: 0 0 33%;
  min-height: 50px;
  width: 33%;
  margin: unset;
  padding: 4px;
  box-sizing: border-box;
}
#CollectionShareProductSetImageSelectionDialog .image-pool-image-list[data-view-type="4"] .image-item-wrapper > div {
  padding: 2px;
  margin: unset;
  position: relative;
}
#CollectionShareProductSetImageSelectionDialog.rc-mobile-view > header .mobile-header-labled-button {
  display: flex;
  gap: 8px;
}
#CollectionShareProductSetImageSelectionDialog.rc-mobile-view > header .mobile-header-labled-button > div {
  display: flex;
  align-items: center;
}
#CollectionShareProductSetImageSelectionDialog.rc-mobile-view > header .mobile-header-labled-button button.apply-button.btn-simple {
  text-transform: none;
  border: 0;
  padding-left: 0;
}
#CollectionShareProductSetImageSelectionDialog .bulk-orderer-article-list-header {
  display: flex;
  font-size: 18px;
  justify-content: space-between;
  align-items: center;
  min-height: 36px;
  color: #2C2C2C;
  margin-bottom: unset;
  padding: 0 12px 4px 4px;
}
#CollectionShareProductSetImageSelectionDialog .bulk-orderer-article-list-header .bulk-orderer-article-list-header-title {
  display: flex;
  cursor: pointer;
  align-items: center;
  position: relative;
  margin-right: 8px;
  flex: unset;
}
#CollectionShareProductSetImageSelectionDialog .bulk-orderer-article-list-header .bulk-orderer-article-list-header-title .bulk-orderer-article-list-name {
  flex: 1;
}
#CollectionShareProductSetImageSelectionDialog .bulk-orderer-article-list-header .bulk-orderer-article-list-header-title .drop-down-menu.bulk-orderer-article-options .drop-down-menu-body {
  overflow-y: unset;
}
@media only screen and (max-width: 500px) {
  #CollectionShareProductSetImageSelectionDialog .bulk-orderer-article-list-header .bulk-orderer-article-list-header-title {
    max-width: 100%;
  }
  #CollectionShareProductSetImageSelectionDialog .bulk-orderer-article-list-header .bulk-orderer-article-list-header-title > div {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    white-space: nowrap;
  }
}
#CollectionShareProductSetImageSelectionDialog .bulk-orderer-article-list-header .bulk-orderer-article-list-header-title .btn-simple {
  margin-left: 4px;
}
#CollectionShareProductSetImageSelectionDialog .bulk-orderer-article-list-header .bulk-orderer-article-list-header-title .drop-down-menu-item .btn-simple {
  margin-left: unset;
}
#CollectionShareProductSetImageSelectionDialog .bulk-orderer-article-list-header .bulk-orderer-article-info-icon {
  margin-left: 16px;
}
#CollectionShareProductSetImageSelectionDialog .bulk-orderer-article-list-header .sgw-icon {
  padding: 0;
  width: 23px;
  height: 23px;
  min-width: 24px;
}
#CollectionShareProductSetImageSelectionDialog .bulk-orderer-article-list-header .sgw-icon.arrow_down:before {
  font-size: 46px;
  left: -16px;
  top: 4px;
}
#CollectionShareProductSetImageSelectionDialog .bulk-orderer-article-list-header .sgw-icon.arrow_down.active {
  background: none;
}
#CollectionShareProductSetImageSelectionDialog .bulk-orderer-article-list-header .sgw-icon.arrow_down.active:before {
  color: #3669C4;
}
#CollectionShareProductSetImageSelectionDialog .bulk-orderer-article-list-header .sgw-icon.arrow_right:before {
  font-size: 46px;
  left: -13px;
}
#CollectionShareProductSetImageSelectionDialog .bulk-orderer-article-list-body {
  -webkit-transition: max-height 200ms ease-in-out;
  -moz-transition: max-height 200ms ease-in-out;
  transition: max-height 200ms ease-in-out;
  max-height: 100%;
}
#CollectionShareProductSetImageSelectionDialog .bulk-orderer-article-list-body.bulk-order-article-list-hidden {
  max-height: 0;
}

.collection-share-product-set-image-selection-dialog-footer button {
  border-radius: 18px;
}
.collection-share-product-set-image-selection-dialog-footer .image-pool-footer-button-left {
  padding-left: 16px;
}
.collection-share-product-set-image-selection-dialog-footer .image-pool-footer-button-left .rc-icon.sgw-icon {
  margin-right: unset;
}

#BulkOrdererMobileSelectionDialog.collection-share-bulk-orderer-mobile main .image-article-list {
  gap: 16px;
  padding: 16px;
}
#BulkOrdererMobileSelectionDialog.collection-share-bulk-orderer-mobile main .image-article-list .image-article-item {
  width: calc(50% - 8px);
  background-color: #EFEFEF;
  border-radius: 6px;
  overflow: hidden;
}
#BulkOrdererMobileSelectionDialog.collection-share-bulk-orderer-mobile main .image-article-list .image-article-item .rc-input.mobile-numeric {
  background-color: transparent !important;
  border-color: transparent;
  padding: 8px;
}

#BulkOrdererDialog.collection-share-bulk-orderer.rc-dialog .rc-dialog-wrapper .rc-dialog-content {
  /*max-height: calc(100vh - 144px);
  min-height: calc(100vh - 144px);
  width: calc(100vw - 64px);
  margin: 0 auto;
  justify-content: center;

  .dialog-floated-button.close {
  		left: 32px;
  		top: 32px;
  }*/
}
#BulkOrdererDialog.collection-share-bulk-orderer.rc-dialog .rc-dialog-wrapper .rc-dialog-content #bulkOrdererSelectionDialog {
  width: 100%;
}
#BulkOrdererDialog.collection-share-bulk-orderer.rc-dialog .rc-dialog-wrapper .rc-dialog-content #bulkOrdererSelectionDialog .dialog-content-column {
  padding-left: unset;
}
#BulkOrdererDialog.collection-share-bulk-orderer.rc-dialog .rc-dialog-wrapper .rc-dialog-content #bulkOrdererSelectionDialog div.bulk-orderer-configurator-content > div.image-article-list-wrapper {
  margin-bottom: unset;
}
#BulkOrdererDialog.collection-share-bulk-orderer.rc-dialog .rc-dialog-wrapper .rc-dialog-content #bulkOrdererSelectionDialog .dialog-v2-footer > div {
  padding-top: 16px;
}
#BulkOrdererDialog.collection-share-bulk-orderer.rc-dialog .rc-dialog-wrapper .rc-dialog-content #bulkOrdererSelectionDialog .dialog-v2-footer button {
  min-height: 42px;
  border-radius: 21px;
}

#BulkOrdererMobileSelectionDialog footer.collection-share-bulk-orderer-mobile-footer {
  gap: 16px;
}
#BulkOrdererMobileSelectionDialog footer.collection-share-bulk-orderer-mobile-footer .mobile-tabs {
  display: flex;
  flex: 0 0 60px;
  flex-direction: row;
}
#BulkOrdererMobileSelectionDialog footer.collection-share-bulk-orderer-mobile-footer .mobile-tabs > div {
  flex: 1;
  display: flex;
  justify-content: center;
}
#BulkOrdererMobileSelectionDialog footer.collection-share-bulk-orderer-mobile-footer .mobile-tabs > div.tab-active {
  color: #3669c4;
}
#BulkOrdererMobileSelectionDialog footer.collection-share-bulk-orderer-mobile-footer .mobile-tabs > div.tab-active .rc-icon:before {
  color: #3669c4;
}
#BulkOrdererMobileSelectionDialog footer.collection-share-bulk-orderer-mobile-footer .mobile-tabs > div button {
  display: flex;
  flex-direction: column;
  padding: unset;
  height: 60px;
}
#BulkOrdererMobileSelectionDialog footer.collection-share-bulk-orderer-mobile-footer .mobile-tabs > div button.btn-icon .sgw-icon {
  margin-right: unset;
}
#BulkOrdererMobileSelectionDialog footer.collection-share-bulk-orderer-mobile-footer .submit-button button {
  width: 100%;
}

#CollectionShareAddedToCartConfirmaion.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content {
  border-radius: 28px;
}
#CollectionShareAddedToCartConfirmaion.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content {
  background-color: transparent;
  padding: 0;
}
#CollectionShareAddedToCartConfirmaion.rc-dialog.dialog-with-scrollable-content.mobile-view-confirmation .rc-dialog-wrapper .rc-dialog-content {
  border-bottom-left-radius: unset;
  border-bottom-right-radius: unset;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}
#CollectionShareAddedToCartConfirmaion.rc-dialog.dialog-with-scrollable-content .group-content.group-content-image .group-content-image-svg {
  width: 100%;
}
#CollectionShareAddedToCartConfirmaion.rc-dialog.dialog-with-scrollable-content .group-content.group-content-image .group-content-image-svg svg {
  max-height: 96px;
}
#CollectionShareAddedToCartConfirmaion .dialog-content-header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 16px 24px 8px;
}
#CollectionShareAddedToCartConfirmaion .dialog-content-header .icon-check {
  width: 26px;
  height: 26px;
  background-color: #79AB19;
  border-radius: 50%;
  padding: unset;
}
#CollectionShareAddedToCartConfirmaion .dialog-content-header .icon-check:before {
  color: white;
}
#CollectionShareAddedToCartConfirmaion .dialog-content-header .rc-label-component {
  flex: 1;
}
#CollectionShareAddedToCartConfirmaion .dialog-content-data-wrapper {
  padding: 8px 24px;
  display: flex;
  gap: 16px;
}
#CollectionShareAddedToCartConfirmaion .dialog-content-data-wrapper .group-content-image.group-content {
  display: flex;
  width: 96px;
  height: 96px;
  justify-content: center;
  align-items: center;
  min-width: 96px;
}
#CollectionShareAddedToCartConfirmaion .dialog-content-data-wrapper .group-content-image.group-content img {
  position: relative;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}
#CollectionShareAddedToCartConfirmaion .dialog-content-data-wrapper .dialog-content-data {
  display: flex;
  flex-direction: column;
  height: 96px;
  align-items: center;
  justify-content: center;
}
#CollectionShareAddedToCartConfirmaion .dialog-content-data-wrapper .dialog-content-data .group-content-label.group-content {
  font-size: 14px;
  line-height: 18px;
}
#CollectionShareAddedToCartConfirmaion .dialog-content-data-wrapper .dialog-content-data .group-content-label.group-content strong {
  margin-bottom: 4px;
}
#CollectionShareAddedToCartConfirmaion .buttons-section {
  padding: 16px 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
#CollectionShareAddedToCartConfirmaion .buttons-section button {
  height: 48px;
  border-radius: 24px;
  width: 100%;
}
#CollectionShareAddedToCartConfirmaion .buttons-section button.btn-white {
  color: #525252;
  border: 1px solid #525252;
}

/*
.rc-mobile-view > main div.bulk-orderer-download-hint {
padding: 8px;
box-sizing: border-box;
height: unset;
margin-bottom: 8px;
}

#CollectionShareProductSetConfiguration.rc-mobile-view > main > div.padding-small-wrapper > div {
background-color: #ffffff;
}
*/
.rc-dialog.dialog-with-scrollable-content.dialog-product-set-tooltip .rc-dialog-wrapper .rc-dialog-content {
  border-radius: 6px;
  overflow: hidden;
  padding: 16px;
  max-height: 80vh;
}
.rc-dialog.dialog-with-scrollable-content.dialog-product-set-tooltip .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content {
  border-radius: unset;
  padding: unset;
}
.rc-dialog.dialog-with-scrollable-content.dialog-product-set-tooltip .rc-dialog-wrapper .rc-dialog-content .dialog-product-set-tooltip-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.rc-dialog.dialog-with-scrollable-content.dialog-product-set-tooltip .rc-dialog-wrapper .rc-dialog-content .dialog-product-set-tooltip-content > div {
  display: flex;
  flex-direction: column;
  gap: 8px;
  color: #2C2C2C;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
}
.rc-dialog.dialog-with-scrollable-content.dialog-product-set-tooltip .rc-dialog-wrapper .rc-dialog-content .dialog-product-set-tooltip-content > div > h2 {
  font-family: "SourceSansPro-Regular";
  font-size: 18px;
  font-weight: bold;
  line-height: 20px;
}
.rc-dialog.dialog-with-scrollable-content.dialog-product-set-tooltip .rc-dialog-wrapper .rc-dialog-content .dialog-product-set-tooltip-content > div .item-tooltip-v2-text {
  line-height: 18px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.rc-dialog.dialog-with-scrollable-content.dialog-product-set-tooltip .rc-dialog-wrapper .rc-dialog-content .dialog-product-set-tooltip-content > div .item-tooltip-v2-text h1 {
  font-weight: bold;
  font-size: 14px;
  line-height: 18px;
}
.rc-dialog.dialog-with-scrollable-content.dialog-product-set-tooltip .rc-dialog-wrapper .rc-dialog-content .dialog-product-set-tooltip-content > div .item-tooltip-v2-text ul {
  list-style: disc;
  margin-left: 24px;
}
.rc-dialog.dialog-with-scrollable-content.dialog-product-set-tooltip .rc-dialog-wrapper .rc-dialog-content .dialog-footer {
  height: unset;
  padding-top: 16px;
}
.rc-dialog.dialog-with-scrollable-content.dialog-product-set-tooltip .rc-dialog-wrapper .rc-dialog-content .dialog-footer button {
  width: 100%;
}

.collection-share-body {
  /*button {
  		&.btn-simple.btn-icon:focus:not(.image-list-item-article-card-buy-button):not(.btn-white) {
  				.btn-label {
  						color: #3669c4;
  				}

  		}
  }*/
}
.collection-share-body .collection-share-registration-info-confirm .rc-dialog-content {
  max-width: 446px;
  border-radius: 14px;
  gap: 10px;
}
.collection-share-body .collection-share-registration-info-confirm .rc-dialog-content .rc-confirm-title {
  margin: unset;
  font-size: 21px;
  line-height: 27px;
  color: #2C2C2C;
}
.collection-share-body .collection-share-registration-info-confirm .rc-dialog-content .rc-confirm-content {
  margin: unset;
  font-size: 14px;
  line-height: 18px;
  color: #2C2C2C;
}
.collection-share-body .collection-share-registration-info-confirm .rc-dialog-content .rc-confirm-footer {
  margin-top: 10px;
}
.collection-share-body .collection-share-registration-info-confirm .rc-dialog-content .rc-confirm-footer button {
  width: 100%;
  height: 48px;
  padding: 9px 32px;
  border-radius: 32px;
}
.collection-share-body .collection-share-registration-info-confirm.rc-mobile-view .rc-dialog-content {
  max-width: unset;
  width: calc(100% - 32px);
}
.collection-share-body .sgw-icon:before, .collection-share-body .checkbox:before, .collection-share-body .sgw-upload-stage:before {
  font-family: "icomoon";
}
.collection-share-body.rc-mobile-view .footer-legal-links .rc-mobile-component.btn-simple:not(.btn-icon-only) {
  padding: 0;
}
.collection-share-body.rc-mobile-view .rc-mobile-component {
  /*&.rc-label-component {
  		min-height: 36px;
  		line-height: inherit;

  		&.label-heading {
  				font-size: 18px;
  		}

  		&.label-heading-bold {
  				font-size: 18px;
  				font-weight: bold;
  		}
  }*/
}
.collection-share-body.rc-mobile-view .rc-mobile-component.btn-simple {
  font-size: 14px;
  min-height: inherit;
}
.collection-share-body.rc-mobile-view .rc-mobile-component.btn-simple:not(.btn-icon-only) {
  padding: 0 16px 0 16px;
}
.collection-share-body.rc-mobile-view .rc-mobile-component.btn-simple .sgw-icon:before {
  font-size: 21px;
}
.collection-share-body.rc-mobile-view .rc-mobile-component.btn-icon.btn-icon-only {
  width: 36px;
}
.collection-share-body.rc-mobile-view .back-button .rc-mobile-component.btn-simple {
  padding-left: 0;
}
.collection-share-body.rc-mobile-view header {
  box-shadow: unset;
  border-bottom: unset;
  flex-basis: 52px;
}
.collection-share-body.rc-mobile-view header .back-button:not(.align-right), .collection-share-body.rc-mobile-view header .close-button:not(.align-right) {
  left: 8px;
}
.collection-share-body.rc-mobile-view footer {
  align-items: unset;
  padding: 16px;
}
.collection-share-body.rc-mobile-view footer .footer-submit-button {
  margin-top: unset;
}
.collection-share-body.rc-mobile-view footer button.btn-submit.rc-mobile-component {
  border-radius: 21px;
  height: 42px;
  min-height: 42px;
}

.collection-share-body.rc-mobile-view {
  overflow-y: scroll;
  scroll-behavior: smooth;
}
.collection-share-body.rc-mobile-view .collection-share-view.buy-all-images-view > div {
  padding: 32px;
}

.collection-share-view {
  width: 100%;
  background-color: #efefef;
  overflow-y: auto;
  scroll-behavior: smooth;
  /*#OpenShareView {
  			.project-open-share-root.project-registration-form {
  					display: flex;
  					justify-content: center;
  					align-items: center;
  					background-color: unset;
  					height: auto;
  					margin: 32px 0;

  					.project-open-share-view {
  							max-width: 414px;
  							min-width: 320px;
  							background-color: white;
  							height: auto;
  							padding: 16px;
  							position: relative;
  							box-shadow: 0 0 16px #00000029;

  							.project-edit-item {
  									margin: 0;
  							}

  							.project-open-share-content {
  									margin-bottom: 16px;

  									.project-list-item {
  											cursor: unset;
  											padding-top: unset;
  									}

  									.checkout-group-content {
  											.group-content-image.group-content {
  													img {
  															max-height: 50px;
  															width: auto;
  													}
  											}

  											.group-content-button.group-content {
  													button.btn-action {
  															.btn-label {
  																	text-align: center;
  															}
  													}
  											}
  									}
  							}

  							.group-content {
  									margin-bottom: 8px;
  							}

  							button {
  									width: 100%;
  									height: 44px;
  									line-height: 22px;
  									font-size: 16px;
  							}

  							.forgot-password-link {
  									button {
  											color: #3669c4;
  											font-weight: bold;

  											&:hover {
  													color: #2153ad;
  													text-decoration: underline;
  											}
  									}
  							}
  					}

  			}
  	}
  */
}
.collection-share-view .collection-share-view-body {
  background-color: #FFFFFF;
}
@media only screen and (min-width: 832px) {
  .collection-share-view .collection-share-view-body .web-tables-module {
    max-width: 1600px;
  }
}
.collection-share-view.collection-share-pages-view {
  background-color: white;
}
.collection-share-view .checkout-group-content .group-content, .collection-share-view .content-group-table-row .group-content {
  margin-bottom: unset;
}
.collection-share-view.buy-all-images-view {
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
}
.collection-share-view.buy-all-images-view > div {
  max-width: 446px;
  min-width: 320px;
  background-color: white;
  border-radius: 16px;
  padding: 16px;
  box-sizing: border-box;
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.25);
}
.collection-share-view.buy-all-images-view > div .content-group-table-row .group-content-label.group-content {
  font-size: 14px;
  line-height: 18px;
}
.collection-share-view.buy-all-images-view > div .content-group-table-row .group-content-label.group-content p:last-child {
  margin-bottom: unset;
}
.collection-share-view.buy-all-images-view > div .content-group-table-row .group-content-label.group-content.group-important {
  font-size: 21px;
  line-height: 27px;
  margin-bottom: 10px;
}
.collection-share-view.buy-all-images-view + .collection-share-view-footer {
  background-color: transparent;
}
.collection-share-view .collection-share-breadcrumb {
  padding: 24px 16px 0;
  background-color: transparent;
}
.collection-share-view .collection-share-breadcrumb .profile-page-url {
  position: absolute;
  right: 0;
}
.collection-share-view .collection-share-breadcrumb .profile-page-url button {
  height: auto;
}
.collection-share-view .collection-share-breadcrumb-to-parent {
  padding: 24px 0;
  margin-bottom: 0;
  background-color: transparent;
  align-items: center;
  gap: 6px;
}
.collection-share-view .collection-share-breadcrumb-to-parent .rc-icon.sgw-icon.arrow_left_line2 {
  width: 20px;
  height: 20px;
  padding-left: unset;
}
.collection-share-view .collection-share-breadcrumb-to-parent .rc-icon.sgw-icon.arrow_left_line2:before {
  position: relative;
  inset: unset;
  transform: unset;
  color: #2C2C2C;
  font-size: 18px;
}
.collection-share-view .collection-share-breadcrumb-to-parent .sgw-icon.next {
  padding-right: 0;
}
.collection-share-view .collection-share-breadcrumb-to-parent .sgw-icon.next:after {
  display: none;
}
.collection-share-view .collection-share-breadcrumb-to-parent .sgw-icon.next a {
  height: unset;
  font-size: 14px;
  font-style: italic;
  line-height: 20px;
  color: #2C2C2C;
  text-decoration: none;
}
.collection-share-view .collection-share-breadcrumb-to-parent .sgw-icon.next a:after {
  display: none;
}
.collection-share-view .collection-share-breadcrumb-to-parent + .collection-share-title {
  color: #2C2C2C;
  font-weight: bold;
  font-size: 28px;
  line-height: 32px;
  padding: 16px 0;
  text-align: center;
}
.collection-share-view .collection-share-view-body.form-content {
  display: flex;
  justify-content: center;
  align-items: center;
}
.collection-share-view.mobile-view {
  overflow-y: unset;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
.collection-share-view.mobile-view.phone-view .collection-share-view.buy-all-images-view > div.download-image-dialog-content {
  max-width: calc(100vw - 32px);
}
.collection-share-view.mobile-view .collection-share-breadcrumb button.btn-icon .sgw-icon:before {
  line-height: 25px;
}
.collection-share-view.mobile-view .collection-share-breadcrumb-to-parent .sgw-icon.next a {
  font-size: 14px;
}
.collection-share-view.mobile-view .collection-share-breadcrumb-to-parent + .collection-share-title {
  font-size: 22px;
  line-height: 28px;
}
.collection-share-view.mobile-view .collection-share-view-body {
  flex: 1;
}
.collection-share-view.mobile-view .collection-share-view-footer {
  height: unset;
}
.collection-share-view .collection-share-view-header {
  background-color: #ffffff;
  display: flex;
  height: 76px;
  width: 100%;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  left: 0;
  z-index: 20;
}
.collection-share-view .collection-share-view-header .collection-share-view-header-tabs {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.collection-share-view .collection-share-view-header .collection-share-view-header-tabs button {
  padding-left: 8px;
  padding-right: 8px;
}
.collection-share-view .collection-share-view-header .collection-share-view-header-tabs .active-tab {
  font-weight: bold;
}
.collection-share-view .collection-share-view-header .collection-share-view-header-logo {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  padding-left: 8px;
  display: flex;
  align-items: center;
}
.collection-share-view .collection-share-view-header .collection-share-view-header-logo img {
  margin-left: 8px;
  max-height: 60px;
  cursor: pointer;
}
.collection-share-view .collection-share-view-header .collection-share-view-header-tab-control {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.collection-share-view .collection-share-view-header .collection-share-view-header-tab-control .rc-tabcontrol {
  height: 44px;
}
.collection-share-view .collection-share-view-header .collection-share-view-header-tab-control .rc-tabcontrol .rc-tabcontrol-tab {
  height: 100%;
  display: flex;
  align-items: flex-start;
  border-bottom: 4px solid transparent;
  box-sizing: border-box;
  padding: 4px 0 0;
  margin-left: 8px;
  margin-right: 8px;
}
.collection-share-view .collection-share-view-header .collection-share-view-header-tab-control .rc-tabcontrol .rc-tabcontrol-tab.rc-tabcontrol-tab-selected {
  font-weight: unset;
  background-color: unset;
  border-radius: unset;
  box-shadow: unset;
  border-bottom-color: #3669c4;
}
.collection-share-view .collection-share-view-header .collection-share-view-header-buttons {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
}
.collection-share-view .collection-share-view-header .collection-share-view-header-buttons .rc-component.rc-badge {
  height: fit-content;
}
.collection-share-view .collection-share-view-header .collection-share-view-header-buttons-shopping-cart {
  display: inline-flex;
  position: relative;
}
.collection-share-view .collection-share-header-centered-buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  padding: 0 16px;
}
.collection-share-view.mobile-view {
  /*#OpenShareView {
  		margin-top: 60px;
  }*/
}
.collection-share-view.mobile-view .collection-share-view-header {
  height: 48px;
}
.collection-share-view.mobile-view .collection-share-view-header.mobile-options-header {
  background-color: #3669c4;
}
.collection-share-view.mobile-view .collection-share-view-header.mobile-options-header button .sgw-icon:before, .collection-share-view.mobile-view .collection-share-view-header.mobile-options-header button .btn-label {
  color: #ffffff;
}
.collection-share-view.mobile-view .collection-share-view-header .collection-share-view-header-logo img {
  max-height: 40px;
}
.collection-share-view.mobile-view .collection-share-view-header .collection-share-view-header-logo button.rc-mobile-component {
  padding: 0;
}
.collection-share-view.mobile-view .collection-share-view-header .collection-share-view-header-logo button.rc-mobile-component .rc-icon.sgw-icon {
  margin-right: 0;
}
.collection-share-view.mobile-view .collection-share-view-header .collection-share-view-header-buttons {
  padding-bottom: unset;
}
.collection-share-view.mobile-view .collection-share-view-header .collection-share-view-header-buttons .rc-component.rc-badge > button.btn-icon.btn-icon-only + .badge-count {
  left: 8px;
  top: 16px;
}
.collection-share-view.mobile-view .collection-share-view-mobile-menu {
  position: fixed;
  top: 48px;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: white;
  z-index: 3;
  padding: 16px;
  box-sizing: border-box;
  overflow-y: auto;
  display: none;
}
.collection-share-view.mobile-view .collection-share-view-mobile-menu.menu-is-opened {
  display: unset;
}
.collection-share-view.mobile-view .collection-share-view-mobile-menu .collection-share-view-collections-list .collection-list-header {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  min-height: 36px;
}
.collection-share-view.mobile-view .collection-share-view-mobile-menu .collection-share-view-collections-list .collection-list-header + .content-card.collection-item {
  padding-top: 8px;
}
.collection-share-view.mobile-view .collection-share-view-mobile-menu .collection-share-view-collections-list .content-card.collection-item {
  flex-direction: unset;
  max-width: unset;
  padding: 12px 0;
  border-bottom: 1px solid #cccccc;
  box-sizing: border-box;
}
.collection-share-view.mobile-view .collection-share-view-mobile-menu .collection-share-view-collections-list .content-card.collection-item:last-child {
  border-bottom: unset;
  padding-bottom: 0;
}
.collection-share-view.mobile-view .collection-share-view-mobile-menu .collection-share-view-collections-list .content-card.collection-item .content-card-image {
  width: 64px;
  height: 44px;
  flex: unset;
}
.collection-share-view.mobile-view .collection-share-view-mobile-menu .collection-share-view-collections-list .content-card.collection-item .content-card-image .image-tile {
  border: unset;
}
.collection-share-view.mobile-view .collection-share-view-mobile-menu .collection-share-view-collections-list .content-card.collection-item .content-card-title {
  flex: 1;
  justify-content: left;
}
.collection-share-view.mobile-view .collection-share-view-mobile-menu .collection-share-view-collections-list .content-card.collection-item .content-card-title .group-content-label {
  padding: 0 8px;
  font-weight: normal;
}
.collection-share-view.mobile-view .collection-share-view-mobile-menu .collection-share-view-footer.mobile-footer {
  border-top: unset;
  padding: 24px 0 0;
}
.collection-share-view.mobile-view .collection-share-view-mobile-menu .collection-share-view-footer.mobile-footer .footer-legal-links {
  margin-top: unset;
  gap: unset;
}
.collection-share-view.mobile-view .collection-share-view-mobile-menu .collection-share-view-footer.mobile-footer .footer-social-media {
  padding: 32px 0;
  flex-direction: column;
  margin-bottom: unset;
}
.collection-share-view.mobile-view .collection-share-view-mobile-menu .collection-share-view-footer.mobile-footer .project-preview-author-hint {
  color: #2c2c2c;
}
.collection-share-view.mobile-view .collection-share-view-mobile-menu .collection-share-view-footer.mobile-footer button {
  height: 36px;
  font-size: 14px;
  max-height: unset;
  color: #2c2c2c;
}
.collection-share-view.mobile-view .collection-share-view-mobile-menu .footer-social-media {
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding-top: 8px;
}
.collection-share-view.mobile-view .collection-share-view-mobile-menu .footer-social-media .footer-social-medial-buttons-wrapper {
  display: flex;
}
.collection-share-view.mobile-view .collection-share-view-mobile-menu .footer-social-media .footer-social-media-icon-button {
  width: 24px;
  height: 24px;
  margin-right: 8px;
  cursor: pointer;
}
.collection-share-view.mobile-view .collection-share-view-mobile-menu .footer-social-media .project-preview-author-hint {
  height: 36px;
  display: flex;
  align-items: center;
}
.collection-share-view.mobile-view .collection-share-view-mobile-menu .footer-social-media .project-preview-author-hint a {
  margin-left: 4px;
}
.collection-share-view.mobile-view .breadcrumb {
  box-sizing: border-box;
  align-items: center;
}
.collection-share-view.mobile-view .breadcrumb.with-profile-image-above {
  margin-top: 42px;
}
.collection-share-view.mobile-view .breadcrumb strong {
  font-size: 18px;
  display: flex;
  align-items: center;
  white-space: normal;
  height: auto;
  text-align: center;
  line-height: 21px;
}
.collection-share-view .table-content-wrapper {
  height: calc(100vh - 100px - 76px);
  display: flex;
  min-height: 80vh;
}
.collection-share-view .table-content-wrapper.collection-share-no-data .no-data-content .content-group-table-row .group-content.group-content-image {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
.collection-share-view .table-content-wrapper.collection-share-no-data .no-data-content .content-group-table-row .group-content.group-content-label.header {
  font-size: 21px;
  line-height: 27px;
}
.collection-share-view .table-content-wrapper.collection-share-no-data .no-data-content .content-group-table-row .group-content.group-content-label.info {
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 14px;
  line-height: 18px;
}
.collection-share-view .table-content-wrapper.collection-share-no-data .no-data-content .content-group-table-row .group-content.group-content-label.info p {
  margin: 0;
}
.collection-share-view .collection-share-view-banner-wrapper {
  position: relative;
  min-height: 45px;
}
.collection-share-view .collection-share-view-banner-wrapper.without-banner {
  padding-top: 16px;
}
.collection-share-view .collection-share-view-banner-wrapper.without-banner.with-avatar {
  height: 90px;
  margin-bottom: unset;
}
.collection-share-view .collection-share-view-banner-wrapper.without-banner .rc-avatar {
  width: 90px;
  height: 90px;
  position: absolute;
  left: 50%;
  top: 16px;
  transform: translateX(-50%);
  background-color: #ffffff;
}
.collection-share-view .collection-share-view-banner-wrapper.without-banner .rc-avatar span {
  font-size: 36px;
}
.collection-share-view .collection-share-view-banner-wrapper.with-avatar {
  margin-bottom: 45px;
}
.collection-share-view .collection-share-view-banner-wrapper .rc-avatar {
  width: 90px;
  height: 90px;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 50%);
  background-color: #ffffff;
}
.collection-share-view .collection-share-view-banner-wrapper .rc-avatar span {
  font-size: 36px;
}
.collection-share-view .collection-share-view-banner-wrapper .collection-share-view-banner {
  height: 444px;
  width: 100%;
  position: relative;
  overflow: hidden;
  max-height: 35vh;
  display: flex;
  background-position: center;
  background-size: cover;
}
.collection-share-view .collection-share-view-banner-wrapper .collection-share-view-banner svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
}
@media (max-width: 1200px) {
  .collection-share-view .collection-share-view-banner-wrapper .collection-share-view-banner svg {
    height: 100%;
    width: auto;
  }
}
.collection-share-view .collection-share-view-banner-wrapper .collection-share-view-banner img {
  position: absolute;
  min-width: 1000%;
  min-height: 1000%;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) scale(0.1);
}
.collection-share-view .collection-share-view-banner-cover-wrapper {
  width: 100%;
  height: calc(100vh - 76px - 160px);
  display: flex;
  position: relative;
  flex-direction: column;
}
.collection-share-view .collection-share-view-banner-cover-wrapper .collection-share-view-banner {
  width: 100%;
  height: 100%;
  max-height: unset;
  overflow: hidden;
  position: relative;
  display: flex;
  flex: 1;
  background-position: center;
  background-size: cover;
}
.collection-share-view .collection-share-view-banner-cover-wrapper .collection-share-view-banner:after {
  content: "";
  position: absolute;
  inset: 0 0 0 0;
  background-color: rgba(0, 0, 0, 0.2);
}
.collection-share-view .collection-share-view-banner-cover-wrapper .collection-share-view-banner svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 1200px) {
  .collection-share-view .collection-share-view-banner-cover-wrapper .collection-share-view-banner svg {
    height: 100%;
    width: auto;
  }
}
.collection-share-view .collection-share-view-banner-cover-wrapper .collection-share-view-banner img {
  position: absolute;
}
.collection-share-view .collection-share-view-banner-cover-wrapper .collection-share-title {
  position: absolute;
  font-size: 24px;
  line-height: 32px;
  font-weight: bold;
  color: #ffffff;
  width: 100%;
  text-align: center;
  left: 0;
  bottom: 64px;
  z-index: 1;
}
.collection-share-view .collection-share-view-banner-cover-wrapper .collection-share-banner-cover-button {
  padding-top: 64px;
  padding-bottom: 64px;
  display: flex;
  justify-content: center;
}
.collection-share-view .collection-share-view-banner-cover-wrapper .collection-share-banner-cover-button button.btn-icon.btn-icon-only {
  padding: unset;
  height: 32px;
  width: 32px;
}
.collection-share-view .collection-share-view-banner-cover-wrapper .collection-share-banner-cover-button button.btn-icon.btn-icon-only .rc-icon {
  height: 32px;
  width: 32px;
}
.collection-share-view .collection-share-view-banner-cover-wrapper .collection-share-banner-cover-button button.btn-icon.btn-icon-only .rc-icon:before {
  height: 32px;
  width: 32px;
  line-height: 32px;
  font-size: 32px;
  color: #2C2C2C;
}
.collection-share-view .collection-share-view-banner-art-wrapper {
  width: 100%;
  height: calc(100vh - 76px);
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
  background-color: #EFEFEF;
}
.collection-share-view .collection-share-view-banner-art-wrapper .collection-share-title {
  padding-top: 64px;
  padding-bottom: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  line-height: 32px;
  color: #2C2C2C;
  width: 100%;
  text-align: center;
}
.collection-share-view .collection-share-view-banner-art-wrapper .collection-share-view-banner {
  flex: 1;
  position: relative;
  width: 100%;
  overflow: hidden;
  display: flex;
  justify-content: center;
}
.collection-share-view .collection-share-view-banner-art-wrapper .collection-share-view-banner svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
}
@media (max-width: 1200px) {
  .collection-share-view .collection-share-view-banner-art-wrapper .collection-share-view-banner svg {
    height: 100%;
    width: auto;
  }
}
.collection-share-view .collection-share-view-banner-art-wrapper .collection-share-view-banner img {
  max-height: 100%;
}
.collection-share-view .collection-share-view-banner-art-wrapper .collection-share-banner-art-button {
  padding-top: 64px;
  padding-bottom: 48px;
  align-items: center;
}
.collection-share-view .collection-share-view-banner-art-wrapper .collection-share-banner-art-button button.btn-icon.btn-icon-only {
  padding: unset;
  height: 32px;
  width: 32px;
}
.collection-share-view .collection-share-view-banner-art-wrapper .collection-share-banner-art-button button.btn-icon.btn-icon-only .rc-icon {
  height: 32px;
  width: 32px;
}
.collection-share-view .collection-share-view-banner-art-wrapper .collection-share-banner-art-button button.btn-icon.btn-icon-only .rc-icon:before {
  height: 32px;
  width: 32px;
  line-height: 32px;
  font-size: 32px;
  color: #2C2C2C;
}
.collection-share-view.mobile-view .collection-share-view-banner-art-wrapper {
  padding: 0 24px;
  box-sizing: border-box;
  height: calc(100vh - 48px);
}
.collection-share-view.mobile-view .collection-share-view-banner-art-wrapper.ios-mobile-device {
  padding: 0 16px 48px;
}
.collection-share-view.mobile-view .collection-share-view-banner-art-wrapper .collection-share-view-banner {
  align-items: center;
}
.collection-share-view.mobile-view .collection-share-view-banner-art-wrapper .collection-share-view-banner img {
  max-height: 100%;
  max-width: 100%;
  height: auto;
  width: auto;
}
.collection-share-view.mobile-view .collection-share-view-banner-art-wrapper .collection-share-title {
  font-size: 22px;
  line-height: 28px;
  padding-top: 48px;
  padding-bottom: 32px;
}
.collection-share-view.mobile-view .collection-share-view-banner-art-wrapper .collection-share-banner-art-button {
  padding-top: 48px;
  padding-bottom: 48px;
}
.collection-share-view.mobile-view .collection-share-view-banner-art-wrapper .collection-share-banner-art-button button.rc-mobile-component.btn-icon.btn-icon-only {
  padding: unset;
  height: 24px;
  width: 24px;
}
.collection-share-view.mobile-view .collection-share-view-banner-art-wrapper .collection-share-banner-art-button button.rc-mobile-component.btn-icon.btn-icon-only .rc-icon {
  height: 24px;
  width: 24px;
}
.collection-share-view.mobile-view .collection-share-view-banner-art-wrapper .collection-share-banner-art-button button.rc-mobile-component.btn-icon.btn-icon-only .rc-icon:before {
  height: 24px;
  width: 24px;
  line-height: 24px;
  font-size: 24px;
}
.collection-share-view.mobile-view .collection-share-view-banner-wrapper .collection-share-view-banner {
  height: 315px;
  max-height: 20vh;
}
.collection-share-view.mobile-view .collection-share-view-banner-cover-wrapper {
  height: calc(100vh - 48px - 128px);
}
.collection-share-view.mobile-view .collection-share-view-banner-cover-wrapper .collection-share-view-banner {
  max-height: unset;
  height: 100%;
}
.collection-share-view.mobile-view .collection-share-view-banner-cover-wrapper .collection-share-title {
  font-size: 22px;
  line-height: 28px;
  bottom: 50%;
  transform: translateY(50%);
}
.collection-share-view.mobile-view .collection-share-view-banner-cover-wrapper .collection-share-banner-cover-button {
  padding-top: 48px;
  padding-bottom: 48px;
}
.collection-share-view .collection-share-view-banner-wrapper + .collection-share-details {
  margin-top: 8px;
}
.collection-share-view .collection-share-details {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 16px 16px;
}
.collection-share-view .collection-share-details .checkout-group-content, .collection-share-view .collection-share-details .content-group-table-row {
  display: flex;
  justify-content: center;
}
.collection-share-view .collection-share-details .group-content.group-content-label {
  max-width: 800px;
  flex: auto;
  justify-content: center;
  text-align: center;
  line-height: 21px;
  padding-bottom: 8px;
}
.collection-share-view .collection-share-details .group-content.group-content-label ol {
  list-style-position: inside;
  margin-left: inherit;
  /*li {


  	&[data-list="bullet"] {
  		list-style-type: disc;
  	}
  }*/
}
.collection-share-view .collection-share-details .group-content.group-content-label ul {
  list-style-position: inside;
  margin-left: inherit;
  /*li {


  	&[data-list="ordered"] {
  		list-style-type: decimal;
  	}
  }*/
}
.collection-share-view .collection-share-details .group-content.group-content-label em {
  font-style: italic;
}
.collection-share-view .collection-share-details .group-content.group-content-label p {
  margin-top: 4px;
}
.collection-share-view .collection-share-details .group-content.group-content-label p:last-child {
  margin-bottom: unset;
}
.collection-share-view .collection-share-view-upload-images {
  padding: 0 8px 16px 8px;
  display: flex;
  justify-content: left;
}
.collection-share-view .collection-share-view-visit-on-wallart {
  padding: 0 16px;
  display: flex;
  justify-content: center;
}
.collection-share-view.mobile-view .collection-share-view-upload-images {
  justify-content: space-between;
}
.collection-share-view.mobile-view .collection-share-view-upload-images .mobile-images-view-mode .btn-darker .rc-icon:before {
  color: #3669c4;
}
.collection-share-view.mobile-view .collection-share-view-visit-on-wallart {
  justify-content: flex-end;
}
.collection-share-view.mobile-view .collection-share-view-upload-images {
  display: flex;
  height: 36px;
  align-items: center;
  padding: 0 16px 16px;
}
.collection-share-view.mobile-view .collection-share-view-upload-images .mobile-images-view-mode {
  display: flex;
}
.collection-share-view.mobile-view .collection-share-view-upload-images .control-wrapper {
  display: flex;
  align-items: center;
  gap: 16px;
}
.collection-share-view.mobile-view .collection-share-view-upload-images .control-wrapper button.rc-mobile-component.btn-simple {
  padding: 0;
}
.collection-share-view.mobile-view .collection-share-view-upload-images a, .collection-share-view.mobile-view .collection-share-view-upload-images a:visited, .collection-share-view.mobile-view .collection-share-view-upload-images a:active {
  color: #3669c4;
  text-decoration: none;
}
.collection-share-view.mobile-view .collection-share-view-upload-images a.select-all-link-disabled, .collection-share-view.mobile-view .collection-share-view-upload-images a:visited.select-all-link-disabled, .collection-share-view.mobile-view .collection-share-view-upload-images a:active.select-all-link-disabled {
  pointer-events: none;
  color: #6e6e6e;
  cursor: default;
}
.collection-share-view.mobile-view .collection-share-view-visit-on-wallart {
  display: flex;
  height: 36px;
  align-items: center;
  justify-content: center;
}
.collection-share-view.mobile-view .collection-share-view-visit-on-wallart a, .collection-share-view.mobile-view .collection-share-view-visit-on-wallart a:visited, .collection-share-view.mobile-view .collection-share-view-visit-on-wallart a:active {
  color: #3669c4;
  text-decoration: none;
}
.collection-share-view .collection-share-view-projects {
  display: flex;
  flex-direction: column;
  align-items: center;
  /*
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 8px;
  padding-bottom: 16px;*/
}
.collection-share-view.mobile-view .collection-share-data-section .collection-share-data-section-list {
  width: 100%;
}
.collection-share-view.mobile-view .collection-share-data-section .collection-share-data-section-list .collection-share-view-projects-item {
  flex: 0 0 calc(33% - 4px);
  width: unset;
}
.collection-share-view.mobile-view .collection-share-data-section .collection-share-data-section-list .collection-share-view-projects-item .collection-share-view-projects-item-image {
  padding: 16px;
  min-height: calc(33vw - 20px);
  max-height: calc(33vw - 20px);
}
.collection-share-view.mobile-view .collection-share-data-section .collection-share-data-section-list .collection-share-view-projects-item .collection-share-view-projects-item-labels {
  padding: 0;
}
.collection-share-view.mobile-view .collection-share-data-section .collection-share-data-section-list .collection-share-view-projects-item .collection-share-view-projects-item-labels .group-content-label.group-content.rc-mobile-component {
  font-size: 14px;
  line-height: 18px;
}
.collection-share-view.mobile-view .collection-share-data-section .collection-share-data-section-list .collection-item.content-card {
  max-width: calc(33% - 4px);
  height: calc(33vw - 4px);
}
.collection-share-view.mobile-view.phone-view .collection-share-data-section .collection-share-data-section-list {
  justify-content: unset;
}
.collection-share-view.mobile-view.phone-view .collection-share-data-section .collection-share-data-section-list .collection-item.content-card {
  width: 100%;
  max-width: unset;
  height: 334px;
}
.collection-share-view.mobile-view.phone-view .collection-share-data-section .collection-share-data-section-list .collection-share-view-projects-item {
  flex: 0 0 calc(50% - 20px);
  width: unset;
}
.collection-share-view.mobile-view.phone-view .collection-share-data-section .collection-share-data-section-list .collection-share-view-projects-item .collection-share-view-projects-item-image {
  padding: 16px;
  min-height: calc(50vw - 20px);
  max-height: calc(50vw - 20px);
}
.collection-share-view.mobile-view.phone-view .collection-share-data-section .collection-share-data-section-list .collection-share-view-projects-item .collection-share-view-projects-item-labels {
  padding: 0;
}
.collection-share-view.mobile-view.phone-view .collection-share-data-section .collection-share-data-section-list .collection-share-view-projects-item .collection-share-view-projects-item-labels .group-content-label.group-content.rc-mobile-component {
  font-size: 14px;
  line-height: 18px;
}
.collection-share-view .collection-share-view-subcollections .collection-item.content-card {
  width: 394px;
  max-width: 100%;
  min-width: unset;
  flex-shrink: 0;
  border-radius: 8px;
  overflow: hidden;
  height: 334px;
  box-sizing: border-box;
  box-shadow: 0 0 12px 0 rgba(128, 128, 128, 0.75);
}
@media (max-width: 768px) {
  .collection-share-view .collection-share-view-subcollections .collection-item.content-card {
    width: 358px;
  }
}
.collection-share-view .collection-share-view-subcollections .collection-item.content-card .content-card-image {
  background-color: #bcdef7;
  cursor: pointer;
}
.collection-share-view .collection-share-view-subcollections .collection-item.content-card .content-card-image .image-tile {
  border: unset;
}
.collection-share-view .collection-share-view-subcollections .collection-item.content-card .content-card-title {
  cursor: pointer;
  padding-left: 16px;
}
.collection-share-view .collection-share-view-subcollections .collection-item.content-card .content-card-title .group-content-label {
  flex: 1;
  margin-bottom: 0;
}
.collection-share-view .collection-share-view-subcollections.mobile-view .collection-share-data-section-list {
  gap: 16px;
  padding: unset;
}
.collection-share-view .collection-share-view-subcollections.mobile-view .collection-share-data-section-list .collection-item {
  display: flex;
  max-height: 80px;
  box-sizing: border-box;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.25);
  flex-direction: row;
  margin: unset;
  width: 100%;
}
.collection-share-view .collection-share-view-subcollections.mobile-view .collection-share-data-section-list .collection-item .content-card-image {
  max-width: 107px;
  min-width: 107px;
  height: 100%;
  flex: unset;
}
.collection-share-view .collection-share-view-subcollections.mobile-view .collection-share-data-section-list .collection-item .content-card-title {
  display: flex;
  align-items: center;
  width: 100%;
  flex: 1;
  padding: 4px 16px;
}
.collection-share-view .collection-share-view-buttons-row {
  display: flex;
  justify-content: center;
  gap: 8px;
  padding: 8px 16px 24px;
  /*button.rc-mobile-component.btn-simple:not(.btn-icon-only) {
  		border: 1px solid #525252;
  		padding: 16px 16px;
  		line-height: 18px;
  		max-height: 58px;
  		height: unset;
  		font-weight: 600;

  		.btn-label {
  				color: #525252;
  				font-size: 14px;
  				line-height: 18px;
  		}

  		.rc-icon.sgw-icon {
  				:before {
  						color: #525252;
  				}
  		}
  }*/
}
.collection-share-view .collection-share-view-buttons-row button {
  /*border: 1px solid #525252;
  padding: 16px 24px;

  font-weight: 600;*/
  padding: 5px 24px 5px 16px;
  max-height: unset;
  height: unset;
}
.collection-share-view .collection-share-view-buttons-row button .btn-label {
  color: #525252;
  font-size: 14px;
  line-height: 18px;
}
.collection-share-view .collection-share-view-buttons-row button .rc-icon.sgw-icon:before {
  color: #525252;
}
.collection-share-view .collection-share-view-buttons-row.phone-view {
  flex-direction: column;
}
.collection-share-view .collection-share-view-buttons-row.phone-view button {
  height: unset;
  padding: 5px 0 !important;
  width: 100%;
  justify-content: center;
}
.collection-share-view .collection-share-data-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 16px 16px;
}
.collection-share-view .collection-share-data-section .collection-share-data-section-title .group-content-label {
  line-height: 18px;
  margin-bottom: 8px;
  min-height: 36px;
  font-size: 16px;
  font-weight: bold;
  color: #2C2C2C;
}
.collection-share-view .collection-share-data-section .collection-share-data-section-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-bottom: 16px;
  gap: 16px 8px;
}
.collection-share-view .collection-share-data-section.image-list-type-articlecards .collection-share-data-section-list .collection-item.content-card {
  box-shadow: 0 0 12px 0 rgba(128, 128, 128, 0.75);
  border-radius: 8px;
  overflow: hidden;
}
.collection-share-view .collection-share-data-section.image-list-type-articlecards .collection-share-data-section-list .collection-item.content-card .content-card-title {
  padding: 8px 16px;
  font-weight: normal;
}
.collection-share-view .collection-share-data-section.collection-share-view-projects .collection-share-data-section-list {
  gap: 16px 20px;
}
.collection-share-view.mobile-view .collection-share-data-section.collection-share-view-projects .collection-share-data-section-list {
  gap: 16px 8px;
}
.collection-share-view.mobile-view .collection-share-data-section.collection-share-view-projects .collection-share-data-section-list.justify-center {
  justify-content: center;
}
.collection-share-view .collection-share-view-artists-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 8px;
  padding-bottom: 16px;
}
.collection-share-view .collection-share-view-artists-list .collection-artists-item.content-card {
  width: 394px;
  max-width: 100%;
  min-width: unset;
  flex-shrink: 0;
  /*width: auto;
  max-width: 446px;
  min-width: 358px;
  flex: 1;*/
  height: 334px;
  box-sizing: border-box;
  margin: 8px;
}
@media (max-width: 768px) {
  .collection-share-view .collection-share-view-artists-list .collection-artists-item.content-card {
    width: 358px;
  }
}
.collection-share-view .collection-share-view-artists-list .collection-artists-item.content-card .content-card-image {
  background-color: #bcdef7;
  cursor: pointer;
}
.collection-share-view .collection-share-view-artists-list .collection-artists-item.content-card .content-card-image .image-tile {
  border: unset;
}
.collection-share-view .collection-share-view-artists-list .collection-artists-item.content-card .content-card-image .image-tile svg {
  height: 100%;
  width: auto;
  transform: translateX(-50%);
  margin-left: 50%;
}
.collection-share-view .collection-share-view-artists-list .collection-artists-item.content-card .content-card-title {
  cursor: pointer;
  padding-left: 16px;
  min-height: 60px;
  justify-content: unset;
}
.collection-share-view .collection-share-view-artists-list .collection-artists-item.content-card .content-card-title .group-content-label {
  flex: 1;
  margin-bottom: 0;
}
.collection-share-view .collection-share-view-artists-list .collection-artists-item.content-card .content-card-title .group-content-avatar {
  margin-right: 8px;
}
.collection-share-view .collection-share-view-artists-list .collection-artists-item.content-card .content-card-title .collection-artists-title .collection-artists-name {
  font-weight: normal;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.collection-share-view .collection-share-view-artists-list .collection-artists-item.content-card .content-card-title .collection-artists-title .collection-artists-country {
  font-size: 12px;
  font-weight: normal;
  color: #333333;
}
.collection-share-view.mobile-view .collection-share-view-subcollections {
  padding-left: 16px;
  padding-right: 16px;
}
.collection-share-view.mobile-view .collection-share-view-artists-list {
  padding-left: 32px;
  padding-right: 32px;
  padding-top: 0;
}
.collection-share-view.mobile-view .collection-share-view-artists-list .collection-artists-item.content-card {
  margin: 16px;
  box-shadow: 0 0 8px 4px #CCCCCC;
}
.collection-share-view .collection-share-view-images-list-wrapper {
  display: flex;
  flex-direction: column;
  position: relative;
  /*&.mobile-images-list-wrapper {
  		margin-left: -2px;
  		margin-right: -2px;
  }*/
}
.collection-share-view .collection-share-view-images-list-wrapper .rc-floating-button {
  z-index: 2;
}
.collection-share-view .collection-share-view-images-list {
  position: relative;
  display: flex;
}
.collection-share-view .collection-share-view-images-list .image-list-item img {
  -webkit-touch-callout: none;
}
.collection-share-view .collection-share-view-images-list .collection-share-view-images-list-loader {
  position: absolute;
  bottom: 0;
}
.collection-share-view .collection-share-view-images-list .image-list-item {
  box-sizing: border-box;
  padding: 2px;
  /*
  						.feedback-item {
  		position: absolute;
  		padding: unset;
  		left: 10px;
  		top: 10px;
  }
   */
  /*@media (pointer: fine) {
  	&:hover {
  		.on-wishlist-item {
  			display: none;
  		}

  		.feedback-icon {
  			display: none;
  		}
  	}
  }*/
}
.collection-share-view .collection-share-view-images-list .image-list-item .on-wishlist-item {
  position: absolute;
  left: 0;
  bottom: 8px;
}
.collection-share-view .collection-share-view-images-list .image-list-item .on-wishlist-item button {
  color: white;
}
.collection-share-view .collection-share-view-images-list .image-list-item .on-wishlist-item button .rc-icon:before {
  color: white;
}
.collection-share-view .collection-share-view-images-list .image-list-item .wishlist-download {
  position: absolute;
  top: 16px;
  left: 16px;
}
.collection-share-view .collection-share-view-images-list .image-list-item .wishlist-download button {
  display: unset;
  background-color: #efefef;
  width: 36px;
  height: 36px;
  padding: unset;
}
.collection-share-view .collection-share-view-images-list .image-list-item .wishlist-download button .download {
  margin: unset;
}
.collection-share-view .collection-share-view-images-list .image-list-item .on-cart-item {
  position: absolute;
  padding: unset;
  right: 16px;
  top: 16px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid #6c9d0d;
  background: #6c9d0d;
}
.collection-share-view .collection-share-view-images-list .image-list-item .on-cart-item:before {
  color: white;
}
.collection-share-view .collection-share-view-images-list .image-list-item .feedback-icon {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.collection-share-view .collection-share-view-images-list .image-list-item.mobile-image-list-item .on-wishlist-item {
  bottom: 4px;
  left: 8px;
}
.collection-share-view .collection-share-view-images-list .image-list-item.mobile-image-list-item .on-wishlist-item button {
  height: 26px;
  padding: 0;
}
.collection-share-view .collection-share-view-images-list .image-list-item.mobile-image-list-item.selected .on-wishlist-item {
  display: none;
}
.collection-share-view .collection-share-view-images-list .image-list-item > div:first-child {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  cursor: pointer;
  background-color: transparent;
  align-items: center;
}
.collection-share-view .collection-share-view-images-list .image-list-item div.image-selected-border {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.collection-share-view .collection-share-view-images-list .image-list-item div.image-selected-border:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  border: 4px solid transparent;
}
.collection-share-view .collection-share-view-images-list .image-list-item .image-check {
  position: absolute;
  padding: unset;
  right: 8px;
  bottom: 8px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid #ffffff;
}
.collection-share-view .collection-share-view-images-list .image-list-item .image-check:before {
  width: 16px;
  height: 16px;
  line-height: 16px;
  font-size: 16px;
}
.collection-share-view .collection-share-view-images-list .image-list-item .image-check.position-left {
  right: unset;
  left: 8px;
}
.collection-share-view .collection-share-view-images-list .image-list-item.selected div.image-selected-border:after {
  border-color: #3669c4;
}
.collection-share-view .collection-share-view-images-list .image-list-item.selected .image-check {
  background: #3669c4;
}
.collection-share-view .collection-share-view-images-list .image-list-item.selected .image-check:before {
  color: #ffffff;
}
.collection-share-view .collection-share-view-images-list .image-list-item.not-selected div.image-selected-border:after {
  border-color: #ffffff;
}
.collection-share-view .collection-share-view-images-list .image-list-item.not-selected .image-check {
  background: #ffffff;
  border-color: #CCCCCC;
}
.collection-share-view .collection-share-view-images-list .image-list-item.not-selected .image-check:before {
  color: #CCCCCC;
}
.collection-share-view .collection-share-view-images-list .image-list-item .rc-image-overlay {
  display: none;
  position: absolute;
  bottom: 3px;
  left: 0;
  z-index: 1;
}
.collection-share-view .collection-share-view-images-list .image-list-item .rc-image-overlay.position-top {
  padding: 0 16px;
  box-sizing: border-box;
  bottom: unset;
  top: 0;
}
.collection-share-view .collection-share-view-images-list .image-list-item:not(.mobile-image-list-item):hover .rc-image-overlay {
  display: inherit;
}
.collection-share-view .collection-share-view-images-list .image-list-item:not(.mobile-image-list-item):hover .rc-image-overlay.position-top {
  display: flex;
}
.collection-share-view .collection-share-view-images-list .image-list-item:not(.mobile-image-list-item):hover .rc-image-overlay.position-top .rc-label-component {
  flex: 1;
}
.collection-share-view .collection-share-view-images-list .image-list-item:not(.mobile-image-list-item):hover .rc-image-overlay.position-top button {
  padding: 0;
  padding-left: 16px;
}
.collection-share-view .collection-share-view-images-list.mobile-images-list {
  padding-left: 8px;
  box-sizing: border-box;
}
.collection-share-view .collection-share-view-images-list.mobile-images-list .image-list-item {
  padding-bottom: 8px;
}
.collection-share-view .collection-share-view-images-list.mobile-images-list.image-list-type-squares .image-list-item {
  padding: 2px;
}
.collection-share-view .collection-share-view-images-list.image-list-type-squares {
  display: flex;
  flex-wrap: wrap;
}
.collection-share-view .collection-share-view-images-list.image-list-type-squares .image-list-item > div {
  overflow: hidden;
}
.collection-share-view .collection-share-view-images-list.image-list-type-squares .image-list-item.landscape img {
  height: 100%;
  width: auto;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}
.collection-share-view .collection-share-view-images-list.image-list-type-squares .image-list-item.portrait img {
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.collection-share-view .collection-share-view-images-list.image-list-type-squares .image-list-item.square img {
  width: 100%;
  height: 100%;
}
.collection-share-view .collection-share-view-images-list.image-list-type-squares .image-list-item .rc-image-overlay:not(.position-top) {
  bottom: 0;
}
.collection-share-view .collection-share-view-images-list.image-list-type-artboards {
  display: flex;
  flex-wrap: wrap;
  background-color: transparent;
  padding: 0 32px;
  box-sizing: border-box;
}
@media (max-width: 1200px) {
  .collection-share-view .collection-share-view-images-list.image-list-type-artboards {
    padding: 0 16px;
  }
}
@media (max-width: 600px) {
  .collection-share-view .collection-share-view-images-list.image-list-type-artboards {
    padding: 0 8px;
  }
}
.collection-share-view .collection-share-view-images-list.image-list-type-artboards .image-list-item {
  padding: 32px;
  margin-bottom: 16px;
}
@media (max-width: 1200px) {
  .collection-share-view .collection-share-view-images-list.image-list-type-artboards .image-list-item {
    padding: 16px 24px;
  }
}
@media (max-width: 600px) {
  .collection-share-view .collection-share-view-images-list.image-list-type-artboards .image-list-item {
    padding: 8px 8px;
  }
}
.collection-share-view .collection-share-view-images-list.image-list-type-artboards .image-list-item > div {
  background-color: transparent;
  position: relative;
  box-sizing: border-box;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.collection-share-view .collection-share-view-images-list.image-list-type-artboards .image-list-item .image-wrapper {
  background-color: transparent;
  box-sizing: border-box;
  width: max-content;
  height: max-content;
  position: relative;
  margin-bottom: 16px;
}
@media (max-width: 500px) {
  .collection-share-view .collection-share-view-images-list.image-list-type-artboards .image-list-item .image-wrapper {
    box-shadow: unset;
    display: flex;
    justify-content: center;
    width: unset;
  }
}
.collection-share-view .collection-share-view-images-list.image-list-type-artboards .image-list-item .image-wrapper .image-list-item-delete {
  position: absolute;
  top: 16px;
  right: 16px;
}
.collection-share-view .collection-share-view-images-list.image-list-type-artboards .image-list-item .image-wrapper img {
  max-width: 100%;
  max-height: 100%;
  display: block;
  box-shadow: 0 0 16px 0 rgba(124, 116, 116, 0.5);
}
.collection-share-view .collection-share-view-images-list.image-list-type-artboards .image-list-item .image-list-item-footer {
  background-color: transparent;
  display: flex;
  justify-content: center;
  text-align: center;
  width: 100%;
}
.collection-share-view .collection-share-view-images-list.image-list-type-artboards .image-list-item .image-list-item-footer .rc-label-component.rc-mobile-component {
  display: block;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.collection-share-view .collection-share-view-images-list.image-list-type-artboards .image-list-item .image-list-item-footer button.btn-simple.rc-mobile-component {
  padding: 0 8px;
}
.collection-share-view .collection-share-view-images-list.image-list-type-artboards .image-list-item .image-list-item-footer button.btn-simple.rc-mobile-component .sgw-icon {
  margin-right: 0;
}
.collection-share-view .collection-share-view-images-list.image-list-type-artboards .image-list-item.landscape .image-wrapper {
  width: 100%;
}
.collection-share-view .collection-share-view-images-list.image-list-type-artboards .image-list-item.portrait .image-wrapper {
  height: 100%;
  max-height: 400px;
}
.collection-share-view .collection-share-view-images-list.image-list-type-artboards .image-list-item.square .image-wrapper {
  max-width: 100%;
  width: 100%;
  height: 100%;
}
.collection-share-view .collection-share-view-images-list.image-list-type-artboards.mobile-images-list .image-list-item > div {
  justify-content: flex-end;
}
.collection-share-view .collection-share-view-images-list.image-list-type-artboards.mobile-images-list .image-list-item .image-wrapper img {
  box-shadow: unset;
}
.collection-share-view .collection-share-view-images-list.image-list-type-masonry .image-list-item .image-wrapper {
  position: relative;
}
.collection-share-view .collection-share-view-images-list.image-list-type-masonry .image-list-item div.image-selected-border:after {
  bottom: 4px;
}
.collection-share-view .collection-share-view-images-list.image-list-type-masonry .image-list-item img {
  width: 100%;
  height: 100%;
  /*
  &.portrait {
  		height: 100%;
  		width: auto;
  }*/
}
.collection-share-view .collection-share-view-images-list.image-list-type-masonry .image-list-item img.landscape {
  width: 100%;
  height: auto;
}
.collection-share-view .collection-share-view-images-list.image-list-type-masonry .image-list-item div.image-selected-border:after {
  bottom: 4px;
}
.collection-share-view .collection-share-view-images-list.image-list-type-masonry .image-list-item .image-check {
  bottom: 12px;
}
.collection-share-view .collection-share-view-images-list.image-list-type-article-cards {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  gap: 16px;
}
.collection-share-view .collection-share-view-images-list.image-list-type-article-cards.mobile-images-list-2-cols .image-list-item .image-list-item-article-card-footer {
  padding: 8px;
}
.collection-share-view .collection-share-view-images-list.image-list-type-article-cards.mobile-images-list-2-cols .image-list-item .image-list-item-article-card-footer button .btn-label {
  display: none;
}
.collection-share-view .collection-share-view-images-list.image-list-type-article-cards.mobile-images-list-2-cols .image-list-item .image-list-item-article-card-footer button.btn-simple.rc-mobile-component {
  padding: 0 8px;
}
.collection-share-view .collection-share-view-images-list.image-list-type-article-cards .image-list-item {
  padding: 0 16px 16px;
  /*padding-left: 8px;
  padding-right: 8px;
  padding-bottom: 8px;*/
  justify-content: center;
  background-color: transparent;
}
.collection-share-view .collection-share-view-images-list.image-list-type-article-cards .image-list-item > div {
  background-color: #FFFFFF;
  position: relative;
  box-sizing: border-box;
  flex-direction: column;
  align-items: center;
  border-radius: 8px;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.25);
  width: fit-content;
}
.collection-share-view .collection-share-view-images-list.image-list-type-article-cards .image-list-item > div .rc-image-overlay.position-top {
  border-radius: 8px;
}
.collection-share-view .collection-share-view-images-list.image-list-type-article-cards .image-list-item div.image-selected-border:after {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.collection-share-view .collection-share-view-images-list.image-list-type-article-cards .image-list-item .wrapper-container-article-desktop {
  height: fit-content;
}
.collection-share-view .collection-share-view-images-list.image-list-type-article-cards .image-list-item .wrapper-container-article-desktop-no-footer {
  height: auto;
  box-shadow: none;
  background-color: unset;
}
.collection-share-view .collection-share-view-images-list.image-list-type-article-cards .image-list-item .wrapper-container-article-desktop-dark {
  height: fit-content;
  box-shadow: unset;
}
.collection-share-view .collection-share-view-images-list.image-list-type-article-cards .image-list-item .wrapper-container-article-desktop-no-footer-dark {
  height: auto;
  box-shadow: unset;
  background-color: unset;
}
.collection-share-view .collection-share-view-images-list.image-list-type-article-cards .image-list-item .image-wrapper {
  position: relative;
}
.collection-share-view .collection-share-view-images-list.image-list-type-article-cards .image-list-item .image-wrapper-no-footer {
  position: relative;
  height: fit-content;
}
.collection-share-view .collection-share-view-images-list.image-list-type-article-cards .image-list-item .image-wrapper-no-footer img {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  box-shadow: 0 0 12px 0 rgba(128, 128, 128, 0.75);
}
.collection-share-view .collection-share-view-images-list.image-list-type-article-cards .image-list-item img {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  width: 100%;
  height: 100%;
  /*
  &.portrait {
  		height: 100%;
  		width: auto;
  }*/
}
.collection-share-view .collection-share-view-images-list.image-list-type-article-cards .image-list-item img.landscape {
  width: 100%;
}
.collection-share-view .collection-share-view-images-list.image-list-type-article-cards .image-list-item .image-list-item-article-card-footer {
  display: flex;
  width: 100%;
  border-radius: 8px;
  padding: 16px;
  box-sizing: border-box;
}
.collection-share-view .collection-share-view-images-list.image-list-type-article-cards .image-list-item .image-list-item-article-card-footer .image-list-item-article-card-footer-centered-buttons {
  display: flex;
  justify-content: center;
  column-gap: 8px;
  width: 100%;
}
.collection-share-view .collection-share-view-images-list.image-list-type-article-cards .image-list-item .image-list-item-article-card-footer .image-list-item-article-card-footer-centered-buttons button {
  align-self: center;
  color: #6E6E6E;
  width: 36px;
  padding: 0 16px;
  background-color: #FFFFFF;
}
.collection-share-view .collection-share-view-images-list.image-list-type-article-cards .image-list-item .image-list-item-article-card-footer .image-list-item-article-card-footer-centered-buttons button .rc-icon:before {
  background-color: #FFFFFF;
}
.collection-share-view .collection-share-view-images-list.image-list-type-article-cards .image-list-item .image-list-item-article-card-footer .image-list-item-article-card-footer-left-buttons {
  width: 50%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.collection-share-view .collection-share-view-images-list.image-list-type-article-cards .image-list-item .image-list-item-article-card-footer .image-list-item-article-card-footer-left-buttons button {
  align-self: center;
  color: #6E6E6E;
  width: 36px;
  padding: 0 16px;
  background-color: #FFFFFF;
}
.collection-share-view .collection-share-view-images-list.image-list-type-article-cards .image-list-item .image-list-item-article-card-footer .image-list-item-article-card-footer-left-buttons button .rc-icon:before {
  background-color: #FFFFFF;
}
.collection-share-view .collection-share-view-images-list.image-list-type-article-cards .image-list-item .image-list-item-article-card-footer .image-list-item-article-card-footer-right-buttons {
  width: 50%;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.collection-share-view .collection-share-view-images-list.image-list-type-article-cards .image-list-item .image-list-item-article-card-footer .image-list-item-article-card-footer-right-buttons button {
  align-self: center;
  color: #FFFFFF;
}
.collection-share-view .collection-share-view-images-list.image-list-type-article-cards .image-list-item .image-list-item-article-card-footer .image-list-item-article-card-footer-right-buttons button .rc-icon:before {
  color: #FFFFFF;
}
.collection-share-view .collection-share-view-images-list.image-list-type-article-cards .image-list-item .image-list-item-article-card-footer .image-list-item-article-card-buy-button {
  background: #6C9D0D;
  color: #FFFFFF;
  border-radius: 18px;
  height: 36px;
}
.collection-share-view .collection-share-view-images-list.image-list-type-article-cards .image-list-item .image-list-item-article-card-footer .image-list-item-article-card-buy-button {
  align-self: center;
  color: white;
}
.collection-share-view .collection-share-view-images-list.image-list-type-article-cards .image-list-item .image-list-item-article-card-footer .image-list-item-article-card-buy-button .rc-icon:before {
  color: white;
}
.collection-share-view .collection-share-view-images-list.image-list-type-article-cards .image-list-item .image-list-item-article-card-footer button.btn-simple.rc-mobile-component .sgw-icon {
  margin-right: 0;
}
.collection-share-view .collection-share-view-images-list.image-list-type-article-cards .image-list-item .image-list-item-article-card-footer button.btn-simple.rc-mobile-component .rc-icon:before {
  font-size: 21px;
}
.collection-share-view .collection-share-view-images-list.image-list-type-article-cards.mobile-images-list.image-list-type-article-cards .image-list-item {
  padding: 0 8px 8px;
}
.collection-share-view .collection-share-view-images-list.image-list-type-article-cards.mobile-images-list .image-list-item > div {
  width: unset;
}
.collection-share-view .collection-share-view-images-list.image-list-type-article-cards.mobile-images-list .image-list-item > div .image-wrapper {
  width: 100%;
}
.collection-share-view .collection-share-view-images-list.image-list-type-article-cards.mobile-images-list .image-list-item > div .image-wrapper-no-footer {
  position: relative;
  width: 100%;
  height: unset;
}
.collection-share-view .collection-share-view-images-list.image-list-type-article-cards.mobile-images-list .image-list-item > div .image-wrapper-no-footer > img {
  box-shadow: unset;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.collection-share-view .collection-share-view-images-list.image-list-type-article-cards.mobile-images-list .image-list-item > div .image-wrapper img {
  box-shadow: unset;
}
.collection-share-view .paging-footer {
  display: flex;
  justify-content: center;
  padding: 16px 0;
}
.collection-share-view .paging-footer > div {
  flex: 0 0 auto;
}
.collection-share-view .paging-footer .btn-simple.btn-hidden {
  visibility: hidden;
}
.collection-share-view .paging-footer .paging-footer-input {
  display: flex;
  max-width: 100%;
  flex-wrap: wrap;
  padding-left: 16px;
  box-sizing: border-box;
}
.collection-share-view .paging-footer .paging-footer-input .rc-select {
  min-width: 200px;
  margin-left: 16px;
}
.collection-share-view .paging-footer .paging-footer-input .rc-select.rc-mobile-component {
  margin-left: unset;
}
.collection-share-view .paging-footer .paging-footer-input .rc-label-component {
  margin-right: 8px;
}
.collection-share-view .paging-footer .paging-footer-input .rc-input {
  min-width: unset;
  width: 50px;
  margin-right: 8px;
}
.collection-share-view .paging-footer .paging-footer-input .rc-input .numeric-buttons {
  display: none;
}
.collection-share-view .collection-share-view-footer {
  border-top: 1px solid #CCCCCC;
  background-color: #FFFFFF;
  padding: 32px 64px;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
}
.collection-share-view .collection-share-view-footer > div {
  flex: 1 0 auto;
}
.collection-share-view .collection-share-view-footer .footer-social-media {
  display: flex;
  flex-direction: row;
}
.collection-share-view .collection-share-view-footer .footer-social-media > div.footer-social-media-wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.collection-share-view .collection-share-view-footer .footer-social-media .footer-social-medial-buttons-wrapper {
  display: flex;
}
.collection-share-view .collection-share-view-footer .footer-social-media .footer-social-media-icon-button {
  width: 24px;
  height: 24px;
  margin-right: 8px;
  cursor: pointer;
}
.collection-share-view .collection-share-view-footer .footer-social-media .project-preview-author-hint {
  display: flex;
  font-size: 12px;
  line-height: 16px;
  align-items: center;
  padding-left: 0;
}
.collection-share-view .collection-share-view-footer .footer-social-media .project-preview-author-hint a {
  margin-left: 4px;
}
.collection-share-view .collection-share-view-footer.mobile-footer {
  flex-direction: column;
  height: unset;
  padding: 32px 16px;
}
.collection-share-view .collection-share-view-footer.mobile-footer .footer-social-media {
  justify-content: unset;
  margin-bottom: 8px;
}
.collection-share-view .collection-share-view-footer.mobile-footer .footer-social-media {
  padding: 0;
  margin-bottom: 16px;
}
.collection-share-view .collection-share-view-footer.mobile-footer .footer-social-media .project-preview-author-hint {
  font-size: 12px;
  display: block;
  height: unset;
  min-height: 24px;
  padding: 8px 0 0;
  margin-top: 8px;
}
.collection-share-view .collection-share-view-footer.mobile-footer .footer-social-media .project-preview-author-hint a {
  margin-left: 4px;
}
.collection-share-view .collection-share-view-footer.mobile-footer .footer-legal-links {
  align-items: unset;
  gap: 4px;
}
.collection-share-view .collection-share-view-footer.mobile-footer .footer-legal-links .project-preview-author-hint {
  padding: 0;
  height: 24px;
  max-height: 24px;
  font-size: 12px;
  display: flex;
  align-items: center;
}
.collection-share-view .collection-share-view-footer .footer-legal-links {
  display: flex;
  gap: 32px;
  justify-content: flex-end;
}
.collection-share-view .collection-share-view-footer .footer-legal-links button {
  padding: 0;
  height: 24px;
  max-height: 24px;
  font-size: 12px;
}
.collection-share-view .collection-share-view-footer.mobile-footer .footer-legal-links {
  flex-wrap: wrap;
  flex-direction: column;
}
.collection-share-view .collection-share-view-footer.mobile-footer .footer-legal-links button, .collection-share-view .collection-share-view-footer.mobile-footer .footer-legal-links button.btn-redesign {
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  text-align: left;
  max-height: 24px;
  font-size: 12px;
  border: unset;
  justify-content: unset;
  text-transform: unset;
  background-color: unset;
  color: inherit;
}
.collection-share-view .rc-image-overlay {
  position: absolute;
}
.collection-share-view .rc-image-overlay button {
  color: white;
}
.collection-share-view .rc-image-overlay button .rc-icon:before {
  color: white;
}
.collection-share-view .rc-image-overlay .right-corner-button {
  position: absolute;
  right: 0;
}
.collection-share-view .rc-image-overlay .left-corner-button {
  position: absolute;
  left: 0;
}
.collection-share-view .rc-image-overlay .left-corner-button button.btn-icon {
  padding: 0 4px;
}
.collection-share-view .rc-image-overlay .left-corner-button button.btn-icon:first-child {
  padding-left: 16px;
}
.collection-share-view .image-list-type-artboards .rc-image-overlay {
  /*&:not(.artboards-overlay):not(.artboards-title-overlay) {
  		bottom: -44px !important;
  }*/
  /*button {
  		color: #000000;

  		.rc-icon:before {
  				color: #000000;
  		}
  }*/
}
.collection-share-view .image-list-type-artboards .rc-image-overlay.artboards-title-overlay {
  bottom: unset !important;
  top: 0;
}
.collection-share-view .image-list-type-artboards .rc-image-overlay.artboards-overlay {
  bottom: 0;
}
.collection-share-view .image-list-type-artboards .rc-image-overlay .left-corner-button .btn-icon {
  padding-left: 4px;
}
.collection-share-view .image-list-type-artboards .rc-image-overlay .right-corner-button .btn-icon {
  padding-right: 8px;
}
.collection-share-view.dark-theme {
  background-color: #2B2B2B;
  /* .rc-icon:before {
  		 color: $DarkThemeFontColor;
   }*/
}
.collection-share-view.dark-theme .collection-share-view-body {
  background-color: #2B2B2B;
}
.collection-share-view.dark-theme .collection-share-view-header {
  background-color: #2B2B2B;
}
.collection-share-view.dark-theme .collection-share-view-header .collection-share-view-header-tabs button {
  color: #FFFFFF;
}
.collection-share-view.dark-theme .collection-share-view-header .collection-share-view-header-tab-control .rc-tabcontrol .rc-tabcontrol-tab {
  color: #FFFFFF;
}
.collection-share-view.dark-theme .collection-share-view-header .collection-share-view-header-tab-control .rc-tabcontrol .rc-tabcontrol-tab.rc-tabcontrol-tab-selected {
  border-bottom-color: #FFFFFF;
}
.collection-share-view.dark-theme .collection-share-view-buttons-row button, .collection-share-view.dark-theme .collection-share-view-buttons-row button.rc-mobile-component.btn-simple:not(.btn-icon-only) {
  border-color: #FFFFFF;
  background-color: #000000;
}
.collection-share-view.dark-theme .collection-share-view-buttons-row button .btn-label, .collection-share-view.dark-theme .collection-share-view-buttons-row button .rc-icon.sgw-icon:before, .collection-share-view.dark-theme .collection-share-view-buttons-row button.rc-mobile-component.btn-simple:not(.btn-icon-only) .btn-label, .collection-share-view.dark-theme .collection-share-view-buttons-row button.rc-mobile-component.btn-simple:not(.btn-icon-only) .rc-icon.sgw-icon:before {
  color: #FFFFFF;
}
.collection-share-view.dark-theme .collection-share-view-projects-item .collection-share-view-projects-item-image {
  background-color: #333333;
}
.collection-share-view.dark-theme .collection-share-view-mobile-menu {
  background-color: #2B2B2B;
}
.collection-share-view.dark-theme .collection-share-view-mobile-menu .collection-list-header {
  color: #FFFFFF;
}
.collection-share-view.dark-theme .collection-share-view-mobile-menu button {
  color: #FFFFFF;
  border-color: #FFFFFF;
}
.collection-share-view.dark-theme .collection-share-view-mobile-menu .collection-share-view-collections-list .content-card.collection-item {
  background-color: transparent;
  border-bottom-color: #FFFFFF;
}
.collection-share-view.dark-theme .collection-share-view-mobile-menu .collection-share-view-collections-list .content-card.collection-item .content-card-title .group-content-label {
  color: #FFFFFF;
}
.collection-share-view.dark-theme .collection-share-view-mobile-menu .collection-share-view-footer.mobile-footer .footer-legal-links {
  margin-top: unset;
  gap: unset;
}
.collection-share-view.dark-theme .collection-share-view-mobile-menu .collection-share-view-footer.mobile-footer .project-preview-author-hint {
  color: #FFFFFF;
}
.collection-share-view.dark-theme .collection-share-view-mobile-menu .collection-share-view-footer.mobile-footer button, .collection-share-view.dark-theme .collection-share-view-mobile-menu .collection-share-view-footer.mobile-footer button.btn-redesign {
  color: #FFFFFF;
}
.collection-share-view.dark-theme .project-preview-author-hint, .collection-share-view.dark-theme .own-page-website-url {
  font-size: 12px;
  color: #FFFFFF;
}
.collection-share-view.dark-theme .project-preview-author-hint a, .collection-share-view.dark-theme .own-page-website-url a {
  color: #FFFFFF;
  margin-left: 4px;
}
.collection-share-view.dark-theme .profile-page-url button {
  color: #FFFFFF;
}
.collection-share-view.dark-theme .collection-share-view-subcollections {
  /*&.image-list-type-articlecards {
  		.collection-share-data-section-list {
  				.collection-item.content-card {
  						box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.25);
  						background-color: transparent;

  						.content-card-image {
  								background-color: $DarkThemeCardTitleBackgroundColor;
  						}

  						.content-card-title {
  								background-color: #000000;
  								color: $DarkThemeFontColor;

  								.group-content-label {
  										color: $DarkThemeFontColor;
  								}


  						}
  				}
  		}
  }*/
}
.collection-share-view.dark-theme .collection-share-view-subcollections .collection-item.content-card .content-card-image {
  background-color: #FFFFFF;
}
.collection-share-view.dark-theme .collection-share-view-subcollections .collection-item.content-card .content-card-title {
  background-color: #333333;
  color: #FFFFFF;
}
.collection-share-view.dark-theme .collection-share-view-subcollections .collection-item.content-card .content-card-title .group-content-label {
  color: #FFFFFF;
}
.collection-share-view.dark-theme .collection-share-view-subcollections .rc-icon:before {
  color: #FFFFFF;
}
.collection-share-view.dark-theme .collection-share-view-subcollections .collection-share-data-section-list .collection-item.content-card {
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.25);
  background-color: transparent;
}
.collection-share-view.dark-theme .collection-share-view-subcollections .collection-share-data-section-list .collection-item.content-card .content-card-image {
  background-color: #333333;
}
.collection-share-view.dark-theme .collection-share-view-subcollections .collection-share-data-section-list .collection-item.content-card .content-card-title {
  background-color: #000000;
  color: #FFFFFF;
}
.collection-share-view.dark-theme .collection-share-view-subcollections .collection-share-data-section-list .collection-item.content-card .content-card-title .group-content-label {
  color: #FFFFFF;
}
.collection-share-view.dark-theme .footer-legal-links {
  color: #FFFFFF;
}
.collection-share-view.dark-theme .collection-share-details .group-content-label {
  color: #FFFFFF;
}
.collection-share-view.dark-theme .breadcrumb, .collection-share-view.dark-theme .breadcrumb.collection-share-breadcrumb-to-parent {
  background-color: #2B2B2B;
}
.collection-share-view.dark-theme .breadcrumb .rc-icon.sgw-icon:before, .collection-share-view.dark-theme .breadcrumb.collection-share-breadcrumb-to-parent .rc-icon.sgw-icon:before {
  color: #FFFFFF;
}
.collection-share-view.dark-theme .breadcrumb a, .collection-share-view.dark-theme .breadcrumb.collection-share-breadcrumb-to-parent a {
  color: #FFFFFF;
}
.collection-share-view.dark-theme .breadcrumb a:after, .collection-share-view.dark-theme .breadcrumb.collection-share-breadcrumb-to-parent a:after {
  border-bottom-color: #FFFFFF;
}
.collection-share-view.dark-theme .breadcrumb .sgw-icon.next:after, .collection-share-view.dark-theme .breadcrumb.collection-share-breadcrumb-to-parent .sgw-icon.next:after {
  color: #FFFFFF;
}
.collection-share-view.dark-theme .breadcrumb strong, .collection-share-view.dark-theme .breadcrumb.collection-share-breadcrumb-to-parent strong {
  color: #FFFFFF;
}
.collection-share-view.dark-theme .collection-share-view-banner-art-wrapper, .collection-share-view.dark-theme .collection-share-view-banner-cover-wrapper {
  background-color: #1D1D1D;
}
.collection-share-view.dark-theme .collection-share-view-banner-art-wrapper button.btn-icon.btn-icon-only .rc-icon:before, .collection-share-view.dark-theme .collection-share-view-banner-cover-wrapper button.btn-icon.btn-icon-only .rc-icon:before {
  color: #ffffff;
}
.collection-share-view.dark-theme .collection-share-title {
  color: #FFFFFF;
}
.collection-share-view.dark-theme .collection-share-view-footer {
  border-color: #6E6E6E;
  background-color: #2B2B2B;
}
.collection-share-view.dark-theme .right-corner-button button .btn-label, .collection-share-view.dark-theme .left-corner-button button .btn-label, .collection-share-view.dark-theme .collection-share-view-header-buttons button .btn-label, .collection-share-view.dark-theme .collection-share-view-header-logo button .btn-label {
  color: #FFFFFF;
}
.collection-share-view.dark-theme .right-corner-button button .rc-icon:before, .collection-share-view.dark-theme .left-corner-button button .rc-icon:before, .collection-share-view.dark-theme .collection-share-view-header-buttons button .rc-icon:before, .collection-share-view.dark-theme .collection-share-view-header-logo button .rc-icon:before {
  color: #FFFFFF;
}
.collection-share-view.dark-theme .collection-share-image-selection-footer {
  background-color: #2B2B2B;
}
.collection-share-view.dark-theme .collection-share-image-selection-footer button .btn-label {
  color: #FFFFFF;
}
.collection-share-view.dark-theme .collection-share-image-selection-footer button .rc-icon:before {
  color: #FFFFFF;
}
.collection-share-view.dark-theme .rc-label, .collection-share-view.dark-theme .content-group-table-row, .collection-share-view.dark-theme .rc-label-component {
  color: #FFFFFF;
}
.collection-share-view.dark-theme .rc-label .group-content-label, .collection-share-view.dark-theme .content-group-table-row .group-content-label, .collection-share-view.dark-theme .rc-label-component .group-content-label {
  color: #FFFFFF !important;
}
.collection-share-view.dark-theme .rc-label .group-content-label.article, .collection-share-view.dark-theme .content-group-table-row .group-content-label.article, .collection-share-view.dark-theme .rc-label-component .group-content-label.article {
  color: #EFEFEF !important;
}
.collection-share-view.dark-theme .context-menu .context-menu-body .rc-label-component {
  color: #000000;
}
.collection-share-view.dark-theme .rc-input .rc-label {
  color: inherit;
}
.collection-share-view.dark-theme .collection-share-view-upload-images button, .collection-share-view.dark-theme .collection-share-view-upload-images a, .collection-share-view.dark-theme .collection-share-view-upload-images a:active, .collection-share-view.dark-theme .collection-share-view-upload-images a:visited, .collection-share-view.dark-theme .collection-share-view-upload-images .rc-component.rc-checkbox, .collection-share-view.dark-theme .collection-share-view-visit-on-wallart button, .collection-share-view.dark-theme .collection-share-view-visit-on-wallart a, .collection-share-view.dark-theme .collection-share-view-visit-on-wallart a:active, .collection-share-view.dark-theme .collection-share-view-visit-on-wallart a:visited, .collection-share-view.dark-theme .collection-share-view-visit-on-wallart .rc-component.rc-checkbox {
  background-color: #2B2B2B;
  color: #FFFFFF;
}
.collection-share-view.dark-theme .collection-share-view-upload-images button .rc-icon:before, .collection-share-view.dark-theme .collection-share-view-upload-images a .rc-icon:before, .collection-share-view.dark-theme .collection-share-view-upload-images a:active .rc-icon:before, .collection-share-view.dark-theme .collection-share-view-upload-images a:visited .rc-icon:before, .collection-share-view.dark-theme .collection-share-view-upload-images .rc-component.rc-checkbox .rc-icon:before, .collection-share-view.dark-theme .collection-share-view-visit-on-wallart button .rc-icon:before, .collection-share-view.dark-theme .collection-share-view-visit-on-wallart a .rc-icon:before, .collection-share-view.dark-theme .collection-share-view-visit-on-wallart a:active .rc-icon:before, .collection-share-view.dark-theme .collection-share-view-visit-on-wallart a:visited .rc-icon:before, .collection-share-view.dark-theme .collection-share-view-visit-on-wallart .rc-component.rc-checkbox .rc-icon:before {
  color: #FFFFFF;
}
.collection-share-view.dark-theme .collection-share-view-upload-images button:hover, .collection-share-view.dark-theme .collection-share-view-upload-images a:hover, .collection-share-view.dark-theme .collection-share-view-upload-images a:active:hover, .collection-share-view.dark-theme .collection-share-view-upload-images a:visited:hover, .collection-share-view.dark-theme .collection-share-view-upload-images .rc-component.rc-checkbox:hover, .collection-share-view.dark-theme .collection-share-view-visit-on-wallart button:hover, .collection-share-view.dark-theme .collection-share-view-visit-on-wallart a:hover, .collection-share-view.dark-theme .collection-share-view-visit-on-wallart a:active:hover, .collection-share-view.dark-theme .collection-share-view-visit-on-wallart a:visited:hover, .collection-share-view.dark-theme .collection-share-view-visit-on-wallart .rc-component.rc-checkbox:hover {
  background-color: #2B2B2B;
}
.collection-share-view.dark-theme .collection-share-view-upload-images button:hover .rc-icon:before, .collection-share-view.dark-theme .collection-share-view-upload-images a:hover .rc-icon:before, .collection-share-view.dark-theme .collection-share-view-upload-images a:active:hover .rc-icon:before, .collection-share-view.dark-theme .collection-share-view-upload-images a:visited:hover .rc-icon:before, .collection-share-view.dark-theme .collection-share-view-upload-images .rc-component.rc-checkbox:hover .rc-icon:before, .collection-share-view.dark-theme .collection-share-view-visit-on-wallart button:hover .rc-icon:before, .collection-share-view.dark-theme .collection-share-view-visit-on-wallart a:hover .rc-icon:before, .collection-share-view.dark-theme .collection-share-view-visit-on-wallart a:active:hover .rc-icon:before, .collection-share-view.dark-theme .collection-share-view-visit-on-wallart a:visited:hover .rc-icon:before, .collection-share-view.dark-theme .collection-share-view-visit-on-wallart .rc-component.rc-checkbox:hover .rc-icon:before {
  color: #FFFFFF;
}
.collection-share-view.dark-theme .collection-share-view-images-list.image-list-type-artboards .image-list-item .image-wrapper img {
  box-shadow: unset;
}
.collection-share-view.dark-theme .collection-share-view-images-list.image-list-type-artboards .rc-image-overlay button {
  color: #FFFFFF;
}
.collection-share-view.dark-theme .collection-share-view-images-list.image-list-type-artboards .rc-image-overlay button .rc-icon:before {
  color: #FFFFFF;
}
.collection-share-view.dark-theme .collection-share-view-images-list.image-list-type-article-cards .image-list-item-article-card-footer {
  background-color: #000000;
}
.collection-share-view.dark-theme .collection-share-view-images-list.image-list-type-article-cards .image-list-item-article-card-footer .image-list-item-article-card-footer-left-buttons button, .collection-share-view.dark-theme .collection-share-view-images-list.image-list-type-article-cards .image-list-item-article-card-footer .image-list-item-article-card-footer-centered-buttons button {
  background-color: transparent;
  color: #FFFFFF;
}
.collection-share-view.dark-theme .collection-share-view-images-list.image-list-type-article-cards .image-list-item-article-card-footer .image-list-item-article-card-footer-left-buttons button .rc-icon:before, .collection-share-view.dark-theme .collection-share-view-images-list.image-list-type-article-cards .image-list-item-article-card-footer .image-list-item-article-card-footer-centered-buttons button .rc-icon:before {
  background-color: transparent;
  color: #FFFFFF;
}
.collection-share-view.dark-theme .collection-share-view-images-list.image-list-type-article-cards .image-list-item .image-wrapper img {
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.25);
}
.collection-share-view.dark-theme .collection-share-view-images-list.image-list-type-article-cards .image-list-item > div {
  background-color: #000000;
}
.collection-share-view.dark-theme .collection-share-view-images-list.image-list-type-article-cards .rc-image-overlay button {
  color: #FFFFFF;
}
.collection-share-view.dark-theme .collection-share-view-images-list.image-list-type-article-cards .rc-image-overlay button .rc-icon:before {
  color: #FFFFFF;
}
.collection-share-view.dark-theme .image-list-item-footer {
  color: #FFFFFF;
}
.collection-share-view.dark-theme .image-list-item-footer button {
  color: #FFFFFF;
}
.collection-share-view.dark-theme .image-list-item-footer button .rc-icon:before {
  color: #FFFFFF;
}
.collection-share-view.dark-theme .image-list-item-article-card-footer {
  background-color: #FFFFFF;
}
.collection-share-view.dark-theme .image-list-item-article-card-footer button {
  background-color: #6C9D0D;
}
.collection-share-view.dark-theme .image-list-item-article-card-footer button .rc-icon:before {
  background-color: #6C9D0D;
}
.collection-share-view.dark-theme .paging-footer-input .rc-component.rc-input {
  background-color: #676767;
}
.collection-share-view.dark-theme .paging-footer-input .rc-component.rc-input:hover, .collection-share-view.dark-theme .paging-footer-input .rc-component.rc-input.focus {
  border-color: #cccccc;
}
.collection-share-view.dark-theme .paging-footer-input .rc-component.rc-input .rc-input-wrapper input {
  color: #ffffff;
}
.collection-share-view.dark-theme .paging-footer-input .rc-component.rc-select {
  background-color: #676767;
}
.collection-share-view.dark-theme .paging-footer-input .rc-component.rc-select:hover .selected-option {
  border-color: #CCCCCC;
}
.collection-share-view.dark-theme .paging-footer-input .rc-component.rc-select label, .collection-share-view.dark-theme .paging-footer-input .rc-component.rc-select .selected-option-label, .collection-share-view.dark-theme .paging-footer-input .rc-component.rc-select .selected-option .sgw-icon:before {
  color: #ffffff;
}
.collection-share-view.dark-theme .paging-footer-input .btn-simple.btn-icon-only {
  background-color: #676767;
}
.collection-share-view.dark-theme .paging-footer-input .btn-simple.btn-icon-only .rc-icon.sgw-icon:before {
  color: #ffffff;
}

.collection-share-view .collection-share-view-wishlist-content {
  display: flex;
  flex-direction: column;
}
.collection-share-view .collection-share-view-wishlist-content .table-content-wrapper {
  height: 100%;
  min-height: unset;
  flex: 1;
}

.collection-share-image-selection-footer {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: white;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  box-sizing: border-box;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.28);
  z-index: 1;
}
.collection-share-image-selection-footer.dialog-v2-footer {
  position: sticky;
  position: -webkit-sticky;
  bottom: 0;
}
.collection-share-image-selection-footer.dialog-v2-footer > div {
  padding: unset;
}
.collection-share-image-selection-footer .control-wrapper {
  display: flex;
}
.collection-share-image-selection-footer .control-wrapper button {
  min-height: 44px;
  padding-right: 8px;
}
.collection-share-image-selection-footer .collection-share-image-order-button {
  height: 44px;
  border-radius: 22px;
  justify-content: center;
  width: 446px;
}
.collection-share-image-selection-footer.mobile-view {
  flex-direction: column;
  padding-top: 8px;
  gap: 8px;
}
.collection-share-image-selection-footer.mobile-view .control-wrapper {
  width: 100%;
  justify-content: left;
  gap: 8px;
}
.collection-share-image-selection-footer.mobile-view .control-wrapper button.rc-mobile-component.btn-simple:not(.btn-icon-only) {
  padding: 0;
}
.collection-share-image-selection-footer.mobile-view .collection-share-image-order-button {
  max-width: 100%;
}

#ImagesPresentation .rc-dialog-wrapper.full-screen, #CollectionShareOrder .rc-dialog-wrapper.full-screen, #BulkOrdererDialog.collection-share-bulk-orderer .rc-dialog-wrapper.full-screen, #ShareImagesSelectionDialog .rc-dialog-wrapper.full-screen {
  flex: unset;
  max-height: calc(100vh - 96px);
  height: calc(100vh - 96px);
  width: calc(100vw - 96px);
  max-width: calc(100vw - 96px);
  border-radius: 6px;
  overflow: hidden;
}
#ImagesPresentation .rc-dialog-wrapper .rc-dialog-content, #CollectionShareOrder .rc-dialog-wrapper .rc-dialog-content, #BulkOrdererDialog.collection-share-bulk-orderer .rc-dialog-wrapper .rc-dialog-content, #ShareImagesSelectionDialog .rc-dialog-wrapper .rc-dialog-content {
  background-color: transparent;
  box-shadow: unset;
  max-height: 100%;
  height: 100%;
}
#ImagesPresentation .rc-dialog-wrapper .rc-dialog-content .dialog-control, #CollectionShareOrder .rc-dialog-wrapper .rc-dialog-content .dialog-control, #BulkOrdererDialog.collection-share-bulk-orderer .rc-dialog-wrapper .rc-dialog-content .dialog-control, #ShareImagesSelectionDialog .rc-dialog-wrapper .rc-dialog-content .dialog-control {
  padding: 8px;
  box-sizing: border-box;
  margin: unset;
}
#ImagesPresentation .rc-dialog-wrapper .rc-dialog-content .dialog-control > div:not(.button-close), #CollectionShareOrder .rc-dialog-wrapper .rc-dialog-content .dialog-control > div:not(.button-close), #BulkOrdererDialog.collection-share-bulk-orderer .rc-dialog-wrapper .rc-dialog-content .dialog-control > div:not(.button-close), #ShareImagesSelectionDialog .rc-dialog-wrapper .rc-dialog-content .dialog-control > div:not(.button-close) {
  display: flex;
}
#ImagesPresentation .rc-dialog-wrapper .rc-dialog-content .dialog-control .close-button button, #CollectionShareOrder .rc-dialog-wrapper .rc-dialog-content .dialog-control .close-button button, #BulkOrdererDialog.collection-share-bulk-orderer .rc-dialog-wrapper .rc-dialog-content .dialog-control .close-button button, #ShareImagesSelectionDialog .rc-dialog-wrapper .rc-dialog-content .dialog-control .close-button button {
  height: 36px;
  padding-left: 0;
}
#ImagesPresentation .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content, #CollectionShareOrder .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content, #BulkOrdererDialog.collection-share-bulk-orderer .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content, #ShareImagesSelectionDialog .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content {
  margin-bottom: unset;
  border-radius: unset;
  padding: unset;
  height: calc(100vh - 96px - 52px);
  background-color: white;
}
#ImagesPresentation .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .desktop-view.feedback, #CollectionShareOrder .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .desktop-view.feedback, #BulkOrdererDialog.collection-share-bulk-orderer .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .desktop-view.feedback, #ShareImagesSelectionDialog .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .desktop-view.feedback {
  padding: 16px;
  gap: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#ImagesPresentation .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .desktop-view.feedback .desktop-presentation-feedback, #CollectionShareOrder .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .desktop-view.feedback .desktop-presentation-feedback, #BulkOrdererDialog.collection-share-bulk-orderer .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .desktop-view.feedback .desktop-presentation-feedback, #ShareImagesSelectionDialog .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .desktop-view.feedback .desktop-presentation-feedback {
  color: #2C2C2C;
  display: flex;
  justify-content: center;
}
#ImagesPresentation .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .desktop-view.feedback .desktop-presentation-img-label, #CollectionShareOrder .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .desktop-view.feedback .desktop-presentation-img-label, #BulkOrdererDialog.collection-share-bulk-orderer .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .desktop-view.feedback .desktop-presentation-img-label, #ShareImagesSelectionDialog .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .desktop-view.feedback .desktop-presentation-img-label {
  color: #2C2C2C;
  display: flex;
  justify-content: center;
}
#ImagesPresentation .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .desktop-view.feedback .desktop-presentation-img-label .rc-icon:before, #CollectionShareOrder .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .desktop-view.feedback .desktop-presentation-img-label .rc-icon:before, #BulkOrdererDialog.collection-share-bulk-orderer .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .desktop-view.feedback .desktop-presentation-img-label .rc-icon:before, #ShareImagesSelectionDialog .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .desktop-view.feedback .desktop-presentation-img-label .rc-icon:before {
  color: #2C2C2C;
}
#ImagesPresentation .rc-dialog-wrapper .rc-dialog-content > button.dialog-floated-button.close, #ImagesPresentation .rc-dialog-wrapper .rc-dialog-content > .dialog-buttons-right-top, #CollectionShareOrder .rc-dialog-wrapper .rc-dialog-content > button.dialog-floated-button.close, #CollectionShareOrder .rc-dialog-wrapper .rc-dialog-content > .dialog-buttons-right-top, #BulkOrdererDialog.collection-share-bulk-orderer .rc-dialog-wrapper .rc-dialog-content > button.dialog-floated-button.close, #BulkOrdererDialog.collection-share-bulk-orderer .rc-dialog-wrapper .rc-dialog-content > .dialog-buttons-right-top, #ShareImagesSelectionDialog .rc-dialog-wrapper .rc-dialog-content > button.dialog-floated-button.close, #ShareImagesSelectionDialog .rc-dialog-wrapper .rc-dialog-content > .dialog-buttons-right-top {
  top: 32px;
}
#ImagesPresentation .rc-dialog-wrapper .rc-dialog-content > button.dialog-floated-button.close, #ImagesPresentation .rc-dialog-wrapper .rc-dialog-content > .dialog-buttons-right-top button.btn-simple, #CollectionShareOrder .rc-dialog-wrapper .rc-dialog-content > button.dialog-floated-button.close, #CollectionShareOrder .rc-dialog-wrapper .rc-dialog-content > .dialog-buttons-right-top button.btn-simple, #BulkOrdererDialog.collection-share-bulk-orderer .rc-dialog-wrapper .rc-dialog-content > button.dialog-floated-button.close, #BulkOrdererDialog.collection-share-bulk-orderer .rc-dialog-wrapper .rc-dialog-content > .dialog-buttons-right-top button.btn-simple, #ShareImagesSelectionDialog .rc-dialog-wrapper .rc-dialog-content > button.dialog-floated-button.close, #ShareImagesSelectionDialog .rc-dialog-wrapper .rc-dialog-content > .dialog-buttons-right-top button.btn-simple {
  width: 32px;
  height: 32px;
}
@media (max-width: 1200px), (max-height: 800px) {
  #ImagesPresentation.rc-dialog .rc-dialog-wrapper.full-screen, #CollectionShareOrder.rc-dialog .rc-dialog-wrapper.full-screen, #BulkOrdererDialog.collection-share-bulk-orderer.rc-dialog .rc-dialog-wrapper.full-screen, #ShareImagesSelectionDialog.rc-dialog .rc-dialog-wrapper.full-screen {
    max-height: unset;
    height: 100%;
    width: 100%;
  }
  #ImagesPresentation.rc-dialog .rc-dialog-wrapper.full-screen .dialog-scrollable-content, #CollectionShareOrder.rc-dialog .rc-dialog-wrapper.full-screen .dialog-scrollable-content, #BulkOrdererDialog.collection-share-bulk-orderer.rc-dialog .rc-dialog-wrapper.full-screen .dialog-scrollable-content, #ShareImagesSelectionDialog.rc-dialog .rc-dialog-wrapper.full-screen .dialog-scrollable-content {
    height: calc(100vh - 52px);
  }
}
#ImagesPresentation.rc-dialog .rc-dialog-wrapper, #CollectionShareOrder.rc-dialog .rc-dialog-wrapper, #BulkOrdererDialog.collection-share-bulk-orderer.rc-dialog .rc-dialog-wrapper, #ShareImagesSelectionDialog.rc-dialog .rc-dialog-wrapper {
  max-width: unset;
  margin: 0 auto;
  /*@media (min-width: 500px) {
  		height: calc(100% - (16px * 2));
  }*/
  /*.rc-dialog-content {
  		max-height: 90%;
  		//max-width: calc(100% - 256px);
  		margin: 0 auto;
  		padding: 0;
  		width: unset;
  }*/
}
#ImagesPresentation.rc-dialog .rc-floating-button, #CollectionShareOrder.rc-dialog .rc-floating-button, #BulkOrdererDialog.collection-share-bulk-orderer.rc-dialog .rc-floating-button, #ShareImagesSelectionDialog.rc-dialog .rc-floating-button {
  padding-bottom: 0;
}
#ImagesPresentation.rc-dialog .rc-floating-button .has-no-title, #CollectionShareOrder.rc-dialog .rc-floating-button .has-no-title, #BulkOrdererDialog.collection-share-bulk-orderer.rc-dialog .rc-floating-button .has-no-title, #ShareImagesSelectionDialog.rc-dialog .rc-floating-button .has-no-title {
  margin-top: 16px;
}
#ImagesPresentation.rc-dialog.tablet-presentation .rc-dialog-wrapper .rc-dialog-content, #CollectionShareOrder.rc-dialog.tablet-presentation .rc-dialog-wrapper .rc-dialog-content, #BulkOrdererDialog.collection-share-bulk-orderer.rc-dialog.tablet-presentation .rc-dialog-wrapper .rc-dialog-content, #ShareImagesSelectionDialog.rc-dialog.tablet-presentation .rc-dialog-wrapper .rc-dialog-content {
  max-height: 72%;
  background-color: transparent;
  box-shadow: none;
}
#ImagesPresentation.rc-dialog.tablet-presentation .rc-dialog-wrapper .image-wrapper, #CollectionShareOrder.rc-dialog.tablet-presentation .rc-dialog-wrapper .image-wrapper, #BulkOrdererDialog.collection-share-bulk-orderer.rc-dialog.tablet-presentation .rc-dialog-wrapper .image-wrapper, #ShareImagesSelectionDialog.rc-dialog.tablet-presentation .rc-dialog-wrapper .image-wrapper {
  transform: translateY(-10%);
  box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.4);
}
#ImagesPresentation.rc-dialog img, #CollectionShareOrder.rc-dialog img, #BulkOrdererDialog.collection-share-bulk-orderer.rc-dialog img, #ShareImagesSelectionDialog.rc-dialog img {
  display: block;
  -webkit-touch-callout: none;
  flex: 0;
}
#ImagesPresentation.rc-dialog img {
  max-height: 100%;
  max-width: 100%;
}
#ImagesPresentation ul {
  display: flex;
  flex-wrap: nowrap;
}
#ImagesPresentation ul.transition {
  transition: transform 0.4s ease, background 0.4s ease;
}
#ImagesPresentation ul.transition.is-swiping {
  transition: unset;
}
#ImagesPresentation ul li {
  list-style: none;
  flex: 1 1 100%;
  min-width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
}
#ImagesPresentation ul li.collection-image-presentation-swipe-mobile-item {
  flex-direction: column;
}
#ImagesPresentation ul li.collection-image-presentation-swipe-mobile-item .rc-floating-button.ios-mobile-device {
  padding-bottom: 24px;
  position: relative;
}

#CollectionShareOrder .rc-dialog-wrapper .rc-dialog-content .dialog-control, #BulkOrdererDialog.collection-share-bulk-orderer .rc-dialog-wrapper .rc-dialog-content .dialog-control, #ShareImagesSelectionDialog .rc-dialog-wrapper .rc-dialog-content .dialog-control {
  border-bottom: 1px solid #CCCCCC;
}

#ShareImagesSelectionDialog .image-pool-browser .image-pool-image-list .image-item-name {
  color: #525252;
}
#ShareImagesSelectionDialog.rc-dialog .dialog-scrollable-content .noselect {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
#ShareImagesSelectionDialog.rc-dialog .dialog-scrollable-content .noselect .dialog-v2-body {
  overflow: auto;
}
#ShareImagesSelectionDialog.rc-dialog .dialog-scrollable-content #OpenShareView {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#ShareImagesSelectionDialog.rc-dialog .dialog-scrollable-content #OpenShareView .btn-simple.btn-action {
  width: 100%;
}

#BulkOrdererDialog.collection-share-bulk-orderer .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
#BulkOrdererDialog.collection-share-bulk-orderer .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .dialog-v2-body {
  gap: 8px;
}
#BulkOrdererDialog.collection-share-bulk-orderer .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .dialog-v2-body .bulk-orderer-configurator-sidebar {
  padding: 8px 8px 8px 8px;
  flex: 1;
  max-width: 626px;
  overflow-y: auto;
}
#BulkOrdererDialog.collection-share-bulk-orderer .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .dialog-v2-footer {
  padding-top: 16px;
  background-color: transparent;
}

#ImagesPresentation .collection-share-order-desktop-content {
  display: flex;
  flex-direction: column;
  height: 100%;
}
#ImagesPresentation .collection-share-order-desktop-content .image-wrapper {
  flex: 1;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
#ImagesPresentation .collection-share-order-desktop-content .image-wrapper .navigation-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
#ImagesPresentation .collection-share-order-desktop-content .image-wrapper .navigation-button.previous {
  left: 16px;
}
#ImagesPresentation .collection-share-order-desktop-content .image-wrapper .navigation-button.next {
  right: 16px;
}
#ImagesPresentation .dialog-buttons-right-top .context-menu-body .project-preview-author-hint {
  padding: 0 16px;
  box-sizing: border-box;
  white-space: break-spaces;
}

.rc-mobile-menu.dark-mode .mobile-menu-content {
  background-color: #000000;
  color: #FFFFFF;
}
.rc-mobile-menu.dark-mode .mobile-menu-content .rc-icon.sgw-icon:before {
  color: #FFFFFF;
}

.rc-context-menu.rc-context-menu-v2.dark-mode .context-menu {
  background-color: #000000;
  color: #FFFFFF;
}
.rc-context-menu.rc-context-menu-v2.dark-mode .context-menu .rc-icon.sgw-icon:before {
  color: #FFFFFF;
}

#ImagesPresentation.rc-mobile-view.dark-mode main, #ImagesPresentation.rc-mobile-view.dark-mode header, #ImagesPresentation.rc-mobile-view.dark-mode footer {
  background-color: #2B2B2B;
  box-shadow: unset;
  border: unset;
}
#ImagesPresentation.rc-mobile-view.dark-mode header button .rc-icon, #ImagesPresentation.rc-mobile-view.dark-mode header button .rc-icon:before {
  color: white;
}
#ImagesPresentation.rc-mobile-view.dark-mode header .context-menu button .rc-icon, #ImagesPresentation.rc-mobile-view.dark-mode header .context-menu button .rc-icon:before {
  color: #6e6e6e;
}
#ImagesPresentation.rc-mobile-view.dark-mode header .context-menu .context-menu-body .project-preview-author-hint a.make-report {
  color: #000000;
  text-decoration: none;
}
#ImagesPresentation.rc-mobile-view.dark-mode .navigation-button {
  border-radius: 50%;
  margin: 0 8px;
  background-color: #000000;
  color: #FFFFFF;
}

#ImagesPresentation.rc-mobile-view main, #ImagesPresentation.rc-mobile-view header, #ImagesPresentation.rc-mobile-view footer {
  box-shadow: unset;
  border: unset;
}
#ImagesPresentation.rc-mobile-view main {
  overflow-y: hidden;
}
#ImagesPresentation.rc-mobile-view header {
  flex: 0 0 52px;
}
#ImagesPresentation.rc-mobile-view header .back-button {
  left: 8px;
}
#ImagesPresentation.rc-mobile-view footer {
  padding: 16px;
  box-sizing: border-box;
}
#ImagesPresentation.rc-mobile-view footer.mobile-ios-footer {
  padding-bottom: 66px;
}
#ImagesPresentation.rc-mobile-view footer button {
  width: 100%;
}
#ImagesPresentation.rc-mobile-view .navigation-button {
  width: 36px;
  border-radius: 50%;
  margin: 0 8px;
}
#ImagesPresentation.rc-mobile-view .rc-label-component.rc-mobile-component {
  min-height: 36px;
}
#ImagesPresentation.rc-mobile-view header .context-menu .context-menu-body .project-preview-author-hint-wrapper {
  cursor: pointer;
  padding: 16px 16px 0;
  max-width: 250px;
}
#ImagesPresentation.rc-mobile-view header .context-menu .context-menu-body .project-preview-author-hint {
  white-space: break-spaces;
  padding-left: 16px;
  padding-bottom: 0;
}
#ImagesPresentation.rc-mobile-view header .context-menu .context-menu-body .project-preview-author-hint a.make-report {
  text-decoration: none;
}
#ImagesPresentation.rc-mobile-view img {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  width: auto;
}
#ImagesPresentation.rc-mobile-view .dialog-floated-button.close {
  left: 8px;
  top: 8px;
}
#ImagesPresentation.rc-mobile-view .react-transform-component {
  height: 100%;
  width: 100%;
}
#ImagesPresentation.rc-mobile-view .collection-image-presentation-swipe {
  /*position: fixed;
  left: 0;
  right: 0;
  top: 52px;
  bottom: 90px;*/
  display: flex;
  flex-direction: column;
  max-height: 100%;
  width: 100%;
  box-sizing: border-box;
  position: relative;
  height: 100%;
}
#ImagesPresentation.rc-mobile-view ul {
  display: flex;
  flex-wrap: nowrap;
  flex: 1;
  max-height: 100%;
}
#ImagesPresentation.rc-mobile-view ul.transition {
  transition: transform 0.4s ease, background 0.4s ease;
}
#ImagesPresentation.rc-mobile-view ul.transition.is-swiping {
  transition: unset;
}
#ImagesPresentation.rc-mobile-view ul li {
  list-style: none;
  flex: 1 1 100%;
  min-width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  max-height: 100%;
}
#ImagesPresentation.rc-mobile-view ul li.collection-image-presentation-swipe-mobile-item > div:first-child {
  max-height: 100%;
  display: inline-block;
}
#ImagesPresentation.rc-mobile-view .image-presentation-mobile-footer {
  width: 100%;
  position: fixed;
  left: 0;
  bottom: 0;
  display: flex;
  flex-wrap: nowrap;
}
#ImagesPresentation.rc-mobile-view .image-presentation-mobile-footer .project-preview-author-hint {
  flex: 1;
  position: unset;
  inset: unset;
  font-size: 14px;
  max-width: 50%;
  padding: 0 0 8px 8px;
}
#ImagesPresentation.rc-mobile-view .image-presentation-mobile-footer .make-report-button {
  flex: 1;
  position: unset;
  inset: unset;
  display: flex;
  justify-content: right;
  align-items: flex-end;
  padding: 0 8px 8px 0;
}
#ImagesPresentation.rc-mobile-view .image-presentation-mobile-footer .make-report-button button {
  font-size: 14px;
  padding: 0;
  line-height: unset;
}

#ImagesPresentation .images-presentation-mobile-buttons {
  display: flex;
  gap: 8px;
}
#ImagesPresentation .make-report-button {
  position: fixed;
  bottom: 8px;
  right: 8px;
}
#ImagesPresentation .make-report-button button {
  height: auto;
  padding: 0;
}
#ImagesPresentation.mobile-presentation:before {
  opacity: unset;
}
#ImagesPresentation.mobile-presentation .project-preview-author-hint {
  left: 0;
  bottom: 0;
  font-size: 14px;
}

.rc-mobile-menu .mobile-menu-content .project-preview-author-hint-wrapper {
  padding: 16px 16px;
}
.rc-mobile-menu .mobile-menu-content .project-preview-author-hint-wrapper .project-preview-author-hint {
  padding: unset;
  white-space: break-spaces;
}
.rc-mobile-menu .mobile-menu-content .project-preview-author-hint-wrapper .project-preview-author-hint a.make-report {
  color: #000000;
  text-decoration: none;
}

.collection-share-image-description-dialog.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content {
  padding-top: 0;
}
.collection-share-image-description-dialog h2 {
  font-weight: bold;
  font-family: inherit;
}
.collection-share-image-description-dialog p, .collection-share-image-description-dialog .project-preview-author-hint {
  margin-bottom: 16px;
}
.collection-share-image-description-dialog .rc-floating-button {
  padding-bottom: 0;
}

.collection-share-article-added-to-cart-overlay-container {
  position: sticky;
  display: flex;
  z-index: 1000;
  top: 60px;
}

.collection-share-article-added-to-cart-overlay {
  position: absolute;
  right: -8px;
  top: 100%;
  display: flex;
  width: 343px;
  z-index: 1000;
  cursor: default;
  background-color: #FFFFFF;
  color: #000000;
  box-shadow: 3px 3px 12px 0 rgba(0, 0, 0, 0.75);
}

.overlay-top-arrow {
  border-bottom: solid 10px #FFFFFF;
  border-left: solid 10px transparent;
  border-right: solid 10px transparent;
  position: absolute;
  width: 0;
  height: 0;
  top: -10px;
  right: 15px;
}

.overlay-close-button {
  position: absolute;
  left: 305px;
  cursor: pointer;
  z-index: 2000;
}

.overlay-contents-no-image {
  position: sticky;
  width: 100%;
}
.overlay-contents-no-image .checkout-group-content > .checkout-group-content {
  background-color: #FFFFFF;
  padding-left: 20px;
  padding-top: 20px;
}
.overlay-contents-no-image .checkout-group-content > .checkout-group-content > .group-content-label > div {
  max-height: 50px;
  max-width: 280px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
}
.overlay-contents-no-image .checkout-group-content > .checkout-group-content > .group-content-horizontal-group > .checkout-group-content > .checkout-group-content {
  padding-top: 10px;
  display: flex;
}
.overlay-contents-no-image .checkout-group-content > .checkout-group-content > .group-content-horizontal-group > .group-content-icon {
  display: inline-block;
  min-width: 26px;
  max-width: 26px;
  align-self: center;
}
.overlay-contents-no-image .checkout-group-content > .checkout-group-content > .group-content-horizontal-group > .addedToCart {
  display: inline-block;
  min-width: 100px;
  max-width: 150px;
  min-height: 20px;
  align-self: center;
}
.overlay-contents-no-image .checkout-group-content > .checkout-group-content > .group-content-link-add {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0;
}
.overlay-contents-no-image .checkout-group-content > .checkout-group-content > .group-content-link-add > button {
  margin-right: 10px;
  padding: 0;
  font-size: 14px;
}
.overlay-contents-no-image .checkout-group-content > .checkout-group-content > .group-content-link-add > button .rc-icon {
  margin-right: 0;
}
.overlay-contents-no-image .checkout-group-content > .checkout-group-content > .group-content-link-add > .btn-icon .sgw-icon.add_big {
  display: none;
}
.overlay-contents-no-image .checkout-group-content > .checkout-group-content > .group-content-link-add > .btn-icon .btn-label {
  color: #3669c4;
}

.overlay-contents-with-image {
  position: sticky;
  width: 100%;
}
.overlay-contents-with-image .checkout-group-content {
  background-color: #FFFFFF;
}
.overlay-contents-with-image .checkout-group-content > .group-content-horizontal-group {
  margin-bottom: 0;
}
.overlay-contents-with-image .checkout-group-content > .group-content-horizontal-group > .group-content-image {
  max-width: 120px;
  align-items: center;
  margin-bottom: 0;
}
.overlay-contents-with-image .checkout-group-content > .group-content-horizontal-group > .group-content-image > img {
  width: auto;
  max-width: 100px;
  max-height: 100px;
  align-self: center;
  padding: 10px;
}
.overlay-contents-with-image .checkout-group-content > .group-content-horizontal-group > .checkout-group-content {
  padding-bottom: 0;
}
.overlay-contents-with-image .checkout-group-content > .group-content-horizontal-group > .checkout-group-content > .group-content-label > div {
  padding-top: 5px;
  max-height: 50px;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
}
.overlay-contents-with-image .checkout-group-content > .group-content-horizontal-group > .checkout-group-content > .group-content-horizontal-group {
  padding-top: 10px;
  display: flex;
}
.overlay-contents-with-image .checkout-group-content > .group-content-horizontal-group > .checkout-group-content > .group-content-horizontal-group > .group-content-icon {
  display: inline-block;
  min-width: 26px;
  max-width: 26px;
  align-self: center;
}
.overlay-contents-with-image .checkout-group-content > .group-content-horizontal-group > .checkout-group-content > .group-content-horizontal-group > .addedToCart {
  display: inline-block;
  min-width: 100px;
  max-width: 150px;
  min-height: 20px;
  align-self: center;
}
.overlay-contents-with-image .checkout-group-content > .group-content-horizontal-group > .checkout-group-content > .group-content-link-add {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0;
}
.overlay-contents-with-image .checkout-group-content > .group-content-horizontal-group > .checkout-group-content > .group-content-link-add > button {
  margin-right: 10px;
  padding: 0;
  font-size: 14px;
}
.overlay-contents-with-image .checkout-group-content > .group-content-horizontal-group > .checkout-group-content > .group-content-link-add > button > .rc-icon {
  margin-right: 0;
}
.overlay-contents-with-image .checkout-group-content > .group-content-horizontal-group > .checkout-group-content > .group-content-link-add > .btn-icon .sgw-icon.add_big {
  display: none;
}
.overlay-contents-with-image .checkout-group-content > .group-content-horizontal-group > .checkout-group-content > .group-content-link-add > .btn-icon .btn-label {
  color: #3669c4;
}

#DownloadAllImagesDialog .download-image-dialog-content .button-container {
  display: flex;
  align-items: center;
  justify-content: center;
}

#DownloadAllImagesDialogMobile .download-image-dialog-content {
  padding: 8px;
}
#DownloadAllImagesDialogMobile .download-image-dialog-content .button-container {
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-set-image-selection-dialog .breadcrumb {
  top: 47px;
  padding: 0 16px;
  box-sizing: border-box;
  align-items: unset;
  margin-top: 8px;
  background-color: transparent;
  margin-bottom: 16px;
  justify-content: unset;
}
.product-set-image-selection-dialog .breadcrumb strong {
  font-size: 14px;
  display: flex;
  align-items: center;
  white-space: normal;
  height: auto;
  text-align: center;
  line-height: 18px;
}

#CollectionShareLegalPageView .checkout-group-content .group-content.group-content-button {
  justify-content: center;
}

.gallery-multicode-access-view .project-edit-item .checkout-group-content, .collection-share-body .rc-dialog.gallery-multicode-access-view .checkout-group-content {
  width: 100%;
}
.gallery-multicode-access-view .project-edit-item .checkout-group-content .group-content-horizontal-group .group-content-icon, .collection-share-body .rc-dialog.gallery-multicode-access-view .checkout-group-content .group-content-horizontal-group .group-content-icon {
  flex: unset;
}
.gallery-multicode-access-view .project-edit-item .checkout-group-content .group-content-horizontal-group .group-content-icon + .group-content-label, .collection-share-body .rc-dialog.gallery-multicode-access-view .checkout-group-content .group-content-horizontal-group .group-content-icon + .group-content-label {
  padding-bottom: 0;
}
.gallery-multicode-access-view .project-edit-item button, .collection-share-body .rc-dialog.gallery-multicode-access-view button {
  width: 100%;
  border-radius: 24px;
}
.gallery-multicode-access-view .project-edit-item button .btn-label, .collection-share-body .rc-dialog.gallery-multicode-access-view button .btn-label {
  text-align: center;
}
.gallery-multicode-access-view .project-edit-item button.btn-default, .collection-share-body .rc-dialog.gallery-multicode-access-view button.btn-default {
  background-color: white;
  border: 1px solid #525252;
  border-radius: 24px;
}
.gallery-multicode-access-view .project-edit-item button.btn-default:hover, .collection-share-body .rc-dialog.gallery-multicode-access-view button.btn-default:hover {
  background-color: white;
}

.dialog-v2-breadcrumb.feedback-filter {
  margin-left: 16px;
  margin-top: 8px;
}

.collection-share-view-projects-item {
  display: flex;
  width: 394px;
  max-width: 100%;
  cursor: pointer;
  flex-direction: column;
}
.collection-share-view-projects-item .collection-share-view-projects-item-image {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  max-height: 394px;
  min-height: 394px;
  padding: 32px;
  aspect-ratio: 1/1;
  background-color: #EFEFEF;
  box-sizing: border-box;
  margin-bottom: 8px;
}
.collection-share-view-projects-item .collection-share-view-projects-item-image img {
  max-height: 100%;
  max-width: 100%;
}
.collection-share-view-projects-item .collection-share-view-projects-item-image img.landscape {
  width: 100%;
}
.collection-share-view-projects-item .collection-share-view-projects-item-image img.portrait {
  height: 100%;
}
.collection-share-view-projects-item .collection-share-view-projects-item-labels {
  flex: 0;
  padding: 0;
}
.collection-share-view-projects-item .collection-share-view-projects-item-labels .content-group-table-row .group-content-label {
  min-height: unset;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 20px;
  color: #000000;
}
.collection-share-view-projects-item .collection-share-view-projects-item-labels .content-group-table-row .group-content-label.article {
  color: #555555;
}

#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content.photo-portal-shop .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content,
#ShareImagesSelectionDialog.rc-dialog.dialog-with-scrollable-content.photo-portal-shop .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content {
  max-width: unset;
}
#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content.photo-portal-shop .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .photo-portal-control-bar,
#ShareImagesSelectionDialog.rc-dialog.dialog-with-scrollable-content.photo-portal-shop .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .photo-portal-control-bar {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  padding: 16px;
  box-sizing: border-box;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  background-color: #FFFFFF;
  z-index: 1;
}
#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content.photo-portal-shop .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .photo-portal-control-bar .rc-tabcontrol,
#ShareImagesSelectionDialog.rc-dialog.dialog-with-scrollable-content.photo-portal-shop .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .photo-portal-control-bar .rc-tabcontrol {
  padding: unset;
  width: unset;
}
#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content.photo-portal-shop .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .photo-portal-control-bar > div,
#ShareImagesSelectionDialog.rc-dialog.dialog-with-scrollable-content.photo-portal-shop .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .photo-portal-control-bar > div {
  display: flex;
  justify-content: space-between;
}
#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content.photo-portal-shop .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .configurator-tile-item,
#ShareImagesSelectionDialog.rc-dialog.dialog-with-scrollable-content.photo-portal-shop .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .configurator-tile-item {
  min-width: 288px;
  max-width: 288px;
}
#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content.photo-portal-shop .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .configurator-list-item.product-set-item,
#ShareImagesSelectionDialog.rc-dialog.dialog-with-scrollable-content.photo-portal-shop .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .configurator-list-item.product-set-item {
  width: 343px;
  min-height: 343px;
}
#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content.photo-portal-shop .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .collection-share-view-projects-item,
#ShareImagesSelectionDialog.rc-dialog.dialog-with-scrollable-content.photo-portal-shop .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .collection-share-view-projects-item {
  min-width: 288px;
  max-width: 288px;
}
#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content.photo-portal-shop .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .collection-share-view-projects-item .collection-share-view-projects-item-image,
#ShareImagesSelectionDialog.rc-dialog.dialog-with-scrollable-content.photo-portal-shop .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .collection-share-view-projects-item .collection-share-view-projects-item-image {
  min-height: 288px;
  max-height: 288px;
}
#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content.photo-portal-shop .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .collection-share-view-projects-item .content-group-table-row,
#ShareImagesSelectionDialog.rc-dialog.dialog-with-scrollable-content.photo-portal-shop .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .collection-share-view-projects-item .content-group-table-row {
  gap: unset;
}
#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content.photo-portal-shop .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .collection-share-view-projects-item .content-group-table-row .group-content-label,
#ShareImagesSelectionDialog.rc-dialog.dialog-with-scrollable-content.photo-portal-shop .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .collection-share-view-projects-item .content-group-table-row .group-content-label {
  padding-bottom: unset;
}
#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content.photo-portal-shop .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .checkout-group-content .rc-component.rc-select,
#ShareImagesSelectionDialog.rc-dialog.dialog-with-scrollable-content.photo-portal-shop .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .checkout-group-content .rc-component.rc-select {
  height: 36px;
  min-width: 320px;
}
#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content.photo-portal-shop .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .checkout-group-content .rc-component.rc-select .select-options-list,
#ShareImagesSelectionDialog.rc-dialog.dialog-with-scrollable-content.photo-portal-shop .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .checkout-group-content .rc-component.rc-select .select-options-list {
  width: 100%;
  max-height: unset;
}
#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content.photo-portal-shop .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .checkout-group-content .rc-component.rc-select .select-options-list .select-options-item,
#ShareImagesSelectionDialog.rc-dialog.dialog-with-scrollable-content.photo-portal-shop .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .checkout-group-content .rc-component.rc-select .select-options-list .select-options-item {
  white-space: nowrap;
  padding-right: 8px;
}
#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content.photo-portal-shop .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .checkout-group-content .rc-component.rc-select .select-options-list .select-options-item.level-1,
#ShareImagesSelectionDialog.rc-dialog.dialog-with-scrollable-content.photo-portal-shop .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .checkout-group-content .rc-component.rc-select .select-options-list .select-options-item.level-1 {
  padding-left: 24px;
}
#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content.photo-portal-shop .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .checkout-group-content .rc-component.rc-select .select-options-list .select-options-item.level-2,
#ShareImagesSelectionDialog.rc-dialog.dialog-with-scrollable-content.photo-portal-shop .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .checkout-group-content .rc-component.rc-select .select-options-list .select-options-item.level-2 {
  padding-left: 40px;
}
#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content.photo-portal-shop .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .checkout-group-content .rc-component.rc-select .select-options-list .select-options-item.level-3,
#ShareImagesSelectionDialog.rc-dialog.dialog-with-scrollable-content.photo-portal-shop .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .checkout-group-content .rc-component.rc-select .select-options-list .select-options-item.level-3 {
  padding-left: 56px;
}
#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content.photo-portal-shop .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .checkout-group-content .rc-component.rc-select .select-options-list .select-options-item.level-4,
#ShareImagesSelectionDialog.rc-dialog.dialog-with-scrollable-content.photo-portal-shop .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .checkout-group-content .rc-component.rc-select .select-options-list .select-options-item.level-4 {
  padding-left: 62px;
}

#CollectionShareOrder .photo-portal-shop-categories {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 0 16px 16px;
}
#CollectionShareOrder .photo-portal-shop-categories .categories-list {
  padding: unset;
  margin-bottom: unset;
}
#CollectionShareOrder .article-configurator-page.article-configurator-old-content {
  max-width: unset;
}
#CollectionShareOrder .article-configurator-page.article-configurator-old-content > div:first-child {
  padding: unset;
  margin: unset;
  max-height: 100%;
}
#CollectionShareOrder .article-configurator-page.article-configurator-old-content .article-configurator-content {
  max-height: 100%;
  height: 100%;
  margin-right: 1px;
}
@media (max-width: 600px) {
  #CollectionShareOrder .article-configurator-page.article-configurator-old-content .article-configurator-content {
    display: flex;
  }
}
@media (max-width: 1000px) {
  #CollectionShareOrder .article-configurator-page.article-configurator-old-content .article-configurator-content {
    flex: 0 0 100%;
  }
}
#CollectionShareOrder .article-configurator-page.article-configurator-old-content .article-configurator-content .content-text > div {
  padding-left: unset;
}
#CollectionShareOrder .article-configurator-page.article-configurator-old-content .article-configurator-content .article-configurator-content-designer-stage {
  padding-bottom: unset;
  flex: 1;
  background-color: #E7E7E7;
  max-height: 100%;
  min-height: 446px;
}
#CollectionShareOrder .article-configurator-page.article-configurator-old-content .article-configurator-content .article-configurator-content-designer-stage .image-article-image {
  max-height: unset;
  flex: 1;
  overflow: hidden;
  padding: 4px;
}
#CollectionShareOrder .article-configurator-page.article-configurator-old-content .article-configurator-content .article-configurator-content-designer-stage .image-article-image svg {
  box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.32);
}
#CollectionShareOrder .article-configurator-page.article-configurator-old-content .article-configurator-content .article-configurator-content-designer-stage .article-configurator-designer-stage-buttons {
  display: flex;
  padding: 16px 16px 0;
  gap: 16px;
  justify-content: flex-start;
  min-height: 32px;
  width: 100%;
}
#CollectionShareOrder .article-configurator-page.article-configurator-old-content .article-configurator-content .article-configurator-content-designer-stage .article-configurator-designer-stage-buttons button {
  height: 32px;
  border-radius: 16px;
}
#CollectionShareOrder .article-configurator-page.article-configurator-old-content .article-configurator-content .content-text {
  flex: unset;
}
#CollectionShareOrder .collection-order-configurator-wrapper .article-configurator .configurator-name {
  display: none;
}
#CollectionShareOrder #OpenShareView.share-view-form {
  flex: 1;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#CollectionShareOrder .collection-share-mobile-content-wrapper .checkout-group-content {
  padding: 16px 16px 0;
}
#CollectionShareOrder .collection-share-mobile-content-wrapper .checkout-group-content .group-content-drop-down {
  margin-bottom: unset;
}
#CollectionShareOrder.rc-mobile-view {
  /*.tablet {
  				.collection-share-view-projects-item {
  								width: calc(25% - 12px);

  								.collection-share-view-projects-item-image {
  												min-height: unset;
  												max-height: calc((100vw - (16px * 5)) / 4);
  								}
  				}
  }*/
}
#CollectionShareOrder.rc-mobile-view .photo-portal-shop-categories {
  margin-top: 16px;
}
#CollectionShareOrder.rc-mobile-view .collection-share-view-projects-item {
  width: calc(50% - 8px);
}
#CollectionShareOrder.rc-mobile-view .collection-share-view-projects-item .collection-share-view-projects-item-image {
  min-height: unset;
  max-height: calc((100vw - 48px) / 2);
}
#CollectionShareOrder .shipping-price-info {
  text-decoration: underline;
  text-align: left;
  line-height: 15px;
  margin-bottom: 8px;
}

.photo-portal-shop-categories-section {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.photo-portal-shop-categories-section .photo-portal-shop-categories-section-header {
  display: flex;
  align-items: center;
  height: 36px;
  min-height: 36px;
  color: #2C2C2C;
  font-size: 21px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px;
}

#ShareImagesSelectionDialog .bulk-orderer-article-list-header {
  position: relative;
  display: flex;
  justify-content: space-between;
  font-size: 18px;
  align-items: center;
  padding: 18px 12px 0 4px;
  margin-bottom: 4px;
  min-height: 36px;
  color: #2C2C2C;
  z-index: 1;
}

#ProductSetUpsellingDialog .dialog-scrollable-content {
  padding: unset;
}
#ProductSetUpsellingDialog .dialog-footer {
  display: flex;
  flex-direction: column;
  height: unset;
  gap: 8px;
  padding: 0 16px;
}
#ProductSetUpsellingDialog .dialog-footer button {
  width: 100%;
}
#ProductSetUpsellingDialog .product-set-upselling-banner {
  height: 300px;
  width: 100%;
  background-image: url("../Images/upselling-download.jpg");
  background-size: contain;
}
#ProductSetUpsellingDialog.rc-mobile-view {
  /*.product-set-upselling-banner {
      height: 375px;
  }*/
}
#ProductSetUpsellingDialog.rc-mobile-view .dialog-footer {
  padding: unset;
  width: 100%;
}
#ProductSetUpsellingDialog .product-set-upselling-content {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#ProductSetUpsellingDialog .product-set-upselling-content h1 {
  font-weight: bold;
  font-size: 21px;
  line-height: 27px;
}
#ProductSetUpsellingDialog .product-set-upselling-content .product-set-upselling-amount strong {
  font-size: 18px;
  line-height: 21px;
}

.collection-share-view .collection-share-view-body .web-tables-module .price-table {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.collection-share-view .collection-share-view-body .web-tables-module .price-table .fact-group h2 {
  color: #2C2C2C;
  font-family: "source_sans_pro";
  font-size: 18px;
  font-style: normal;
  font-weight: bold;
  line-height: 24px;
  padding: 0 16px 11px;
  margin-bottom: unset;
}
.collection-share-view .collection-share-view-body .web-tables-module .table-group-item h3 {
  line-height: 24px;
  font-weight: bold;
}
.collection-share-view .collection-share-view-body .web-tables-module .table-cell {
  text-align: right;
}
.collection-share-view .collection-share-view-body .web-tables-module .table-cell.table-cell-0 {
  text-align: left;
}
.collection-share-view .collection-share-view-body .web-tables-module th.table-cell {
  font-weight: bold;
}

.collection-share-body.rc-mobile-view .web-tables-module .price-table .fact-group .tables .tables-groups {
  padding-bottom: 8px;
}

#designLineDialog {
  width: 954px;
  height: 635px;
  background: #FFFFFF;
  padding: 0;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  min-height: 300px;
  margin: 0 auto;
}
#designLineDialog .dialog-v2-header > div {
  display: flex;
}
#designLineDialog .dialog-v2-header > div > div {
  flex: 0 0 212px;
  margin-right: 8px;
}
#designLineDialog .dialog-v2-body {
  overflow-y: auto;
}
#designLineDialog .designbrowser {
  padding: 0 12px;
}
#designLineDialog .designbrowser .heading {
  margin-left: 2px;
}
#designLineDialog .designbrowser .heading:hover {
  background: none;
}

#MobileDesignLineDialog.rc-mobile-view main {
  background-color: #e7e7e7;
}
#MobileDesignLineDialog.rc-mobile-view main > div {
  padding: 8px;
  box-sizing: border-box;
}
#MobileDesignLineDialog.rc-mobile-view main.redesign .designbrowser .design-pool-wrapper {
  margin-bottom: 24px;
}
#MobileDesignLineDialog.rc-mobile-view main.redesign .designbrowser .design-pool-wrapper .heading {
  color: #2c2c2c;
  font-family: "SourceSansPro-Regular";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px;
  margin-bottom: 16px;
}
#MobileDesignLineDialog.rc-mobile-view main.redesign .drop-down-container {
  padding: 16px;
}
#MobileDesignLineDialog.rc-mobile-view main.redesign .drop-down-container .category-selection .rc-select label {
  background-color: #e7e7e7;
}
#MobileDesignLineDialog.rc-mobile-view main.redesign .drop-down-container .category-selection.tablet {
  max-width: 375px;
}

@media (min-width: 1035px) {
  #designLineDialog .design-pool > div {
    flex: 0 0 25%;
  }
}
@media (max-height: 760px) {
  #designLineDialog {
    height: 100vh;
  }
}
@media (max-width: 1024px) {
  #designLineDialog {
    width: 100%;
    height: 100vh;
  }
}
#designer {
  display: flex;
  flex-direction: column;
  width: 100%;
  font-size: 12px;
  height: 100%;
  position: absolute;
  overflow: hidden;
  /*.btn-simple {
      height: 25px;
      font-size: 12px;
      box-sizing: border-box;
  }*/
}
#designer > .designer {
  margin-top: 1px;
}
#designer.on-load * {
  z-index: 0 !important;
}
#designer .designer {
  flex: auto;
  display: flex;
  height: auto;
  overflow-y: hidden;
  overflow-x: hidden;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#designer .designer > div {
  flex: auto;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
#designer .designer .designer-close-button-wrapper {
  position: absolute;
  right: 16px;
  z-index: 1;
}
#designer .designer .pages {
  flex: 0 0 144px;
  margin-top: 2px;
  -webkit-overflow-scrolling: touch;
}
#designer .designer .pages.is-hidden {
  flex: unset;
}
#designer .designer > .left {
  flex: 0 0 280px;
  margin-right: 2px;
  margin-left: 2px;
  position: relative;
}
#designer .designer > .left .left-column-buttons {
  display: flex;
  padding-bottom: 2px;
  background-color: #dcdcdc;
  flex-wrap: nowrap;
}
#designer .designer > .left .left-column-buttons button {
  flex: 1;
  display: flex;
  flex-direction: column;
  height: 60px;
  padding: unset;
  margin-right: 2px;
  background-color: white;
  font-size: 12px;
  line-height: 12px;
  white-space: normal;
  padding-top: 4px;
  justify-content: flex-start;
}
#designer .designer > .left .left-column-buttons button:last-child {
  margin-right: unset;
}
#designer .designer > .left .left-column-buttons button .sgw-icon {
  margin-right: unset;
  margin-bottom: 4px;
}
#designer .designer > .left .left-column-buttons button .sgw-icon:before {
  font-size: 26px;
}
#designer .designer > .top {
  flex: 0 0 95px;
  margin-bottom: 4px;
  margin-right: 4px;
}
#designer .designer > .modules {
  flex: 0 0 252px;
  display: flex;
  flex-direction: column;
}
#designer .designer .left, #designer .designer .top, #designer .designer .modules, #designer .designer .pages {
  background-color: #FFFFFF;
}
#designer .designer .pages {
  z-index: 1;
}
#designer .footer-button-prev {
  flex: 0 0 276px;
}
#designer .footer-button-next {
  flex: 0 0 248px;
  margin-top: 4px;
}

.bottom, .bulk-orderer-footer {
  padding: 8px;
  background: #FFFFFF;
  border-top: 2px solid #DCDCDC;
}

.designer-footer {
  position: relative;
  display: flex;
}
.designer-footer > div {
  overflow: hidden;
}
@media (max-width: 800px) {
  .designer-footer .btn-simple {
    font-size: 14px;
  }
}

.designer-footer-left .btn-simple {
  width: 100%;
  /*&.preview-designer-footer-button {
      width: unset;
  }*/
}
.designer-footer-left .btn-simple div:last-child {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
@media (max-width: 1399px) {
  .designer-footer-left {
    flex: 0 0 230px;
  }
  .designer-footer-left .btn-simple.btn-icon {
    padding: 8px 0;
  }
  .designer-footer-left .btn-simple.btn-icon .sgw-icon {
    margin-right: 0;
  }
}
@media (max-width: 800px) {
  .designer-footer-left {
    flex: 0 0 48px;
  }
  .designer-footer-left .btn-simple.btn-icon {
    padding: 8px 0;
  }
  .designer-footer-left .btn-simple.btn-icon .sgw-icon {
    margin-right: 0;
  }
  .designer-footer-left .btn-simple div:last-child {
    display: none;
  }
}

.designer-footer-center {
  flex: 1;
  margin: 0 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.designer-footer-center .designer-footer-article-desc {
  flex: 1;
  overflow: hidden;
  flex-wrap: nowrap;
  white-space: nowrap;
}
.designer-footer-center .designer-footer-article-desc .description {
  font-size: 14px;
}
.designer-footer-center .designer-footer-article-desc .description b, .designer-footer-center .designer-footer-article-desc .values {
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
@media (max-width: 800px) {
  .designer-footer-center {
    justify-content: flex-end;
  }
  .designer-footer-center .designer-footer-article-desc {
    display: none;
  }
}

.designer-footer-price-info-wrapper {
  text-align: right;
  padding-right: 8px;
}
.designer-footer-price-info-wrapper > .designer-footer-price-info-wrapper {
  padding-right: 0;
}
.designer-footer-price-info-wrapper.price-info {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  height: 100%;
}
.designer-footer-price-info-wrapper .designer-footer-price-info {
  display: flex;
  justify-content: flex-end;
  font-size: 14px;
}
.designer-footer-price-info-wrapper .designer-footer-price-info.valid-to {
  color: #d9052f;
  margin-left: 8px;
}
.designer-footer-price-info-wrapper .designer-footer-price-info > * {
  white-space: nowrap;
}
.designer-footer-price-info-wrapper .designer-footer-price-info .price-original {
  text-decoration: line-through;
  margin-right: 4px;
  margin-bottom: 1px;
  color: #868686;
}
.designer-footer-price-info-wrapper .terms-info, .designer-footer-price-info-wrapper .terms-info a {
  color: #333333;
  font-size: 12px;
}
.designer-footer-price-info-wrapper .terms-info a:hover {
  color: #3669C4;
}

.designer-footer-right {
  max-width: 340px;
  display: flex;
  justify-content: center;
}
.designer-footer-right .btn-submit {
  display: flex;
  padding: 8px 24px 8px 16px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
}
.designer-footer-right .btn-submit span {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.designer-footer-right .btn-submit .shopping_cart {
  position: relative;
  width: 21px;
  height: 21px;
  padding: 0;
  margin-right: 8px;
}
.designer-footer-right .btn-submit .shopping_cart:before, .designer-footer-right .btn-submit .shopping_cart:before:hover {
  color: #FFFFFF;
  top: 0;
  left: 0;
}
@media (max-width: 1399px) {
  .designer-footer-right {
    flex: none;
    min-width: unset;
  }
}

#DesignerMobile.designer-mobile header.mobile-edit-header .mobile-header-labled-button {
  position: relative;
  inset: unset;
}
#DesignerMobile.designer-mobile header.redesign .back-button:not(.align-right) > button {
  height: 18px;
  width: 18px;
}
#DesignerMobile.designer-mobile header.redesign .back-button:not(.align-right) > button.btn-redesign {
  position: fixed;
  top: 18px;
  left: 16px;
  z-index: 5;
  margin: unset;
}
#DesignerMobile.designer-mobile header.redesign .back-button:not(.align-right) > button.btn-redesign .btn-label {
  display: none;
}
#DesignerMobile.designer-mobile header.redesign .back-button:not(.align-right) > button.btn-redesign .rc-icon.sgw-icon:before {
  height: 18px;
  width: 18px;
  line-height: 18px;
  font-size: 18px;
  font-family: "icomoon";
}
#DesignerMobile.designer-mobile header.redesign > div:not(.align-right) .btn-simple.btn-icon-only .sgw-icon {
  height: 18px;
  width: 18px;
}
#DesignerMobile.designer-mobile header.redesign > div:not(.align-right) .btn-simple.btn-icon-only .sgw-icon:before {
  height: 18px;
  width: 18px;
  line-height: 18px;
  font-size: 18px;
  font-family: "icomoon";
}
#DesignerMobile.designer-mobile main.tablet-portrait-list-view.single-page {
  justify-content: space-between;
}
#DesignerMobile.designer-mobile main.tablet-portrait-list-view.single-page .configuration-panel.portrait {
  position: relative;
  bottom: 0;
}
#DesignerMobile.designer-mobile main.tablet-portrait-list-view.single-page .mobile-stage-pages {
  justify-content: center;
}
#DesignerMobile.designer-mobile footer:not(.sort-view-footer-redesign, .footer-redesign-tablet-landscape, .footer-redesign-tablet-portrait, .redesign-single-page-footer.tablet.portrait) {
  padding: 8px 16px;
}
#DesignerMobile.designer-mobile footer.footer-redesign.redesign {
  padding: 12px 16px 0 16px;
}
#DesignerMobile.designer-mobile footer.redesign.row {
  display: flex;
  flex-direction: row;
  gap: 8px;
}
#DesignerMobile .designer-listview-header-mobile {
  margin-right: 0;
}
#DesignerMobile .rc-confirm.redesign .rc-confirm-title {
  font-weight: normal;
  font-size: 15px;
}
#DesignerMobile .rc-confirm.redesign .rc-confirm-content {
  width: 100%;
}
#DesignerMobile .rc-confirm.redesign .remove-page-confirmation-dialog-content {
  padding-left: 0;
}
#DesignerMobile .rc-confirm.redesign .remove-page-confirmation-dialog-content::-webkit-scrollbar {
  display: none;
}
#DesignerMobile .rc-confirm.redesign .remove-page-confirmation-dialog-item-svg {
  box-shadow: none;
}
#DesignerMobile .rc-confirm.redesign .rc-confirm-button1 .btn-label {
  color: #525252;
}
#DesignerMobile .rc-confirm.redesign .rc-confirm-button2 {
  background: #6C9D0D;
}
#DesignerMobile .rc-confirm.redesign .rc-confirm-button2 .btn-label {
  color: #FFFFFF;
}

#BulkOrdererMobileSelectionDialog.rc-mobile-view header, #BulkOrdererMobile.rc-mobile-view header {
  padding: 0 16px;
}
#BulkOrdererMobileSelectionDialog.rc-mobile-view header .mobile-page-title, #BulkOrdererMobile.rc-mobile-view header .mobile-page-title {
  margin-right: unset;
}
#BulkOrdererMobileSelectionDialog.rc-mobile-view main .rc-floating-button, #BulkOrdererMobile.rc-mobile-view main .rc-floating-button {
  width: unset;
}

#BulkOrdererMobileSelectionDialog > header .mobile-page-title {
  margin-right: 0;
}
#BulkOrdererMobileSelectionDialog main .mobile-tab-content {
  display: none;
}
#BulkOrdererMobileSelectionDialog main .mobile-tab-content.content-active {
  display: block;
}
#BulkOrdererMobileSelectionDialog main .image-article-list-wrapper {
  padding-top: 16px;
}
#BulkOrdererMobileSelectionDialog main .image-article-list {
  gap: 8px;
  padding: 8px;
  box-sizing: border-box;
}
#BulkOrdererMobileSelectionDialog main .image-article-list .image-article-item {
  width: calc(50% - 4px);
  display: flex;
  margin: unset;
  flex-direction: column;
  max-width: unset;
}
#BulkOrdererMobileSelectionDialog main .image-article-list .image-article-item .image-article-image {
  align-self: center;
  width: 100%;
}
#BulkOrdererMobileSelectionDialog main .configurator-horizontal-scroll {
  padding: 16px 16px 8px;
  overflow-x: scroll;
}
#BulkOrdererMobileSelectionDialog main .configurator-horizontal-scroll > div.configurator-list {
  display: flex;
  width: 100%;
  padding: 0;
  box-sizing: border-box;
  /*> .configurator-list-item {
  		flex-basis: 38vw;

  		@media (orientation: landscape) {
  				flex-basis: 21vw;
  		}
  }*/
}
#BulkOrdererMobileSelectionDialog main .configurator-horizontal-scroll > div.configurator-list > div {
  flex: 0 0 160px;
  padding-right: 8px;
}
#BulkOrdererMobileSelectionDialog main .configurator-horizontal-scroll > div.configurator-list > div:last-child {
  padding-right: 16px;
}
#BulkOrdererMobileSelectionDialog main .configurator-horizontal-scroll > div.configurator-list > div {
  flex-basis: calc(50vw - 20px);
  max-width: 246px;
}
#BulkOrdererMobileSelectionDialog main .configurator-horizontal-scroll > div.configurator-list .content-card .content-card-image .image-tile {
  border: unset;
}
#BulkOrdererMobileSelectionDialog.redesign main .configurator-horizontal-scroll {
  padding: 24px 16px;
  background: #E7E7E7;
}
#BulkOrdererMobileSelectionDialog.redesign main .configurator-horizontal-scroll > div.configurator-list > div {
  padding-right: 0;
  margin-right: 16px;
  box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.15), -2px 4px 4px 0px rgba(0, 0, 0, 0.05);
}
#BulkOrdererMobileSelectionDialog.redesign main .configurator-horizontal-scroll > div.configurator-list {
  align-items: center;
}
#BulkOrdererMobileSelectionDialog.redesign main .configurator-horizontal-scroll > div.configurator-list .container-card {
  height: fit-content;
  position: relative;
  /*&:first-child {
  	margin-left: 96px;
  }*/
}
#BulkOrdererMobileSelectionDialog.redesign main .configurator-horizontal-scroll > div.configurator-list .container-card.selected {
  border: 3px solid #316EBF;
}
#BulkOrdererMobileSelectionDialog.redesign main .configurator-horizontal-scroll > div.configurator-list .container-card .content-card-title {
  padding: 8px 16px;
  text-align: center;
  box-sizing: border-box;
  min-height: 38px;
}
#BulkOrdererMobileSelectionDialog.redesign main .configurator-horizontal-scroll > div.configurator-list .container-card:last-child:after {
  content: "";
  position: absolute;
  left: 100%;
  top: 0;
  display: block;
  width: 96px;
  height: 100%;
}
#BulkOrdererMobileSelectionDialog.redesign main .mobile-tab-content.content-active {
  display: flex;
  flex-direction: column;
  flex: 1;
}
#BulkOrdererMobileSelectionDialog.redesign main .mobile-tab-content.content-active .article-configurator.article-configurator-mobile.redesign {
  flex: 1;
  background: #FFFFFF;
}
#BulkOrdererMobileSelectionDialog.redesign main .configurator-group-mobile-items.product-info * {
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  color: #2C2C2C;
}
#BulkOrdererMobileSelectionDialog.redesign main .configurator-group-mobile-items.product-info h1 {
  font-family: inherit;
  font-size: 16px;
  font-weight: 600;
  padding-bottom: unset;
  line-height: 20px;
  margin-bottom: 11px;
}
#BulkOrdererMobileSelectionDialog.redesign main .configurator-group-mobile-items.product-info ul {
  list-style: disc;
  padding-left: 8px;
  margin: 16px 0 16px 16px;
}
#BulkOrdererMobileSelectionDialog.redesign.tablet main .configurator-horizontal-scroll div.configurator-list .container-card:first-child {
  margin-left: calc(50% - 123px);
}
#BulkOrdererMobileSelectionDialog.redesign.tablet main .configurator-horizontal-scroll div.configurator-list .container-card:last-child:after {
  content: "";
  position: absolute;
  left: 100%;
  top: 0;
  display: block;
  width: calc(50vw - 123px);
  height: 100%;
}
#BulkOrdererMobileSelectionDialog.redesign.tablet .configurator-body {
  padding: 24px 40px;
}

#BulkOrdererMobile .image-pool-sidebar {
  display: none;
}
#BulkOrdererMobile .add-more-images-btn {
  margin: 16px;
  display: flex;
  padding: 8px 24px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-radius: 120px;
  background: #3669C4;
  flex: unset;
  border: unset;
}
#BulkOrdererMobile .add-more-images-btn .btn-label {
  color: #FFF;
  text-align: center;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 15px;
}
#BulkOrdererMobile footer .add-more-images-btn {
  margin: unset;
}
#BulkOrdererMobile .mobile-expansible-card {
  margin-bottom: 8px;
  background: #ffffff;
}
#BulkOrdererMobile .mobile-expansible-card.redesign {
  padding: 0 16px 24px 16px;
  background: unset;
}
#BulkOrdererMobile .mobile-expansible-card.redesign:not(.is-expanded) header {
  padding: 16px 8px 16px 16px;
}
#BulkOrdererMobile .mobile-expansible-card.redesign header {
  display: flex;
  justify-content: space-between;
  align-items: start;
  padding: 16px 8px 8px 16px;
  gap: 8px;
}
#BulkOrdererMobile .mobile-expansible-card.redesign header > div {
  height: unset;
}
#BulkOrdererMobile .mobile-expansible-card.redesign header > div button {
  height: unset;
}
#BulkOrdererMobile .mobile-expansible-card.redesign header .rc-icon.sgw-icon {
  height: 18px;
  width: 18px;
}
#BulkOrdererMobile .mobile-expansible-card.redesign header .rc-icon.sgw-icon:before {
  color: #2c2c2c;
  height: 18px;
  width: 18px;
  font-size: 18px;
  line-height: 18px;
}
#BulkOrdererMobile .mobile-expansible-card.redesign header .mobile-page-title {
  color: #2c2c2c;
  font-size: 16px;
  font-weight: 700;
}
#BulkOrdererMobile .mobile-expansible-card.redesign header .redesign-article-header-info {
  color: #2C2C2C;
  font-size: 14px;
  font-style: normal;
  line-height: normal;
  flex: 1;
  margin-right: 32px;
  overflow: hidden;
}
#BulkOrdererMobile .mobile-expansible-card.redesign header .redesign-article-header-info .article-name {
  font-size: 16px;
  font-weight: 700;
}
#BulkOrdererMobile .mobile-expansible-card.redesign main {
  overflow-y: unset;
}
#BulkOrdererMobile .mobile-expansible-card.redesign .image-article-list .image-article-item {
  margin: 4px;
  width: calc(33.3333333333% - 8px);
}
#BulkOrdererMobile .mobile-expansible-card.redesign .image-article-list .image-article-item .image-file-name {
  display: none;
}
#BulkOrdererMobile .mobile-expansible-card.redesign .image-article-list .image-article-item .image-article-info {
  border-bottom: 1px solid #CCC;
}
#BulkOrdererMobile .mobile-expansible-card.redesign .image-article-list .image-article-item .image-article-info .mobile-numeric {
  border-radius: unset;
  border: unset;
  background-color: #EFEFEF !important;
  align-items: center;
}
#BulkOrdererMobile .mobile-expansible-card.redesign .image-article-list .image-article-item .image-article-info .mobile-numeric .rc-input-wrapper {
  flex: unset;
}
#BulkOrdererMobile .mobile-expansible-card.redesign .image-article-list .image-article-item .image-article-info .mobile-numeric .rc-input-wrapper .rc-label {
  display: none;
}
#BulkOrdererMobile .mobile-expansible-card.redesign .image-article-list .image-article-item .image-article-info .mobile-numeric .rc-input-wrapper input {
  height: 100%;
  font-size: 14px;
}
#BulkOrdererMobile .mobile-expansible-card header {
  flex: 0 0 48px;
  width: 100%;
  background-color: #ffffff;
  box-sizing: border-box;
  display: flex;
  flex-wrap: nowrap;
}
#BulkOrdererMobile .mobile-expansible-card header button {
  width: 32px;
  height: 48px;
}
#BulkOrdererMobile .mobile-expansible-card header button .sgw-icon:before {
  width: 32px;
  height: 48px;
  line-height: 48px;
  font-size: 20px;
}
#BulkOrdererMobile .mobile-expansible-card header .back-button button {
  width: 32px;
}
#BulkOrdererMobile .mobile-expansible-card header .back-button button .sgw-icon:before {
  width: 32px;
  font-size: 32px;
}
#BulkOrdererMobile .mobile-expansible-card header .mobile-page-title {
  flex: 1;
  margin-right: 32px;
  overflow: hidden;
  font-size: 18px;
  align-self: center;
  line-height: 20px;
}
#BulkOrdererMobile .mobile-expansible-card main {
  overflow: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  display: none;
  flex: 0;
  background: #ffffff;
}
#BulkOrdererMobile .mobile-expansible-card main > div {
  width: 100%;
}
#BulkOrdererMobile .mobile-expansible-card main .image-article-list {
  padding: 4px;
}
#BulkOrdererMobile .mobile-expansible-card main .image-article-list .image-article-item {
  margin: 1px 2px 16px;
  width: calc(33.3333333333% - 4px);
  /*.image-article-image {
  		height: 48px;
  }*/
}
#BulkOrdererMobile .mobile-expansible-card main .image-article-list .image-article-item .image-article-info .rc-input .rc-input-wrapper {
  padding-left: unset;
}
#BulkOrdererMobile .mobile-expansible-card main .image-article-list .image-article-item .image-article-info .rc-input .rc-input-wrapper .rc-label {
  left: 0;
}
#BulkOrdererMobile .mobile-expansible-card.is-expanded main {
  display: flex;
}

#PageNumberSelectionMobileDialog footer {
  padding: 0 16px !important;
}

.design-pool-wrapper {
  flex: 1;
}
.design-pool-wrapper .heading {
  margin-left: 16px;
  margin-bottom: -12px;
}

.design-pool {
  display: flex;
  flex-wrap: wrap;
}
.design-pool > div {
  flex: 0 0 20%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.design-pool > div.redesign {
  align-items: unset;
}
.design-pool > div.redesign .tile-wrapper {
  padding: unset;
}
.design-pool > div.redesign .tile-wrapper .img {
  box-shadow: unset;
}
.design-pool > div.redesign .color-variant-selection {
  margin-left: 4px;
  display: flex;
  justify-content: unset;
  column-gap: 8px;
}
.design-pool > div.redesign .color-variant-selection .color-variant {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  box-sizing: border-box;
  cursor: pointer;
}
.design-pool > div.redesign .color-variant-selection .color-variant.selected-color-variant {
  border: 2px solid #3669C4;
  position: relative;
}
.design-pool > div.redesign .color-variant-selection .color-variant.selected-color-variant:before {
  position: absolute;
  content: "";
  inset: 0;
  border: 1px solid white;
  border-radius: 50px;
}
.design-pool > div .tile-wrapper {
  width: 100%;
  padding: 16px;
  box-sizing: border-box;
}
.design-pool > div .tile-wrapper.selected .img {
  box-sizing: border-box;
  border: 2px solid #3669C4;
}
.design-pool > div.is-hidden {
  display: none;
}
.design-pool img {
  width: 100%;
  height: 100%;
  display: block;
  margin: auto;
  box-sizing: border-box;
}
.design-pool .img {
  width: 100%;
  position: relative;
  cursor: pointer;
  box-sizing: border-box;
  overflow: hidden;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.25);
  display: flex;
  justify-content: center;
  align-items: center;
}
.design-pool .img:hover .border {
  border-color: #d8d8d8;
  border-width: 3px;
}
.design-pool .img:active .border {
  border-color: #C2C2C2;
}
.design-pool .img .border {
  z-index: unset;
}
.design-pool .img.active .border {
  border-color: #3669C4;
  border-width: 3px;
}
.design-pool .img.active .border:hover {
  border-color: #82AEFD;
}
.design-pool .color-variant-selection {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding-top: 2px;
}
.design-pool .color-variant-selection .color-variant {
  width: 32px;
  height: 32px;
  margin: 0 4px 8px;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
}
.design-pool .color-variant-selection .color-variant.selected-color-variant {
  border: 2px solid #3669C4;
}
.design-pool .color-variant-selection .color-variant.selected-color-variant:before {
  position: absolute;
  content: "";
  inset: 0;
  border: 1px solid white;
}
.design-pool .color-variant-selection .color-variant:hover:not(.selected-color-variant) {
  border: 2px solid #CCCCCC;
}
.design-pool .color-variant-selection .color-variant:hover:not(.selected-color-variant):before {
  position: absolute;
  content: "";
  inset: 0;
  border: 1px solid white;
}
.design-pool .color-variant-selection .color-variant:last-child {
  margin-right: unset;
}
.design-pool .border {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  z-index: 1;
  border: 1px solid transparent;
}

.rc-mobile-view .design-pool .img {
  margin: 4px;
  width: unset;
}

.designs-module .designs-module-buttons {
  display: flex;
  flex-direction: row;
  font-size: 14px;
  position: relative;
  flex-wrap: wrap;
}
.designs-module .designs-module-buttons.precalculate-container > button {
  flex: 0;
  justify-content: left;
}
.designs-module .designs-module-buttons > button {
  background-color: unset;
  overflow: unset;
  white-space: nowrap;
  text-overflow: unset;
  justify-content: left;
  box-sizing: border-box;
  font-size: 14px;
  padding: unset;
  margin: 0 4px 8px 4px;
  height: auto;
}
.designs-module .designs-module-buttons > button.rc-mobile-component {
  font-size: 14px;
  height: 36px;
  margin: 0 8px;
}
.designs-module .designs-module-buttons > button.btn-icon .sgw-icon {
  width: 20px;
  height: 20px;
  margin-right: 4px;
}
.designs-module .designs-module-buttons > button.btn-icon .sgw-icon:before {
  font-size: 18px;
  width: 20px;
  height: 20px;
  line-height: 20px;
}
.designs-module .designs-module-buttons > button.btn-icon .btn-label {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.designs-module .designs-module-buttons > button:hover {
  background-color: unset;
  border-color: unset;
}
.designs-module .designs-module-buttons > button:hover:before {
  color: unset;
}
.designs-module .designs-module-buttons .image-pool-source-selection.drop-down-menu {
  top: 100%;
}
.designs-module .designs-module-buttons .designs-header-menu {
  /*position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);*/
}
.designs-module .designs-module-buttons .rc-context-menu.rc-context-menu-v2 {
  position: relative;
  right: unset;
  z-index: 1;
}
.designs-module .designs-module-buttons .rc-context-menu.rc-context-menu-v2 button {
  margin: 0;
}
.designs-module .designs-module-buttons .rc-context-menu.rc-context-menu-v2 .context-menu .context-menu-body {
  box-sizing: border-box;
  padding-left: 8px;
}
.designs-module .designs-module-buttons .rc-context-menu.rc-context-menu-v2 .context-menu .context-menu-body > div {
  display: flex;
  flex-direction: column;
}

.module-list .designs-module {
  padding: 4px;
  height: 100%;
}

.module-list .designs-module > div {
  height: 100%;
}

.designs-module.desktop {
  padding: unset;
}
.designs-module.desktop .designs-module-buttons button.btn-icon .rc-icon.sgw-icon {
  width: 21px;
  height: 21px;
}
.designs-module.desktop .designs-module-buttons button.btn-icon .rc-icon.sgw-icon:before {
  font-size: 21px;
  width: 21px;
  height: 21px;
  line-height: 21px;
}
.designs-module.desktop .designs-module-buttons button.btn-icon .btn-label {
  font-size: 14px;
}
.designs-module.tablet {
  padding-top: 16px;
  box-sizing: border-box;
}
.designs-module.tablet > div {
  height: 100%;
}
.designs-module.tablet.portrait {
  padding-top: 11px;
}
.designs-module.tablet.portrait .design-selection.single-row {
  width: 100%;
  display: flex;
  flex-direction: row;
  padding: 20px 16px 12px;
  gap: 16px;
  box-sizing: border-box;
  align-self: stretch;
}
.designs-module.tablet.portrait .design-selection.single-row .mobile-layout {
  flex: 1;
}
.designs-module.tablet.portrait .design-selection.single-row .checkout-group-content {
  flex: 1;
}
.designs-module.tablet.portrait .design-selection .mobile-layout {
  width: 25%;
  padding-right: unset;
}
.designs-module.tablet.portrait .design-selection .design-selection-embedded header {
  position: relative;
  padding-bottom: 19px;
}
.designs-module.tablet.portrait .design-selection .design-selection-embedded header .back-button {
  position: absolute;
  left: 0px;
}
.designs-module.tablet.portrait .design-selection .design-selection-embedded header .back-button button {
  width: 18px;
  height: 18px;
}
.designs-module.tablet.portrait .design-selection .design-selection-embedded header .mobile-page-title {
  font-weight: 500;
}
.designs-module.tablet.portrait .design-selection .design-selection-embedded header .rc-icon.sgw-icon {
  width: 18px;
  height: 18px;
}
.designs-module.tablet.portrait .design-selection .design-selection-embedded header .rc-icon.sgw-icon:before {
  width: 18px;
  height: 18px;
  font-size: 18px !important;
  line-height: 18px;
}
.designs-module.tablet.portrait .design-selection .design-selection-embedded main .category-selection {
  padding: 14px 0 0 0;
  margin-bottom: 12px;
}
.designs-module.tablet.portrait .design-selection .design-selection-embedded main .category-selection .select-options-wrapper .sgw-icon {
  width: 18px;
  height: 18px;
}
.designs-module.tablet.portrait .design-selection .design-selection-embedded main .category-selection .select-options-wrapper .sgw-icon:before {
  width: 18px;
  height: 18px;
  font-size: 18px;
  line-height: 18px;
}
.designs-module.tablet.portrait .design-selection .design-selection-embedded main .designbrowser {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.designs-module.tablet.portrait .design-selection .design-selection-embedded main .designbrowser .design-pool-wrapper .heading {
  margin: 8px 0 16px 0;
}
.designs-module.tablet.portrait .design-selection .mobile-layout {
  width: 50%;
  max-width: 50%;
}
.designs-module.tablet.portrait .design-selection.last-design-selection-row .color-variant-selection {
  display: flex;
  justify-content: flex-end;
}
.designs-module.tablet .design-selection {
  display: flex;
  flex-direction: row;
  padding: 16px 16px 8px;
  gap: 16px;
}
.designs-module.tablet .design-selection > div {
  padding-right: unset;
}
.designs-module.tablet .design-selection .sgw-icon {
  width: 18px;
  height: 18px;
}
.designs-module.tablet .design-selection .sgw-icon:before {
  width: 18px;
  height: 18px;
  font-size: 18px !important;
  line-height: 18px;
}
.designs-module.tablet .design-selection .mobile-layout {
  width: 50%;
}
.designs-module.tablet .design-selection .mobile-layout.expanded-embedded {
  padding-right: unset;
  padding-left: unset;
  width: 100%;
  max-width: 100%;
}
.designs-module.tablet .design-selection .mobile-layout header {
  display: flex;
  align-items: center;
}
.designs-module.tablet .design-selection .mobile-layout header .mobile-page-title {
  display: flex;
  justify-content: center;
  width: 100%;
}
.designs-module.tablet .design-selection .mobile-layout main .drop-down-container {
  display: flex;
  padding: unset;
  height: 100%;
}
.designs-module.tablet .design-selection .mobile-layout main .drop-down-container .category-selection {
  width: 100%;
  padding: 16px 0 0 0;
}
.designs-module.tablet .design-selection .mobile-layout main .drop-down-container .designbrowser {
  height: 100%;
  overflow-y: scroll;
  padding-right: unset;
  flex: 1;
}
.designs-module.tablet .design-selection .mobile-layout main .drop-down-container .designbrowser .design-pool-wrapper .heading {
  margin: 16px 0 8px 8px;
}
.designs-module.tablet .design-selection .checkout-group-content {
  padding-left: unset;
  padding-right: unset;
  width: 50%;
}
.designs-module.tablet .design-selection.last-design-selection-row {
  padding: 8px 16px 16px 16px;
}
.designs-module.tablet .design-selection.last-design-selection-row .color-variant-selection {
  margin-left: 4px;
  display: flex;
  justify-content: unset;
  column-gap: 8px;
}
.designs-module.tablet .design-selection.last-design-selection-row .color-variant-selection .color-variant {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  box-sizing: border-box;
  cursor: pointer;
}
.designs-module.tablet .design-selection.last-design-selection-row .color-variant-selection .color-variant.selected-color-variant {
  border: 2px solid #3669C4;
  position: relative;
}
.designs-module.tablet .design-selection.last-design-selection-row .color-variant-selection .color-variant.selected-color-variant:before {
  position: absolute;
  content: "";
  inset: 0;
  border: 1px solid white;
  border-radius: 50px;
}
.designs-module.tablet .designs-list > div > div {
  justify-content: center;
}
.designs-module.tablet .designs-list > div > div .design-item-wrapper .design-item-favorite {
  margin-bottom: 12px;
}
.designs-module > div {
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.designs-module .design-selection {
  padding: 8px 8px 0 8px;
  display: flex;
  align-items: flex-end;
  /*> :first-child {
  		max-width: 55%;
  }*/
}
.designs-module .design-selection > * {
  flex: auto;
  box-sizing: border-box;
}
.designs-module .design-selection > *:first-child {
  padding-right: 4px;
}
.designs-module .design-selection > *:last-child {
  padding-left: 4px;
}
.designs-module .design-selection > *.checkout-group-content .group-content {
  margin-bottom: unset;
}
.designs-module .design-selection:not(.full-width) > div {
  max-width: 50%;
}
.designs-module .design-selection .mobile-layout label {
  font-size: 14px;
}
.designs-module .design-selection .mobile-layout .select-box .selected-value {
  height: 32px;
}
.designs-module .design-selection .mobile-layout .select-box .selected-value:after {
  top: 14px;
  right: 12px;
}

.module-list .designs-module .design-selection {
  padding: 8px 0 0;
}
.module-list .designs-module .design-selection .color-variant-selection {
  margin-left: 4px;
  display: flex;
  justify-content: unset;
  column-gap: 8px;
}
.module-list .designs-module .design-selection .color-variant-selection .color-variant {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  box-sizing: border-box;
  cursor: pointer;
}
.module-list .designs-module .design-selection .color-variant-selection .color-variant.selected-color-variant {
  border: 2px solid #3669C4;
  position: relative;
}
.module-list .designs-module .design-selection .color-variant-selection .color-variant.selected-color-variant:before {
  position: absolute;
  content: "";
  inset: 0;
  border: 1px solid white;
  border-radius: 50px;
}

.drop-down-overlay {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}

.designs-module .design-selection .drop-down-container {
  width: 1039px;
  height: 900px;
  padding: 8px;
  display: flex;
  flex-direction: column;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.45);
}
.designs-module .design-selection .drop-down-container .heading:hover {
  background: inherit;
}
.designs-module .design-selection .drop-down-container div.category-selection {
  margin-bottom: 8px;
  padding: 4px;
  width: 212px;
}
.designs-module .design-selection .drop-down-container div.designbrowser {
  overflow-y: scroll;
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
  width: 100%;
  height: 100%;
  padding-right: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.rc-mobile-view main .designs-module .design-selection .drop-down-container {
  width: unset;
  height: unset;
}

#DesignBrowserDialog.redesign header {
  box-shadow: unset;
}
#DesignBrowserDialog.redesign main .drop-down-container {
  padding: unset;
  width: 100%;
}
#DesignBrowserDialog.redesign main .drop-down-container .category-selection {
  padding: 16px;
  width: unset;
}
#DesignBrowserDialog.redesign main .drop-down-container .category-selection .rc-select label {
  background-color: #e7e7e7;
}
#DesignBrowserDialog.redesign main .designbrowser {
  padding: 8px;
}
#DesignBrowserDialog.redesign main .design-pool-wrapper {
  margin-bottom: 24px;
}
#DesignBrowserDialog.redesign main .design-pool-wrapper .heading {
  color: #2C2C2C;
  font-family: "SourceSansPro-Regular";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px;
  margin: 0 0 16px 16px;
}
#DesignBrowserDialog .rc-dialog-wrapper {
  min-height: 100%;
  height: 100%;
  margin: 0 auto;
  width: 1600px;
  max-width: calc(100% - 32px);
}
@media only screen and (min-width: 1921px) {
  #DesignBrowserDialog .rc-dialog-wrapper {
    width: 1888px;
  }
}
#DesignBrowserDialog .rc-dialog-wrapper .rc-dialog-content {
  background-color: #e7e7e7;
  min-height: calc(100% - 32px);
  max-height: calc(100% - 32px);
}
#DesignBrowserDialog .drop-down-container {
  padding: 8px;
  display: flex;
  flex-direction: column;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  flex: 1;
}
#DesignBrowserDialog .drop-down-container .heading:hover {
  background: inherit;
}
#DesignBrowserDialog .drop-down-container div.category-selection {
  margin-bottom: 8px;
  padding: 4px;
  width: 212px;
}
#DesignBrowserDialog .drop-down-container div.designbrowser {
  overflow-y: scroll;
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
  width: 100%;
  height: 100%;
  padding-right: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  flex: 1;
}
#DesignBrowserDialog div.design-browser-footer {
  flex: 0;
  width: 100%;
  display: flex;
  padding: 8px;
  box-sizing: border-box;
  justify-content: flex-end;
}
#DesignBrowserDialog div.design-browser-footer button {
  margin-left: 16px;
}

.module-list .designs-module .design-selection .design-module-label {
  display: block;
  padding-bottom: 2px;
}

.designs-module > div > .designs-list {
  flex: auto;
  overflow-y: auto;
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
  padding: 4px;
  box-sizing: border-box;
  height: auto;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  scrollbar-width: thin;
}
.designs-module > div > .designs-list.redesign {
  padding: 0 12px;
}
.designs-module > div > .designs-list::-webkit-scrollbar {
  width: 10px;
}
.designs-module > div > .designs-list::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4);
  border-radius: 8px;
  -webkit-border-radius: 8px;
}
.designs-module > div > .designs-list::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
.designs-module > div > .designs-list.mobile:hover::-webkit-scrollbar {
  display: none;
}
.designs-module > div > .designs-list > div > div {
  display: flex;
  flex-wrap: wrap;
}

.module-list .designs-module > div > .designs-list {
  padding: 0;
  padding-top: 4px;
  margin-top: 4px;
  overflow-x: hidden;
}

.mobile-dialog-content .designs-module .designs-list .design-item-wrapper {
  flex: 0 0 50%;
}

.designs-module .designs-list .design-item-wrapper.active .design-item .mobile-design-item {
  border: none !important;
  outline: 2px solid #3669C4 !important;
}

.designs-module .designs-list .design-item-wrapper .design-item .mobile-design-item {
  border: 1px solid #CCCCCC;
  position: relative;
  line-height: 0;
  cursor: pointer;
}

.designs-module .designs-list .design-item-wrapper {
  flex: 0 0 auto;
  position: relative;
  min-height: 100px;
  min-width: 33%;
  width: 50%;
}
.designs-module .designs-list .design-item-wrapper.pending-visibility {
  min-height: 150px;
}
.designs-module .designs-list .design-item-wrapper.factor-1 {
  min-width: 100%;
  width: auto;
}
.designs-module .designs-list .design-item-wrapper.factor-2 {
  min-width: 50%;
  width: auto;
}
.designs-module .designs-list .design-item-wrapper.factor-3 {
  min-width: 33%;
  width: auto;
}
.designs-module .designs-list .design-item-wrapper.factor-4 {
  min-width: 25%;
  width: auto;
}
.designs-module .designs-list .design-item-wrapper .design-item-layout-id {
  position: absolute;
  left: 4px;
  top: 4px;
  padding: 1px 2px;
  background: rgba(255, 255, 255, 0.3843137255);
  max-width: calc(100% - 12px);
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
  font-size: 10px;
}
.designs-module .designs-list .design-item-wrapper .design-item-favorite {
  margin-bottom: 8px;
}
.designs-module .designs-list .design-item-wrapper .design-item-favorite .rc-icon {
  cursor: pointer;
}

.designs-module .designs-list .design-item-wrapper .design-item {
  padding: 4px;
  box-sizing: border-box;
}
.designs-module .designs-list .design-item-wrapper .design-item img {
  width: 100%;
  height: 100%;
}

.module-list .designs-module .designs-list .design-item-wrapper .design-item svg {
  width: 100%;
}

.designs-module .designs-list .design-item-wrapper .design-item > div {
  position: relative;
  line-height: 0;
  cursor: pointer;
}

.designs-module .designs-list .design-item-wrapper.active .design-item .design-layout-item {
  outline: 3px solid #3669C4;
  border: none !important;
}

/*.designs-module .designs-list .design-item-wrapper.active .design-item:hover .design-layout-item {
    outline: 3px solid #CCCCCC !important;
}*/
.designs-module .designs-list .design-item-wrapper:not(.active) .design-item:hover .design-layout-item {
  outline: 3px solid #CCCCCC;
}

.designs-module .designs-list .design-item-wrapper .design-item > div:after,
.designs-module .designs-list .design-item-wrapper .designs-list .design-item-wrapper .design-item > div:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border: 2px solid transparent;
  left: 0;
  top: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.designs-module .designs-list .design-item-wrapper .design-item .design-layout-item {
  border: 1px solid #CCCCCC;
  overflow: hidden;
}

.designs-module .designs-list > .design-item-wrapper .designs-list {
  display: none;
  padding: 0 12px 12px 8px;
}

.designs-module .designs-list > .design-item-wrapper.active .designs-list,
.designs-module .designs-list > .design-item-wrapper.subactive .designs-list {
  display: flex;
}

.module-list .designs-module > div .designs-list .design-item-wrapper .designs-list .design-item-wrapper .design-item {
  margin: 4px 6px 4px 6px;
}

#LayoutSelectionMobileDialog header.redesign {
  border-bottom: unset;
  box-shadow: unset;
  min-height: 56px;
  height: 56px;
}
#LayoutSelectionMobileDialog header.redesign .back-button {
  left: unset;
  right: 16px;
}
#LayoutSelectionMobileDialog header.redesign .back-button button {
  width: 18px;
  height: 18px;
}
#LayoutSelectionMobileDialog header.redesign .back-button button .rc-icon.sgw-icon.close {
  width: 18px;
  height: 18px;
}
#LayoutSelectionMobileDialog header.redesign .back-button button .rc-icon.sgw-icon.close:before {
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 18px;
}
#LayoutSelectionMobileDialog .designs-module {
  background-color: #E7E7E7;
}
#LayoutSelectionMobileDialog .designs-module > div {
  background-color: #FFFFFF;
}
#LayoutSelectionMobileDialog .designs-module .designs-module-buttons {
  display: none;
}
#LayoutSelectionMobileDialog .designs-module .design-selection {
  padding: 0 16px;
  background-color: #FFFFFF;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#LayoutSelectionMobileDialog .designs-module .design-selection.first-design-selection-row {
  margin-top: 8px;
}
#LayoutSelectionMobileDialog .designs-module .design-selection.last-design-selection-row {
  padding: 0 16px 0 16px;
  margin-bottom: unset;
}
#LayoutSelectionMobileDialog .designs-module .design-selection .mirror-btn-redesign {
  color: #3669C4;
  font-family: "SourceSansPro-Regular";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-left: auto;
  padding: unset;
  flex: unset;
}
#LayoutSelectionMobileDialog .designs-module .design-selection .mirror-btn-redesign .rc-icon.sgw-icon.mirror_horizontal:before {
  color: #3669C4;
}
#LayoutSelectionMobileDialog .designs-module .design-selection .rc-component.rc-select.rc-mobile-component.redesign {
  width: unset;
}
#LayoutSelectionMobileDialog .designs-module .design-selection .rc-component.rc-select.rc-mobile-component.redesign label {
  font-size: 13px;
  color: #525252;
}
#LayoutSelectionMobileDialog .designs-module .designs-list.redesign {
  background-color: #e7e7e7;
  overflow-x: hidden;
  padding: 0 12px;
}
#LayoutSelectionMobileDialog .designs-module .designs-list.redesign > div > div {
  display: flex;
  flex-direction: column;
}
#LayoutSelectionMobileDialog .designs-module .designs-list.redesign > div > div .design-item-wrapper {
  display: flex;
  justify-content: center;
  margin: 16px 16px 0 16px;
  flex-direction: column;
}
#LayoutSelectionMobileDialog .designs-module .designs-list.redesign > div > div .design-item-wrapper .rc-icon.sgw-icon.heart_big_line:before {
  color: #525252;
}

#ClipartSelectionMobileDialog header.redesign .back-button {
  left: unset;
  right: 16px;
}
#ClipartSelectionMobileDialog header.redesign .back-button button {
  width: 18px;
  height: 18px;
}
#ClipartSelectionMobileDialog header.redesign .back-button button .rc-icon.sgw-icon.close {
  width: 18px;
  height: 18px;
}
#ClipartSelectionMobileDialog header.redesign .back-button button .rc-icon.sgw-icon.close:before {
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 18px;
}
#ClipartSelectionMobileDialog .cliparts-module .clipart-selection {
  background-color: #FFFFFF;
  padding-bottom: 16px;
}
#ClipartSelectionMobileDialog .cliparts-module .clipart-selection .rc-component.rc-select.tag-input {
  display: none;
}

#AddWithLayoutsMobileDialog main {
  padding: 0 16px;
  overflow-y: hidden;
}
#AddWithLayoutsMobileDialog main.redesign .layout-list-controls {
  display: flex;
  flex-direction: row;
  height: 42px;
  margin: 24px 0;
}
#AddWithLayoutsMobileDialog main.redesign .layout-list-controls .add-without-layout-button {
  background-color: #e7e7e7;
  height: 42px;
  border-radius: 120px;
  border: 1px solid #525252;
  justify-content: center;
  align-items: center;
}
#AddWithLayoutsMobileDialog main.redesign .layout-list-controls .add-without-layout-button .btn-label {
  color: #525252;
  text-align: center;
  font-family: "SourceSansPro-Regular";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px;
}
#AddWithLayoutsMobileDialog main.redesign .designs-module .designs-list.redesign {
  display: flex;
  align-items: center;
}
#AddWithLayoutsMobileDialog main.redesign .designs-module .designs-list.redesign .design-item-wrapper {
  margin-bottom: 16px;
}
#AddWithLayoutsMobileDialog main.redesign .designs-module .designs-list.redesign .design-item-wrapper .design-item {
  width: 100%;
  padding: unset;
}

#DesignerMobile .rc-mobile-view .redesign .designs-module.phone .design-selection .color-variant-selection {
  margin-bottom: 8px;
  margin-left: 4px;
  display: flex;
  justify-content: unset;
  column-gap: 8px;
}
#DesignerMobile .rc-mobile-view .redesign .designs-module.phone .design-selection .color-variant-selection .color-variant {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  box-sizing: border-box;
  cursor: pointer;
}
#DesignerMobile .rc-mobile-view .redesign .designs-module.phone .design-selection .color-variant-selection .color-variant.selected-color-variant {
  border: 2px solid #3669C4;
  position: relative;
}
#DesignerMobile .rc-mobile-view .redesign .designs-module.phone .design-selection .color-variant-selection .color-variant.selected-color-variant:before {
  position: absolute;
  content: "";
  inset: 0;
  border: 1px solid white;
  border-radius: 50px;
}

.desktop-presentation-label {
  z-index: 1;
  color: white;
  display: flex;
}
.desktop-presentation-label .rc-icon:before {
  color: white;
}

.desktop-presentation-feedback-and-label {
  z-index: 1;
  color: #2C2C2C;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  /*    .desktop-presentation-label {
          z-index: 1;
          color: white;
          display: flex;
          justify-self: flex-end;

          .rc-icon:before {
              color: white;
          }
      }*/
}
.desktop-presentation-feedback-and-label .rc-icon:before {
  color: #2C2C2C;
}
.desktop-presentation-feedback-and-label .desktop-presentation-feedback {
  color: #2C2C2C;
  display: flex;
  justify-self: flex-start;
}
.desktop-presentation-feedback-and-label .desktop-presentation-img-label {
  color: #2C2C2C;
  display: flex;
  justify-self: flex-end;
}

.dialog-floated-button {
  z-index: 1;
}
.dialog-floated-button.navigation-button {
  position: fixed;
  width: 32px;
  height: 32px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
}
.dialog-floated-button.navigation-button .rc-icon.sgw-icon:before {
  color: #ffffff;
}
.dialog-floated-button.navigation-button.previous {
  left: 16px;
}
@media screen and (min-width: 1600px) {
  .dialog-floated-button.navigation-button.previous {
    left: 32px;
  }
}
@media screen and (min-width: 1920px) {
  .dialog-floated-button.navigation-button.previous {
    left: 48px;
  }
}
.dialog-floated-button.navigation-button.next {
  right: 16px;
}
@media screen and (min-width: 1600px) {
  .dialog-floated-button.navigation-button.next {
    right: 32px;
  }
}
@media screen and (min-width: 1920px) {
  .dialog-floated-button.navigation-button.next {
    right: 48px;
  }
}
.dialog-floated-button.close {
  position: fixed;
  left: 16px;
  top: 16px;
  z-index: 1;
}
@media screen and (min-width: 1600px) {
  .dialog-floated-button.close {
    left: 32px;
    top: 32px;
  }
}
@media screen and (min-width: 1920px) {
  .dialog-floated-button.close {
    left: 48px;
    top: 64px;
  }
}
.dialog-floated-button.close .rc-icon.sgw-icon:before {
  color: #ffffff;
}
.dialog-floated-button.close .rc-icon.sgw-icon:hover:before {
  color: #ffffff;
}
.dialog-floated-button.right-corner-button {
  position: absolute;
  right: 0;
  top: 100%;
}
.dialog-floated-button.right-corner-button.desktop-view {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  position: relative;
  left: unset;
  top: unset;
}
.dialog-floated-button.right-corner-button.desktop-view .rc-label-component {
  display: flex;
  color: #FFFFFF;
}
.dialog-floated-button.right-corner-button.desktop-view.feedback {
  align-items: unset;
}
.dialog-floated-button.right-corner-button.mobile-centered {
  position: relative;
  right: unset;
  top: unset;
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: 32px;
}
.dialog-floated-button.right-corner-button.mobile-centered .rc-label-component {
  display: flex;
  justify-content: center;
}
.dialog-floated-button.right-corner-button.mobile-centered.margin-below {
  margin-bottom: 16px;
}
.dialog-floated-button.left-corner-button {
  position: absolute;
  left: 0;
  top: 100%;
}
.dialog-floated-button.left-corner-button.mobile-centered {
  position: relative;
  right: unset;
  top: unset;
  width: 100%;
  display: flex;
  justify-content: center;
}

#CollectionShareOrder .dialog-floated-button.close, #CollectionShareProductSetConfiguration .dialog-floated-button.close {
  position: fixed;
  left: 16px;
  top: 16px;
  z-index: 1;
}
@media screen and (min-width: 1600px) {
  #CollectionShareOrder .dialog-floated-button.close, #CollectionShareProductSetConfiguration .dialog-floated-button.close {
    left: 32px;
    top: 32px;
  }
}
@media screen and (min-width: 1920px) {
  #CollectionShareOrder .dialog-floated-button.close, #CollectionShareProductSetConfiguration .dialog-floated-button.close {
    left: 48px;
    top: 32px;
  }
}
#CollectionShareOrder .dialog-floated-button.close .rc-icon.sgw-icon:before, #CollectionShareProductSetConfiguration .dialog-floated-button.close .rc-icon.sgw-icon:before {
  color: #ffffff;
}
#CollectionShareOrder .dialog-floated-button.close .rc-icon.sgw-icon:hover:before, #CollectionShareProductSetConfiguration .dialog-floated-button.close .rc-icon.sgw-icon:hover:before {
  color: #ffffff;
}

.rc-mobile-view.dark-mode .rc-label-component.rc-mobile-component {
  color: #FFFFFF;
}
.rc-mobile-view.dark-mode .dialog-floated-button.btn-simple:focus .sgw-icon:before {
  color: #ffffff;
}
.rc-mobile-view.dark-mode .dialog-floated-button .rc-icon, .rc-mobile-view.dark-mode .dialog-floated-button .rc-icon:before, .rc-mobile-view.dark-mode .dialog-floated-button .btn-label {
  color: #ffffff;
}

.mobile-feedback {
  position: relative;
}

.dialog-buttons-right-top {
  position: fixed;
  right: 16px;
  top: 16px;
  display: flex;
  z-index: 1;
  gap: 8px;
}
@media screen and (min-width: 1600px) {
  .dialog-buttons-right-top {
    right: 32px;
    top: 32px;
  }
}
@media screen and (min-width: 1920px) {
  .dialog-buttons-right-top {
    right: 64px;
    top: 64px;
  }
}
.dialog-buttons-right-top button.btn-simple:focus .sgw-icon:before {
  color: #ffffff;
}
.dialog-buttons-right-top button .rc-icon:before, .dialog-buttons-right-top button .rc-icon:hover:before {
  color: #ffffff;
}
.dialog-buttons-right-top .context-menu-body button.btn-simple:focus .sgw-icon:before {
  color: #6e6e6e;
}
.dialog-buttons-right-top .context-menu-body button .rc-icon:before, .dialog-buttons-right-top .context-menu-body button .rc-icon:hover:before {
  color: #6e6e6e;
}

#CollectionShareOrder .dialog-buttons-right-top {
  right: 64px;
  top: 32px;
}
@media screen and (min-width: 1600px) {
  #CollectionShareOrder .dialog-buttons-right-top {
    right: 32px;
  }
}
@media screen and (min-width: 1920px) {
  #CollectionShareOrder .dialog-buttons-right-top {
    right: 48px;
  }
}

.dialog-window {
  z-index: 10002;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow-y: auto;
  filter: none;
  -webkit-filter: none;
  -ms-filter: none;
}
.dialog-window:after {
  position: fixed;
  left: 0;
  top: 0;
  display: block;
  background-color: #353840;
  content: " ";
  pointer-events: none;
  z-index: -1;
  height: 100%;
  width: 100%;
  opacity: 0.8;
}
.dialog-window > div {
  width: 90%;
  height: 90%;
  -webkit-box-shadow: 3px 3px 12px 0 rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 3px 3px 12px 0 rgba(0, 0, 0, 0.75);
  box-shadow: 3px 3px 12px 0 rgba(0, 0, 0, 0.75);
  box-sizing: border-box;
}
@media (max-width: 1100px) and (max-height: 760px) {
  .dialog-window {
    align-items: flex-start;
    justify-content: center;
    overflow-y: auto;
  }
}
@media (max-width: 1035px) {
  .dialog-window {
    display: flex;
    flex-direction: column;
    width: 100%;
    font-size: 12px;
    height: 100%;
    min-width: 620px;
  }
  .dialog-window > div {
    width: 100%;
    height: 100%;
    min-height: 300px;
    margin: auto;
  }
}
@media (max-width: 500px) {
  .dialog-window {
    min-width: unset;
  }
}
@media (max-height: 800px) {
  .dialog-window {
    display: flex;
    flex-direction: column;
    width: 100%;
    font-size: 12px;
    height: 100%;
    position: absolute;
    overflow: hidden;
    min-width: 620px;
  }
  .dialog-window > div {
    width: 100%;
    height: 100%;
    min-height: 300px;
    margin: auto;
  }
}

/** Dialog v2 reset **/
.dialog-v2 {
  font-size: 14px;
  line-height: 18px;
  max-width: 100%;
  margin: 0 auto;
  left: 0;
  right: 0;
  width: 100%;
  /*min-width: 375px;*/
  min-height: auto;
}
.dialog-v2 > div {
  background: #FFFFFF;
  padding: 0;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  min-height: 300px;
}

.dialog-v2-mobile-menu {
  flex: 0 0 48px;
}

.dialog-v2-headline {
  flex: 0 0 48px;
}

.dialog-v2-header > div {
  padding: 16px;
}

#imagePoolDialog .dialog-v2-header > div {
  padding: unset;
}

.dialog-v2-body {
  flex: 1;
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
}
.dialog-v2-body > div {
  box-sizing: border-box;
  flex: auto;
}
.dialog-v2-body > .dialog-v2-bottom-edit-toolbar {
  flex: 0;
}
.dialog-v2-body .image-pool-browser {
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
  flex: auto;
  box-sizing: border-box;
}

.dialog-v2-footer .button-action-back .btn-simple, .rc-dialog-content .button-action-back .btn-simple {
  padding-left: 0;
}
.dialog-v2-footer .button-action-back .btn-simple:hover, .rc-dialog-content .button-action-back .btn-simple:hover {
  text-decoration: underline;
}

.dialog-v2-footer > div {
  display: flex;
  justify-content: space-between;
  padding: 16px;
  align-items: center;
}
.dialog-v2-footer > div > div {
  margin-right: 16px;
}
.dialog-v2-footer > div > div:last-child {
  margin-right: 0;
}
.dialog-v2-footer .image-selection-hint {
  text-align: center;
}

.dialog-v2-bottom-edit-toolbar {
  flex: 0;
  background: #3669C4;
  max-height: 0;
  transition: max-height 0.3s ease-out;
  color: #ffffff;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
}
.dialog-v2-bottom-edit-toolbar .btn-simple:hover {
  text-decoration: underline;
}
.dialog-v2-bottom-edit-toolbar .btn-simple .sgw-icon:before, .dialog-v2-bottom-edit-toolbar .btn-simple .sgw-icon:hover:before {
  color: #FFFFFF;
}
.dialog-v2-bottom-edit-toolbar .edit-toolbar .edit-toolbar-wrapper {
  justify-content: center;
  align-items: center;
}
@media (max-width: 1035px) {
  .dialog-v2-bottom-edit-toolbar .edit-toolbar .edit-toolbar-wrapper .btn-toolbar {
    flex: 0 0 auto;
  }
}
@media (max-height: 800px) {
  .dialog-v2-bottom-edit-toolbar .edit-toolbar .edit-toolbar-wrapper .btn-toolbar {
    flex: 0 0 auto;
  }
}
@media (max-width: 580px) {
  .dialog-v2-bottom-edit-toolbar > div {
    display: flex;
    justify-content: center;
    flex-direction: column;
  }
}

.edit .dialog-v2-bottom-edit-toolbar {
  max-height: 100%;
  transition: max-height 0.3s ease-in;
}

.rc-dialog.rc-dialog-bg-shadow > #LoginView {
  background-color: transparent;
}

.rc-dialog.redesign-tablet:not(.select-options-dialog-redesign) .rc-dialog-wrapper {
  justify-content: center;
}
.rc-dialog.redesign-tablet:not(.select-options-dialog-redesign) .rc-dialog-wrapper .rc-dialog-content {
  width: unset;
}

.drag-container {
  position: fixed;
  display: flex;
  min-width: 80px;
  min-height: 80px;
  z-index: 9999999;
  left: 0;
  top: 0;
  pointer-events: none;
}
.drag-container .drag-handler-badge-wrapper {
  position: absolute;
  top: 4px;
  left: 4px;
  padding: 2px;
  color: #FFFFFF;
  background: #3776B2;
  border: 1px solid #FFFFFF;
  z-index: 1000;
}
.drag-container .drag-item {
  width: 80px;
  height: 80px;
  overflow: hidden;
  position: absolute;
}
.drag-container .drag-item.item-locked {
  opacity: 0.5;
}
.drag-container .drag-item > .drag-item-image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.drag-container .drag-item > .drag-item-image.landscape {
  height: 100%;
}
.drag-container .drag-item > .drag-item-image.portrait {
  width: 100%;
}
.drag-container .drag-item > .drag-item-image.square {
  width: 100%;
  height: 100%;
}
.drag-container .drag-item > .drag-item-clipart {
  object-fit: contain;
}
.drag-container .drag-item-icon-wrapper {
  position: absolute;
  top: -23px;
  left: -23px;
  z-index: 100;
}
.drag-container .drag-item-icon-wrapper .sgw-icon {
  background: #3776B2;
  width: 46px;
  height: 46px;
  padding-left: 0;
  border-radius: 23px;
}
.drag-container .drag-item-icon-wrapper .sgw-icon:before {
  color: #FFFFFF;
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 24px;
}

.drag-in-process .pages, .drag-in-process .module-list {
  cursor: not-allowed;
}

.element-locked-dialog .rc-confirm-title {
  min-height: 36px;
  display: flex;
  align-items: center;
}
.element-locked-dialog .element-locked-dialog-footer {
  display: flex;
  justify-content: space-between;
  padding-top: 16px;
}
.element-locked-dialog .element-locked-dialog-footer button:first-child {
  padding-left: 0;
}

#FillTypeSelectionDialog.rc-dialog .rc-dialog-wrapper {
  width: 100%;
  height: 100%;
  min-height: 610px;
  pointer-events: all;
  max-width: unset;
  margin: 0;
}
#FillTypeSelectionDialog.rc-dialog .rc-dialog-wrapper .rc-dialog-content {
  height: 100%;
  padding: 0;
  justify-content: center;
  width: auto;
  max-height: unset;
  margin: 0 auto;
}
@media only screen and (max-height: 800px) {
  #FillTypeSelectionDialog.rc-dialog .rc-dialog-wrapper .rc-dialog-content {
    justify-content: unset;
    padding-top: 32px;
    box-sizing: border-box;
  }
}
@media only screen and (max-height: 700px) {
  #FillTypeSelectionDialog.rc-dialog .rc-dialog-wrapper .rc-dialog-content {
    padding-top: 8px;
  }
}
#FillTypeSelectionDialog.rc-dialog .dialog-v2-body {
  overflow: auto;
  flex: 0 0 auto;
}
#FillTypeSelectionDialog.rc-dialog .dialog-v2-body.has-pdf-upload {
  padding-bottom: 142px;
}
#FillTypeSelectionDialog.rc-dialog .fill-type-list {
  overflow: visible;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 700px;
  max-height: 80vh;
}
#FillTypeSelectionDialog.rc-dialog .fill-type-list.tablet-landscape {
  flex-direction: row;
}
@media only screen and (max-height: 700px) {
  #FillTypeSelectionDialog.rc-dialog .fill-type-list {
    max-height: 75vh;
  }
}
#FillTypeSelectionDialog.rc-dialog.is-mobile {
  padding: 16px;
  box-sizing: border-box;
}
#FillTypeSelectionDialog.rc-dialog.is-mobile .fill-type-list {
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#FillTypeSelectionMobileHeader {
  padding: 19px 0;
  position: relative;
}
#FillTypeSelectionMobileHeader > button {
  position: absolute;
  left: 16px;
  top: 19px;
  height: 18px;
  width: 18px;
  color: #2C2C2C;
}
#FillTypeSelectionMobileHeader > button .rc-icon {
  height: 18px;
  width: 18px;
  margin-right: unset;
}
#FillTypeSelectionMobileHeader > button .rc-icon:before {
  color: #2C2C2C;
  height: 18px;
  width: 18px;
  line-height: 18px;
  font-size: 18px;
}
#FillTypeSelectionMobileHeader .mobile-page-title {
  overflow: hidden;
  color: #2C2C2C;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

#FillTypeSelectionMobileContent {
  background-color: #E7E7E7;
  justify-content: center;
  align-items: center;
}
#FillTypeSelectionMobileContent.tablet.landscape {
  padding: 32px;
}
#FillTypeSelectionMobileContent.tablet.landscape > div {
  margin-top: unset;
  padding: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  height: 100%;
}
#FillTypeSelectionMobileContent.tablet.landscape > div .fill-type-list {
  box-sizing: border-box;
  gap: 16px;
  overflow-y: unset;
  align-items: center;
  display: flex;
  flex-direction: row;
  height: 100%;
  max-width: calc(100vw - 64px);
}
#FillTypeSelectionMobileContent.tablet.landscape > div .fill-type-list .fill-type-item {
  width: calc((100vw - 64px - 32px) / 3);
  margin: unset;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
#FillTypeSelectionMobileContent.tablet.landscape > div .fill-type-list .fill-type-item.num-items-2 {
  width: 414px;
  height: 523px;
}
#FillTypeSelectionMobileContent.tablet.landscape > div .fill-type-list .fill-type-item.num-items-3 {
  width: 320px;
  height: 523px;
}
#FillTypeSelectionMobileContent.tablet.landscape > div .fill-type-list .fill-type-item.recommended {
  margin-top: unset;
}
#FillTypeSelectionMobileContent.tablet.landscape > div .fill-type-list .fill-type-item .fill-type-header {
  flex: 0 0 224px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#FillTypeSelectionMobileContent.tablet.landscape > div .fill-type-list .fill-type-item .fill-type-info {
  padding: 16px;
  position: unset;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#FillTypeSelectionMobileContent.tablet.landscape > div .fill-type-list .fill-type-item .fill-type-info .fill-type-info-text {
  margin-bottom: auto; /* Ensures it stays at the top */
  color: #000;
  font-size: 14px; /* Agreed with Tania to avoid exceeding defined height */
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
#FillTypeSelectionMobileContent.tablet.landscape > div .fill-type-list .fill-type-item .fill-type-info .fill-type-info-footer {
  padding: unset;
  margin-top: auto; /* Pushes the button to the bottom */
}
#FillTypeSelectionMobileContent.tablet.landscape > div .fill-type-list .fill-type-item .fill-type-info .fill-type-info-footer > button {
  margin: 32px 0 8px 0;
  width: 100%;
}
#FillTypeSelectionMobileContent.tablet.portrait {
  padding: 64px;
}
#FillTypeSelectionMobileContent.tablet.portrait > div {
  padding: unset;
}
#FillTypeSelectionMobileContent.tablet.portrait > div .fill-type-list {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  flex: auto;
  gap: 16px;
  overflow-y: unset;
  align-items: center;
}
#FillTypeSelectionMobileContent.tablet.portrait > div .fill-type-list .fill-type-item {
  width: 100%;
  margin: unset;
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  min-width: 100%;
  position: relative;
  min-height: 224px;
}
#FillTypeSelectionMobileContent.tablet.portrait > div .fill-type-list .fill-type-item .fill-type-recommendation {
  position: absolute;
  top: 0;
  right: calc(55% - 1px);
}
#FillTypeSelectionMobileContent.tablet.portrait > div .fill-type-list .fill-type-item .fill-type-header {
  flex: 0 0 45%;
  padding: unset;
  height: unset;
  max-height: unset;
}
#FillTypeSelectionMobileContent.tablet.portrait > div .fill-type-list .fill-type-item .fill-type-info {
  display: flex;
  padding: 16px;
  height: 100%;
  position: unset;
  flex: 1;
  justify-content: space-between;
  flex-direction: column;
}
#FillTypeSelectionMobileContent.tablet.portrait > div .fill-type-list .fill-type-item .fill-type-info .fill-type-info-text {
  margin-bottom: auto; /* Ensures it stays at the top */
  color: #000;
  font-size: 14px; /* Agreed with Tania to avoid exceeding defined height */
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
#FillTypeSelectionMobileContent.tablet.portrait > div .fill-type-list .fill-type-item .fill-type-info .fill-type-info-footer {
  padding: unset;
  margin-top: auto; /* Pushes the button to the bottom */
}
#FillTypeSelectionMobileContent.tablet.portrait > div .fill-type-list .fill-type-item .fill-type-info .fill-type-info-footer > button {
  margin: 24px 0 8px 0;
  width: 100%;
}
#FillTypeSelectionMobileContent:not(.tablet) {
  justify-content: unset;
}
#FillTypeSelectionMobileContent:not(.tablet) > div {
  padding: 16px 16px 0 16px;
  margin-top: unset;
  height: 100%;
  box-sizing: border-box;
}
#FillTypeSelectionMobileContent:not(.tablet) > div.num-items-2 {
  padding: 16px;
}
#FillTypeSelectionMobileContent:not(.tablet) > div .fill-type-list {
  gap: 8px;
  height: 100%;
  justify-content: unset;
}
#FillTypeSelectionMobileContent:not(.tablet) > div .fill-type-list.num-items-2 {
  min-height: 100%;
  box-sizing: border-box;
}
#FillTypeSelectionMobileContent:not(.tablet) > div .fill-type-list .fill-type-item {
  box-shadow: unset;
  -webkit-box-shadow: unset;
}
#FillTypeSelectionMobileContent:not(.tablet) > div .fill-type-list .fill-type-item.num-items-2 {
  flex: 1; /* Each item takes up half of the available height */
  height: 100%;
  box-sizing: border-box;
}
#FillTypeSelectionMobileContent:not(.tablet) > div .fill-type-list .fill-type-item.num-items-2 .fill-type-header {
  flex: 1;
}
#FillTypeSelectionMobileContent:not(.tablet) > div .fill-type-list .fill-type-item.num-items-2 .fill-type-info {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  height: 100%;
  flex: 1;
}
#FillTypeSelectionMobileContent:not(.tablet) > div .fill-type-list .fill-type-item.num-items-2 .fill-type-info .fill-type-info-text {
  box-sizing: border-box;
}
#FillTypeSelectionMobileContent:not(.tablet) > div .fill-type-list .fill-type-item.num-items-2 .fill-type-info .fill-type-info-footer {
  box-sizing: border-box;
  padding-top: 16px;
  margin-top: auto; /* Pushes the button to the bottom */
}
#FillTypeSelectionMobileContent:not(.tablet) > div .fill-type-list .fill-type-item .fill-type-header {
  height: 152px;
}
#FillTypeSelectionMobileContent:not(.tablet) > div .fill-type-list .fill-type-item .fill-type-info {
  padding: 8px 16px 16px 16px;
  flex: unset;
}
#FillTypeSelectionMobileContent:not(.tablet) > div .fill-type-list .fill-type-item .fill-type-info .fill-type-info-footer {
  padding-top: 16px;
}
#FillTypeSelectionMobileContent:not(.tablet) > div .fill-type-list .fill-type-item .fill-type-info .fill-type-info-footer button {
  margin: unset;
}
#FillTypeSelectionMobileContent.redesign .fill-type-info-footer button {
  width: 100%;
  background: #6C9D0D;
  color: #FFFFFF;
  border: unset;
  margin-top: 16px;
}
#FillTypeSelectionMobileContent.redesign > div .fill-type-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: unset;
  overflow-y: auto;
  padding-top: unset;
}
#FillTypeSelectionMobileContent.redesign > div .fill-type-list .fill-type-item {
  flex: unset;
  margin: unset;
}
#FillTypeSelectionMobileContent.redesign > div .fill-type-list .fill-type-item.recommended {
  margin-top: 10px;
}
#FillTypeSelectionMobileContent.redesign > div .fill-type-list .fill-type-item .fill-type-info-footer {
  margin-bottom: unset;
}
#FillTypeSelectionMobileContent.redesign > div .fill-type-list .fill-type-item .fill-type-info-footer > button {
  margin: 32px 0 8px 0;
}
#FillTypeSelectionMobileContent > div {
  padding: 0 16px 16px;
  margin-top: 16px;
  box-sizing: border-box;
  display: block;
  height: auto;
  position: relative;
}
#FillTypeSelectionMobileContent > div > button {
  justify-content: left;
  font-size: 14px;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  width: 100%;
  background-color: #353840;
  z-index: 3;
}
#FillTypeSelectionMobileContent > div .fill-type-list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-top: 16px;
}
#FillTypeSelectionMobileContent > div .fill-type-list .fill-type-item {
  flex: auto;
  height: auto;
  margin-bottom: 16px;
  margin-right: unset;
  max-width: 450px;
}
#FillTypeSelectionMobileContent > div .fill-type-list .fill-type-item .fill-type-header {
  overflow: unset;
  padding: 32px 16px 16px;
  box-sizing: border-box;
  display: flex;
  justify-content: center; /* Centers horizontally */
  align-items: center; /* Centers vertically */
}
#FillTypeSelectionMobileContent > div .fill-type-list .fill-type-item .fill-type-header .fill-type-header-info {
  position: relative;
  inset: unset;
}
#FillTypeSelectionMobileContent > div .fill-type-list .fill-type-item .fill-type-header .fill-type-header-info .fill-type-heading {
  font-size: 24px;
  font-family: "SourceSansPro-Regular", sans-serif;
  letter-spacing: 2px;
}
#FillTypeSelectionMobileContent > div .fill-type-list .fill-type-item .fill-type-header .fill-type-header-info img {
  max-height: 48px;
}
#FillTypeSelectionMobileContent > div .fill-type-list .fill-type-item .fill-type-info {
  padding: 16px;
}
#FillTypeSelectionMobileContent > div .fill-type-list .fill-type-item .fill-type-info .fill-type-info-text {
  height: auto;
  max-height: unset;
  overflow: unset;
  line-height: 18px;
  font-size: 14px;
}
#FillTypeSelectionMobileContent > div .fill-type-list .fill-type-item .fill-type-info .fill-type-info-text ul li {
  margin-bottom: 8px;
}
#FillTypeSelectionMobileContent > div .fill-type-list .fill-type-item.recommended .fill-type-header {
  padding-top: 48px;
}

.fill-type-item {
  flex: 0 0 100%;
  height: calc(100% - 40px);
  margin-right: 8px;
  max-width: 450px;
  display: flex;
  flex-direction: column;
  position: relative;
  -webkit-box-shadow: 3px 3px 12px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 3px 3px 12px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 3px 3px 12px 0 rgba(0, 0, 0, 0.3);
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #ffffff;
}
.fill-type-item:hover {
  /*border: 4px solid #c3c3c3;
  content: "";
  position: absolute;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  z-index: 1;
  pointer-events: none;*/
}
@media only screen and (max-width: 1380px) and (min-width: 600px) {
  .fill-type-item {
    max-width: calc(33% - 8px);
  }
}

.fill-type-item:last-child {
  margin-right: 0;
}

/*.fill-type-item:hover:after {
    border: 4px solid #c3c3c3;
    content: "";
    position: absolute;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    z-index: 1;
    pointer-events: none;
}*/
.fill-type-item.recommended {
  height: 100%;
}

.fill-type-item.recommended:hover:after {
  height: calc(100% - 8px);
}

.fill-type-item .fill-type-recommendation {
  position: absolute;
  top: 0;
  right: 0;
  text-align: right;
  z-index: 2;
}

.fill-type-recommendation > div {
  background: #FFFFFF;
  font-size: 18px;
  padding: 10px 71px 8px 11px;
  display: inline-block;
}

.fill-type-recommendation > img {
  position: absolute;
  top: -10px;
  right: 16px;
}

.fill-type-item > div {
  flex: 0 0 50%;
  position: relative;
}

.fill-type-header {
  overflow: hidden;
  text-align: center;
  color: #FFFFFF;
}

.fill-type-heading {
  font-size: 31px;
  margin-top: 13px;
  font-family: "SourceSansPro-Light";
  letter-spacing: 4px;
  line-height: 22px;
}
@media only screen and (max-width: 1200px) and (min-width: 600px) {
  .fill-type-heading {
    font-size: 26px;
  }
}

.fill-type-tutorial {
  padding-left: 28px;
  margin-top: 17px;
  display: inline-block;
}

.fill-type-tutorial.sgw-icon:before {
  top: -1px;
  color: #FFFFFF;
}

.fill-type-tutorial a {
  text-decoration: none;
  color: #FFFFFF;
  font-size: 18px;
  pointer-events: auto;
}

.fill-type-tutorial a:hover {
  text-decoration: underline;
}

.fill-type-image {
  position: absolute;
  top: -20px;
  left: 0;
}

.fill-type-item.recommended .fill-type-image {
  top: 0;
}

.fill-type-image, .fill-type-image img {
  width: 100%;
}

.fill-type-header-info {
  position: absolute;
  left: 0;
  bottom: 32px;
  width: 100%;
}

.fill-type-info {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 32px 32px 32px 32px;
  background-color: #FFFFFF;
  font-size: 18px;
}

.fill-type-info-text {
  height: 205px;
  max-height: 205px;
  overflow: hidden;
  line-height: 24px;
}

.fill-type-info-text p {
  margin-bottom: 16px;
}

.fill-type-info-text ul {
  margin-left: 8px;
}

.fill-type-info-text ul li {
  margin-bottom: 14px;
  padding-left: 24px;
  position: relative;
}

.fill-type-info-text ul li:before {
  font-family: "icomoon";
  position: absolute;
  color: #6E6E6E;
  font-size: 21px;
  top: 0;
  left: 0;
  content: "\e9aa";
}

.fill-type-info-footer {
  margin-bottom: 16px;
  text-align: center;
}

.fill-type-info .btn-default {
  background: #6E6E6E;
  color: #FFFFFF;
  padding: 12px 41px;
}

.fill-type-item > .fill-type-pdf {
  flex: auto;
  box-sizing: border-box;
  position: absolute;
  top: 100%;
  width: 100%;
  margin-top: 8px;
  background: #FFFFFF;
  padding: 12px 16px;
}
.fill-type-item > .fill-type-pdf .fill-type-pdf-heading {
  display: flex;
  font-weight: bold;
  margin-bottom: 12px;
}
.fill-type-item > .fill-type-pdf .fill-type-pdf-text {
  font-size: 12px;
}
.fill-type-item > .fill-type-pdf .fill-type-pdf-text ul {
  list-style: unset;
  padding: 16px 16px 0;
}

.dialog-window .image-editor .show-mobile {
  display: none;
}
.dialog-window .image-editor .btn-simple {
  height: unset;
}
.dialog-window .image-editor .dialog-v2-footer .btn-simple {
  height: 36px;
}
.dialog-window .image-editor .rc-select {
  width: 200px;
}
.dialog-window .image-editor .image-editor-exif-data > div > div, .dialog-window .image-editor .image-editor-image-info > div > div {
  display: flex;
  align-items: center;
}
.dialog-window .image-editor .image-editor-settings .image-editor-action-buttons button.btn-simple.btn-icon {
  padding: unset;
}
.dialog-window .image-editor .image-editor-delete-button {
  position: absolute;
  right: 16px;
  top: 16px;
  padding: unset;
}

.image-editor .disabled {
  pointer-events: none;
}

.image-editor .dialog-v2-header {
  display: flex;
  padding: 0 8px;
  flex: 0 0 auto;
}

.image-editor .dialog-v2-header.dialog-v2-mobile-header {
  justify-content: space-between;
}
.image-editor .dialog-v2-header.dialog-v2-mobile-header .btn-icon.btn-icon-only:not(.numeric-arrow-down):not(.numeric-arrow-up) {
  height: 20px;
}

.image-editor .dialog-v2-header > div {
  display: flex;
  padding: 16px 8px;
  border-right: 1px solid #D8D8D8;
}

.image-editor .dialog-v2-header > div.image-editor-info {
  display: block;
}

.image-editor .dialog-v2-header.dialog-v2-mobile-header > div {
  border-right: none;
}

.image-editor .dialog-v2-header.dialog-v2-mobile-header .image-editor-quality,
.image-editor .dialog-v2-header.dialog-v2-mobile-header .image-settings-button {
  padding-left: 22px;
  position: relative;
}

.image-editor .dialog-v2-header.dialog-v2-mobile-header .image-editor-quality:before {
  width: 15px;
  height: 15px;
  content: "";
  position: absolute;
  top: 18px;
  left: 0;
}

.image-editor .dialog-v2-header.dialog-v2-mobile-header .image-settings-button:before {
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
}

.image-editor .dialog-v2-header > div:last-child {
  border-right: none;
}

.image-editor .dialog-v2-footer > div {
  padding: 8px;
}

.image-editor .image-editor-settings .image-editor-action-buttons button.btn-simple.btn-icon {
  padding: 2px 0 2px 2px;
  margin: 2px 0;
  display: flex;
  width: 100%;
}
.image-editor .image-editor-settings .image-editor-action-buttons button.btn-simple.btn-icon > div:last-child {
  width: 100%;
  text-align: left;
}
.image-editor .image-editor-settings .image-editor-action-buttons button.btn-simple.btn-icon:hover {
  background-color: #D8D8D8;
}

.image-editor .image-editor-settings > div {
  margin-right: 16px;
}

.image-editor .image-editor-settings > div > div {
  padding: 4px 0;
}
.image-editor .image-editor-settings > div > div.grid-drop-down {
  padding-top: 6px;
}

.image-editor .image-editor-settings > div:last-child {
  margin-right: 0;
}

.image-editor .image-editor-info > div {
  margin-right: 32px;
}

.image-editor .image-editor-info .image-editor-image-settings-info {
  display: flex;
}

.image-editor .image-editor-info .image-editor-image-settings-info > div {
  margin-right: 32px;
  display: flex;
  flex-direction: column;
}

.image-editor .image-editor-info .image-editor-image-settings-info > div > div {
  flex: 0 0 27px;
}

.image-editor .image-editor-info .image-editor-image-settings-info > div:last-child {
  margin-right: 0;
}

.image-editor .image-editor-info .image-editor-quality {
  padding-top: 2px;
  position: relative;
  padding-left: 24px;
  height: 27px;
  display: flex;
  align-items: center;
}
.image-editor .image-editor-info .image-editor-quality:before {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 1px;
  top: 50%;
  transform: translateY(-50%);
  content: "";
}

.image-editor-quality[data-quality="1"]:before {
  background-color: #6C9D0D;
}

.image-editor-quality[data-quality="2"]:before {
  background-color: #AFCA0B;
}

.image-editor-quality[data-quality="3"]:before {
  background-color: #D7032C;
}

.image-editor .image-editor-info .image-editor-exif-data {
  display: flex;
}

.image-editor .image-editor-exif-data > div, .image-editor .image-editor-image-info > div {
  display: flex;
  flex-direction: column;
}

.image-editor .image-editor-exif-data > div > div, .image-editor .image-editor-image-info > div > div {
  flex: 0 0 27px;
  color: #6E6E6E;
}

.image-editor .image-editor-info .image-editor-exif-data > div {
  margin-right: 8px;
}
.image-editor .image-editor-info .image-editor-exif-data > div > div {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 200px;
  overflow: hidden;
}

.image-editor .image-editor-info .image-editor-exif-data > div:last-child {
  margin-right: 0;
}

.image-editor .image-editor-info .image-editor-image-info {
  display: flex;
}

.image-editor .image-editor-info .image-editor-image-info > div {
  margin-right: 16px;
}

.image-editor .image-editor-info .image-editor-image-info > div:last-child {
  margin-right: 0;
}

.image-editor .select-box-container {
  display: flex;
}

.image-editor .select-box-container .select-box {
  margin-top: -3px;
  margin-left: 4px;
}

.image-editor .select-box-container .select-box .selected-value {
  min-width: 125px;
  padding-top: 4px;
  height: 26px;
}

.image-editor .select-box-container .select-box .label-inline {
  padding: 3px 20px 0 4px;
}

.image-editor .editor-container {
  padding: 0 8px;
  height: 100%;
  width: 100%;
  max-height: 100%;
  max-width: 100%;
  overflow: visible;
  background: #d8d8d8;
}

.image-editor .editor-container-content {
  height: 100%;
  width: 100%;
  position: relative;
  background: #D8D8D8;
  display: flex;
  justify-content: center;
  align-items: center;
}
.image-editor .editor-container-content svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
}
.image-editor .editor-container-content .canvas-cropper-image-container {
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  height: 100%;
}
.image-editor .editor-container-content.has-border .canvas-cropper-image-container, .image-editor .editor-container-content.has-border svg {
  top: 32px;
  left: 32px;
  width: calc(100% - 64px);
  height: calc(100% - 64px);
}

.image-editor .editor-container-content img, .image-editor .editor-container-content img.landscape {
  width: 100%;
}

.image-editor .editor-container-content img.portrait {
  height: 100%;
}

.image-editor .cropper-modal {
  background-color: #dcdcdc;
}

.image-editor .cropper-view-box {
  outline-color: rgba(51, 150, 95, 0.75);
  outline: 1px solid #3669C4;
  border: 1px solid #FFFFFF;
}

.image-editor .cropper-point {
  background-color: #FFFFFF;
  border: 1px solid #3669C4;
  width: 8px;
  height: 8px;
  opacity: 1;
}

.image-editor .cropper-point.point-e, .image-editor .cropper-point.point-n, .image-editor .cropper-point.point-w, .image-editor .cropper-point.point-s {
  display: none;
}

.image-editor .cropper-point.point-ne {
  right: -6px;
  top: -5px;
}

.image-editor .cropper-point.point-nw {
  left: -5px;
  top: -5px;
}

.image-editor .cropper-point.point-sw {
  bottom: -6px;
  left: -5px;
}

.image-editor .cropper-point.point-se {
  bottom: -6px;
  right: -7px;
  width: 8px;
  height: 8px;
  opacity: 1;
}

.image-editor .cropper-center {
  /*display: none;*/
}

.image-editor .cropper-dashed {
  border: 0 solid #eee;
}

.image-editor .editor-container[data-grid-type="6"] .cropper-dashed, .image-editor .cropper-dashed {
  display: none;
}

.image-editor .editor-container[data-grid-type="7"] .cropper-dashed.dashed-h {
  border-bottom-width: 2px;
  border-top-width: 2px;
  display: block;
}

.image-editor .editor-container[data-grid-type="7"] .cropper-dashed.dashed-v {
  border-left-width: 2px;
  border-right-width: 2px;
  display: block;
}

.image-editor .editor-container[data-grid-type="8"] .cropper-dashed.dashed-h {
  top: 38.2%;
  height: 23.6%;
  display: block;
}

.image-editor .editor-container[data-grid-type="8"] .cropper-dashed.dashed-v {
  left: 38.2%;
  width: 23.6%;
  display: block;
}

.cropper-move:before {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  border-top: 1px solid #FFFFFF;
  height: 100%;
  width: 1px;
  transform: rotate(45deg);
}

.image-editor .dialog-v2-bottom-edit-toolbar-mobile {
  position: absolute;
  top: auto;
  bottom: 0;
  width: 100%;
  z-index: 1;
}
.image-editor .dialog-v2-bottom-edit-toolbar-mobile .btn-simple {
  padding: 16px 32px;
}
.image-editor .dialog-v2-bottom-edit-toolbar-mobile .btn-simple .sgw-icon:before {
  color: #fff;
}

.image-editor .dialog-v2-top-edit-toolbar-mobile {
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  height: auto;
  z-index: 1;
}
.image-editor .dialog-v2-top-edit-toolbar-mobile .btn-simple {
  padding: 16px 32px;
}
.image-editor .dialog-v2-top-edit-toolbar-mobile .btn-simple .sgw-icon:before {
  color: #fff;
}

.image-editor .edit-toolbar-wrapper {
  justify-content: space-between;
}

.image-editor .dialog-v2-bottom-edit-toolbar .edit-toolbar .edit-toolbar-wrapper .btn-toolbar .sgw-icon.arrow_left_line {
  margin-right: 0;
}

.image-editor .dialog-v2-bottom-edit-toolbar .edit-toolbar .edit-toolbar-wrapper .btn-toolbar .sgw-icon.arrow_left_line:before,
.image-editor .dialog-v2-bottom-edit-toolbar .edit-toolbar .edit-toolbar-wrapper .btn-toolbar .sgw-icon.steps_summary:before {
  top: 4px;
}

#ImageEditorTabPanel {
  display: flex;
  border-bottom: 2px solid #d8d8d8;
}
#ImageEditorTabPanel .image-editor-tab-panel-column {
  width: 55px;
}
#ImageEditorTabPanel .image-editor-tab-panel-column .desktop-module-button {
  margin: 16px 0;
}
#ImageEditorTabPanel .image-editor-tab-panel-column .desktop-module-button .btn-selected .rc-icon::before {
  color: #3669c4;
}
#ImageEditorTabPanel .image-editor-tab-panel-column .desktop-module-button .btn-selected .btn-label {
  color: #3669c4;
}
#ImageEditorTabPanel .module {
  display: flex;
  flex-direction: column;
  width: 320px;
  border-left: 2px solid #d8d8d8;
  position: relative;
}
#ImageEditorTabPanel .module .module-tab {
  color: #333;
  font-size: 14px;
  cursor: pointer;
  width: 100%;
  text-align: right;
  z-index: 1;
  padding-left: 8px;
  display: flex;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
}
#ImageEditorTabPanel .module .module-tab .module-tab-header {
  font-size: 16px;
  font-weight: bold;
  height: 36px;
  margin-bottom: 0;
  flex: 1;
  display: flex;
  align-items: center;
}
#ImageEditorTabPanel .module .module-tab > .checkout-group-content {
  flex: 1;
  display: flex;
}
#ImageEditorTabPanel .module .module-tab > .checkout-group-content .label-heading {
  font-size: 16px;
  font-weight: bold;
  min-height: unset;
  margin-bottom: 0;
}
#ImageEditorTabPanel .module .module-tab button {
  padding: 8px;
  padding-right: 16px;
}
#ImageEditorTabPanel .module .module-content {
  padding: 8px;
  height: 100%;
  box-sizing: border-box;
  overflow: hidden;
  overflow-y: auto;
  /* > div {
  		 margin-bottom: 64px;
   }*/
}
#ImageEditorTabPanel .module .module-content .label-heading {
  font-size: 16px;
  font-weight: bold;
  min-height: unset;
}
#ImageEditorTabPanel .module .module-content .good > div {
  display: flex;
  align-items: center;
}
#ImageEditorTabPanel .module .module-content .good > div::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: #6C9D0D;
  margin-right: 8px;
}
#ImageEditorTabPanel .module .module-content .average > div {
  display: flex;
  align-items: center;
}
#ImageEditorTabPanel .module .module-content .average > div::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: #AFCA0B;
  margin-right: 8px;
}
#ImageEditorTabPanel .module .module-content .bad > div {
  display: flex;
  align-items: center;
}
#ImageEditorTabPanel .module .module-content .bad > div::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: #D7032C;
  margin-right: 8px;
}
#ImageEditorTabPanel .module .module-content .rc-select {
  width: unset;
}
#ImageEditorTabPanel .module .module-content .group-important {
  font-weight: normal;
  font-size: 12px;
  color: #6E6E6E;
}
#ImageEditorTabPanel .module .module-content .slider-container {
  margin: 16px 0;
}
#ImageEditorTabPanel .module .module-content button {
  width: 100%;
  justify-content: start;
  padding: 8px;
}
#ImageEditorTabPanel .module .module-content .module-content-wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
#ImageEditorTabPanel .module .module-content .module-content-wrapper .module-content-section {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex-shrink: 0;
}
#ImageEditorTabPanel .module .module-content .module-content-wrapper .module-content-section .image-quality-mark {
  width: unset;
  min-height: 36px;
  font-size: 14px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
#ImageEditorTabPanel .module .module-content .module-content-wrapper .module-content-section .image-quality-mark:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 8px;
}
#ImageEditorTabPanel .module .module-content .module-content-wrapper .module-content-section .image-quality-mark.bad:before {
  background-color: #D7032C;
}
#ImageEditorTabPanel .module .module-content .module-content-wrapper .module-content-section .image-quality-mark.average:before {
  background-color: #AFCA0B;
}
#ImageEditorTabPanel .module .module-content .module-content-wrapper .module-content-section .image-quality-mark.good:before {
  background-color: #6C9D0D;
}
#ImageEditorTabPanel .module .module-content .module-content-wrapper .module-content-section .module-content-section-caption {
  font-weight: normal;
  font-size: 12px;
  color: #6E6E6E;
  margin-bottom: -8px;
  min-height: 36px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
#ImageEditorTabPanel .module .module-content .module-content-wrapper .module-content-section .rc-color-picker {
  max-width: unset;
}
#ImageEditorTabPanel .module .module-content .module-content-wrapper .module-content-section .rc-slider {
  padding-bottom: 8px;
}
#ImageEditorTabPanel .module .module-content .module-content-wrapper .module-content-section .key-value-pair {
  display: flex;
  align-items: center;
  height: 36px;
}
#ImageEditorTabPanel .module .module-content .module-content-wrapper .module-content-section .key-value-pair > div {
  font-size: 14px;
  line-height: 20px;
}
#ImageEditorTabPanel .module .module-content .module-content-wrapper .module-content-section .key-value-pair .key {
  flex-basis: 40%;
}
#ImageEditorTabPanel .module .module-content .module-content-wrapper .module-content-section .key-value-pair .value {
  flex: 1;
}
#ImageEditorTabPanel .module .module-content .module-content-wrapper .module-content-section .histogram-select-box {
  display: flex;
  align-items: center;
  height: 36px;
}
#ImageEditorTabPanel .module .module-content .module-content-wrapper .module-content-section .histogram-select-box label {
  font-weight: bold;
  flex-basis: 40%;
}
#ImageEditorTabPanel .module .module-content .module-content-wrapper .module-content-section .histogram-select-box .rc-select {
  flex: 1;
}
#ImageEditorTabPanel .module .module-content .module-content-wrapper .module-content-section .image-histogram-canvas img {
  border: 1px solid #cccccc;
  width: 100%;
}
#ImageEditorTabPanel .module .module-content .filters-tab {
  height: 100%;
}
#ImageEditorTabPanel .module .module-content .filters-tab .filter-content-container {
  height: 100%;
  display: flex;
  flex-direction: column;
}
#ImageEditorTabPanel .module .module-content .filters-tab .rc-color-picker .color-picker-label-container {
  max-width: unset;
}
#ImageEditorTabPanel .module .module-content .filters-tab .filter-list-container {
  display: flex;
  flex-wrap: wrap;
  overflow-y: auto;
}
#ImageEditorTabPanel .module .module-content .filters-tab .filter-list-container .filter-with-name {
  width: 47%;
  margin: 4px;
}
#ImageEditorTabPanel .module .module-content .filters-tab .filter-list-container .filter-with-name .filters-tab-filter-item {
  cursor: pointer;
}
#ImageEditorTabPanel .module .module-content .filters-tab .filter-list-container .filter-with-name .filters-tab-filter-item:hover {
  outline: 3px solid #ccc;
}
#ImageEditorTabPanel .module .module-content .pro-tab .group-important {
  font-size: 14px;
  font-weight: bold;
  color: #000000;
}
#ImageEditorTabPanel .module .module-content .pro-tab .group-content-key-value {
  display: flex;
  min-height: 36px;
  align-items: center;
  flex-wrap: nowrap;
  padding: unset;
}
#ImageEditorTabPanel .module .module-content .pro-tab .group-content-key-value .group-content-key-value-key {
  flex-basis: 40%;
}
#ImageEditorTabPanel .module .module-content .pro-tab .group-content-key-value .group-content-key-value-value {
  flex: 1;
  font-size: 14px;
}
#ImageEditorTabPanel .module .module-content .article-tab {
  height: 100%;
}
#ImageEditorTabPanel .module .module-content .article-tab .group-important {
  font-size: 16px;
  font-weight: bold;
  min-height: unset;
  color: #000000;
}
#ImageEditorTabPanel .module .module-content .article-tab .article-configurator {
  padding: 0;
  max-height: 97%;
}

.focus-point-setter-area {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
}
.focus-point-setter-area img {
  display: block;
  flex: 0;
  max-width: 100%;
  max-height: 100%;
  width: unset;
  height: unset;
}
.focus-point-setter-area .focus-pointer-area {
  position: absolute;
}
.focus-point-setter-area .focus-pointer-area .focus-pointer-handler {
  position: absolute;
  box-sizing: border-box;
  width: 32px;
  height: 32px;
  background-color: rgba(0, 0, 0, 0.5);
  border: 2px solid #fff;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

.tools-wrapper {
  font-size: 12px;
  position: fixed;
  z-index: 1;
  background-color: #FFFFFF;
  display: none;
  border-radius: 6px;
  overflow: hidden;
}
.tools-wrapper.active {
  display: block;
}
.tools-wrapper .name, .tools-wrapper .info {
  padding: 2px 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 174px;
}
.tools-wrapper .info {
  color: #FFFFFF;
}
.tools-wrapper .tools {
  background-color: #EFEFEF;
  white-space: nowrap;
  overflow: hidden;
  display: flex;
}
.tools-wrapper .tools > div {
  margin: 0;
  display: flex;
  align-items: center;
}
.tools-wrapper .tools > div:first-child {
  flex: 1;
}
.tools-wrapper .tools > div:last-child {
  flex: 0 0 24px;
  justify-self: flex-end;
}
.tools-wrapper .tools > div span {
  padding-left: 0;
  padding-right: 4px;
  display: inline-block;
  margin-top: 2px;
}
.tools-wrapper .tools .sgw-icon {
  height: 21px;
  padding-left: 24px;
}
.tools-wrapper .tools .sgw-icon.delete {
  height: 21px;
}
.tools-wrapper .tools .sgw-icon.crop:before {
  top: 0;
}
.tools-wrapper .tools .sgw-icon.content.tab_check_project:before {
  color: #E3A201;
  background: rgba(227, 162, 1, 0.2);
}
.tools-wrapper .tools .sgw-icon.content.edit:before {
  color: #6C9D0D;
  background: rgba(108, 157, 13, 0.2);
}
.tools-wrapper .tools .sgw-icon.content.lock_ratio:before {
  color: #D9052F;
  background: rgba(217, 5, 47, 0.2);
  padding-left: 3px;
  width: 18px;
}
.tools-wrapper .tools .btn {
  flex: 0 0 24px;
  margin: 2px 0;
}
.tools-wrapper .tools .btn:hover {
  background-color: #E3E3E3;
}
.tools-wrapper .tools .btn:focus, .tools-wrapper .tools .btn:active, .tools-wrapper .tools .btn.active {
  background-color: #D3D3D3;
}
.tools-wrapper .tools .btn:focus .sgw-icon:before, .tools-wrapper .tools .btn:active .sgw-icon:before, .tools-wrapper .tools .btn.active .sgw-icon:before {
  color: #3669C4;
}
.tools-wrapper .tools.clipart-toolbox {
  justify-content: end;
}
.tools-wrapper .tools.clipart-toolbox > div:first-child {
  flex: unset;
}
.tools-wrapper.admintools .tools > div:first-child {
  flex: unset;
}
.tools-wrapper.admintools .tools .btn.magic-ward:hover {
  background-color: unset;
}
.tools-wrapper .btn .delete {
  margin-top: 1px;
}
.tools-wrapper .tools-template-menu {
  position: fixed;
  background: #ffffff;
  padding: 8px 16px;
  box-shadow: 0 1px 3px #5f5f5f;
}
.tools-wrapper .tools-template-menu > div {
  cursor: pointer;
}

/* quality colors */
[data-color] {
  color: #FFFFFF;
}

[data-color="1"] {
  background-color: #6C9D0D;
}

[data-color="2"] {
  background-color: #AFCA0B;
}

[data-color="3"] {
  background-color: #D7032C;
}

.mobile-cropper-image.mirror-y {
  transform: scaleY(-1);
}

.mobile-cropper-image.mirror-x {
  transform: scaleX(-1);
}

.mobile-cropper-image.mirror-x.mirror-y {
  transform: scale(-1, -1);
}

.mobile-cropper-image[data-rotate="90"] {
  transform: rotate(-270deg) translateY(-100%);
  transform-origin: top left;
}

.mobile-cropper-image[data-rotate="180"] {
  transform: rotate(-180deg) translate(-100%, -100%);
  transform-origin: top left;
}

.mobile-cropper-image[data-rotate="270"] {
  transform: rotate(-90deg) translateX(-100%);
  transform-origin: top left;
}

.mobile-cropper-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex: auto;
  overflow: hidden;
}
.mobile-cropper-wrapper > a {
  position: absolute;
  left: 0;
  top: 20px;
  z-index: 999;
}
.mobile-cropper-wrapper > img {
  position: absolute;
  top: 0;
  left: 0;
  max-height: none;
  max-width: none;
}
.mobile-cropper-wrapper .mobile-cropper {
  z-index: 201;
  position: absolute;
}

/*@keyframes SlideDown {
    0% {
        opacity: 0;
        @include translate(0, -125%);
    }

    100% {
        opacity: 1;
        @include translate(0, 0);
    }
}

@keyframes SlideUp {
    0% {
        opacity: 1;
        @include translate(0, 0);
    }

    100% {
        opacity: 0;
        @include translate(0, -125%);
    }
}

@keyframes FadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes FadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}*/
/*@keyframes SlideDown {
    0% {
        opacity: 0;
        @include translate(0, -125%);
    }

    100% {
        opacity: 1;
        @include translate(0, 0);
    }
}

@keyframes SlideUp {
    0% {
        opacity: 1;
        @include translate(0, 0);
    }

    100% {
        opacity: 0;
        @include translate(0, -125%);
    }
}

@keyframes FadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes FadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}*/
.information-open {
  left: 0;
}

.information-close {
  left: -100vw;
}

.mobile-image-information-wrapper {
  transition: 0.3s ease;
  position: absolute;
  height: 100vh;
  width: 100vw;
  display: flex;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.5);
  align-items: center;
  z-index: 301;
}

.mobile-image-information {
  height: 70vh;
  width: 80vw;
  background-color: #FFFFFF;
  display: grid;
  grid-template-columns: 45% 55%;
}
.mobile-image-information .sgw-icon {
  padding-right: 10px;
}
.mobile-image-information .sgw-icon::before {
  top: -8px;
  font-size: 1.75rem !important;
  color: #5c5c5c !important;
}
.mobile-image-information a {
  color: #000000 !important;
}
.mobile-image-information > div {
  border: 0.1px solid #efefef;
}
.mobile-image-information .inf-label {
  padding-left: 12px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.mobile-image-information .inf-label > a {
  text-overflow: ellipsis;
  max-width: 100%;
  overflow: hidden;
  font-size: 1.1rem;
}
.mobile-image-information .inf-wide {
  grid-column: span 2;
}
.mobile-image-information .inf-label-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.mobile-image-information .inf-label-center > .btn-simple {
  padding: 0;
  margin: 0;
}
.mobile-image-information .inf-label-center > .btn-simple > div {
  color: #3669C4;
}

body .rc-mobile-view.mobile-image-editor {
  touch-action: none;
  background-color: #000000;
  z-index: 10030;
  max-height: 100vh;
}
body .rc-mobile-view.mobile-image-editor.redesign .mobile-image-editor-header.redesign {
  background-color: #FFFFFF;
  border-bottom: unset;
}
body .rc-mobile-view.mobile-image-editor.redesign .mobile-image-editor-header.redesign.phone .header-start .rc-icon.sgw-icon {
  margin-right: unset;
  margin-left: 8px;
}
body .rc-mobile-view.mobile-image-editor.redesign .mobile-image-editor-header.redesign .header-start {
  display: flex;
  align-items: center;
  overflow: hidden;
  color: #525252;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: "SourceSansPro-Regular";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px;
}
body .rc-mobile-view.mobile-image-editor.redesign .mobile-image-editor-header.redesign .header-start .quality-color {
  height: 16px;
  width: 16px;
  border-radius: 50%;
  margin-right: 8px;
}
body .rc-mobile-view.mobile-image-editor.redesign .mobile-image-editor-header.redesign .header-start .rc-icon.sgw-icon {
  padding-left: unset;
  height: 14px;
  width: 14px;
  margin-right: 8px;
}
body .rc-mobile-view.mobile-image-editor.redesign .mobile-image-editor-header.redesign .header-start .rc-icon.sgw-icon:before {
  height: 14px;
  width: 14px;
  line-height: 14px;
  font-size: 14px;
  font-family: icomoon;
}
body .rc-mobile-view.mobile-image-editor.redesign .mobile-image-editor-header.redesign .header-end > .btn-icon.btn-icon-only {
  height: 18px;
  width: 18px;
}
body .rc-mobile-view.mobile-image-editor.redesign .mobile-image-editor-header.redesign .header-end > .btn-icon.btn-icon-only .rc-icon.sgw-icon.close {
  height: 18px;
  width: 18px;
  color: #2c2c2c;
}
body .rc-mobile-view.mobile-image-editor.redesign .mobile-image-editor-header.redesign .header-end > .btn-icon.btn-icon-only .rc-icon.sgw-icon.close:before {
  width: 18px;
  height: 18px;
  font-size: 18px;
  line-height: 18px;
  color: #2c2c2c;
}
body .rc-mobile-view.mobile-image-editor.redesign > main {
  background-color: #FFFFFF;
}
body .rc-mobile-view.mobile-image-editor.redesign > main.tablet .semicircle {
  z-index: 2;
}
body .rc-mobile-view.mobile-image-editor.redesign > main.tablet .editor-container {
  height: 100%;
  width: 100%;
  max-height: 100%;
  max-width: 100%;
  overflow: visible;
  background: #d8d8d8;
  box-sizing: border-box;
  flex: auto;
}
body .rc-mobile-view.mobile-image-editor.redesign > main.tablet .editor-container .editor-container-content {
  height: 100%;
  width: 100%;
  position: relative;
  background: #d8d8d8;
  display: flex;
  justify-content: center;
  align-items: center;
}
body .rc-mobile-view.mobile-image-editor.redesign > main.tablet .editor-container .editor-container-content svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
}
body .rc-mobile-view.mobile-image-editor.redesign > main.tablet .editor-container .editor-container-content .canvas-cropper-image-container {
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  height: 100%;
}
body .rc-mobile-view.mobile-image-editor.redesign > main.tablet .editor-container .editor-container-content.has-border .canvas-cropper-image-container, body .rc-mobile-view.mobile-image-editor.redesign > main.tablet .editor-container .editor-container-content.has-border svg {
  top: 32px;
  left: 32px;
  width: calc(100% - 64px);
  height: calc(100% - 64px);
}
body .rc-mobile-view.mobile-image-editor.redesign > main.tablet.portrait .mobile-image-editor-main-wrapper {
  padding: 32px 0 0 0;
}
body .rc-mobile-view.mobile-image-editor.redesign > main.tablet.portrait .mobile-image-editor-main-wrapper.cropping {
  padding: unset;
}
body .rc-mobile-view.mobile-image-editor.redesign > main.tablet.portrait .mobile-image-editor-main-wrapper .undo-redo-wrapper {
  margin-bottom: 32px;
  font-size: 15px;
  gap: 16px;
}
body .rc-mobile-view.mobile-image-editor.redesign > main.tablet.portrait .mobile-image-editor-main-wrapper .undo-redo-wrapper button {
  width: 18px;
  height: 18px;
  margin-right: 8px;
}
body .rc-mobile-view.mobile-image-editor.redesign > main.tablet.portrait .mobile-image-editor-main-wrapper .mobile-cropper-wrapper {
  box-sizing: border-box;
  margin: 48px 64px;
}
body .rc-mobile-view.mobile-image-editor.redesign > main.tablet.portrait .mobile-image-editor-main-wrapper .mobile-cropper-wrapper.grid {
  margin: unset;
}
body .rc-mobile-view.mobile-image-editor.redesign > main.tablet.landscape .mobile-image-editor-main-wrapper {
  padding: unset;
  flex-direction: row;
  height: 100%;
}
body .rc-mobile-view.mobile-image-editor.redesign > main.tablet.landscape .mobile-image-editor-main-wrapper .redesign-single-page-footer {
  padding: 24px 8px;
}
body .rc-mobile-view.mobile-image-editor.redesign > main.tablet.landscape .mobile-image-editor-main-wrapper .redesign-single-page-footer .module-bar {
  flex-direction: column;
  margin-top: unset;
  padding-left: unset;
}
body .rc-mobile-view.mobile-image-editor.redesign > main.tablet.landscape .mobile-image-editor-main-wrapper .redesign-single-page-footer .module-bar .mobile-navigation-tabs-item {
  padding: 16px 8px 8px 8px;
}
body .rc-mobile-view.mobile-image-editor.redesign > main.tablet.landscape .mobile-image-editor-main-wrapper .redesign-single-page-footer .module-bar .mobile-navigation-tabs-item .rc-icon.sgw-icon {
  margin-right: unset;
}
body .rc-mobile-view.mobile-image-editor.redesign > main.tablet.landscape .mobile-image-editor-main-wrapper .mobile-cropper-wrapper {
  box-sizing: border-box;
  margin: 48px 64px;
}
body .rc-mobile-view.mobile-image-editor.redesign > main.tablet.landscape .mobile-image-editor-main-wrapper .mobile-cropper-wrapper.grid {
  margin: unset;
}
body .rc-mobile-view.mobile-image-editor.redesign > main .undo-redo-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 24px;
  margin-bottom: 32px;
  height: unset;
  z-index: 300;
}
body .rc-mobile-view.mobile-image-editor.redesign > main .undo-redo-wrapper div {
  display: flex;
  align-items: center;
  font-size: 13px;
  font-weight: 400;
  font-family: "SourceSansPro-Regular", sans-serif;
}
body .rc-mobile-view.mobile-image-editor.redesign > main .undo-redo-wrapper div button {
  background-color: unset;
}
body .rc-mobile-view.mobile-image-editor.redesign > main .undo-redo-wrapper div button .rc-icon {
  width: 18px;
  height: 18px;
}
body .rc-mobile-view.mobile-image-editor.redesign > main .undo-redo-wrapper div button .rc-icon:before {
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 18px;
  font-family: "icomoon";
}
body .rc-mobile-view.mobile-image-editor.redesign > main .mobile-image-editor-main-wrapper {
  padding: 24px 32px 32px;
}
body .rc-mobile-view.mobile-image-editor.redesign > main .mobile-image-editor-main-wrapper.cropping {
  padding: unset;
}
body .rc-mobile-view.mobile-image-editor.redesign > main .mobile-cropper-wrapper {
  background-color: #FFFFFF;
}
body .rc-mobile-view.mobile-image-editor.redesign > main .mobile-image-canvas {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding: 32px;
}
body .rc-mobile-view.mobile-image-editor.redesign > main .mobile-image-canvas .mobile-image-preview-wrapper {
  box-sizing: border-box;
}
body .rc-mobile-view.mobile-image-editor.redesign > main .mobile-image-canvas .mobile-image-preview-wrapper > img {
  width: 100%;
}
body .rc-mobile-view.mobile-image-editor.redesign .overlay-header {
  display: flex;
  flex-direction: row;
  border-radius: 28px 28px 0px 0px;
  background: #FFF;
  box-shadow: 0px -3px 4px 0px rgba(0, 0, 0, 0.15);
  padding: 16px;
  color: #2C2C2C;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px;
}
body .rc-mobile-view.mobile-image-editor.redesign .overlay-header button {
  height: 30px;
  text-align: center;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 15px;
  flex: unset;
}
body .rc-mobile-view.mobile-image-editor.redesign .overlay-header button.btn-icon-only {
  background-color: #FFF;
}
body .rc-mobile-view.mobile-image-editor.redesign .overlay-header button:not(.btn-submit, .btn-icon-only) {
  border-radius: 120px;
  border: 1px solid var(--Content-contentSecondary, #525252);
}
body .rc-mobile-view.mobile-image-editor.redesign .overlay-content {
  margin-bottom: 16px;
}
body .rc-mobile-view.mobile-image-editor.redesign .overlay-content.edit-overlay {
  margin-left: 16px;
}
body .rc-mobile-view.mobile-image-editor.redesign .overlay-content.edit-overlay .tool-list {
  overflow-x: auto;
  justify-content: unset;
}
body .rc-mobile-view.mobile-image-editor.redesign .overlay-content.edit-overlay .tool-list .button-with-bottom-label {
  width: 28vw;
}
body .rc-mobile-view.mobile-image-editor.redesign .overlay-content.edit-overlay .tool-list .button-with-bottom-label .rc-icon.sgw-icon:before {
  font-family: icomoon;
}
body .rc-mobile-view.mobile-image-editor.redesign .overlay-content.edit-overlay .tool-list .button-with-bottom-label .btn-label {
  width: 22vw;
}
body .rc-mobile-view.mobile-image-editor.redesign .overlay-content .tool-list {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  margin-bottom: 4px;
  gap: 8px;
}
body .rc-mobile-view.mobile-image-editor.redesign .overlay-content .tool-list .button-with-bottom-label {
  padding: 16px 8px 8px 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  gap: 8px;
}
body .rc-mobile-view.mobile-image-editor.redesign .overlay-content .tool-list .button-with-bottom-label .rc-icon.sgw-icon {
  height: 32px;
  width: 32px;
  margin: unset;
}
body .rc-mobile-view.mobile-image-editor.redesign .overlay-content .tool-list .button-with-bottom-label .rc-icon.sgw-icon:before {
  font-size: 32px;
  line-height: 32px;
  height: 32px;
  width: 32px;
}
body .rc-mobile-view.mobile-image-editor.redesign .overlay-content .tool-list .button-with-bottom-label .btn-label {
  color: #525252;
  text-align: center;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  white-space: wrap;
  line-height: 15px;
  width: 22vw;
}
body .rc-mobile-view.mobile-image-editor.redesign #MobileImageEditorFooterRedesign.mobile-image-editor-footer.redesign {
  height: 166px;
  min-height: 166px;
  box-shadow: unset;
  padding: unset !important;
}
body .rc-mobile-view.mobile-image-editor.redesign #MobileImageEditorFooterRedesign.mobile-image-editor-footer.redesign.large-footer {
  height: 412px;
  min-height: 412px;
}
body .rc-mobile-view.mobile-image-editor.redesign #MobileImageEditorFooterRedesign.mobile-image-editor-footer.redesign.tablet.portrait {
  height: unset;
  min-height: unset;
}
body .rc-mobile-view.mobile-image-editor.redesign #MobileImageEditorFooterRedesign.mobile-image-editor-footer.redesign.tablet.portrait.crop {
  flex-direction: column;
}
body .rc-mobile-view.mobile-image-editor.redesign #MobileImageEditorFooterRedesign.mobile-image-editor-footer.redesign .redesign-single-page-footer {
  width: 100%;
}
body .rc-mobile-view.mobile-image-editor.redesign #MobileImageEditorFooterRedesign.mobile-image-editor-footer.redesign .tools-overlay:not(.tablet) {
  width: 100%;
}
body .rc-mobile-view.mobile-image-editor.redesign #MobileImageEditorFooterRedesign.mobile-image-editor-footer.redesign .tools-overlay:not(.tablet).slider-overlay {
  height: 168px;
}
body .rc-mobile-view.mobile-image-editor.redesign #MobileImageEditorFooterRedesign.mobile-image-editor-footer.redesign .tools-overlay:not(.tablet).slider-overlay.edit-overlay {
  height: unset;
}
body .rc-mobile-view.mobile-image-editor.redesign #MobileImageEditorFooterRedesign.mobile-image-editor-footer.redesign .tools-overlay:not(.tablet).slider-overlay.edit-overlay .overlay-header {
  padding: 16px 24px;
}
body .rc-mobile-view.mobile-image-editor.redesign #MobileImageEditorFooterRedesign.mobile-image-editor-footer.redesign .tools-overlay:not(.tablet).slider-overlay.edit-overlay .overlay-header .rc-icon.sgw-icon {
  padding-left: unset;
}
body .rc-mobile-view.mobile-image-editor.redesign #MobileImageEditorFooterRedesign.mobile-image-editor-footer.redesign .tools-overlay:not(.tablet).slider-overlay.edit-overlay .overlay-content {
  padding: 16px 24px 48px 24px;
  margin-bottom: unset;
  margin-left: unset;
}
body .rc-mobile-view.mobile-image-editor.redesign #MobileImageEditorFooterRedesign.mobile-image-editor-footer.redesign .tools-overlay:not(.tablet).slider-overlay .overlay-content {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px 24px 48px 24px;
}
body .rc-mobile-view.mobile-image-editor.redesign #MobileImageEditorFooterRedesign.mobile-image-editor-footer.redesign .tools-overlay:not(.tablet) .overlay-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
body .rc-mobile-view.mobile-image-editor.redesign #MobileImageEditorFooterRedesign.mobile-image-editor-footer.redesign .tools-overlay:not(.tablet) .overlay-header .rc-icon.sgw-icon.close, body .rc-mobile-view.mobile-image-editor.redesign #MobileImageEditorFooterRedesign.mobile-image-editor-footer.redesign .tools-overlay:not(.tablet) .overlay-header .rc-icon.sgw-icon.arrow_down_line2 {
  height: 14px;
  width: 14px;
  background-color: #FFFFFF;
  color: #2C2C2C;
}
body .rc-mobile-view.mobile-image-editor.redesign #MobileImageEditorFooterRedesign.mobile-image-editor-footer.redesign .tools-overlay:not(.tablet) .overlay-header .rc-icon.sgw-icon.close:before, body .rc-mobile-view.mobile-image-editor.redesign #MobileImageEditorFooterRedesign.mobile-image-editor-footer.redesign .tools-overlay:not(.tablet) .overlay-header .rc-icon.sgw-icon.arrow_down_line2:before {
  height: 14px;
  width: 14px;
  line-height: 14px;
  font-size: 14px;
  font-family: "icomoon";
}
body .rc-mobile-view.mobile-image-editor.redesign #MobileImageEditorFooterRedesign.mobile-image-editor-footer.redesign .tools-overlay:not(.tablet).enhancement-overlay .overlay-header {
  gap: 24px;
  padding: 16px 24px;
}
body .rc-mobile-view.mobile-image-editor.redesign #MobileImageEditorFooterRedesign.mobile-image-editor-footer.redesign .tools-overlay:not(.tablet).enhancement-overlay .overlay-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 0 24px 24px 24px;
  color: #525252;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 19px;
  margin-bottom: unset;
}
body .rc-mobile-view.mobile-image-editor.redesign #MobileImageEditorFooterRedesign.mobile-image-editor-footer.redesign .tools-overlay:not(.tablet).enhancement-overlay .overlay-content .description {
  color: #2c2c2c;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
}
body .rc-mobile-view.mobile-image-editor.redesign #MobileImageEditorFooterRedesign.mobile-image-editor-footer.redesign .tools-overlay:not(.tablet).enhancement-overlay .overlay-content .rc-switch-label {
  font-size: 15px;
  font-weight: 400;
}
body .rc-mobile-view.mobile-image-editor.redesign #MobileImageEditorFooterRedesign.mobile-image-editor-footer.redesign .tools-overlay:not(.tablet).filter-overlay .overlay-header {
  padding: 16px 24px;
}
body .rc-mobile-view.mobile-image-editor.redesign #MobileImageEditorFooterRedesign.mobile-image-editor-footer.redesign .tools-overlay:not(.tablet).filter-overlay .overlay-header .rc-icon.sgw-icon {
  padding-left: unset;
}
body .rc-mobile-view.mobile-image-editor.redesign #MobileImageEditorFooterRedesign.mobile-image-editor-footer.redesign .tools-overlay:not(.tablet).filter-overlay .overlay-content {
  margin-bottom: unset;
}
body .rc-mobile-view.mobile-image-editor.redesign #MobileImageEditorFooterRedesign.mobile-image-editor-footer.redesign .tools-overlay:not(.tablet).filter-overlay .overlay-content .mobile-image-editor-tab-filters-presets {
  display: flex;
  flex-direction: row;
  padding: 16px 24px;
  overflow-x: auto;
}
body .rc-mobile-view.mobile-image-editor.redesign #MobileImageEditorFooterRedesign.mobile-image-editor-footer.redesign .tools-overlay:not(.tablet).filter-overlay .overlay-content .mobile-image-editor-tab-filters-presets .filter-list-container {
  display: flex;
  align-items: center;
  gap: 8px;
}
body .rc-mobile-view.mobile-image-editor.redesign #MobileImageEditorFooterRedesign.mobile-image-editor-footer.redesign .tools-overlay:not(.tablet).filter-overlay .overlay-content .mobile-image-editor-tab-filters-presets .filter-list-container .filter-with-name .filter-name {
  margin-top: 8px;
  color: #525252;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
body .rc-mobile-view.mobile-image-editor.redesign #MobileImageEditorFooterRedesign.mobile-image-editor-footer.redesign .tools-overlay:not(.tablet).filter-overlay .overlay-content .mobile-image-editor-tab-filters-presets .filter-list-container .filters-tab-filter-item {
  width: 90px;
  height: 90px;
  overflow: hidden;
  position: relative;
}
body .rc-mobile-view.mobile-image-editor.redesign #MobileImageEditorFooterRedesign.mobile-image-editor-footer.redesign .tools-overlay:not(.tablet).filter-overlay .overlay-content .mobile-image-editor-tab-filters-presets .filter-list-container .filters-tab-filter-item.selected:after {
  content: "";
  position: absolute;
  inset: 0 0 0 0;
  box-sizing: border-box;
  border: 2px solid #3669C4;
}
body .rc-mobile-view.mobile-image-editor.redesign #MobileImageEditorFooterRedesign.mobile-image-editor-footer.redesign .tools-overlay:not(.tablet).filter-overlay .overlay-content .mobile-image-editor-tab-filters-presets .filter-list-container .filters-tab-filter-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body .rc-mobile-view.mobile-image-editor.redesign #MobileImageEditorFooterRedesign.mobile-image-editor-footer.redesign .tools-overlay:not(.tablet).filter-overlay .mobile-image-editor-tab-filters-more-options {
  padding: 0 24px 24px 24px;
}
body .rc-mobile-view.mobile-image-editor.redesign #MobileImageEditorFooterRedesign.mobile-image-editor-footer.redesign .tools-overlay:not(.tablet).filter-overlay .mobile-image-editor-tab-filters-more-options button {
  padding: unset;
  height: unset;
  background-color: #FFFFFF;
  border: none;
  color: #3669C4;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 15px;
}
body .rc-mobile-view.mobile-image-editor.redesign #MobileImageEditorFooterRedesign.mobile-image-editor-footer.redesign .tools-overlay:not(.tablet).filter-overlay .mobile-image-editor-tab-filters-more-options button .sgw-icon {
  margin-left: 6px;
  color: #3669C4;
  width: 11px;
  height: 11px;
}
body .rc-mobile-view.mobile-image-editor.redesign #MobileImageEditorFooterRedesign.mobile-image-editor-footer.redesign .tools-overlay:not(.tablet).filter-overlay .mobile-image-editor-tab-filters-more-options button .sgw-icon:before {
  color: #3669C4;
  font-family: "icomoon";
  width: 11px;
  height: 11px;
  line-height: 11px;
  font-size: 11px;
}
body .rc-mobile-view.mobile-image-editor.redesign #MobileImageEditorFooterRedesign.mobile-image-editor-footer.redesign .tools-overlay:not(.tablet).filter-adjust-overlay .overlay-header {
  gap: 24px;
  padding: 16px 24px;
}
body .rc-mobile-view.mobile-image-editor.redesign #MobileImageEditorFooterRedesign.mobile-image-editor-footer.redesign .tools-overlay:not(.tablet).filter-adjust-overlay .overlay-content {
  padding: 24px 32px 48px 32px;
  margin-bottom: unset;
}
body .rc-mobile-view.mobile-image-editor.redesign #MobileImageEditorFooterRedesign.mobile-image-editor-footer.redesign .tools-overlay:not(.tablet).filter-adjust-overlay .overlay-content .slider-row {
  display: flex;
  flex-direction: row;
  gap: 16px;
  margin-bottom: 32px;
}
body .rc-mobile-view.mobile-image-editor.redesign #MobileImageEditorFooterRedesign.mobile-image-editor-footer.redesign .tools-overlay:not(.tablet).filter-adjust-overlay .overlay-content .slider-item {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
body .rc-mobile-view.mobile-image-editor.redesign #MobileImageEditorFooterRedesign.mobile-image-editor-footer.redesign .tools-overlay:not(.tablet).filter-adjust-overlay .overlay-content .slider-item .slider-label {
  text-transform: capitalize;
  color: #525252;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 15px;
}
body .rc-mobile-view.mobile-image-editor.redesign #MobileImageEditorFooterRedesign.mobile-image-editor-footer.redesign .tools-overlay:not(.tablet).filter-adjust-overlay .overlay-content .colorization-selector {
  display: flex;
  height: 48px;
  box-sizing: border-box;
  padding: 8px 16px;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  border-radius: 14px;
  border: 1px solid #525252;
}
body .rc-mobile-view.mobile-image-editor.redesign #MobileImageEditorFooterRedesign.mobile-image-editor-footer.redesign .tools-overlay:not(.tablet).filter-adjust-overlay .overlay-content .colorization-selector .label {
  overflow: hidden;
  color: #525252;
  text-overflow: ellipsis;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
body .rc-mobile-view.mobile-image-editor.redesign #MobileImageEditorFooterRedesign.mobile-image-editor-footer.redesign .tools-overlay:not(.tablet).filter-adjust-overlay .overlay-content .colorization-selector .rc-color-picker {
  background-color: #FFFFFF;
  border-bottom: unset;
  height: unset;
  border: unset;
}
body .rc-mobile-view.mobile-image-editor.redesign #MobileImageEditorFooterRedesign.mobile-image-editor-footer.redesign .tools-overlay:not(.tablet).filter-adjust-overlay .overlay-content .colorization-selector .rc-color-picker .color-picker-label-container .picker-color {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1px solid #CBCACA;
}
body .rc-mobile-view.mobile-image-editor > main {
  overflow: hidden;
  background-color: black;
}
body .rc-mobile-view.mobile-image-editor .btn-selected > .sgw-icon::before {
  color: #3669C4 !important;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-header {
  flex-direction: row;
  justify-content: space-between;
  z-index: 200;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-header.redesign.tablet {
  padding: 12px 16px;
  border-bottom: 1px solid #E7E7E7;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-header.redesign.tablet .undo-redo-wrapper {
  display: flex;
  flex-direction: row;
  font-size: 15px;
  align-items: center;
  gap: 16px;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-header.redesign.tablet .undo-redo-wrapper > div {
  display: flex;
  align-items: center;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-header.redesign.tablet .undo-redo-wrapper > div button {
  width: unset;
  height: unset;
  padding-right: 8px;
  background-color: #FFFFFF;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-header.redesign.tablet .undo-redo-wrapper > div button .rc-icon.sgw-icon {
  padding-left: unset;
  height: 18px;
  width: 18px;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-header.redesign.tablet .undo-redo-wrapper > div button .rc-icon.sgw-icon:before {
  height: 18px;
  width: 18px;
  font-size: 18px;
  line-height: 18px;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-header.redesign.tablet .btn-simple {
  height: 30px;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-header.redesign.tablet .btn-simple .btn-label {
  font-size: 13px;
  line-height: 13px;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-header.redesign.tablet .rc-switch {
  flex: unset;
  max-width: 200px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-header.redesign.tablet .rc-switch .rc-switch-label {
  font-size: 15px;
  margin-left: 8px;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-header.redesign.tablet .image-quality {
  display: flex;
  align-items: center;
  font-size: 15px;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-header.redesign.tablet .image-quality .rc-icon.sgw-icon {
  padding-left: unset;
  width: 14px;
  height: 14px;
  font-size: 14px;
  margin-left: 8px;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-header.redesign.tablet .image-quality .rc-icon.sgw-icon:before {
  width: 14px;
  height: 14px;
  font-size: 14px;
  line-height: 14px;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-header.redesign.tablet .image-quality .quality-color {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  margin-right: 8px;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-header.redesign.tablet .image-enhancement {
  display: flex;
  align-items: center;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-header.redesign.tablet .image-enhancement .rc-switch {
  text-overflow: unset;
  white-space: unset;
  padding-right: unset;
  min-width: 22vw;
  max-width: 30vw;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-header.redesign.tablet .image-enhancement .rc-switch .rc-switch-dot {
  order: 1;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-header.redesign.tablet .image-enhancement .rc-switch .rc-switch-label {
  order: 2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 25vw;
  min-width: 15vw;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-header.redesign.tablet .image-enhancement .rc-icon.sgw-icon {
  padding-left: unset;
  width: 14px;
  height: 14px;
  font-size: 14px;
  margin-left: 8px;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-header.redesign.tablet .image-enhancement .rc-icon.sgw-icon:before {
  width: 14px;
  height: 14px;
  font-size: 14px;
  line-height: 14px;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-header .header-start, body .rc-mobile-view.mobile-image-editor .mobile-image-editor-header .header-end {
  display: flex;
  flex-direction: row;
  align-items: center;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-header .header-picture-counter {
  padding: 0 1vw;
  font-size: 1.25rem;
  font-weight: lighter;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer {
  z-index: 201;
  padding: 0 3vw;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer.tablet {
  padding: 8px !important;
  box-shadow: unset;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer.tablet.portrait.open-image-tool {
  flex-direction: column;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer.tablet .redesign-single-page-footer {
  width: 100%;
  justify-content: center;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer.tablet .redesign-single-page-footer .module-bar.tablet.portrait {
  padding: 8px;
  gap: 8px;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer .footer-start, body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer .footer-end {
  display: flex;
  flex-direction: row;
  align-items: center;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer .btn-icon, body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer a {
  padding: 0 3vw;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer .image-editor-quality > a {
  padding: 0 1vw;
  padding-left: 5px;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer .footer-start > .btn-icon {
  padding: 0;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer .success-button {
  position: relative;
  height: 50px;
  width: 50px;
  background-color: #6c9d0d;
  border-radius: 50%;
  z-index: 501;
  padding: unset;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer .success-button:before {
  color: white;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel {
  width: 100%;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-panel-row {
  width: 100%;
  display: flex;
  justify-content: center;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-panel-row .mobile-image-editor-tab-panel-row-button {
  margin: 0 16px;
  color: #9ea6aa;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-panel-row .mobile-image-editor-tab-panel-row-button .sgw-icon:before {
  color: #9ea6aa;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-panel-row .mobile-image-editor-tab-panel-row-button.active {
  color: #FFFFFF;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-panel-row .mobile-image-editor-tab-panel-row-button.active .sgw-icon:before {
  color: #FFFFFF;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-panel-row .mobile-image-editor-tab-panel-row-button button {
  flex-direction: column;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-panel-row .mobile-image-editor-tab-panel-row-button button.btn-redesign {
  height: 45px;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-panel-row .mobile-image-editor-tab-panel-row-button button .btn-label {
  font-size: 12px;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .module-content {
  padding: 16px 0;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-basic {
  display: flex;
  flex-direction: column;
  align-items: center;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-basic .mobile-image-editor-tab-basic-quality {
  padding: 0 16px 16px;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-basic .mobile-image-editor-tab-basic-buttons {
  padding: 12px 0;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-basic .mobile-image-editor-tab-basic-buttons button {
  margin: 0 12px;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-filters .mobile-image-editor-tab-filters-presets {
  height: 92px;
  min-height: 92px;
  overflow-x: scroll;
  overflow-y: hidden;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-filters .mobile-image-editor-tab-filters-presets .filter-list-container {
  height: 100%;
  display: inline-flex;
  box-sizing: border-box;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-filters .mobile-image-editor-tab-filters-presets .filter-list-container .filters-tab-filter-item {
  margin: 0 4px;
  flex: auto;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-filters .mobile-image-editor-tab-filters-presets .filter-list-container .filters-tab-filter-item div {
  pointer-events: none;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-filters .mobile-image-editor-tab-filters-more-options button {
  width: 100%;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-filters .mobile-image-editor-tab-filters-more-options button.btn-redesign {
  background-color: #000000;
  color: #FFFFFF;
  border: unset;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-filters .mobile-image-editor-tab-filters-inputs-container {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 220px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: #000000;
  z-index: 1;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-filters .mobile-image-editor-tab-filters-inputs-container .mobile-image-editor-tab-filters-inputs-categories {
  display: flex;
  overflow-x: auto;
  padding: 0 16px;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-filters .mobile-image-editor-tab-filters-inputs-container .mobile-image-editor-tab-filters-inputs-categories::-webkit-scrollbar {
  display: none;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-filters .mobile-image-editor-tab-filters-inputs-container .mobile-image-editor-tab-filters-inputs-categories .mobile-image-editor-tab-filters-inputs-button-wrapper button {
  height: 64px;
  width: 100px;
  overflow: unset;
  padding: 0 16px;
  display: flex;
  flex-direction: column;
  font-size: 14px;
  color: #676767;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-filters .mobile-image-editor-tab-filters-inputs-container .mobile-image-editor-tab-filters-inputs-categories .mobile-image-editor-tab-filters-inputs-button-wrapper button .btn-label {
  margin-top: 8px;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-filters .mobile-image-editor-tab-filters-inputs-container .mobile-image-editor-tab-filters-inputs-categories .mobile-image-editor-tab-filters-inputs-button-wrapper button .sgw-icon {
  margin-right: 0;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-filters .mobile-image-editor-tab-filters-inputs-container .mobile-image-editor-tab-filters-inputs-categories .mobile-image-editor-tab-filters-inputs-button-wrapper button .sgw-icon:before {
  font-size: 1.2rem;
  border-radius: 50%;
  padding: 4px;
  background: #383838;
  color: #676767;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-filters .mobile-image-editor-tab-filters-inputs-container .mobile-image-editor-tab-filters-inputs-categories .mobile-image-editor-tab-filters-inputs-button-wrapper.active button {
  color: #FFFFFF;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-filters .mobile-image-editor-tab-filters-inputs-container .mobile-image-editor-tab-filters-inputs-categories .mobile-image-editor-tab-filters-inputs-button-wrapper.active button .sgw-icon:before {
  background: #6E6E6E;
  color: #FFFFFF;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-filters .mobile-image-editor-tab-filters-inputs-container .mobile-image-editor-tab-filters-inputs-value {
  margin: 36px 16px 0;
  display: flex;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-filters .mobile-image-editor-tab-filters-inputs-container .mobile-image-editor-tab-filters-inputs-value .slider-wrapper {
  height: 54px;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-filters .mobile-image-editor-tab-filters-inputs-container .mobile-image-editor-tab-filters-inputs-value .slider-wrapper .slider-body {
  background-color: unset;
  height: 20px;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-filters .mobile-image-editor-tab-filters-inputs-container .mobile-image-editor-tab-filters-inputs-value .slider-wrapper .slider-body .slider-marker {
  height: 0;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-filters .mobile-image-editor-tab-filters-inputs-container .mobile-image-editor-tab-filters-inputs-value .slider-wrapper .slider-body .slider-marker:nth-child(10n) {
  height: 20px;
  background-color: #383838;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-filters .mobile-image-editor-tab-filters-inputs-container .mobile-image-editor-tab-filters-inputs-value .slider-wrapper .slider-handler {
  width: 2px;
  height: 36px;
  border-radius: 0;
  background-color: #FFFFFF;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-filters .mobile-image-editor-tab-filters-inputs-container .mobile-image-editor-tab-filters-inputs-value .slider-wrapper .slider-handler .rc-label-component {
  position: absolute;
  top: -50%;
  left: -17px;
  width: 36px;
  display: block;
  text-align: center;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-filters .mobile-image-editor-tab-filters-inputs-container .mobile-image-editor-tab-filters-inputs-value .rc-color-picker {
  width: 40%;
  margin-right: 16px;
  background: #383838;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-filters .mobile-image-editor-tab-filters-inputs-container .mobile-image-editor-tab-filters-inputs-footer {
  display: flex;
  justify-content: space-between;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-filters .mobile-image-editor-tab-filters-inputs-container .mobile-image-editor-tab-filters-inputs-footer .btn-redesign {
  color: #FFFFFF;
  background-color: #000000;
  border: unset;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-pro {
  display: flex;
  flex-direction: column;
  align-items: center;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-pro .mobile-image-editor-tab-pro-quality {
  padding: 8px 32px 16px;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-pro .mobile-image-editor-tab-pro-enhancement {
  padding: 8px 32px;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-pro .mobile-image-editor-tab-pro-enhancement .rc-component.rc-checkbox.rc-mobile-component.redesign.selected .rc-checkbox-box .sgw-icon.steps_summary:before {
  left: 25%;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-pro .mobile-image-editor-tab-pro-more-options-button .btn-redesign {
  background-color: #000000;
  color: #FFFFFF;
  border: unset;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-pro .mobile-image-editor-tab-pro-more-options {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #FFFFFF;
  color: #000000;
  z-index: 1;
  padding: 16px;
  overflow-y: auto;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-pro .mobile-image-editor-tab-pro-more-options .group-content-drop-down.group-content.rc-mobile-component.histogramType .rc-select.redesign {
  width: unset;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-pro .mobile-image-editor-tab-pro-more-options .mobile-image-editor-tab-pro-more-options-header {
  display: flex;
  align-items: center;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-pro .mobile-image-editor-tab-pro-more-options .mobile-image-editor-tab-pro-more-options-header button {
  margin-right: 16px;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-pro .mobile-image-editor-tab-pro-more-options .mobile-image-editor-tab-pro-more-options-header button .sgw-icon:before {
  color: #000000;
  font-size: 24px;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-pro .mobile-image-editor-tab-pro-more-options .good > div {
  display: flex;
  align-items: center;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-pro .mobile-image-editor-tab-pro-more-options .good > div::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: #6C9D0D;
  margin-right: 8px;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-pro .mobile-image-editor-tab-pro-more-options .average > div {
  display: flex;
  align-items: center;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-pro .mobile-image-editor-tab-pro-more-options .average > div::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: #AFCA0B;
  margin-right: 8px;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-pro .mobile-image-editor-tab-pro-more-options .bad > div {
  display: flex;
  align-items: center;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-pro .mobile-image-editor-tab-pro-more-options .bad > div::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: #D7032C;
  margin-right: 8px;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-pro .mobile-image-editor-tab-pro-more-options .image-histogram-canvas > img {
  width: 100%;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-article {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #FFFFFF;
  color: #000000;
  z-index: 1;
  padding: 16px;
  overflow-y: auto;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-article .mobile-image-editor-tab-article-header {
  display: flex;
  align-items: center;
  position: fixed;
  z-index: 2;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-article .mobile-image-editor-tab-article-header button {
  margin-right: 16px;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-article .mobile-image-editor-tab-article-header button .sgw-icon:before {
  color: #000000;
  font-size: 24px;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-article .checkout-group-content {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: 12px;
  z-index: 1;
  background: #ffffff;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-article .checkout-group-content .group-important {
  justify-content: center;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-article .article-configurator {
  padding: 54px 0;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-article .mobile-image-editor-tab-article-footer {
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 16px;
  text-align: center;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-article .mobile-image-editor-tab-article-footer button {
  border-radius: 32px;
}
body .rc-mobile-view.mobile-image-editor .image-editor-quality {
  position: relative;
  padding: 2px 0 0 24px;
}
body .rc-mobile-view.mobile-image-editor .image-editor-quality:before {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 1px;
  top: 1px;
  content: "";
}
body .rc-mobile-view.mobile-image-editor .image-editor-quality[data-quality="1"]:before {
  background-color: #6c9d0d;
}
body .rc-mobile-view.mobile-image-editor .image-editor-quality[data-quality="2"]:before {
  background-color: #AFCA0B;
}
body .rc-mobile-view.mobile-image-editor .image-editor-quality[data-quality="3"]:before {
  background-color: #D7032C;
}
body .rc-mobile-view.mobile-image-editor .sgw-icon::before {
  font-size: 2rem;
}

#ImageEnhancementInfoDialog .rc-dialog-content {
  border-radius: 14px;
  background: #FFF;
  box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.15), -2px 4px 4px 0px rgba(0, 0, 0, 0.05);
  display: flex;
  width: 558px;
  padding: 24px 24px 16px 24px;
  flex-direction: column;
  align-items: flex-start;
}
#ImageEnhancementInfoDialog .rc-dialog-content .title {
  color: #2C2C2C;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding-bottom: 11px;
}
#ImageEnhancementInfoDialog .rc-dialog-content .description {
  color: #525252;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
#ImageEnhancementInfoDialog .rc-dialog-content button {
  flex: unset;
  padding: unset;
  margin-top: 24px;
  margin-left: auto;
  color: #3776B2;
  text-align: center;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

#ImageQualityDialog .rc-dialog-content {
  border-radius: 14px;
  background: #FFF;
  padding: 8px 16px 16px 16px;
}
#ImageQualityDialog .rc-dialog-content .quality-label {
  min-height: 36px;
  font-size: 14px;
  display: flex;
  flex-direction: row;
  margin-bottom: 8px;
}
#ImageQualityDialog .rc-dialog-content .quality-label .quality-color {
  height: 16px;
  width: 16px;
  border-radius: 50%;
  margin-right: 4px;
}
#ImageQualityDialog .rc-dialog-content .group-content {
  min-height: 36px;
}
#ImageQualityDialog .rc-dialog-content .group-content-checkbox {
  display: none;
}
#ImageQualityDialog .rc-dialog-content .group-content-drop-down {
  display: none;
}
#ImageQualityDialog .rc-dialog-content .group-content-key-value {
  font-size: 15px;
  font-weight: 400;
  width: 100%;
  display: flex;
  flex-direction: row;
  padding: unset;
  margin-bottom: 8px;
}
#ImageQualityDialog .rc-dialog-content .group-content-key-value .group-content-key-value-key {
  width: 50%;
}
#ImageQualityDialog .rc-dialog-content .group-content-key-value .group-content-key-value-value {
  margin-left: 4px;
  width: 50%;
  font-size: 15px !important;
  font-weight: 400;
}
#ImageQualityDialog .rc-dialog-content button {
  margin-top: 16px;
  display: flex;
  height: 42px;
  padding: 8px 24px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 120px;
  background: #6c9d0d;
  flex: unset;
  overflow: unset;
}
#ImageQualityDialog .rc-dialog-content button .btn-label {
  color: #FFF;
  text-align: center;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

#MobileImageEditorRedesign header {
  padding: 16px;
}

#MobileImageEditorFrameDialog header .back-button {
  left: unset;
  right: 0;
}
#MobileImageEditorFrameDialog header .back-button.left-back-btn {
  left: 0;
  right: unset;
}
#MobileImageEditorFrameDialog header .back-button.left-back-btn > .btn-simple.btn-icon.btn-icon-only.rc-mobile-component.btn-redesign {
  left: 16px;
  right: unset;
}
#MobileImageEditorFrameDialog header .back-button.align-right {
  position: absolute;
  left: unset;
  right: 0;
  height: 18px;
  width: 18px;
}
#MobileImageEditorFrameDialog header .back-button.align-right .btn-simple.btn-icon.btn-icon-only.btn-redesign {
  left: unset;
  right: 16px;
  height: 18px;
  width: 18px;
}
#MobileImageEditorFrameDialog header .back-button.align-right .btn-simple.btn-icon.btn-icon-only.btn-redesign .rc-icon.sgw-icon {
  height: 18px;
  width: 18px;
}
#MobileImageEditorFrameDialog header .back-button.align-right .btn-simple.btn-icon.btn-icon-only.btn-redesign .rc-icon.sgw-icon:before {
  height: 18px;
  width: 18px;
  font-size: 18px;
  line-height: 18px;
}
#MobileImageEditorFrameDialog header .rc-color-picker {
  height: 1px;
  width: 1px;
  display: none;
}
#MobileImageEditorFrameDialog main {
  background-color: #FFFFFF;
  padding: 8px;
}
#MobileImageEditorFrameDialog main.frame-container {
  width: 100%;
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
}
#MobileImageEditorFrameDialog main.frame-container.tablet.portrait {
  overflow-y: hidden;
}
#MobileImageEditorFrameDialog main .frame-preset-wrapper {
  height: 100%;
  width: 100%;
}
#MobileImageEditorFrameDialog main .frame-preset-wrapper .frame-preset {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 100%;
}
#MobileImageEditorFrameDialog main .frame-preset-wrapper .frame-preset .frame-canvas-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
#MobileImageEditorFrameDialog footer.selected-tool {
  border-radius: 28px 28px 0px 0px;
  background: #FFF;
  box-shadow: 0px -2px 4px 0px rgba(0, 0, 0, 0.15);
  padding: unset !important;
}
#MobileImageEditorFrameDialog footer:not(.selected-tool) {
  box-shadow: unset;
}
#MobileImageEditorFrameDialog footer .redesign-single-page-footer {
  width: 100%;
}
#MobileImageEditorFrameDialog footer .redesign-single-page-footer .module-bar {
  padding-left: unset;
}
#MobileImageEditorFrameDialog footer .redesign-single-page-footer .module-bar.tablet {
  display: flex;
  justify-content: center;
}
#MobileImageEditorFrameDialog footer .redesign-single-page-footer .module-bar.tablet.portrait {
  overflow-x: auto;
}
#MobileImageEditorFrameDialog footer .redesign-single-page-footer .module-bar.tablet .mobile-navigation-tabs-item.mobile-navigation-tabs-footer {
  flex: unset;
}
#MobileImageEditorFrameDialog footer .redesign-single-page-footer .module-bar .mobile-navigation-tabs-item.mobile-navigation-tabs-footer {
  box-sizing: border-box;
  flex: 1;
  padding: 16px 8px 8px 8px;
  justify-content: center;
}
#MobileImageEditorFrameDialog footer .redesign-single-page-footer .module-bar .mobile-navigation-tabs-item.mobile-navigation-tabs-footer.phone {
  min-width: 25vw;
}
#MobileImageEditorFrameDialog footer .redesign-single-page-footer .module-bar .mobile-navigation-tabs-item.mobile-navigation-tabs-footer.tablet {
  width: 98px;
  box-sizing: border-box;
}
#MobileImageEditorFrameDialog footer .redesign-single-page-footer .module-bar .mobile-navigation-tabs-item.mobile-navigation-tabs-footer > button .rc-icon.sgw-icon {
  margin-right: unset;
}
#MobileImageEditorFrameDialog footer .redesign-single-page-footer .footer-buttons {
  padding: 16px 0;
}
#MobileImageEditorFrameDialog footer .tools-overlay {
  width: 100%;
}
#MobileImageEditorFrameDialog footer .tools-overlay.slider-overlay .overlay-content {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px 32px 48px 32px;
}
#MobileImageEditorFrameDialog footer .tools-overlay .overlay-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 16px 24px;
  color: #2C2C2C;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
#MobileImageEditorFrameDialog footer .tools-overlay .overlay-header .rc-icon.sgw-icon.close {
  height: 14px;
  width: 14px;
  background-color: #FFFFFF;
  color: #2C2C2C;
  padding-left: unset;
}
#MobileImageEditorFrameDialog footer .tools-overlay .overlay-header .rc-icon.sgw-icon.close:before {
  height: 14px;
  width: 14px;
  line-height: 14px;
  font-size: 14px;
  font-family: "icomoon";
}

#MobileFrameSelectionDialog header .back-button {
  left: unset;
  right: 0;
}
#MobileFrameSelectionDialog header .back-button .btn-simple.btn-icon.btn-icon-only.rc-mobile-component.btn-redesign {
  left: unset;
  right: 16px;
}
#MobileFrameSelectionDialog main {
  background-color: #e7e7e7;
}
#MobileFrameSelectionDialog main .frames-content-container {
  padding: 16px;
}

#MobileImageEditorShadowDialog header .rc-color-picker {
  display: none;
}
#MobileImageEditorShadowDialog header .back-button {
  left: unset;
  right: 0;
}
#MobileImageEditorShadowDialog header .back-button.left-back-btn {
  left: 0;
  right: unset;
}
#MobileImageEditorShadowDialog header .back-button.left-back-btn > .btn-simple.btn-icon.btn-icon-only.rc-mobile-component.btn-redesign {
  left: 16px;
  right: unset;
}
#MobileImageEditorShadowDialog header .back-button.align-right {
  position: absolute;
  left: unset;
  right: 0;
  height: 18px;
  width: 18px;
}
#MobileImageEditorShadowDialog header .back-button.align-right .btn-simple.btn-icon.btn-icon-only.btn-redesign {
  left: unset;
  right: 16px;
  height: 18px;
  width: 18px;
}
#MobileImageEditorShadowDialog header .back-button.align-right .btn-simple.btn-icon.btn-icon-only.btn-redesign .rc-icon.sgw-icon {
  height: 18px;
  width: 18px;
}
#MobileImageEditorShadowDialog header .back-button.align-right .btn-simple.btn-icon.btn-icon-only.btn-redesign .rc-icon.sgw-icon:before {
  height: 18px;
  width: 18px;
  font-size: 18px;
  line-height: 18px;
}
#MobileImageEditorShadowDialog main {
  background-color: #FFFFFF;
  padding: 8px;
}
#MobileImageEditorShadowDialog main.shadow-container {
  width: 100%;
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-y: hidden;
}
#MobileImageEditorShadowDialog main.shadow-container.tablet.portrait {
  overflow-y: hidden;
}
#MobileImageEditorShadowDialog main .shadow-preset-wrapper {
  height: 100%;
  width: 100%;
}
#MobileImageEditorShadowDialog main .shadow-preset-wrapper .shadow-preset {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 100%;
}
#MobileImageEditorShadowDialog main .shadow-preset-wrapper .shadow-preset .shadow-canvas-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
#MobileImageEditorShadowDialog footer.selected-tool {
  border-radius: 28px 28px 0px 0px;
  background: #FFF;
  box-shadow: 0px -2px 4px 0px rgba(0, 0, 0, 0.15);
  padding: unset !important;
}
#MobileImageEditorShadowDialog footer:not(.selected-tool) {
  box-shadow: unset;
}
#MobileImageEditorShadowDialog footer .redesign-single-page-footer {
  width: 100%;
}
#MobileImageEditorShadowDialog footer .redesign-single-page-footer .module-bar {
  padding-left: unset;
}
#MobileImageEditorShadowDialog footer .redesign-single-page-footer .module-bar.tablet {
  display: flex;
  justify-content: center;
}
#MobileImageEditorShadowDialog footer .redesign-single-page-footer .module-bar.tablet.portrait {
  overflow-x: auto;
}
#MobileImageEditorShadowDialog footer .redesign-single-page-footer .module-bar.tablet .mobile-navigation-tabs-item.mobile-navigation-tabs-footer {
  flex: unset;
}
#MobileImageEditorShadowDialog footer .redesign-single-page-footer .module-bar .mobile-navigation-tabs-item.mobile-navigation-tabs-footer {
  box-sizing: border-box;
  flex: 1;
  padding: 16px 8px 8px 8px;
  justify-content: center;
}
#MobileImageEditorShadowDialog footer .redesign-single-page-footer .module-bar .mobile-navigation-tabs-item.mobile-navigation-tabs-footer.phone {
  min-width: 25vw;
}
#MobileImageEditorShadowDialog footer .redesign-single-page-footer .module-bar .mobile-navigation-tabs-item.mobile-navigation-tabs-footer.tablet {
  width: 98px;
  box-sizing: border-box;
}
#MobileImageEditorShadowDialog footer .redesign-single-page-footer .module-bar .mobile-navigation-tabs-item.mobile-navigation-tabs-footer > button .rc-icon.sgw-icon {
  margin-right: unset;
}
#MobileImageEditorShadowDialog footer .redesign-single-page-footer .footer-buttons {
  padding: 16px 0;
}
#MobileImageEditorShadowDialog footer .tools-overlay {
  width: 100%;
}
#MobileImageEditorShadowDialog footer .tools-overlay.slider-overlay .overlay-content {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px 32px 48px 32px;
}
#MobileImageEditorShadowDialog footer .tools-overlay .overlay-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 16px 24px;
  color: #2C2C2C;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
#MobileImageEditorShadowDialog footer .tools-overlay .overlay-header .rc-icon.sgw-icon.close {
  height: 14px;
  width: 14px;
  background-color: #FFFFFF;
  color: #2C2C2C;
  padding-left: unset;
}
#MobileImageEditorShadowDialog footer .tools-overlay .overlay-header .rc-icon.sgw-icon.close:before {
  height: 14px;
  width: 14px;
  line-height: 14px;
  font-size: 14px;
  font-family: "icomoon";
}

#MobileShadowSelectionDialog header .back-button.align-right button {
  height: 18px;
  width: 18px;
}
#MobileShadowSelectionDialog header .back-button.align-right button .rc-icon.sgw-icon {
  height: 18px;
  width: 18px;
}
#MobileShadowSelectionDialog header .back-button.align-right button .rc-icon.sgw-icon:before {
  height: 18px;
  width: 18px;
  line-height: 18px;
  font-size: 18px;
  font-family: "icomoon";
}
#MobileShadowSelectionDialog main {
  background-color: #e7e7e7;
}
#MobileShadowSelectionDialog main .shadow-module {
  padding: 16px;
}
#MobileShadowSelectionDialog main .shadow-module .shadow-list-container {
  flex: unset;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#MobileShadowSelectionDialog main .shadow-module .shadow-list-container .shadow-preset-wrapper {
  padding-bottom: unset;
  height: unset;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: unset;
  flex: unset;
}
#MobileShadowSelectionDialog main .shadow-module .shadow-list-container .shadow-preset-wrapper.factor-3 {
  max-width: calc(33% - 16px);
  flex: calc(33% - 16px);
}
#MobileShadowSelectionDialog main .shadow-module .shadow-list-container .shadow-preset-wrapper.factor-6 {
  max-width: calc(16.6% - 16px);
  flex: calc(16.6% - 16px);
}
#MobileShadowSelectionDialog main .shadow-module .shadow-list-container .shadow-preset-wrapper.factor-8 {
  max-width: calc(12.5% - 16px);
  flex: calc(12.5% - 16px);
}

.mobile-dialog {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
}
.mobile-dialog.redesign .rc-dialog-content {
  border-radius: 14px;
}
.mobile-dialog.redesign .rc-dialog-content .dialog-scrollable-content.rc-mobile-view-light {
  padding: 24px;
  margin: unset;
  /*                .group-content-input {
                      border-radius: 14px;
                      border: 1px solid #3776B2;

                      .rc-input {
                          border-radius: 14px;
                          border-bottom: unset;
                          background-color: #FFFFFF;
                      }
                  }*/
}
.mobile-dialog.redesign .rc-dialog-content .dialog-scrollable-content.rc-mobile-view-light .group-content-label.group-content.rc-mobile-component {
  min-height: unset;
  margin-bottom: 11px;
  line-height: 17px;
  font-color: #525252;
  font-size: 15px;
}
.mobile-dialog.redesign .rc-dialog-content .dialog-scrollable-content.rc-mobile-view-light .group-content-label.group-content.rc-mobile-component.label-heading-bold {
  font-size: 17px;
  font-color: #2C2C2C;
}
.mobile-dialog.redesign .rc-dialog-content .dialog-scrollable-content.rc-mobile-view-light .group-content-spacer {
  height: 16px;
}
.mobile-dialog.redesign .rc-dialog-content .dialog-scrollable-content.rc-mobile-view-light .form-footer-buttons {
  justify-content: end;
  padding-top: 16px;
}
.mobile-dialog.redesign .rc-dialog-content .dialog-scrollable-content.rc-mobile-view-light .form-footer-buttons button {
  text-transform: uppercase;
  padding: unset;
  font-size: 13px;
  height: unset;
}
.mobile-dialog.redesign .rc-dialog-content .dialog-scrollable-content.rc-mobile-view-light .form-footer-buttons .btn-default {
  border: none;
  background-color: white;
  margin-right: 24px;
  font-color: #525252;
  justify-content: end;
}
.mobile-dialog.redesign .rc-dialog-content .dialog-scrollable-content.rc-mobile-view-light .form-footer-buttons .btn-submit {
  border-radius: 120px;
}
.mobile-dialog.redesign .rc-dialog-content .dialog-scrollable-content.rc-mobile-view-light .form-footer-buttons .btn-submit .rc-icon {
  display: none;
}
.mobile-dialog.redesign .rc-dialog-content .dialog-scrollable-content.rc-mobile-view-light .form-footer-buttons .btn-submit .btn-label {
  text-align: center;
  margin: 8px 24px;
}
.mobile-dialog.non-modal {
  position: relative;
  inset: unset;
}
.mobile-dialog:not(.non-modal):before {
  content: "";
  width: 100%;
  height: 100vh;
  position: absolute;
  background-color: #6e6e6e;
  opacity: 0.9;
}

/*.mobile-menu {
    .mobile-menu-content {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #ffffff;
        z-index: 11;
        padding: 8px 0;

        > div {
            padding: 4px 0;
        }
    }
}*/
.mobile-dialog > .cancel-button {
  position: absolute;
  padding: 0;
  top: 15px;
  right: 10px;
}
.mobile-dialog > .cancel-button > .sgw-icon::before {
  font-size: 25px;
  color: white;
  border-radius: 50%;
  padding: 4px 6px 2px 0;
}
.mobile-dialog .mobile-dialog-header {
  display: flex;
  background: #3669C4;
  color: #FFFFFF;
  flex: 0 0 36px;
  align-content: center;
  padding-left: 16px;
}
.mobile-dialog .mobile-dialog-header .sgw-icon:before {
  color: #FFFFFF;
}
.mobile-dialog .mobile-dialog-header .mobile-dialog-header-label {
  align-self: center;
  margin-left: 16px;
}
.mobile-dialog .mobile-dialog-content {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #ffffff;
  z-index: 11;
  max-height: 90%;
  min-height: 100px;
  display: flex;
  flex-direction: column;
}
.mobile-dialog .mobile-dialog-content .project-validation-module {
  margin: 8px;
}

.mobile-dialog-content .designs-module-header {
  display: flex;
  border-bottom: 1px solid #CCCCCC;
  padding: 16px 16px 0;
  flex-direction: column;
  min-height: calc((50vw - 16px) / 2.2181818182 + 54px);
}
.mobile-dialog-content .designs-module-header .design-line-wrapper {
  display: flex;
}
.mobile-dialog-content .designs-module-header .design-line-wrapper > div {
  flex: 0 0 50%;
  margin: 4px;
  display: flex;
}
.mobile-dialog-content .designs-module-header .design-line-wrapper > div.design-line-image {
  border: 1px solid #efefef;
  height: calc((50vw - 16px) / 2.2181818182);
}
.mobile-dialog-content .designs-module-header .design-line-wrapper > div.design-line-image img {
  width: calc(50vw - 16px);
  height: calc((50vw - 16px) / 2.2181818182);
}
.mobile-dialog-content .designs-module-header .design-line-wrapper > div.design-line-change-button {
  align-items: center;
}
.mobile-dialog-content .designs-module-header .design-line-wrapper > div.design-line-change-button button {
  max-width: 100%;
}
.mobile-dialog-content .designs-module-header .add-text-button-wrapper {
  display: flex;
  margin: 0 -16px;
}
.mobile-dialog-content .designs-module-header .add-text-button-wrapper button {
  font-size: 14px;
}
.mobile-dialog-content > .designs-module {
  display: block;
  height: 100%;
  overflow-y: auto;
  padding: 8px;
}

#MobileDesignLinesSelection .mobile-dialog-content {
  overflow-y: auto;
}
#MobileDesignLinesSelection .mobile-dialog-content .designbrowser {
  padding: 16px;
}

.rc-mobile-view > main > .mobile-stage {
  padding: 0 16px;
  box-sizing: border-box;
  max-width: 100vw;
  overflow-x: hidden;
  flex: 1;
  justify-content: space-between;
}
.rc-mobile-view > main > .mobile-stage .mockup-mobile-designer-info {
  font-size: 14px;
  line-height: 18px;
  color: #D9052F;
  padding: 16px;
  box-sizing: border-box;
}
.rc-mobile-view > main > .mobile-stage.redesign {
  padding: 0;
  background-color: #e7e7e7;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.rc-mobile-view > main > .mobile-stage.redesign.sort-view .mobile-stage-pages {
  padding: 0 32px;
}
.rc-mobile-view > main > .mobile-stage.redesign.sort-view .mobile-stage-pages .mobile-page-wrapper.redesign .mobile-page-data .mobile-page-sort {
  flex: 0 0 18px;
  margin-left: 32px;
}
.rc-mobile-view > main > .mobile-stage.redesign.sort-view .mobile-stage-pages .mobile-page-wrapper.redesign .mobile-page-data .mobile-page-sort .rc-icon.sgw-icon:before {
  font-family: "icomoon";
}
.rc-mobile-view > main > .mobile-stage.redesign.sort-view .mobile-stage-pages .mobile-page-wrapper.redesign .mobile-page-data .mobile-tablet-page-sort {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  top: 0;
}
.rc-mobile-view > main > .mobile-stage.redesign.sort-view .mobile-stage-pages .mobile-page-wrapper.redesign .info .delete-and-page-redesign .btn-simple.btn-icon.btn-icon-only.rc-mobile-component.btn-redesign {
  width: 14px;
  height: 14px;
}
.rc-mobile-view > main > .mobile-stage.redesign.sort-view .mobile-stage-pages .mobile-page-wrapper.redesign .info .delete-and-page-redesign .btn-simple.btn-icon.btn-icon-only.rc-mobile-component.btn-redesign .rc-icon.sgw-icon.delete {
  width: 14px;
  height: 14px;
  font-size: 14px;
  line-height: 14px;
}
.rc-mobile-view > main > .mobile-stage.redesign.sort-view .mobile-stage-pages .mobile-page-wrapper.redesign .info .delete-and-page-redesign .btn-simple.btn-icon.btn-icon-only.rc-mobile-component.btn-redesign .rc-icon.sgw-icon.delete:before {
  width: 14px;
  height: 14px;
  font-size: 14px;
  line-height: 14px;
  font-family: "icomoon";
}
.rc-mobile-view > main > .mobile-stage.redesign.sort-view .mobile-stage-pages .mobile-page-wrapper.redesign .info .add-btn-redesign {
  position: absolute;
  right: 0;
  width: 18px;
  height: 18px;
}
.rc-mobile-view > main > .mobile-stage.redesign.sort-view .mobile-stage-pages .mobile-page-wrapper.redesign .info .add-btn-redesign .rc-icon.sgw-icon.cart_add {
  width: 18px;
  height: 18px;
  font-size: 18px;
  line-height: 18px;
}
.rc-mobile-view > main > .mobile-stage.redesign.sort-view .mobile-stage-pages .mobile-page-wrapper.redesign .info .add-btn-redesign .rc-icon.sgw-icon.cart_add:before {
  width: 18px;
  height: 18px;
  font-size: 18px;
  line-height: 18px;
  font-family: "icomoon";
}
.rc-mobile-view > main > .mobile-stage.redesign.sort-view .mobile-stage-pages.redesign-tablet {
  padding: 32px;
}
.rc-mobile-view > main > .mobile-stage.redesign.sort-view .mobile-stage-pages.redesign-tablet .mobile-page-wrapper.redesign-tablet:first-child {
  margin-top: 0;
}
.rc-mobile-view > main > .mobile-stage.redesign.sort-view .mobile-stage-pages.redesign-tablet .mobile-page-data {
  height: unset;
}
.rc-mobile-view > main > .mobile-stage.redesign.sort-view .mobile-stage-pages.column-2 .mobile-page-wrapper {
  flex-basis: 50%;
}
.rc-mobile-view > main > .mobile-stage.redesign.sort-view .mobile-stage-pages.column-3 .mobile-page-wrapper {
  flex-basis: 33%;
}
.rc-mobile-view > main > .mobile-stage.redesign.sort-view .mobile-stage-pages.column-2 > div, .rc-mobile-view > main > .mobile-stage.redesign.sort-view .mobile-stage-pages.column-3 > div {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
.rc-mobile-view > main > .mobile-stage.redesign.sort-view .mobile-stage-pages.column-2 > div .mobile-page-wrapper.cover, .rc-mobile-view > main > .mobile-stage.redesign.sort-view .mobile-stage-pages.column-2 > div .mobile-page-wrapper.mobile-page-add-page, .rc-mobile-view > main > .mobile-stage.redesign.sort-view .mobile-stage-pages.column-3 > div .mobile-page-wrapper.cover, .rc-mobile-view > main > .mobile-stage.redesign.sort-view .mobile-stage-pages.column-3 > div .mobile-page-wrapper.mobile-page-add-page {
  flex-basis: 100%;
  width: 100%;
}
.rc-mobile-view > main > .mobile-stage.redesign.sort-view .mobile-stage-pages.column-2 > div .mobile-page-wrapper.cover .edit-page-wrapper, .rc-mobile-view > main > .mobile-stage.redesign.sort-view .mobile-stage-pages.column-2 > div .mobile-page-wrapper.mobile-page-add-page .edit-page-wrapper, .rc-mobile-view > main > .mobile-stage.redesign.sort-view .mobile-stage-pages.column-3 > div .mobile-page-wrapper.cover .edit-page-wrapper, .rc-mobile-view > main > .mobile-stage.redesign.sort-view .mobile-stage-pages.column-3 > div .mobile-page-wrapper.mobile-page-add-page .edit-page-wrapper {
  min-width: unset;
}
.rc-mobile-view > main > .mobile-stage.redesign .mobile-stage-pages .mobile-page-wrapper {
  margin-top: unset;
  margin-bottom: 8px;
}
.rc-mobile-view > main > .mobile-stage.redesign .mobile-stage-pages .mobile-page-wrapper.mobile-page-add-page {
  margin-top: 40px;
  background-color: unset;
  border: unset;
  margin-bottom: 48px;
}
.rc-mobile-view > main > .mobile-stage.redesign .mobile-stage-pages .mobile-page-wrapper .mobile-page-data {
  align-items: center;
}
.rc-mobile-view > main > .mobile-stage.redesign .articles-module .article-configurator {
  padding: unset;
}
.rc-mobile-view > main > .mobile-stage.redesign .articles-module .article-configurator .configurator-body {
  padding: 0 16px 16px 16px;
}
.rc-mobile-view > main > .mobile-stage input[type=file] {
  display: none;
}
.rc-mobile-view > main > .mobile-stage .mobile-stage-pages {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  flex: 1;
  overflow-x: hidden;
}
.rc-mobile-view > main > .mobile-stage .mobile-stage-pages .sortable-target-helper {
  min-height: 4px;
  background-color: #6e6e6e;
  visibility: hidden;
}
.rc-mobile-view > main > .mobile-stage .mobile-stage-pages .sortable-target-helper.active {
  visibility: visible;
}
.rc-mobile-view > main > .mobile-stage .mobile-stage-pages .mobile-page-wrapper {
  margin-bottom: 8px;
  position: relative;
  display: flex;
  min-height: 50px;
}
.rc-mobile-view > main > .mobile-stage .mobile-stage-pages .mobile-page-wrapper.sort-disabled {
  pointer-events: none;
}
.rc-mobile-view > main > .mobile-stage .mobile-stage-pages .mobile-page-wrapper.redesign {
  margin-bottom: 24px;
}
.rc-mobile-view > main > .mobile-stage .mobile-stage-pages .mobile-page-wrapper.redesign .edit-page-wrapper {
  display: flex;
  flex-direction: column;
}
.rc-mobile-view > main > .mobile-stage .mobile-stage-pages .mobile-page-wrapper.redesign .edit-page-wrapper .mobile-page-data {
  display: flex;
  align-items: center;
}
.rc-mobile-view > main > .mobile-stage .mobile-stage-pages .mobile-page-wrapper.redesign .edit-page-wrapper .info {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 16px;
}
.rc-mobile-view > main > .mobile-stage .mobile-stage-pages .mobile-page-wrapper.redesign .edit-page-wrapper .info .delete-and-page-redesign {
  font-size: 12px;
  font-weight: 400;
  display: flex;
  align-items: center;
  flex-direction: row;
}
.rc-mobile-view > main > .mobile-stage .mobile-stage-pages .mobile-page-wrapper.redesign .edit-page-wrapper .info .delete-and-page-redesign button {
  width: 14px;
  height: 14px;
  margin-right: 16px;
}
.rc-mobile-view > main > .mobile-stage .mobile-stage-pages .mobile-page-wrapper.redesign .edit-page-wrapper .info .delete-and-page-redesign button .rc-icon.sgw-icon.delete {
  width: 14px;
  height: 14px;
}
.rc-mobile-view > main > .mobile-stage .mobile-stage-pages .mobile-page-wrapper.sortable-chosen.sortable-fallback.sortable-drag {
  visibility: hidden;
}
.rc-mobile-view > main > .mobile-stage .mobile-stage-pages .mobile-page-wrapper.sortable-chosen.react-sortable-ghost {
  opacity: 0.5;
}
.rc-mobile-view > main > .mobile-stage .mobile-stage-pages .mobile-page-wrapper.mobile-page-sortable-helper {
  border: 1px solid #dcdcdc;
  background-color: #dcdcdc;
  box-shadow: 2px 2px 4px 4px rgba(0, 0, 0, 0.25);
  margin-left: -16px;
  margin-right: -32px;
  padding: 4px 16px 0;
  width: 100% !important;
  height: auto !important;
}
.rc-mobile-view > main > .mobile-stage .mobile-stage-pages .mobile-page-wrapper.mobile-page-sortable-helper.redesign-tablet {
  width: auto !important;
}
.rc-mobile-view > main > .mobile-stage .mobile-stage-pages .mobile-page-wrapper:first-child {
  margin-top: 16px;
}
.rc-mobile-view > main > .mobile-stage .mobile-stage-pages .mobile-page-wrapper .swipe-wrapper, .rc-mobile-view > main > .mobile-stage .mobile-stage-pages .mobile-page-wrapper .edit-page-wrapper {
  display: flex;
  flex-wrap: nowrap;
  min-width: 100%;
  position: relative;
}
.rc-mobile-view > main > .mobile-stage .mobile-stage-pages .mobile-page-wrapper .swipe-wrapper.is-swiping > div, .rc-mobile-view > main > .mobile-stage .mobile-stage-pages .mobile-page-wrapper .edit-page-wrapper.is-swiping > div {
  transition: 0.15s ease-in-out;
}
.rc-mobile-view > main > .mobile-stage .mobile-stage-pages .mobile-page-wrapper .mobile-page-data {
  height: 100%;
}
.rc-mobile-view > main > .mobile-stage .mobile-stage-pages .mobile-page-wrapper .mobile-page-data .info {
  position: relative;
  display: flex;
  flex: auto;
  flex-wrap: nowrap;
  justify-content: center;
  z-index: 1;
}
.rc-mobile-view > main > .mobile-stage .mobile-stage-pages .mobile-page-wrapper .mobile-page-data .info.redesign {
  font-size: 12px;
  color: #525252;
  font-weight: 400;
  line-height: 14px;
  display: block;
}
.rc-mobile-view > main > .mobile-stage .mobile-stage-pages .mobile-page-wrapper .mobile-page-data .info.redesign.bundle {
  justify-content: space-between;
}
.rc-mobile-view > main > .mobile-stage .mobile-stage-pages .mobile-page-wrapper .mobile-page-data .info.redesign.multi-page {
  flex: unset;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  touch-action: none;
}
.rc-mobile-view > main > .mobile-stage .mobile-stage-pages .mobile-page-wrapper .mobile-page-data .info.bundle {
  display: flex;
  align-items: center;
  font-size: 16px;
  width: 100%;
  box-sizing: border-box;
}
.rc-mobile-view > main > .mobile-stage .mobile-stage-pages .mobile-page-wrapper .mobile-page-data .info.bundle > div {
  color: #3669C4;
  font-size: 15px;
  font-weight: 600;
}
.rc-mobile-view > main > .mobile-stage .mobile-stage-pages .mobile-page-wrapper .mobile-page-data .info.bundle > div .sgw-icon {
  display: inline;
  margin-left: 6px;
  padding-left: 20px;
}
.rc-mobile-view > main > .mobile-stage .mobile-stage-pages .mobile-page-wrapper .mobile-page-data .info.bundle > div .sgw-icon:before {
  color: #3669C4;
  font-size: 16px;
  font-family: "icomoon";
}
.rc-mobile-view > main > .mobile-stage .mobile-stage-pages .mobile-page-wrapper .mobile-page-data .info .name {
  display: flex;
  align-items: center;
  white-space: nowrap;
  padding: 2px 16px;
  box-sizing: border-box;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  width: auto;
}
.rc-mobile-view > main > .mobile-stage .mobile-stage-pages .mobile-page-wrapper .mobile-page-data .info .rc-mobile-component.btn-icon.btn-icon-only {
  width: unset;
  height: unset;
}
.rc-mobile-view > main > .mobile-stage .mobile-stage-pages .mobile-page-wrapper .mobile-page-data.swipe-wrapper {
  display: flex;
  flex-direction: column;
}
.rc-mobile-view > main > .mobile-stage .mobile-stage-pages .mobile-page-wrapper .mobile-page-sort {
  flex: 0 0 48px;
  height: 100%;
  display: flex;
  justify-content: center;
}
.rc-mobile-view > main > .mobile-stage .mobile-stage-pages .mobile-page-wrapper .mobile-page-sort .rc-icon.sgw-icon {
  padding-left: 0;
}
.rc-mobile-view > main > .mobile-stage .mobile-stage-pages .mobile-page-wrapper .mobile-page-options {
  position: absolute;
  left: 0;
  opacity: 0;
}
.rc-mobile-view > main > .mobile-stage .mobile-stage-pages .mobile-page-wrapper .mobile-page-options button {
  position: absolute;
  top: 50%;
}
.rc-mobile-view > main > .mobile-stage .mobile-stage-pages .mobile-page-wrapper .mobile-page-options button.left-button {
  left: 0;
  transform: translate(-100%, -50%);
}
.rc-mobile-view > main > .mobile-stage .mobile-stage-pages .mobile-page-wrapper .mobile-page-options button.right-button {
  right: 0;
  transform: translate(100%, -50%);
}
.rc-mobile-view > main > .mobile-stage .mobile-stage-pages .mobile-page-wrapper .mobile-page-options .btn-icon {
  min-width: 48px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  padding: 0;
}
.rc-mobile-view > main > .mobile-stage .mobile-stage-pages .mobile-page-wrapper .mobile-page-options .btn-icon .sgw-icon {
  width: 28px;
  height: 28px;
  line-height: 28px;
  margin: 0;
}
.rc-mobile-view > main > .mobile-stage .mobile-stage-pages .mobile-page-wrapper .mobile-page-options .btn-icon .sgw-icon:before {
  font-size: 28px;
  width: 28px;
  height: 28px;
  line-height: 28px;
}
.rc-mobile-view > main > .mobile-stage .mobile-stage-pages .mobile-page-wrapper .mobile-page-options .btn-dark-grey .rc-icon:before {
  color: #ffffff;
}
.rc-mobile-view > main > .mobile-stage .mobile-stage-pages .mobile-page-wrapper .right-swipe-menu {
  margin-left: 16px;
  padding-right: 16px;
}
.rc-mobile-view > main > .mobile-stage .mobile-stage-pages .mobile-page-wrapper .left-swipe-menu {
  transform: translateY(-100%);
}
.rc-mobile-view > main > .mobile-stage .mobile-stage-pages .mobile-page-wrapper .left-swipe-menu > div {
  max-width: 0;
}
.rc-mobile-view > main > .mobile-stage .mobile-stage-pages .mobile-page-wrapper .right-swipe-menu.is-swiping > div, .rc-mobile-view > main > .mobile-stage .mobile-stage-pages .mobile-page-wrapper .left-swipe-menu.is-swiping > div {
  transition: min-width 0.15s ease-in-out;
}
.rc-mobile-view > main > .mobile-stage .mobile-stage-pages .mobile-page-wrapper.redesign-tablet {
  margin-bottom: 32px;
  justify-content: center;
}
.rc-mobile-view > main > .mobile-stage .mobile-stage-pages .mobile-page-wrapper.redesign-tablet:first-child {
  margin-top: 32px;
}
.rc-mobile-view > main > .mobile-stage .mobile-stage-pages .mobile-page-wrapper.redesign-tablet .edit-page-wrapper {
  min-width: unset;
}
.rc-mobile-view > main > .mobile-stage .mobile-stage-pages .mobile-page-wrapper.redesign-tablet .edit-page-wrapper .mobile-page-data .btn-simple {
  width: 18px;
  margin-left: 24px;
}
.rc-mobile-view > main > .mobile-stage .mobile-stage-pages .mobile-page-wrapper.redesign-tablet .edit-page-wrapper .info .delete-and-page-redesign {
  font-size: 14px;
}
.rc-mobile-view > main > .mobile-stage .mobile-stage-pages .mobile-page-wrapper.redesign-tablet .edit-page-wrapper .info .delete-and-page-redesign .sgw-icon::before {
  width: 14px;
  height: 14px;
  font-size: 14px;
  line-height: 14px;
  font-family: "icomoon";
}
.rc-mobile-view > main > .mobile-stage .mobile-stage-pages.column-2 .mobile-page-wrapper {
  flex-basis: 50%;
}
.rc-mobile-view > main > .mobile-stage .mobile-stage-pages.column-3 .mobile-page-wrapper {
  flex-basis: 33%;
}
.rc-mobile-view > main > .mobile-stage .mobile-stage-pages.column-2, .rc-mobile-view > main > .mobile-stage .mobile-stage-pages.column-3 {
  flex: 1;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.rc-mobile-view > main > .mobile-stage .mobile-stage-pages.column-2 .mobile-page-wrapper.cover, .rc-mobile-view > main > .mobile-stage .mobile-stage-pages.column-2 .mobile-page-wrapper.mobile-page-add-page, .rc-mobile-view > main > .mobile-stage .mobile-stage-pages.column-3 .mobile-page-wrapper.cover, .rc-mobile-view > main > .mobile-stage .mobile-stage-pages.column-3 .mobile-page-wrapper.mobile-page-add-page {
  flex-basis: 100%;
  width: 100%;
}
.rc-mobile-view > main > .mobile-stage .mobile-stage-contact-help {
  padding-bottom: 16px;
}
.rc-mobile-view > main > .mobile-stage .mobile-stage-contact-help button {
  width: 100%;
}
.rc-mobile-view .rc-dialog.mobile-warning-dialog p {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 10px;
}
.rc-mobile-view .rc-dialog.mobile-warning-dialog p:last-of-type {
  padding-bottom: 16px;
}
.rc-mobile-view .rc-dialog.mobile-warning-dialog.phone .rc-dialog-content {
  max-height: unset;
}
.rc-mobile-view .rc-dialog.mobile-warning-dialog.phone p > img {
  width: 100%;
  height: auto;
}
@media (max-width: 500px) {
  .rc-mobile-view .rc-dialog.mobile-warning-dialog.phone .rc-dialog-wrapper {
    margin: 24px;
    min-height: calc(100vh - 48px);
  }
}

.mobile-page {
  flex: 0;
  width: auto;
  z-index: 1;
  position: relative;
}
.mobile-page > div {
  position: relative;
}
.mobile-page input[type=file] {
  display: none;
}
.mobile-page .page-arrow-mobile {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  padding: 0;
  z-index: 3000;
  cursor: pointer;
}
.mobile-page .page-arrow-mobile.page-back-mobile {
  left: 0;
}
.mobile-page .page-arrow-mobile.page-next-mobile {
  right: 0;
}
.mobile-page .drag-image-here {
  position: absolute;
  padding: 8px;
  text-align: center;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.mobile-page .drag-image-here .sgw-icon {
  top: 8px;
  padding: 22px;
  cursor: default;
}
.mobile-page .drag-image-here .sgw-icon:before {
  color: #3669C4;
  font-size: 60px;
}
.mobile-page .drag-image-here.redesign .sgw-icon {
  top: 4px;
  padding: 22px;
  cursor: default;
}
.mobile-page .drag-image-here.redesign .sgw-icon:before {
  color: #3669C4;
  font-size: 32px;
  font-family: "icomoon";
}
.mobile-page .drag-image-here span {
  color: #3669C4;
  font-weight: bold;
  font-size: 14px;
}
.mobile-page .mobile-page-image {
  box-sizing: border-box;
}
.mobile-page .mobile-page-image svg {
  margin: auto;
  box-sizing: border-box;
  max-width: 100%;
  height: auto;
  display: block;
  padding: 0;
  overflow: hidden;
}
.mobile-page .page-canvas-preview {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

#MobileSinglePageEdit header.redesign .header-right-controls-redesign {
  position: absolute;
  top: 18px;
  right: 16px;
  z-index: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
}
#MobileSinglePageEdit header.redesign .header-right-controls-redesign .layers-btn button {
  background-color: unset;
  margin-right: 8px;
  width: 18px;
  height: 18px;
}
#MobileSinglePageEdit header.redesign .header-right-controls-redesign .layers-btn button .rc-icon.sgw-icon.tab_layers {
  width: 18px;
  height: 18px;
}
#MobileSinglePageEdit header.redesign .header-right-controls-redesign .layers-btn button .rc-icon.sgw-icon.tab_layers:before {
  width: 18px;
  height: 18px;
  font-size: 18px;
  line-height: 18px;
}
#MobileSinglePageEdit header.redesign .back-button > button {
  height: 18px;
  width: 18px;
}
#MobileSinglePageEdit header.redesign .back-button > button.btn-redesign {
  position: fixed;
  top: 18px;
  left: 16px;
  z-index: 5;
  margin: unset;
}
#MobileSinglePageEdit header.redesign .back-button > button.btn-redesign .btn-label {
  display: none;
}
#MobileSinglePageEdit header.redesign .back-button > button.btn-redesign .rc-icon.sgw-icon:before {
  height: 18px;
  width: 18px;
  line-height: 18px;
  font-size: 18px;
  font-family: "icomoon";
}
#MobileSinglePageEdit header.redesign.phone .mobile-page-title {
  text-align: start;
  padding: 0;
}
#MobileSinglePageEdit .mobile-page {
  padding: 8px;
  box-sizing: border-box;
  background-color: #e7e7e7;
  display: flex;
  justify-content: center;
}
#MobileSinglePageEdit .page-wrapper-redesign {
  justify-content: flex-start;
  background-color: #E7E7E7;
}
#MobileSinglePageEdit .page-wrapper-redesign.tablet-landscape {
  flex-direction: row;
}
#MobileSinglePageEdit .page-wrapper-redesign .mobile-stage-wrapper {
  flex: 1;
}
#MobileSinglePageEdit .page-wrapper-redesign .paste-button {
  box-sizing: border-box;
  width: 161px;
  background: #525252;
  color: #F3F3F3;
  border-radius: 18px;
  margin: 32px auto 8px;
  display: flex;
  padding: 2px 4px;
  align-items: center;
}
#MobileSinglePageEdit .page-wrapper-redesign .paste-button .paste-button-preview-wrapper {
  width: 32px;
  height: 32px;
  border-radius: 16px;
  overflow: hidden;
}
#MobileSinglePageEdit .page-wrapper-redesign .paste-button .paste-button-label {
  flex: 1;
  margin-left: 8px;
  font-size: 17px;
}
#MobileSinglePageEdit .page-wrapper-redesign .paste-button .paste-button-close .sgw-icon {
  width: 14px;
  height: 14px;
  padding-left: 0;
  margin-right: 12px;
}
#MobileSinglePageEdit .page-wrapper-redesign .paste-button .paste-button-close .sgw-icon:before {
  color: #FFFFFF;
}
#MobileSinglePageEdit .page-wrapper-redesign .mobile-page-redesign {
  display: flex;
  flex-direction: column;
  justify-content: end;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  margin: auto 0;
  position: relative;
}
#MobileSinglePageEdit .page-wrapper-redesign .mobile-page-redesign .mobile-zoomable-content {
  position: absolute;
  top: 0;
  box-sizing: border-box;
  min-width: 100%;
  display: flex;
  align-items: center;
  padding: 24px;
}
#MobileSinglePageEdit .page-wrapper-redesign .mobile-page-redesign #jsonStageContainer {
  position: relative;
}
#MobileSinglePageEdit .page-wrapper-redesign .mobile-page-redesign .mobile-design-area {
  position: relative;
}
#MobileSinglePageEdit .page-wrapper-redesign .navigation-arrows-wrapper {
  display: flex;
  justify-content: center;
  gap: 64px;
  height: 18px;
  margin-bottom: 32px;
}
#MobileSinglePageEdit .page-wrapper-redesign .navigation-arrows-wrapper button {
  width: 18px;
  height: 18px;
}
#MobileSinglePageEdit .page-wrapper-redesign .navigation-arrows-wrapper button .sgw-icon {
  width: 18px;
  height: 18px;
}
#MobileSinglePageEdit .page-wrapper-redesign .navigation-arrows-wrapper button .sgw-icon:before {
  font-family: "icomoon";
  font-size: 18px;
}
#MobileSinglePageEdit main {
  overflow-y: hidden;
}
#MobileSinglePageEdit main > div {
  max-height: 100%;
}
#MobileSinglePageEdit main > div .designs-module {
  flex: auto;
  overflow-y: auto;
}
#MobileSinglePageEdit main .calendar-settings-module {
  overflow: unset;
  overflow-y: auto;
}
#MobileSinglePageEdit main .calendar-settings-module .calendar-settings-module-content {
  overflow-y: unset;
}
#MobileSinglePageEdit main .articles-module {
  overflow: auto;
  flex: auto;
}
#MobileSinglePageEdit main .articles-module .articles-module-body {
  overflow-y: unset;
}
#MobileSinglePageEdit.redesign-tablet #designerMainContent {
  overflow-x: hidden;
}
#MobileSinglePageEdit.redesign-tablet #designerMainContent .mobile-design-area {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
#MobileSinglePageEdit .mobile-warning-container.phone, #MobileSinglePageEdit .mobile-warning-container.tablet {
  position: absolute;
  transform: translateX(-50%);
  left: 50%;
  z-index: 2;
  width: max-content;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  background-color: #3669c4;
  padding: 6px 12px 6px 8px;
  border-radius: 32px;
  color: #ffffff;
  font-size: 12px;
}
#MobileSinglePageEdit .mobile-warning-container.phone .rc-icon, #MobileSinglePageEdit .mobile-warning-container.tablet .rc-icon {
  padding-left: 6px;
  padding-right: 8px;
}
#MobileSinglePageEdit .mobile-warning-container.phone .rc-icon:before, #MobileSinglePageEdit .mobile-warning-container.tablet .rc-icon:before {
  color: #ffffff;
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 18px;
}
#MobileSinglePageEdit .mobile-warning-container.phone {
  top: 60px;
  max-width: calc(100% - 48px);
}
#MobileSinglePageEdit .mobile-warning-container.tablet {
  top: 84px;
}
#MobileSinglePageEdit .mobile-warning-container.tablet.tabletLandscape {
  left: calc(50% + 75px);
}

.mobile-notification.rc-dialog.rc-confirm .rc-dialog-wrapper, .mobile-notification.rc-dialog.rc-alert .rc-dialog-wrapper {
  margin: 0 8px;
}

.empty-image-box-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: end;
  background-color: rgba(53, 56, 64, 0.8);
  z-index: 10000;
}
.empty-image-box-overlay .empty-image-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  background-color: #efefef;
}
.empty-image-box-overlay .empty-image-box button {
  justify-content: start;
  font-size: 14px;
}
.empty-image-box-overlay .empty-image-box .empty-image-box-divider {
  background-color: #cccccc;
  height: 1px;
  margin: 0 16px;
}

.layers-dialog-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10001;
  width: 100vw;
  height: 100vh;
  background-color: rgba(128, 128, 128, 0.8);
}
.layers-dialog-overlay.is-hidden {
  display: none;
}

#SelectorFrame .resize-handler-area {
  position: absolute;
  width: 40px;
  height: 40px;
  pointer-events: auto;
}
#SelectorFrame .resize-handler-area.nw {
  left: -20px;
  top: -20px;
}
#SelectorFrame .resize-handler-area.ne {
  right: -20px;
  top: -20px;
}
#SelectorFrame .resize-handler-area.sw {
  left: -20px;
  bottom: -20px;
}
#SelectorFrame .resize-handler-area.se {
  right: -20px;
  bottom: -20px;
}
#SelectorFrame .resize-handler-area.n {
  left: calc(50% - 20px);
  top: -20px;
}
#SelectorFrame .resize-handler-area.s {
  left: calc(50% - 20px);
  bottom: -20px;
}
#SelectorFrame .resize-handler-area.w {
  left: -20px;
  top: calc(50% - 20px);
}
#SelectorFrame .resize-handler-area.e {
  right: -20px;
  top: calc(50% - 20px);
}
#SelectorFrame .resize-handler.redesign.corner {
  border-radius: 10px;
  border: 1px solid #989898;
  width: 10px;
  height: 10px;
}
#SelectorFrame .resize-handler.redesign.vertical {
  border-radius: 5px;
  border: 1px solid #989898;
  width: 14px;
  height: 6px;
}
#SelectorFrame .resize-handler.redesign.horizontal {
  border-radius: 5px;
  border: 1px solid #989898;
  width: 6px;
  height: 14px;
}
#SelectorFrame .resize-handler.redesign.active::after {
  content: "";
  width: 64px;
  height: 64px;
  background: #d8d8d8;
  border: 1px solid #989898;
  opacity: 0.3;
  border-radius: 32px;
  position: absolute;
  left: -27px;
  top: -27px;
}
#SelectorFrame .resize-handler.redesign.n::after, #SelectorFrame .resize-handler.redesign.s::after {
  left: -25px;
  top: -29px;
}
#SelectorFrame .resize-handler.redesign.e::after, #SelectorFrame .resize-handler.redesign.w::after {
  left: -29px;
  top: -25px;
}
#SelectorFrame .resize-handler.redesign.nw {
  left: -5px;
  top: -5px;
}
#SelectorFrame .resize-handler.redesign.ne {
  right: -5px;
  top: -5px;
}
#SelectorFrame .resize-handler.redesign.sw {
  left: -5px;
  bottom: -5px;
}
#SelectorFrame .resize-handler.redesign.se {
  right: -5px;
  bottom: -5px;
}
#SelectorFrame .resize-handler.redesign.n {
  left: calc(50% - 7px);
  top: -5px;
}
#SelectorFrame .resize-handler.redesign.s {
  left: calc(50% - 7px);
  bottom: -5px;
}
#SelectorFrame .resize-handler.redesign.w {
  left: -5px;
  top: calc(50% - 7px);
}
#SelectorFrame .resize-handler.redesign.e {
  right: -5px;
  top: calc(50% - 7px);
}

.pages-dropzone {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
.pages-dropzone.hover {
  background: #000000;
  opacity: 0.5;
}

.mockup-module {
  padding: 8px;
}
.mockup-module.desktop {
  padding: 4px;
}
.mockup-module.scrollable {
  overflow-y: auto;
}
.mockup-module .content-group-table-row .group-content.group-content-horizontal-group.articleGroups {
  margin-bottom: 0;
  padding-bottom: 8px;
  box-sizing: border-box;
  background-color: #fff;
  flex-wrap: wrap;
  flex-basis: 100%;
}
.mockup-module .content-group-table-row .group-content.group-content-horizontal-group.articleGroups > * {
  padding-right: 4px;
  margin-right: 0;
  position: relative;
  min-width: 50%;
  flex: 0 1 50%;
  box-sizing: border-box;
  margin-bottom: 8px;
}
.mockup-module .content-group-table-row .group-content.group-content-horizontal-group.articleGroups > *:nth-child(even) {
  padding-right: unset;
  padding-left: 4px;
}
.mockup-module .content-group-table-row .full-width-buttons button {
  width: 100%;
  justify-content: left;
}

#MockupSelectProject.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content {
  min-height: 85vh;
}
#MockupSelectProject .breadcrumb {
  position: relative;
  inset: unset;
  background-color: unset;
  justify-content: unset;
  font-size: 14px;
  padding-left: unset;
  margin-top: 16px;
  margin-bottom: 0;
}
#MockupSelectProject .breadcrumb .rc-icon.sgw-icon {
  height: 22px;
}
#MockupSelectProject .breadcrumb a {
  height: 22px;
}
#MockupSelectProject .breadcrumb span strong {
  padding-top: 2px;
}
#MockupSelectProject .breadcrumb .sgw-icon.next {
  padding-right: 22px;
}
#MockupSelectProject .breadcrumb .sgw-icon.next:after {
  width: auto;
}
#MockupSelectProject .checkout-group-content {
  flex: 1;
}

#designer .designer .module-space-keeper {
  width: 320px;
  background-color: #FFFFFF;
  position: relative;
  flex: none;
}
#designer .designer > .module-list {
  font-size: 12px;
  display: flex;
  background-color: white;
  flex: auto;
  flex-direction: row;
  overflow: unset;
  position: relative;
  max-width: 83px;
}
#designer .designer > .module-list .designer-right-column {
  border-left: 2px solid #dcdcdc;
  flex: 1;
  width: 83px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#designer .designer > .module-list .desktop-module-button {
  margin: 1px 0;
}
#designer .designer > .module-list .desktop-module-button button .btn-label {
  overflow-wrap: break-word;
  width: auto;
  max-width: 100%;
}
#designer .designer > .module-list .desktop-module-button button {
  height: 60px;
  width: 100%;
  border-radius: unset;
}
#designer .designer > .module-list .desktop-module-button button .btn-label {
  overflow: visible;
}
#designer .designer > .module-list .desktop-module-button button.btn-dark-grey .sgw-icon::before {
  color: #FFFFFF;
}
#designer .designer > .module-list .desktop-module-button button.btn-dark-grey .btn-label {
  color: #FFFFFF;
}
#designer .designer > .module-list .desktop-module-button.desktop-module-button-selected button.btn-dark-grey {
  background-color: #3568c4;
}
#designer .designer > .module-list .module {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  transform: translateX(-100%);
  z-index: 3001;
  overflow: hidden;
  display: none;
  flex-direction: column;
  width: 320px;
  min-width: 320px;
  max-width: 320px;
  background: #FFFFFF;
  flex: auto;
  border-left: 2px solid #dcdcdc;
  box-sizing: border-box;
}
#designer .designer > .module-list .module.is-active {
  display: flex;
}
#designer .designer > .module-list .module .module-tab {
  display: flex;
  align-items: center;
  font-size: 14px;
  padding-left: 6px;
}
#designer .designer > .module-list .module .module-tab .module-tab-label {
  color: #525252;
  font-size: 16px;
  font-weight: bold;
  line-height: 18px;
  flex: auto;
  min-height: 38px;
}
#designer .designer > .module-list .module .module-tab button {
  width: 26px;
  height: 26px;
}
#designer .designer > .module-list .module .module-tab button .sgw-icon {
  padding: 0;
  margin-right: 6px;
}
#designer .designer > .module-list .module .module-tab button .sgw-icon:before {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #6E6E6E;
  font-size: 18px;
}
#designer .designer > .module-list .module .module-content {
  padding: 0 8px;
  overflow: hidden;
  height: 100%;
}
#designer .designer > .module-list .module .module-content.articles-module-content .article-configurator > div {
  padding: unset;
}
#designer .designer > .module-list .module .module-content.designs-module .designs-module-buttons {
  gap: 8px;
}
#designer .designer > .module-list .module .module-content.scrollable {
  overflow-y: auto;
  /*&::-webkit-scrollbar {
  		width: 10px;
  }

  &::-webkit-scrollbar-track {
  		-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4);
  		//border-radius: 8px;
  		//-webkit-border-radius: 8px;
  }

  &::-webkit-scrollbar-thumb {
  		//-webkit-border-radius: 10px;
  		//border-radius: 10px;
  		//background: rgba(100, 100, 100, 0.8);
  		-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
  }*/
}
@media (min-width: 1400px) {
  #designer .designer > .module-list.is-open {
    max-width: 403px;
  }
  #designer .designer > .module-list.is-open .module.is-active {
    position: relative;
    inset: unset;
    transform: unset;
  }
}
@media (max-width: 1400px) {
  #designer .designer > .module-list.is-open .module.is-active {
    position: absolute;
    left: unset;
    right: 83px;
    transform: unset;
  }
}

.articles-module {
  display: flex;
  flex-direction: column;
  height: 100%;
  max-height: 100%;
  box-sizing: border-box;
  position: relative;
}
.articles-module .articles-module-body {
  flex: 1;
  overflow-y: auto;
}
.articles-module .articles-module-body .article-configurator .configurator-group .radio-item, .articles-module .articles-module-body .article-configurator .configurator-group .checkbox-item {
  flex-basis: 100%;
  max-width: unset;
}
.articles-module .articles-module-footer {
  flex: 0;
  padding-bottom: 8px;
}
.articles-module .articles-module-footer .btn-simple.btn-icon {
  height: 36px;
  width: 100%;
  box-sizing: border-box;
  justify-content: left;
}
.articles-module .articles-module-footer .btn-simple.btn-icon .sgw-icon {
  margin-right: unset;
}
.articles-module .article-configurator.article-configurator-mobile {
  padding: unset;
}
.articles-module .configurator-group-name {
  font-size: 16px;
}
.articles-module .article-configurator .configurator-group-mobile .configurator-group-mobile-header > div:last-child {
  padding-left: 0;
  padding-top: 4px;
}
.articles-module .configurator-group-mobile .radio-item.no-image .info .price {
  display: flex;
  justify-content: right;
  align-items: center;
}

.mobile-stage .articles-module .articles-module-footer, .rc-mobile-view .articles-module .articles-module-footer {
  padding: 8px;
}
.mobile-stage .articles-module .articles-module-footer .btn-simple.btn-icon, .rc-mobile-view .articles-module .articles-module-footer .btn-simple.btn-icon {
  height: 36px;
  width: auto;
  box-sizing: border-box;
  justify-content: left;
}
.mobile-stage .articles-module .articles-module-footer .btn-simple.btn-icon .sgw-icon, .rc-mobile-view .articles-module .articles-module-footer .btn-simple.btn-icon .sgw-icon {
  margin-right: unset;
}

#ArticleChangeMobile .articles-module {
  padding: unset;
}
#ArticleChangeMobile .articles-module .article-configurator.article-configurator-mobile {
  padding: 8px 16px;
}
#ArticleChangeMobile .articles-module .articles-module-footer {
  background: #ffffff;
  display: flex;
  min-height: 70px;
  flex-shrink: 0;
  align-items: center;
  border-top: 1px solid #dcdcdc;
  padding: 8px 8px 16px;
  box-sizing: border-box;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.28);
}
#ArticleChangeMobile .articles-module .articles-module-footer button {
  width: 100%;
  height: 44px;
  font-size: 16px;
}

.module-area-tablet.redesign {
  background-color: #FFFFFF;
  display: flex;
  position: relative;
}
.module-area-tablet.redesign .change-layout-container {
  padding-top: 8px;
}
.module-area-tablet.redesign .change-layout-header {
  padding: 19px 0;
  width: 100%;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  color: #2C2C2C;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.module-area-tablet.redesign.portrait {
  border-bottom: 2px solid #F7F7F7;
  flex-direction: column;
  flex-grow: 1;
}
.module-area-tablet.redesign.portrait.image-editor-tool {
  width: 100%;
}
.module-area-tablet.redesign.portrait.image-editor-tool .collapse-module-btn-redesign {
  background-color: unset;
}
.module-area-tablet.redesign.portrait.image-editor-tool .collapse-module-btn-redesign .semicircle-wrapper .semicircle {
  display: flex;
  width: 22px;
  height: 48px;
  padding: 5px 8px 5px 0px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 0px 120px 120px 0px;
  background: var(--Backgrounds-White, #FFF);
  border: 2px solid #F7F7F7;
  border-left: unset;
  transform: rotate(270deg) translateX(7px);
}
.module-area-tablet.redesign.portrait.image-editor-tool .collapse-module-btn-redesign .semicircle-wrapper .semicircle .rc-icon.sgw-icon:before {
  top: 0;
}
.module-area-tablet.redesign.portrait.image-editor-tool .module-area-content {
  border-top: 2px solid #f7f7f7;
  height: unset;
}
.module-area-tablet.redesign.portrait.image-editor-tool .module-area-content > .tools-overlay {
  gap: 24px;
}
.module-area-tablet.redesign.portrait.image-editor-tool .module-area-content > .tools-overlay > .overlay-content {
  padding: 32px 24px 0 24px;
  margin-bottom: unset;
}
.module-area-tablet.redesign.portrait.image-editor-tool .module-area-content > .tools-overlay > .overlay-content .tool-list {
  gap: 64px;
}
.module-area-tablet.redesign.portrait.image-editor-tool .module-area-content > .tools-overlay > .overlay-content .tool-list .button-with-bottom-label {
  flex-direction: row;
  padding: unset;
}
.module-area-tablet.redesign.portrait.image-editor-tool .module-area-content > .tools-overlay > .overlay-content .tool-list .button-with-bottom-label .rc-icon.sgw-icon {
  height: 18px;
  width: 18px;
}
.module-area-tablet.redesign.portrait.image-editor-tool .module-area-content > .tools-overlay > .overlay-content .tool-list .button-with-bottom-label .rc-icon.sgw-icon:before {
  line-height: 18px;
  font-size: 18px;
  height: 18px;
  width: 18px;
}
.module-area-tablet.redesign.portrait.image-editor-tool .module-area-content > .tools-overlay > .overlay-content .tool-list .button-with-bottom-label .btn-label {
  font-size: 13px;
  line-height: 13px;
}
.module-area-tablet.redesign.portrait.image-editor-tool .module-area-content > .tools-overlay > .overlay-content .filter-adjust-overlay {
  padding: 24px 0;
}
.module-area-tablet.redesign.portrait.image-editor-tool .module-area-content > .tools-overlay > .overlay-content .filter-adjust-overlay .overlay-header {
  display: none;
}
.module-area-tablet.redesign.portrait.image-editor-tool .module-area-content > .tools-overlay > .overlay-content .filter-adjust-overlay .overlay-content {
  margin-top: 16px;
}
.module-area-tablet.redesign.portrait.image-editor-tool .module-area-content > .tools-overlay > .overlay-content .filter-adjust-overlay .overlay-content .slider-item {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 24px;
}
.module-area-tablet.redesign.portrait.image-editor-tool .module-area-content > .tools-overlay > .overlay-content .filter-adjust-overlay .overlay-content .slider-item .slider-label {
  font-size: 13px;
  font-weight: 600;
}
.module-area-tablet.redesign.portrait.image-editor-tool .module-area-content > .tools-overlay > .overlay-content .filter-adjust-overlay .overlay-content .colorization-selector {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
}
.module-area-tablet.redesign.portrait.image-editor-tool .module-area-content > .tools-overlay > .overlay-content .filter-adjust-overlay .overlay-content .colorization-selector .label {
  font-size: 15px;
  font-weight: 500;
}
.module-area-tablet.redesign.portrait.image-editor-tool .module-area-content > .tools-overlay > .overlay-content .filter-adjust-overlay .overlay-content .colorization-selector .rc-color-picker {
  border: unset;
  border-radius: unset;
  padding: unset;
  height: 24px;
  width: 24px;
}
.module-area-tablet.redesign.portrait.image-editor-tool .module-area-content > .tools-overlay .overlay-footer {
  display: flex;
  justify-content: center;
  flex-direction: row;
  padding: 16px;
  gap: 8px;
  height: 82px;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
}
.module-area-tablet.redesign.portrait.image-editor-tool .module-area-content > .tools-overlay .overlay-footer .btn-simple.btn-default {
  border: 1px solid #525252;
}
.module-area-tablet.redesign.portrait.image-editor-tool .module-area-content > .tools-overlay.crop-overlay .tool-list .button-with-bottom-label {
  gap: 16px;
}
.module-area-tablet.redesign.portrait.image-editor-tool .module-area-content > .tools-overlay.crop-overlay .tool-list .button-with-bottom-label .btn-label {
  text-align: unset;
  width: unset;
}
.module-area-tablet.redesign.portrait.image-editor-tool .module-area-content > .tools-overlay.edit-overlay {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.module-area-tablet.redesign.portrait.image-editor-tool .module-area-content > .tools-overlay.edit-overlay .edit-module-controls-tablet {
  padding: 32px 24px 0 24px;
  display: flex;
  flex-direction: row;
  gap: 32px;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
}
.module-area-tablet.redesign.portrait.image-editor-tool .module-area-content > .tools-overlay.edit-overlay .edit-module-controls-tablet .feature-slider {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}
.module-area-tablet.redesign.portrait.image-editor-tool .module-area-content > .tools-overlay.edit-overlay .edit-module-controls-tablet .feature-slider .icon-label {
  display: flex;
  flex-direction: row;
  gap: 8px;
  width: 100%;
}
.module-area-tablet.redesign.portrait.image-editor-tool .module-area-content > .tools-overlay.edit-overlay .edit-module-controls-tablet .feature-slider .icon-label .rc-icon.sgw-icon {
  padding-left: unset;
  height: 14px;
  width: 14px;
  margin-right: unset;
}
.module-area-tablet.redesign.portrait.image-editor-tool .module-area-content > .tools-overlay.edit-overlay .edit-module-controls-tablet .feature-slider .icon-label .rc-icon.sgw-icon:before {
  height: 14px;
  width: 14px;
  line-height: 14px;
  font-size: 14px;
  font-family: icomoon;
}
.module-area-tablet.redesign.portrait.image-editor-tool .module-area-content > .tools-overlay.edit-overlay .edit-module-controls-tablet .feature-slider .icon-label .btn-label {
  font-size: 13px;
  font-weight: 600;
}
.module-area-tablet.redesign.portrait.image-editor-tool .module-area-content > .tools-overlay.filter-overlay.adjust-filter-panel-open > .overlay-content {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.module-area-tablet.redesign.portrait.image-editor-tool .module-area-content > .tools-overlay.filter-overlay.adjust-filter-panel-open > .overlay-content .filter-adjust-overlay {
  padding: 0 16px 24px 16px;
}
.module-area-tablet.redesign.portrait.image-editor-tool .module-area-content > .tools-overlay.filter-overlay.adjust-filter-panel-open > .overlay-content .filter-adjust-overlay > .overlay-content {
  padding: unset;
  margin-top: unset;
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: unset;
}
.module-area-tablet.redesign.portrait.image-editor-tool .module-area-content > .tools-overlay.filter-overlay.adjust-filter-panel-open > .overlay-content .filter-adjust-overlay > .overlay-content .slider-row {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 48px;
}
.module-area-tablet.redesign.portrait.image-editor-tool .module-area-content > .tools-overlay.filter-overlay.adjust-filter-panel-open > .overlay-content .filter-adjust-overlay > .overlay-content .slider-row .slider-item {
  width: 100%;
  margin-bottom: unset;
}
.module-area-tablet.redesign.portrait.image-editor-tool .module-area-content > .tools-overlay.filter-overlay.adjust-filter-panel-open > .overlay-content .filter-adjust-overlay > .overlay-content .colorization-selector .picker-color {
  width: 24px;
  height: 24px;
}
.module-area-tablet.redesign.portrait.image-editor-tool .module-area-content > .tools-overlay.filter-overlay.adjust-filter-panel-open > .overlay-content .mobile-image-editor-tab-filters-presets {
  height: 273px;
}
.module-area-tablet.redesign.portrait.image-editor-tool .module-area-content > .tools-overlay.filter-overlay .overlay-content {
  padding: 16px 16px 0 16px;
}
.module-area-tablet.redesign.portrait.image-editor-tool .module-area-content > .tools-overlay.filter-overlay .overlay-content > .tools-overlay.filter-adjust-overlay .overlay-content {
  margin-bottom: unset;
}
.module-area-tablet.redesign.portrait.image-editor-tool .module-area-content > .tools-overlay.filter-overlay .overlay-content .mobile-image-editor-tab-filters-more-options {
  display: flex;
  align-items: center;
  padding: 8px 8px 24px 8px;
  box-sizing: border-box;
  justify-content: space-between;
  width: 100%;
}
.module-area-tablet.redesign.portrait.image-editor-tool .module-area-content > .tools-overlay.filter-overlay .overlay-content .mobile-image-editor-tab-filters-more-options button {
  background-color: unset;
  height: unset;
  padding: unset;
}
.module-area-tablet.redesign.portrait.image-editor-tool .module-area-content > .tools-overlay.filter-overlay .overlay-content .mobile-image-editor-tab-filters-more-options button .rc-icon.sgw-icon {
  width: 14px;
  height: 14px;
}
.module-area-tablet.redesign.portrait.image-editor-tool .module-area-content > .tools-overlay.filter-overlay .overlay-content .mobile-image-editor-tab-filters-more-options button .rc-icon.sgw-icon:before {
  line-height: 14px;
  font-size: 14px;
  height: 14px;
  width: 14px;
  font-family: icomoon;
  color: #3669c4;
}
.module-area-tablet.redesign.portrait.image-editor-tool .module-area-content > .tools-overlay.filter-overlay .overlay-content .mobile-image-editor-tab-filters-more-options button .btn-label {
  font-size: 15px;
  font-weight: 600;
  color: #3669c4;
}
.module-area-tablet.redesign.portrait.image-editor-tool .module-area-content > .tools-overlay.filter-overlay .overlay-content .mobile-image-editor-tab-filters-presets {
  display: flex;
  overflow-y: auto;
  padding: unset;
  box-sizing: border-box;
  height: 354px;
}
.module-area-tablet.redesign.portrait.image-editor-tool .module-area-content > .tools-overlay.filter-overlay .overlay-content .mobile-image-editor-tab-filters-presets .filter-list-container {
  display: flex;
  flex-wrap: wrap;
  row-gap: 16px;
}
.module-area-tablet.redesign.portrait.image-editor-tool .module-area-content > .tools-overlay.filter-overlay .overlay-content .mobile-image-editor-tab-filters-presets .filter-list-container .filter-with-name {
  display: flex;
  flex-direction: column;
  position: relative;
  max-width: calc(16% - 4px);
  flex: calc(16% - 4px);
  margin: 0 4px;
  box-sizing: border-box;
}
.module-area-tablet.redesign.portrait.image-editor-tool .module-area-content > .tools-overlay.filter-overlay .overlay-content .mobile-image-editor-tab-filters-presets .filter-list-container .filter-with-name .filters-tab-filter-item {
  display: flex;
  flex: 0 0 auto;
  aspect-ratio: 1/1;
  box-sizing: border-box;
}
.module-area-tablet.redesign.portrait.image-editor-tool .module-area-content > .tools-overlay.filter-overlay .overlay-content .mobile-image-editor-tab-filters-presets .filter-list-container .filter-with-name .filters-tab-filter-item.selected {
  border: 2px solid #3776B2;
}
.module-area-tablet.redesign.portrait.image-editor-tool .module-area-content > .tools-overlay.filter-overlay .overlay-content .mobile-image-editor-tab-filters-presets .filter-list-container .filter-with-name .filters-tab-filter-item img {
  width: 100%;
  height: unset;
  object-fit: cover;
}
.module-area-tablet.redesign.portrait.image-editor-tool .module-area-content > .tools-overlay.filter-overlay .overlay-content .mobile-image-editor-tab-filters-presets .filter-list-container .filter-with-name .filter-name {
  margin-top: 8px;
  color: #525252;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.module-area-tablet.redesign.portrait .module-area-content {
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.module-area-tablet.redesign.portrait .module-area-content > div {
  height: 100%;
}
.module-area-tablet.redesign.portrait .module-area-content .designs-module {
  padding: 8px 0 0;
}
.module-area-tablet.redesign.portrait .module-area-content .designs-module > div > div {
  max-height: 100%;
}
.module-area-tablet.redesign.landscape {
  border-left: 2px solid #F7F7F7;
  border-top: 2px solid #F7F7F7;
  flex-direction: row;
}
.module-area-tablet.redesign.landscape.image-editor-tool {
  border-right: 2px solid #f7f7f7;
}
.module-area-tablet.redesign.landscape.image-editor-tool .overlay-footer {
  display: flex;
  flex-direction: row;
  background-color: #fff;
  padding: 16px;
  gap: 8px;
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  box-sizing: border-box;
}
.module-area-tablet.redesign.landscape.image-editor-tool .overlay-footer .btn-simple.btn-default {
  border: 1px solid #525252;
}
.module-area-tablet.redesign.landscape.image-editor-tool .tools-overlay.crop-overlay {
  /*.overlay-footer {
  		display: flex;
  		flex-direction: row;
  		background-color: #fff;
  		padding: 16px;
  		gap: 8px;
  		position: absolute;
  		width: 100%;
  		bottom: 0;
  		left: 0;
  		right: 0;
  		box-sizing: border-box;

  		.btn-simple.btn-default {
  				border: 1px solid #525252;
  		}
  }*/
}
.module-area-tablet.redesign.landscape.image-editor-tool .tools-overlay.crop-overlay .overlay-content .tool-list {
  flex-direction: column;
  padding: 48px 32px 0 32px;
  gap: 48px;
  align-items: unset;
}
.module-area-tablet.redesign.landscape.image-editor-tool .tools-overlay.crop-overlay .overlay-content .tool-list .button-with-bottom-label {
  flex-direction: row;
  gap: 16px;
  align-items: center;
  padding: unset;
  justify-content: unset;
}
.module-area-tablet.redesign.landscape.image-editor-tool .tools-overlay.crop-overlay .overlay-content .tool-list .button-with-bottom-label .rc-icon.sgw-icon {
  height: 18px;
  width: 18px;
}
.module-area-tablet.redesign.landscape.image-editor-tool .tools-overlay.crop-overlay .overlay-content .tool-list .button-with-bottom-label .rc-icon.sgw-icon:before {
  line-height: 18px;
  font-size: 18px;
  height: 18px;
  width: 18px;
}
.module-area-tablet.redesign.landscape.image-editor-tool .tools-overlay.crop-overlay .overlay-content .tool-list .button-with-bottom-label .btn-label {
  font-size: 13px;
  text-align: left;
  line-height: 13px;
}
.module-area-tablet.redesign.landscape.image-editor-tool .tools-overlay.edit-overlay {
  padding: 48px 32px 0 32px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.module-area-tablet.redesign.landscape.image-editor-tool .tools-overlay.edit-overlay .edit-module-controls-tablet {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.module-area-tablet.redesign.landscape.image-editor-tool .tools-overlay.edit-overlay .feature-slider {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.module-area-tablet.redesign.landscape.image-editor-tool .tools-overlay.edit-overlay .feature-slider .icon-label {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.module-area-tablet.redesign.landscape.image-editor-tool .tools-overlay.edit-overlay .feature-slider .icon-label .rc-icon.sgw-icon {
  padding: unset;
  height: 14px;
  width: 14px;
}
.module-area-tablet.redesign.landscape.image-editor-tool .tools-overlay.edit-overlay .feature-slider .icon-label .rc-icon.sgw-icon:before {
  height: 14px;
  width: 14px;
  font-size: 14px;
  line-height: 14px;
}
.module-area-tablet.redesign.landscape.image-editor-tool .tools-overlay.edit-overlay .feature-slider .icon-label .btn-label {
  font-size: 13px;
  font-weight: 600;
  color: #525252;
}
.module-area-tablet.redesign.landscape.image-editor-tool .tools-overlay.filter-overlay > .overlay-content {
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.module-area-tablet.redesign.landscape.image-editor-tool .tools-overlay.filter-overlay > .overlay-content .mobile-image-editor-tab-filters-more-options {
  display: flex;
  align-items: center;
  padding: 24px 16px 8px 16px;
  box-sizing: border-box;
  justify-content: space-between;
  width: 100%;
}
.module-area-tablet.redesign.landscape.image-editor-tool .tools-overlay.filter-overlay > .overlay-content .mobile-image-editor-tab-filters-more-options button {
  background-color: unset;
  height: unset;
  padding: unset;
}
.module-area-tablet.redesign.landscape.image-editor-tool .tools-overlay.filter-overlay > .overlay-content .mobile-image-editor-tab-filters-more-options button .rc-icon.sgw-icon {
  width: 14px;
  height: 14px;
}
.module-area-tablet.redesign.landscape.image-editor-tool .tools-overlay.filter-overlay > .overlay-content .mobile-image-editor-tab-filters-more-options button .rc-icon.sgw-icon:before {
  line-height: 14px;
  font-size: 14px;
  height: 14px;
  width: 14px;
  font-family: icomoon;
  color: #3669c4;
}
.module-area-tablet.redesign.landscape.image-editor-tool .tools-overlay.filter-overlay > .overlay-content .mobile-image-editor-tab-filters-more-options button .btn-label {
  font-size: 15px;
  font-weight: 600;
  color: #3669c4;
}
.module-area-tablet.redesign.landscape.image-editor-tool .tools-overlay.filter-overlay > .overlay-content .filter-adjust-overlay {
  padding: 24px 16px 0 16px;
}
.module-area-tablet.redesign.landscape.image-editor-tool .tools-overlay.filter-overlay > .overlay-content .filter-adjust-overlay .overlay-header {
  display: none;
}
.module-area-tablet.redesign.landscape.image-editor-tool .tools-overlay.filter-overlay > .overlay-content .filter-adjust-overlay .overlay-content {
  margin-top: 16px;
}
.module-area-tablet.redesign.landscape.image-editor-tool .tools-overlay.filter-overlay > .overlay-content .filter-adjust-overlay .overlay-content .slider-item {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 24px;
}
.module-area-tablet.redesign.landscape.image-editor-tool .tools-overlay.filter-overlay > .overlay-content .filter-adjust-overlay .overlay-content .slider-item .slider-label {
  font-size: 13px;
  font-weight: 600;
  color: #525252;
}
.module-area-tablet.redesign.landscape.image-editor-tool .tools-overlay.filter-overlay > .overlay-content .filter-adjust-overlay .overlay-content .colorization-selector {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
}
.module-area-tablet.redesign.landscape.image-editor-tool .tools-overlay.filter-overlay > .overlay-content .filter-adjust-overlay .overlay-content .colorization-selector .label {
  font-size: 15px;
  font-weight: 500;
}
.module-area-tablet.redesign.landscape.image-editor-tool .tools-overlay.filter-overlay > .overlay-content .filter-adjust-overlay .overlay-content .colorization-selector .rc-color-picker {
  border: unset;
  border-radius: unset;
  padding: unset;
  height: 24px;
  width: 24px;
}
.module-area-tablet.redesign.landscape.image-editor-tool .tools-overlay.filter-overlay > .overlay-content .mobile-image-editor-tab-filters-presets {
  display: flex;
  overflow-y: auto;
  height: auto;
  padding: 16px 16px 0 16px;
  box-sizing: border-box;
}
.module-area-tablet.redesign.landscape.image-editor-tool .tools-overlay.filter-overlay > .overlay-content .mobile-image-editor-tab-filters-presets .filter-list-container {
  display: flex;
  flex-wrap: wrap;
  row-gap: 16px;
}
.module-area-tablet.redesign.landscape.image-editor-tool .tools-overlay.filter-overlay > .overlay-content .mobile-image-editor-tab-filters-presets .filter-list-container .filter-with-name {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 33.3%;
  box-sizing: border-box;
}
.module-area-tablet.redesign.landscape.image-editor-tool .tools-overlay.filter-overlay > .overlay-content .mobile-image-editor-tab-filters-presets .filter-list-container .filter-with-name .filters-tab-filter-item {
  flex: 0 0 auto;
  width: unset;
  margin: 0 4px;
  padding: unset;
  aspect-ratio: 1/1;
  box-sizing: border-box;
}
.module-area-tablet.redesign.landscape.image-editor-tool .tools-overlay.filter-overlay > .overlay-content .mobile-image-editor-tab-filters-presets .filter-list-container .filter-with-name .filters-tab-filter-item.selected {
  border: 2px solid #3776B2;
}
.module-area-tablet.redesign.landscape.image-editor-tool .tools-overlay.filter-overlay > .overlay-content .mobile-image-editor-tab-filters-presets .filter-list-container .filter-with-name .filters-tab-filter-item > img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.module-area-tablet.redesign.landscape.image-editor-tool .tools-overlay.filter-overlay > .overlay-content .mobile-image-editor-tab-filters-presets .filter-list-container .filter-with-name .filter-name {
  margin-top: 8px;
  color: #525252;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-left: 4px;
}
.module-area-tablet.redesign.landscape.image-editor-tool .tools-overlay.filter-overlay > .overlay-content .mobile-image-editor-tab-filters-presets .filter-list-container .filters-tab-filter-item {
  flex: 0 0 auto;
  position: relative;
  width: 31%;
  padding: 4px;
  aspect-ratio: 1/1;
}
.module-area-tablet.redesign.landscape.image-editor-tool .tools-overlay.filter-overlay > .overlay-content .mobile-image-editor-tab-filters-presets .filter-list-container .filters-tab-filter-item > img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.module-area-tablet.redesign.landscape .module-area-content {
  width: 397px;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.module-area-tablet.redesign.landscape .module-area-content > div {
  height: 100%;
}
.module-area-tablet.redesign.landscape .module-area-content .designs-module {
  padding: 12px 0 0;
}
.module-area-tablet.redesign .design-selection {
  max-height: 100%;
}
.module-area-tablet.redesign .design-selection.design-lines-open {
  height: 100%;
}
.module-area-tablet.redesign .design-selection .mobile-layout.expanded-embedded {
  height: 100%;
}
.module-area-tablet.redesign .design-selection .mobile-layout.expanded-embedded .select-box {
  height: 100%;
}
.module-area-tablet.redesign .design-selection .mobile-layout.expanded-embedded .select-box .design-selection-embedded {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.module-area-tablet.redesign .design-selection .mobile-layout.expanded-embedded .select-box .design-selection-embedded main {
  flex: 1;
}

.collapse-module-btn-redesign {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #e7e7e7;
  flex-direction: column;
  position: absolute;
  top: -38px;
}
.collapse-module-btn-redesign.vertical {
  width: unset;
  position: absolute;
  right: -25px;
  top: calc(50% - 25px);
  z-index: 1000;
}
.collapse-module-btn-redesign.vertical .semicircle-wrapper {
  height: 0;
}
.collapse-module-btn-redesign.vertical .semicircle-wrapper .semicircle {
  transform: unset;
  width: 25px;
  transform: translateX(5px);
  display: flex;
  width: 22px;
  height: 48px;
  padding: 5px 8px 5px 0px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 0px 120px 120px 0px;
  border-top: 1px solid var(--Backgrounds-Super-Light-Grey, #E7E7E7);
  border-right: 1px solid var(--Backgrounds-Super-Light-Grey, #E7E7E7);
  border-bottom: 1px solid var(--Backgrounds-Super-Light-Grey, #E7E7E7);
  background: var(--Backgrounds-White, #FFF);
}
.collapse-module-btn-redesign.vertical .semicircle-wrapper .semicircle .rc-icon.sgw-icon.clickable {
  display: flex;
  width: 14px;
  height: 14.74px;
  padding: 1.638px 3.886px 1.676px 3.889px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
.collapse-module-btn-redesign.vertical .semicircle-wrapper .semicircle .rc-icon.sgw-icon.clickable:before {
  font-size: 32px;
  left: 4px;
  top: 10px;
}
.collapse-module-btn-redesign .blank-margin {
  width: 100%;
  height: 16px;
  background-color: #FFFFFF;
}
.collapse-module-btn-redesign .semicircle-wrapper {
  display: flex;
  justify-content: center;
  height: 38px;
  flex-direction: row;
}
.collapse-module-btn-redesign .semicircle-wrapper .semicircle {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: start;
  width: 36px;
  height: 60px;
  border-radius: 0px 120px 120px 0px;
  transform: rotate(270deg);
  background-color: #FFFFFF;
}
.collapse-module-btn-redesign .semicircle-wrapper .semicircle .rc-icon.sgw-icon.clickable {
  color: #525252;
}
.collapse-module-btn-redesign .semicircle-wrapper .semicircle .rc-icon.sgw-icon.clickable:before {
  font-size: 32px;
  left: 12px;
  top: 29px;
}

#PageNumberSelectionMobileDialog main {
  background-color: #e7e7e7;
}
#PageNumberSelectionMobileDialog main.tablet > div {
  display: flex;
  align-items: center;
}
#PageNumberSelectionMobileDialog main .page-number-mobile-content-wrapper {
  padding: 8px;
}
#PageNumberSelectionMobileDialog main .page-number-mobile-content-wrapper.redesign {
  padding: 16px;
}
#PageNumberSelectionMobileDialog main .page-number-mobile-content-wrapper.redesign.tablet {
  padding: 32px 16px;
}
#PageNumberSelectionMobileDialog main .page-number-mobile-content-wrapper.redesign.tablet .page-count-item .icon-big {
  height: 58px !important;
  width: 58px !important;
}
#PageNumberSelectionMobileDialog main .page-number-mobile-content-wrapper.redesign.tablet .page-count-item .icon-big:before {
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 40px;
  top: 10px;
  left: 10px;
}
#PageNumberSelectionMobileDialog main .page-number-mobile-content-wrapper.redesign.tablet .page-count-info {
  width: 100%;
  flex-direction: row;
  justify-content: space-between;
  margin-left: unset;
  height: 36px;
  margin-top: 4px;
}
#PageNumberSelectionMobileDialog main .page-number-mobile-content-wrapper.redesign.tablet .page-count-info > div {
  display: flex;
  flex-direction: row;
  align-items: center;
}
#PageNumberSelectionMobileDialog main .page-number-mobile-content-wrapper.redesign.tablet .page-count-info > div .rc-radio .rc-radio-element {
  width: 14px;
  height: 14px;
}
#PageNumberSelectionMobileDialog main .page-number-mobile-content-wrapper.redesign.tablet .page-count-info > div .rc-radio .rc-radio-label {
  color: #2C2C2C;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px;
}
#PageNumberSelectionMobileDialog main .page-number-mobile-content-wrapper.redesign.tablet.portrait .page-count-wrapper {
  width: 35vw;
  padding: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  height: calc((100vh - 130px - 56px - 24px - 64px - 16px) / 3);
}
#PageNumberSelectionMobileDialog main .page-number-mobile-content-wrapper.redesign.tablet.portrait .page-count-wrapper .page-count-item {
  width: 100%;
  height: 100%;
}
#PageNumberSelectionMobileDialog main .page-number-mobile-content-wrapper.redesign.tablet.portrait .page-count-wrapper .page-count-item .page-number-preview {
  height: calc((100vh - 130px - 56px - 24px - 64px - 16px - 168px) / 3);
  overflow-y: hidden;
}
#PageNumberSelectionMobileDialog main .page-number-mobile-content-wrapper.redesign.tablet.portrait .page-count-wrapper .page-count-item .page-number-preview svg {
  display: block;
  width: 100%;
  object-fit: contain;
}
#PageNumberSelectionMobileDialog main .page-number-mobile-content-wrapper.redesign.tablet.portrait .page-count-wrapper .page-count-item .sgw-icon.steps-summary.icon-big {
  height: 58px;
  width: 58px;
}
#PageNumberSelectionMobileDialog main .page-number-mobile-content-wrapper.redesign.tablet.portrait .page-count-wrapper .page-count-item .sgw-icon.steps-summary.icon-big:before {
  width: 58px;
  height: 58px;
  line-height: 58px;
  font-size: 58px;
  left: 11px;
  top: 20px;
}
#PageNumberSelectionMobileDialog main .page-number-mobile-content-wrapper.redesign.tablet.portrait .page-count-wrapper .page-count-info {
  min-height: 36px;
}
#PageNumberSelectionMobileDialog main .page-number-mobile-content-wrapper.redesign.tablet.landscape {
  display: flex;
  flex-direction: column;
  height: 100%;
  align-items: center;
  justify-content: center;
}
#PageNumberSelectionMobileDialog main .page-number-mobile-content-wrapper.redesign.tablet.landscape .horizontal-presets {
  display: flex;
  flex-direction: row;
  gap: 8px;
  justify-content: center;
}
#PageNumberSelectionMobileDialog main .page-number-mobile-content-wrapper.redesign.tablet.landscape .horizontal-presets .page-count-wrapper {
  width: 22vw;
  flex: 0 0 22vw;
  position: relative;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: unset;
}
#PageNumberSelectionMobileDialog main .page-number-mobile-content-wrapper.redesign.tablet.landscape .horizontal-presets .page-count-wrapper .page-count-item {
  width: 100%;
  aspect-ratio: 1/1;
  height: unset;
}
#PageNumberSelectionMobileDialog main .page-number-mobile-content-wrapper.redesign.tablet.landscape .horizontal-presets .page-count-wrapper .page-count-info {
  margin-top: 8px;
  margin-bottom: 4px;
}
#PageNumberSelectionMobileDialog main .page-number-mobile-content-wrapper.redesign.tablet.landscape .new-row {
  display: flex;
  width: calc(66vw + 16px);
}
#PageNumberSelectionMobileDialog main .page-number-mobile-content-wrapper.redesign .page-count-wrapper .page-count-info {
  gap: 4px;
}
#PageNumberSelectionMobileDialog main .page-number-mobile-content-wrapper.redesign .page-number-mobile-all-pages {
  background-color: #FFFFFF;
  height: 56px;
  display: flex;
}
#PageNumberSelectionMobileDialog main .page-number-mobile-content-wrapper.redesign .page-number-mobile-all-pages .rc-component.rc-select.rc-mobile-component.redesign, #PageNumberSelectionMobileDialog main .page-number-mobile-content-wrapper.redesign .page-number-mobile-all-pages .rc-component.rc-select.redesign {
  border: unset;
  border-radius: unset;
  height: unset;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: unset;
}
#PageNumberSelectionMobileDialog main .page-number-mobile-content-wrapper.redesign .page-number-mobile-all-pages .rc-component.rc-select.rc-mobile-component.redesign.redesign-tablet .selected-option .sgw-icon, #PageNumberSelectionMobileDialog main .page-number-mobile-content-wrapper.redesign .page-number-mobile-all-pages .rc-component.rc-select.redesign.redesign-tablet .selected-option .sgw-icon {
  position: absolute;
  top: 15px;
  right: 10px;
  width: 18px;
  height: 18px;
}
#PageNumberSelectionMobileDialog main .page-number-mobile-content-wrapper.redesign .page-number-mobile-all-pages .rc-component.rc-select.rc-mobile-component.redesign.redesign-tablet .selected-option .sgw-icon:before, #PageNumberSelectionMobileDialog main .page-number-mobile-content-wrapper.redesign .page-number-mobile-all-pages .rc-component.rc-select.redesign.redesign-tablet .selected-option .sgw-icon:before {
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 18px;
}
#PageNumberSelectionMobileDialog main .page-number-mobile-content-wrapper.redesign .page-number-mobile-all-pages .rc-component.rc-select.rc-mobile-component.redesign label, #PageNumberSelectionMobileDialog main .page-number-mobile-content-wrapper.redesign .page-number-mobile-all-pages .rc-component.rc-select.redesign label {
  top: 8px;
  left: unset;
  padding: unset;
}
.select-options-wrapper #PageNumberSelectionMobileDialog main .page-number-mobile-content-wrapper.redesign .page-number-mobile-all-pages .rc-component.rc-select.rc-mobile-component.redesign:not(.redesign-tablet) .selected-option .selected-option-label, .select-options-wrapper #PageNumberSelectionMobileDialog main .page-number-mobile-content-wrapper.redesign .page-number-mobile-all-pages .rc-component.rc-select.redesign:not(.redesign-tablet) .selected-option .selected-option-label {
  color: #000;
}
.select-options-wrapper #PageNumberSelectionMobileDialog main .page-number-mobile-content-wrapper.redesign .page-number-mobile-all-pages .rc-component.rc-select.rc-mobile-component.redesign:not(.redesign-tablet) .selected-option .sgw-icon, .select-options-wrapper #PageNumberSelectionMobileDialog main .page-number-mobile-content-wrapper.redesign .page-number-mobile-all-pages .rc-component.rc-select.redesign:not(.redesign-tablet) .selected-option .sgw-icon {
  position: absolute;
  top: 15px;
  right: 10px;
  width: 33px;
  height: 33px;
}
.select-options-wrapper #PageNumberSelectionMobileDialog main .page-number-mobile-content-wrapper.redesign .page-number-mobile-all-pages .rc-component.rc-select.rc-mobile-component.redesign:not(.redesign-tablet) .selected-option .sgw-icon:before, .select-options-wrapper #PageNumberSelectionMobileDialog main .page-number-mobile-content-wrapper.redesign .page-number-mobile-all-pages .rc-component.rc-select.redesign:not(.redesign-tablet) .selected-option .sgw-icon:before {
  width: 33px;
  height: 33px;
  line-height: 33px;
  font-size: 33px;
}
#PageNumberSelectionMobileDialog main .page-number-mobile-content-wrapper.redesign .page-number-mobile-all-pages .rc-component.rc-select.rc-mobile-component.redesign .selected-option, #PageNumberSelectionMobileDialog main .page-number-mobile-content-wrapper.redesign .page-number-mobile-all-pages .rc-component.rc-select.redesign .selected-option {
  padding-left: unset;
  position: relative;
}
#PageNumberSelectionMobileDialog main .page-number-mobile-content-wrapper.redesign .page-number-mobile-all-pages .rc-component.rc-select.rc-mobile-component.redesign .selected-option .selected-option-label, #PageNumberSelectionMobileDialog main .page-number-mobile-content-wrapper.redesign .page-number-mobile-all-pages .rc-component.rc-select.redesign .selected-option .selected-option-label {
  color: #000000;
}
#PageNumberSelectionMobileDialog main .page-number-mobile-content-wrapper.redesign .page-number-mobile-all-pages .rc-component.rc-select.rc-mobile-component.redesign .selected-option .sgw-icon.arrow_down_line2, #PageNumberSelectionMobileDialog main .page-number-mobile-content-wrapper.redesign .page-number-mobile-all-pages .rc-component.rc-select.redesign .selected-option .sgw-icon.arrow_down_line2 {
  width: 18px;
  height: 18px;
  position: absolute;
  right: 0;
  top: 8px;
}
#PageNumberSelectionMobileDialog main .page-number-mobile-content-wrapper.redesign .page-number-mobile-all-pages .rc-component.rc-select.rc-mobile-component.redesign .selected-option .sgw-icon.arrow_down_line2:before, #PageNumberSelectionMobileDialog main .page-number-mobile-content-wrapper.redesign .page-number-mobile-all-pages .rc-component.rc-select.redesign .selected-option .sgw-icon.arrow_down_line2:before {
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 18px;
}
#PageNumberSelectionMobileDialog main .page-number-mobile-content-wrapper .page-count-wrapper {
  display: flex;
  flex: 0 0 80px;
  background-color: #ffffff;
  border: 2px solid #ffffff;
  box-sizing: border-box;
  padding: 8px;
  margin-bottom: 8px;
  font-size: 16px;
}
#PageNumberSelectionMobileDialog main .page-number-mobile-content-wrapper .page-count-wrapper.selected {
  border-color: #3669c4;
}
#PageNumberSelectionMobileDialog main .page-number-mobile-content-wrapper .page-count-wrapper.selected .page-count-item {
  position: relative;
}
#PageNumberSelectionMobileDialog main .page-number-mobile-content-wrapper .page-count-wrapper.selected .page-count-item .sgw-icon {
  position: absolute;
  padding: unset;
  top: 50%;
  left: 50%;
  width: 24px;
  height: 24px;
  transform: translate(-50%, -50%);
  background: #3669c4;
  border-radius: 50%;
}
#PageNumberSelectionMobileDialog main .page-number-mobile-content-wrapper .page-count-wrapper.selected .page-count-item .sgw-icon:before {
  color: #ffffff;
}
#PageNumberSelectionMobileDialog main .page-number-mobile-content-wrapper .page-count-wrapper .page-count-item {
  width: 80px;
  height: 80px;
}
#PageNumberSelectionMobileDialog main .page-number-mobile-content-wrapper .page-count-wrapper .page-count-info {
  display: flex;
  position: relative;
  flex-direction: column;
  flex: 1;
  margin-left: 16px;
  justify-content: center;
}
#PageNumberSelectionMobileDialog main .page-number-mobile-content-wrapper .page-count-wrapper .page-count-info .page-count-item-recommendation {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 14px;
  color: #3669c4;
}
#PageNumberSelectionMobileDialog main .page-number-mobile-content-wrapper .page-count-wrapper .page-count-info .page-count-item-label {
  font-weight: bold;
}
#PageNumberSelectionMobileDialog main .page-number-mobile-content-wrapper .page-count-wrapper .page-count-item-price {
  margin-left: 0;
}
#PageNumberSelectionMobileDialog main .page-number-mobile-content-wrapper .page-number-mobile-all-pages {
  margin-top: 24px;
}

#PageNumberSelectionDialogWrapper .rc-dialog-content {
  margin: auto;
}

#pageNumberSelectionDialog {
  background-color: #e7e7e7;
  overflow: visible;
  box-shadow: 3px 3px 12px 0 rgba(0, 0, 0, 0.5);
  align-self: center;
  border-radius: 6px;
}
#pageNumberSelectionDialog .rc-component.rc-select {
  min-width: 200px;
}

#pageNumberSelectionDialog .dialog-v2-headline {
  padding: 12px 16px 8px 16px;
  flex: 0 0 24px;
}

#pageNumberSelectionDialog .dialog-v2-footer {
  flex: 0 0 68px;
}

#pageNumberSelectionDialog .dialog-v2-headline strong {
  font-size: 18px;
}

#pageNumberSelectionDialog .dialog-v2-body {
  padding: 0 16px;
  overflow: hidden;
  min-height: 382px;
  overflow-y: auto;
  padding-top: 8px;
}

#pageNumberSelectionDialog .dialog-v2-body > div.page-count-list {
  overflow: visible;
  display: flex;
  flex: auto;
  align-items: center;
  justify-content: center;
}

#pageNumberSelectionDialog .select-box.active .options {
  max-height: 200px;
}

.page-count-list .page-count-wrapper {
  padding: 8px;
  background: #FFFFFF;
  margin-right: 8px;
  position: relative;
  overflow: visible;
  cursor: pointer;
}

.page-count-list .page-count-wrapper:last-child {
  margin-right: 0;
}

.page-count-list .page-count-wrapper.selected .sgw-icon {
  background: #6c9d0d;
  width: 60px;
  height: 60px;
  border-radius: 50px;
  padding: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.page-count-list .page-count-wrapper.selected .sgw-icon:before {
  color: #FFFFFF;
  font-size: 40px;
  width: 40px;
  height: 21px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.page-count-list .page-count-wrapper .page-count-item {
  width: 330px;
  height: 330px;
}

.page-count-list .page-count-wrapper .page-count-info {
  font-size: 18px;
  line-height: 20px;
  display: flex;
  flex-flow: nowrap;
  justify-content: space-between;
  margin: 12px 0 4px 0;
}

.right-col .page-count-info {
  display: flex;
  flex-flow: nowrap;
}

.page-count-list .page-count-wrapper .page-count-info > *:first-child {
  width: 100%;
}

.page-count-item-price {
  margin-left: 8px;
  white-space: nowrap;
}

.page-count-item-price.price-reduced {
  color: #D7032C;
}

.page-count-item-price.price-original {
  text-decoration: line-through;
  color: #868686;
}

.page-count-list .page-count-wrapper .page-count-info .page-count-item-label {
  position: relative;
  display: flex;
  align-items: center;
}

.page-count-list .page-count-wrapper .page-count-info .page-count-item-label:before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  border: 1px solid #C2C2C2;
  border-radius: 12px;
  margin-right: 4px;
}

.page-count-list .page-count-wrapper .page-count-item {
  position: relative;
}

.page-count-list .page-count-wrapper:hover .page-count-item:after,
.page-count-list .page-count-wrapper.selected .page-count-item:after {
  content: "";
  position: absolute;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  top: 0;
  left: 0;
}

.page-count-list .page-count-wrapper:hover .page-count-item:after {
  border: 4px solid #e2e2e2;
}

.page-count-list .page-count-wrapper.selected .page-count-item:after {
  border: 4px solid #6C9D0D;
}

.page-count-list .page-count-wrapper.selected:hover .page-count-item:after {
  border: 4px solid #79ac17;
}

.page-count-list .page-count-wrapper.selected .page-count-info .page-count-item-label:after {
  content: "";
  display: block;
  background: #333333;
  width: 6px;
  height: 6px;
  border-radius: 6px;
  position: absolute;
  left: 4px;
  top: 50%;
  transform: translateY(-50%);
}

.page-count-list .page-count-wrapper:hover .page-count-info .page-count-item-label:before {
  border-color: #3669C4;
}

.page-count-list .page-count-wrapper:hover .page-count-info .page-count-item-label:after {
  background: #3669C4;
}

.page-count-recommendation {
  position: absolute;
  top: 0;
  right: 0;
  text-align: right;
  z-index: 2;
}

.page-count-recommendation > div {
  background: #FFFFFF;
  font-size: 18px;
  padding: 10px 71px 8px 11px;
  display: inline-block;
}

.page-count-recommendation > img {
  position: absolute;
  top: -10px;
  right: 16px;
}

#pageNumberSelectionDialog .dialog-v2-footer > div > div:first-child {
  flex: 1;
}

#pageNumberSelectionDialog .dialog-v2-footer > div > div:last-child {
  flex: 1;
  text-align: right;
}

#pageNumberSelectionDialog .select-box-container.label-inline {
  flex: 0 0 275px;
  min-width: 275px;
}

.select-box-container.label-inline {
  position: relative;
}

.select-box-container.label-inline:hover label.prompt {
  color: #3669C4;
}

.select-box-container.label-inline .select-box .selected-value.label-inline {
  padding-top: 17px;
  font-size: 13px;
}

#pageNumberSelectionDialog .select-box-container.label-inline .select-box .selected-value.label-inline {
  background-color: #D8D8D8;
}

.select-box-container.label-inline .select-box .selected-value.label-inline:after {
  top: 50%;
  transform: translate(0, -50%);
}

.select-box-container.label-inline .select-box .selected-value {
  height: 36px;
  padding-right: 20px;
}

.select-box-container.label-inline label.prompt.active {
  top: 3px;
  font-size: 12px;
  position: absolute;
  z-index: 1;
  left: 4px;
  line-height: 14px;
}

#pageNumberSelectionDialog .select-options-list {
  max-height: 200px;
  overflow-y: auto;
}
#pageNumberSelectionDialog .select-options-list .page-count-info {
  display: flex;
}

@media (max-height: 860px) {
  #pageNumberSelectionDialog .select-options-list {
    top: -200px;
  }
}
@media (max-width: 1100px) {
  #pageNumberSelectionDialog .dialog-v2-body .page-count-wrapper:not(.recommended) .page-count-item {
    height: 220px;
    width: 220px;
  }
}
@media (max-width: 1035px) {
  #pageNumberSelectionDialog {
    width: auto !important;
    height: auto !important;
  }
}
@media (max-width: 860px) {
  #pageNumberSelectionDialog .dialog-v2-body {
    /*, #pageNumberSelectionDialog .dialog-v2-headline,#pageNumberSelectionDialog .dialog-v2-footer{*/
    width: 480px;
    max-width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
  }
  #pageNumberSelectionDialog {
    width: 100% !important;
    height: 100% !important;
    overflow: hidden;
  }
  #pageNumberSelectionDialog .select-options-list {
    top: -200px;
  }
  #pageNumberSelectionDialog svg {
    display: block;
  }
  #pageNumberSelectionDialog .dialog-v2-body {
    min-height: auto;
  }
  #pageNumberSelectionDialog .dialog-v2-body .page-count-wrapper.recommended {
    margin-top: 12px;
  }
  #pageNumberSelectionDialog .dialog-v2-body > div.page-count-list {
    flex-direction: column;
    align-items: stretch;
  }
  .page-count-list .page-count-wrapper {
    order: 2;
    margin-bottom: 8px;
    margin-right: 0;
  }
  .page-count-list .page-count-wrapper.recommended {
    order: 1;
    margin-bottom: 16px;
  }
  .page-count-list .page-count-wrapper .page-count-item, #pageNumberSelectionDialog .dialog-v2-body .page-count-wrapper:not(.recommended) .page-count-item {
    display: none;
    width: 100% !important;
    height: auto !important;
  }
  .page-count-list .page-count-wrapper.selected .page-count-item, #pageNumberSelectionDialog .dialog-v2-body .page-count-wrapper.selected:not(.recommended) .page-count-item {
    display: block;
  }
  .page-count-list .page-count-wrapper:not(.selected) .page-count-info {
    margin: 4px 0;
  }
  #pageNumberSelectionDialog .select-box-container.label-inline {
    flex: 0 0 auto;
    min-width: 140px;
  }
  #pageNumberSelectionDialog .button-action-back .btn-simple {
    padding-right: 0;
  }
  #pageNumberSelectionDialog .button-action-back .btn-simple div:last-child {
    display: none;
  }
}
#pageOverViewDialog .dialog-v2-body {
  overflow-y: scroll;
  display: block;
  height: 100%;
  background: #e7e7e7;
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
}

#pageOverViewDialog .dialog-v2-body > div {
  margin-top: 16px;
  padding: 0 16px;
}

.page-overview-list {
  overflow: visible;
  padding-top: 16px;
}

.page-overview-item {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  margin-bottom: 16px;
  text-align: center;
}

.page-overview-item svg {
  width: 100%;
  height: auto;
  overflow: visible;
  position: relative;
}

.page-overview-item.active svg rect[t="1"] {
  stroke-opacity: 1;
}

#pageOverViewDialog .edit-toolbar {
  top: auto;
  bottom: 0;
  position: sticky;
  position: -webkit-sticky;
}

#pageOverViewDialog .dialog-v2-footer > div {
  padding: 8px;
}

#pageOverViewDialog .dialog-v2-footer > div .btn-add-to-shopping-cart {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

#pageOverViewDialog .dialog-v2-footer > div .btn-add-to-shopping-cart .sgw-icon.shopping_cart {
  padding: 0;
  margin-right: 8px;
  width: 21px;
  height: 21px;
}

#pageOverViewDialog .dialog-v2-footer > div .btn-add-to-shopping-cart .sgw-icon.shopping_cart:before {
  top: -1px;
}

/* CSS Document */
/* pageselector */
#pagesSelector {
  display: flex;
  flex-direction: column;
  max-width: 1070px;
  height: auto;
}

#pagesSelector .elements {
  display: flex;
  flex: auto;
}

#pagesSelector .ele {
  flex: 0 0 33.33%;
  cursor: pointer;
}

#pagesSelector .title, #pagesSelector .footer {
  display: block;
  padding: 4px;
}

#pagesSelector .title {
  font-size: 13px;
  padding-top: 6px;
  text-align: left;
  padding-bottom: 6px;
}

#pagesSelector .ele > div {
  margin: 4px;
  padding: 8px;
  background-color: #FFFFFF;
  position: relative;
}

#pagesSelector .ele .image {
  position: relative;
  line-height: 0;
  /*padding-bottom:100%;*/
  overflow: hidden;
}

#pagesSelector .selector {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
}

#pagesSelector .ele .options {
  padding-top: 14px;
  padding-bottom: 4px;
  font-size: 18px;
  overflow: hidden;
  text-align: left;
  padding-right: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

#pagesSelector .ele .options span:last-child {
  margin-left: auto;
}

#pagesSelector .highlight {
  position: absolute;
  right: 0px;
  top: 4px;
  background-color: #FFFFFF;
  font-size: 18px;
  padding-left: 8px;
  padding-bottom: 5px;
  padding-right: 80px;
  z-index: 101;
}

#pagesSelector .highlight:after {
  display: block;
  width: 54px;
  position: absolute;
  height: 70px;
  background-image: url(../Svgs/highlight_flag.svg);
  content: "";
  right: 24px;
  top: -16px;
  z-index: 1;
}

#pagesSelector .footer {
  display: flex;
  align-items: center;
}

#pagesSelector .footer:before {
  content: "";
  flex: 0 0 33.33%;
  display: block;
}

#pagesSelector .footer .align-center {
  text-align: center;
  flex: 0 0 33.33%;
}

#pagesSelector .footer .align-right {
  float: none;
  text-align: right;
  flex: 0 0 33.33%;
}

#pagesSelector .ele .selector {
  box-sizing: border-box;
  z-index: 100;
  border: 4px solid transparent;
}

#pagesSelector .ele.active .selector {
  border-color: #6C9D0D;
  display: flex;
  align-items: center;
}

#pagesSelector .ele.active .selector:before {
  font-family: "icomoon";
  content: "\e99d";
  color: #FFF;
  line-height: 60px;
  font-size: 48px;
  text-align: center;
  display: block;
  width: 60px;
  height: 60px;
  margin: 0 auto;
  border-radius: 100%;
  background-color: #6C9D0D;
}

/* website has different iconset */
#mainContent #pagesSelector .ele.active .selector:before {
  font-family: "icomoon", sans-serif !important;
  content: "\e928";
}

#pagesSelector .apmonlineshop-sgprettyselector-masterarticle-current-value {
  background-color: #d6d6d6;
}

#pagesSelector .ele:not(.active):hover .selector {
  border-color: #d6d6d6;
}

#pagesSelector [data-type=selectorWrapper] {
  z-index: 200;
}

@media (max-width: 800px) {
  #pagesSelector {
    align-self: baseline;
    padding-bottom: 60px;
    /* background-color:transparent;*/
    box-shadow: none;
    min-height: 100%;
  }
  #pagesSelector .elements {
    align-self: flex-start;
    flex-wrap: wrap;
    align-content: flex-start;
  }
  #pagesSelector .ele {
    box-sizing: border-box;
    flex: 0 0 50%;
  }
  #pagesSelector .ele.highlighted {
    order: -1;
    flex: 0 0 100%;
  }
  #pagesSelector .footer:before {
    display: none;
  }
  #pagesSelector .footer {
    position: fixed;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: auto;
    background-color: #e7e7e7;
    z-index: 199;
    padding: 8px;
    box-sizing: border-box;
  }
  #pagesSelector .footer > div {
    flex: auto !important;
  }
}
@media (max-width: 500px) {
  #pagesSelector .ele {
    font-size: 16px !important;
  }
}
.pages {
  display: flex;
  align-items: center;
}
.pages > div {
  border: 4px solid #FFFFFF;
  height: 100%;
  box-sizing: border-box;
}
.pages.is-hidden .pages-module, .pages.is-hidden .content {
  display: none;
}
.pages.is-hidden button {
  width: 100%;
  justify-content: unset;
}
.pages.is-hidden button .btn-label {
  font-weight: bold;
}
.pages .page-wrapper.page-moveable {
  cursor: move;
}
.pages .page-wrapper.disabled {
  pointer-events: none;
}
.pages .content {
  flex: auto;
  display: flex;
  overflow-x: scroll;
  white-space: nowrap;
  max-height: 146px;
  min-height: 146px;
}
.pages .content.not-mac-os {
  scrollbar-width: thin;
}
.pages .content::-webkit-scrollbar {
  height: 10px;
}
.pages .content::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4);
  border-radius: 8px;
  -webkit-border-radius: 8px;
}
.pages .content::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
.pages .content.mobile:hover::-webkit-scrollbar {
  display: none;
}
.pages .content .sortable-target-helper {
  background-color: #6e6e6e;
  visibility: hidden;
}
.pages .content .sortable-target-helper.active {
  min-width: 4px;
  visibility: visible;
}
.pages .content .add-page-button-wrapper {
  display: flex;
  align-items: center;
}
.pages .content .add-page-button-wrapper .btn-icon {
  width: 20px;
}
.pages .content .add-page-button-wrapper .btn-icon .sgw-icon:before {
  font-size: 16px;
}
.pages .content .page {
  height: 100%;
  margin: 0 2px;
  display: flex;
  align-items: center;
  flex-direction: column;
  overflow: hidden;
  box-sizing: border-box;
  border: 3px solid #FFF;
  position: relative;
}
.pages .content .page .image {
  box-sizing: border-box;
  display: flex;
  margin: 2px 2px 0;
  position: relative;
  border: 1px solid #cccccc;
  box-sizing: border-box;
}
.pages .content .page .image svg, .pages .content .page .image object {
  margin: auto;
  box-sizing: border-box;
  max-height: 94px;
  width: auto;
  display: block;
  padding: 0;
  overflow: hidden;
}
.pages .content .page .image .page-preview-overlay {
  position: absolute;
  left: 0;
  top: 0;
}
.pages .content .page .image .page-preview-overlay.image-drop-target:hover {
  background-color: #3669C4;
  opacity: 0.5;
}
.pages .content .page .info {
  position: relative;
  display: flex;
  flex: auto;
  flex-wrap: nowrap;
}
.pages .content .page .info .name {
  white-space: nowrap;
  padding: 2px 16px;
  box-sizing: border-box;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
}
.pages .content .page > .btn-icon {
  display: none;
  position: absolute;
  left: 8px;
  top: 8px;
  width: 22px;
  height: 22px;
  background: #FFFFFF;
}
.pages .content .page > .btn-icon .sgw-icon:before {
  font-size: 16px;
}
.pages .content .page.is-mobile .info > button {
  visibility: visible;
}
.pages .content .page:hover:not(.is-mobile) .info > .allowed, .pages .content .page.active .info > .allowed {
  visibility: visible;
  pointer-events: all;
}
.pages .content .page.active {
  border-color: #3669C4;
}
.pages .content .page.is-dragging, .pages .content .page.is-dragging:hover {
  border-color: #C2C2C2;
}
.pages .content .page:hover:not(.is-mobile) {
  border-color: #EFEFEF;
}
.pages .content .page:hover:not(.is-mobile) .info > div {
  display: block;
}
.pages .content .page:hover:not(.is-mobile) > .btn-icon {
  display: inline-flex;
}
.pages .content .page:active:not(.is-mobile) {
  border-color: #C2C2C2;
}
.pages .pages-module {
  flex: 0 0 130px;
  border-right: 0;
}
.pages .pages-module > div {
  margin-bottom: 4px;
}
.pages .pages-module > div:first-child {
  margin-bottom: 1px;
}
.pages .pages-module .pages-module-title {
  height: 38px;
  display: flex;
  align-items: center;
}
.pages .pages-module .heading {
  padding: 0;
  margin: 0;
  font-size: 16px;
  font-weight: bold;
  box-sizing: border-box;
  flex: 1;
  color: #525252;
  display: block;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.pages .pages-module button {
  margin-bottom: 8px;
}

.single-page .pages {
  display: none;
}

.pages-module .heading:before, .pages .content .page .info .delete:hover:before, .pages .content .page .info .add_page:hover:before {
  color: #3669c4;
}

#ProfilePageRoot {
  display: flex;
  width: 100%;
  height: 100%;
}

#ProjectPreview {
  display: flex;
  flex-direction: column;
  background-color: #e7e7e7;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
#ProjectPreview .project-preview-desktop {
  display: flex;
  flex-wrap: nowrap;
  flex: auto;
  overflow: hidden;
}
#ProjectPreview .project-preview-desktop .module-list {
  font-size: 12px;
  display: flex;
  background-color: white;
  flex: auto;
  flex-direction: row;
  overflow: unset;
  position: relative;
  max-width: 65px;
}
#ProjectPreview .project-preview-desktop .module-list .designer-right-column {
  border-left: 2px solid #dcdcdc;
  flex: 1;
  width: 55px;
  display: flex;
  flex-direction: column;
}
#ProjectPreview .project-preview-desktop .module-list .desktop-module-button {
  margin: 1px 0;
}
#ProjectPreview .project-preview-desktop .module-list .desktop-module-button button .btn-label {
  overflow-wrap: break-word;
  width: auto;
  max-width: 100%;
}
#ProjectPreview .project-preview-desktop .module-list .desktop-module-button button {
  height: 55px;
  width: 100%;
}
#ProjectPreview .project-preview-desktop .module-list .desktop-module-button button .btn-label {
  overflow: visible;
}
#ProjectPreview .project-preview-desktop .module-list .desktop-module-button button.btn-dark-grey .sgw-icon::before {
  color: #FFFFFF;
}
#ProjectPreview .project-preview-desktop .module-list .desktop-module-button button.btn-dark-grey .btn-label {
  color: #FFFFFF;
}
#ProjectPreview .project-preview-desktop .module-list .desktop-module-button.desktop-module-button-selected button.btn-dark-grey {
  background-color: #3568c4;
}
#ProjectPreview .project-preview-desktop .module-list .module {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  transform: translateX(-100%);
  z-index: 3001;
  overflow: hidden;
  display: none;
  flex-direction: column;
  width: 320px;
  min-width: 320px;
  max-width: 320px;
  background: #FFFFFF;
  flex: auto;
  border-left: 2px solid #dcdcdc;
  box-sizing: border-box;
}
#ProjectPreview .project-preview-desktop .module-list .module.is-active {
  display: flex;
}
#ProjectPreview .project-preview-desktop .module-list .module .module-tab {
  padding: 0 8px 4px 8px;
  display: flex;
  align-items: center;
  color: #333333;
  font-size: 14px;
  cursor: pointer;
}
#ProjectPreview .project-preview-desktop .module-list .module .module-tab.module-tab-header {
  justify-content: space-between;
}
#ProjectPreview .project-preview-desktop .module-list .module .module-tab .modules-menu .context-menu {
  left: unset !important;
  top: unset !important;
}
#ProjectPreview .project-preview-desktop .module-list .module .module-tab .module-tab-label {
  text-shadow: transparent 0 0 0, rgb(0, 0, 0) 0 0 0;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
#ProjectPreview .project-preview-desktop .module-list .module .module-tab .sgw-icon {
  width: 20px;
  height: 20px;
  padding: 0;
  margin-right: 6px;
}
#ProjectPreview .project-preview-desktop .module-list .module .module-tab .sgw-icon:before {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #333333;
}
#ProjectPreview .project-preview-desktop .module-list .module .module-content {
  padding: 8px;
  overflow: auto;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
#ProjectPreview .project-preview-desktop .module-list .module .module-content .designer-footer-price-info-wrapper {
  text-align: unset;
}
#ProjectPreview .project-preview-desktop .module-list .module .module-content .designer-footer-price-info-wrapper > div {
  justify-content: unset;
}
#ProjectPreview .project-preview-desktop .module-list .module .module-content .checkout-group-content .group-content-button button {
  width: 100%;
  justify-content: left;
}
#ProjectPreview .project-preview-desktop .module-list .module .module-content .btn-submit {
  width: 100%;
}
@media (min-width: 1400px) {
  #ProjectPreview .project-preview-desktop .module-list.is-open {
    max-width: 470px;
  }
  #ProjectPreview .project-preview-desktop .module-list.is-open .module.is-active {
    position: relative;
    inset: unset;
    transform: unset;
    max-width: unset;
  }
}
@media (max-width: 1400px) {
  #ProjectPreview .project-preview-desktop .module-list.is-open {
    max-width: 470px;
  }
  #ProjectPreview .project-preview-desktop .module-list.is-open .module.is-active {
    position: absolute;
    left: unset;
    right: 55px;
    transform: unset;
    max-width: unset;
  }
}
#ProjectPreview .project-preview-author-hint {
  color: black;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#ProjectPreview .project-preview-author-hint a.make-report {
  color: unset;
}
#ProjectPreview .project-preview-author-hint a.make-report:hover, #ProjectPreview .project-preview-author-hint a.make-report:visited, #ProjectPreview .project-preview-author-hint a.make-report:active, #ProjectPreview .project-preview-author-hint a.make-report:-webkit-any-link {
  color: unset;
}
#ProjectPreview .project-preview-content {
  flex: auto;
}
#ProjectPreview .project-preview-content {
  margin-right: 8px;
  overflow-y: auto;
  min-width: 352px;
  flex-basis: 672px;
}
#ProjectPreview .project-preview-content.project-preview-desktop-content {
  display: flex;
  flex-direction: column;
}
#ProjectPreview .project-preview-content.project-preview-desktop-content .project-preview-content-main-page {
  flex: 1;
  display: flex;
  gap: 8px;
  background-color: #E7E7E7;
  padding-left: 24px;
  padding-top: 24px;
  max-height: calc(100% - 170px);
}
#ProjectPreview .project-preview-content.project-preview-desktop-content .project-preview-content-main-page.single-article-view {
  max-height: calc(100% - 34px);
}
#ProjectPreview .project-preview-content.project-preview-desktop-content .project-preview-content-main-page .main-page-navigation {
  width: 36px;
  display: flex;
  align-items: center;
}
#ProjectPreview .project-preview-content.project-preview-desktop-content .project-preview-content-main-page .main-page-navigation button {
  background-color: #D8D8D8;
  width: 36px;
  height: 36px;
  padding: unset;
}
#ProjectPreview .project-preview-content.project-preview-desktop-content .project-preview-content-main-page .main-page-navigation button .rc-icon:before {
  color: #ffffff;
}
#ProjectPreview .project-preview-content.project-preview-desktop-content .project-preview-content-main-page .main-page-data {
  flex: 1;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  max-height: 95%;
}
#ProjectPreview .project-preview-content.project-preview-desktop-content .project-preview-content-main-page .main-page-data .main-page-data-image {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  max-height: 100%;
}
#ProjectPreview .project-preview-content.project-preview-desktop-content .project-preview-content-main-page .main-page-data .main-page-data-image img, #ProjectPreview .project-preview-content.project-preview-desktop-content .project-preview-content-main-page .main-page-data .main-page-data-image svg {
  max-width: 100%;
  max-height: 100%;
}
#ProjectPreview .project-preview-content.project-preview-desktop-content .project-preview-content-main-page .main-page-data .main-page-data-title {
  text-align: center;
  color: #2C2C2C;
  font-size: 14px;
  line-height: 16px;
}
#ProjectPreview .project-preview-content.project-preview-desktop-content .project-preview-content-preview-pages-list {
  flex: auto;
  display: flex;
  overflow-x: scroll;
  white-space: nowrap;
  max-height: 146px;
  min-height: 146px;
  scrollbar-width: thin;
  padding: 4px;
  box-sizing: border-box;
  background-color: #ffffff;
}
#ProjectPreview .project-preview-content.project-preview-desktop-content .project-preview-content-preview-pages-list .project-preview-content-page {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  position: relative;
  align-items: center;
  height: 100%;
  padding: 4px;
  box-sizing: border-box;
}
#ProjectPreview .project-preview-content.project-preview-desktop-content .project-preview-content-preview-pages-list .project-preview-content-page.project-preview-content-page-selected:after {
  content: "";
  position: absolute;
  inset: 0;
  border: 2px solid #3669C4;
  box-sizing: border-box;
}
#ProjectPreview .project-preview-content.project-preview-desktop-content .project-preview-content-preview-pages-list .project-preview-content-page .project-preview-content-page-title {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 22px;
}
#ProjectPreview .project-preview-content.project-preview-desktop-content .project-preview-content-preview-pages-list .project-preview-content-page .project-preview-content-page-comment-button {
  margin: 0 auto;
  flex: 0 0 36px;
}
#ProjectPreview .project-preview-content.project-preview-desktop-content .project-preview-content-preview-pages-list .project-preview-content-page .project-preview-content-page-comment-button.not-visible {
  display: none;
}
#ProjectPreview .project-preview-content.project-preview-desktop-content .project-preview-content-preview-pages-list .project-preview-content-page .project-preview-content-page-svg {
  display: flex;
  height: 100%;
  position: relative;
}
#ProjectPreview .project-preview-content.project-preview-desktop-content .project-preview-content-preview-pages-list .project-preview-content-page .project-preview-content-page-svg .project-preview-content-page-comment-button {
  position: absolute;
  bottom: 4px;
  right: 4px;
  width: 28px;
  height: 28px;
  background-color: white;
}
#ProjectPreview .project-preview-content.project-preview-desktop-content .project-preview-content-preview-pages-list .project-preview-content-page .project-preview-content-page-svg .project-preview-content-page-comment-button .rc-component .badge-count.badge-count-default {
  transform: unset;
  right: 0;
}
#ProjectPreview .project-preview-content.project-preview-desktop-content .project-preview-content-preview-pages-list .project-preview-content-page .project-preview-content-page-svg:before {
  content: "";
  position: absolute;
  inset: 2px;
  border: 1px solid #cccccc;
  box-sizing: border-box;
}
#ProjectPreview .project-preview-content.project-preview-desktop-content .project-preview-content-preview-pages-list .project-preview-content-page .project-preview-content-page-svg svg {
  height: auto;
  width: auto;
  border: 2px solid transparent;
  box-sizing: border-box;
  margin: 0 auto;
}
#ProjectPreview .project-preview-content.project-preview-desktop-content .project-preview-content-preview-pages-list .project-preview-content-page .project-preview-content-page-svg img {
  border: 2px solid transparent;
  box-sizing: border-box;
}
#ProjectPreview .project-preview-content.project-preview-desktop-content .project-preview-content-preview-pages-list .project-preview-content-page .project-preview-content-page-svg.is-clickable svg, #ProjectPreview .project-preview-content.project-preview-desktop-content .project-preview-content-preview-pages-list .project-preview-content-page .project-preview-content-page-svg.is-clickable img {
  cursor: pointer;
}
#ProjectPreview .project-preview-content.project-preview-desktop-content .project-preview-content-preview-pages-list .project-preview-content-page .project-preview-content-page-svg.selected #interactiveElements > rect:first-child {
  stroke-opacity: 1;
}
#ProjectPreview .project-preview-content.project-preview-desktop-content .project-preview-content-preview-pages-list .project-preview-content-page .project-preview-content-page-svg.selected img {
  border: 2px solid #3669c4;
}
#ProjectPreview .project-preview-content .project-preview-content-pages-list {
  padding: 16px;
  width: 100%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  align-items: center;
  min-height: 100%;
  justify-content: center;
}
#ProjectPreview .project-preview-content .project-preview-content-pages-list .project-preview-content-page {
  display: flex;
  flex-direction: column;
  width: 100%;
  position: relative;
  align-items: center;
}
#ProjectPreview .project-preview-content .project-preview-content-pages-list .project-preview-content-page .project-preview-content-page-title {
  text-align: center;
  min-height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 36px;
}
#ProjectPreview .project-preview-content .project-preview-content-pages-list .project-preview-content-page .project-preview-content-page-comment-button {
  margin: 0 auto;
  flex: 0 0 36px;
}
#ProjectPreview .project-preview-content .project-preview-content-pages-list .project-preview-content-page .project-preview-content-page-comment-button.not-visible {
  display: none;
}
#ProjectPreview .project-preview-content .project-preview-content-pages-list .project-preview-content-page .project-preview-content-page-svg {
  /*max-width: unset;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  height: 100%;
  width: 100%;
  //max-width: 80%;
  flex: 0;
  overflow: hidden;
  position: relative;
  margin: 0 auto;*/
  display: flex;
}
#ProjectPreview .project-preview-content .project-preview-content-pages-list .project-preview-content-page .project-preview-content-page-svg svg {
  height: auto;
  width: auto;
  border: 2px solid transparent;
  box-sizing: border-box;
  max-width: 99%;
  max-height: 99%;
  margin: 0 auto;
}
#ProjectPreview .project-preview-content .project-preview-content-pages-list .project-preview-content-page .project-preview-content-page-svg img {
  border: 2px solid transparent;
  box-sizing: border-box;
  width: auto;
  max-width: 99%;
  max-height: 99%;
}
#ProjectPreview .project-preview-content .project-preview-content-pages-list .project-preview-content-page .project-preview-content-page-svg.is-clickable svg, #ProjectPreview .project-preview-content .project-preview-content-pages-list .project-preview-content-page .project-preview-content-page-svg.is-clickable img {
  cursor: pointer;
}
#ProjectPreview .project-preview-content .project-preview-content-pages-list .project-preview-content-page .project-preview-content-page-svg.selected #interactiveElements > rect:first-child {
  stroke-opacity: 1;
}
#ProjectPreview .project-preview-content .project-preview-content-pages-list .project-preview-content-page .project-preview-content-page-svg.selected img {
  border: 2px solid #3669c4;
}
#ProjectPreview .project-preview-content.single-page-article .project-preview-content-pages-list .project-preview-content-page .project-preview-content-page-svg > img {
  max-height: 90vh;
}
#ProjectPreview .project-preview-content.single-page-article .project-preview-content-pages-list .project-preview-content-page .project-preview-content-page-svg.selected svg #interactiveElements > rect:first-child {
  stroke-opacity: 0;
}
#ProjectPreview .project-preview-right-column {
  flex: auto;
  max-width: 446px;
  min-width: 320px;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
}
#ProjectPreview .project-preview-right-column .detail-content-header {
  display: flex;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  width: 100%;
  background-color: #ffffff;
  z-index: 10;
  flex: 0;
  padding: unset;
  /*> div {
  		&.header-title {
  				flex: 1;
  				display: flex;
  				justify-content: center;
  				align-items: center;
  				min-height: 36px;
  		}
  }*/
}
#ProjectPreview .project-preview-right-column .detail-content-header .comments-view-header {
  flex: 1;
}
#ProjectPreview .project-preview-right-column .detail-content-header .comments-view-header .group-content-horizontal-group .project-title {
  font-weight: bold;
  display: flex;
  font-size: 14px;
}
#ProjectPreview .project-preview-right-column .project-preview-comments .comments-header {
  display: none;
}
#ProjectPreview .project-preview-right-column .project-preview-comments .content-group-table-row .group-content-item {
  display: flex;
  justify-content: left;
  align-self: stretch;
}
#ProjectPreview .project-preview-right-column .project-preview-comments .content-group-table-row .group-content-item .edit.group-content-item-edit {
  position: unset !important;
  margin: 20px 0;
  color: unset;
  transform: unset;
  display: flex;
  justify-content: center;
  text-decoration: none;
  background-color: #6C9D0D;
  color: #FFFFFF;
  padding: 9px 32px;
}
#ProjectPreview .bottom {
  background-color: #ffffff;
  padding: unset;
  margin-top: 8px;
}
#ProjectPreview .bottom .designer-footer {
  height: 44px;
  padding: 4px;
  box-sizing: border-box;
}
#ProjectPreview .bottom .designer-footer .designer-footer-center {
  margin: 0 8px 0 12px;
}
#ProjectPreview .bottom .designer-footer .designer-footer-center .designer-footer-hints {
  max-width: 100%;
}
#ProjectPreview .bottom .designer-footer .designer-footer-center .designer-footer-hints .designer-footer-hints-links {
  display: flex;
  color: #676767;
}
#ProjectPreview .bottom .designer-footer .designer-footer-center .designer-footer-hints .designer-footer-hints-links > * {
  color: #676767;
  font-size: 12px;
}
#ProjectPreview .bottom .designer-footer .designer-footer-center .designer-footer-hints .designer-footer-hints-links button {
  padding: 0 32px;
  height: auto;
  text-decoration: underline;
}
#ProjectPreview .bottom .designer-footer .designer-footer-right {
  min-width: unset;
  width: auto;
}
#ProjectPreview .bottom .designer-footer .designer-footer-right button.btn-submit {
  padding: 8px 32px;
}

.comments-view-column .mobile-approval-image > div {
  background-color: unset;
}
.comments-view-column .group-content-horizontal-group .group-content-button {
  flex: 1;
}
.comments-view-column .group-content-horizontal-group .group-content-button button {
  width: 100%;
}
.comments-view-column .comment-row-root > .comment-row {
  margin-bottom: 16px;
  /*+ .content-group-table-row {
  		margin-left: 36px;
  }*/
}
.comments-view-column .comment-row {
  position: relative;
}
.comments-view-column .comment-row.comment-row-selected {
  background-color: #EFEFEF;
}
.comments-view-column .comment-row .comment-item-content {
  margin-bottom: 16px;
}
.comments-view-column .comment-row .group-content.group-content-horizontal-group {
  width: 100%;
  flex: 1;
  flex-wrap: nowrap;
}
.comments-view-column .comment-row .group-content.group-content-avatar {
  width: 36px;
}
.comments-view-column .comment-row .group-content.group-content-avatar .rc-avatar {
  width: 44px;
  height: 44px;
}
.comments-view-column .comment-row .comment-row-content {
  font-size: 14px;
  padding-left: 8px;
}
.comments-view-column .comment-row .comment-row-content .group-content-label {
  min-height: unset;
  flex: 0;
  white-space: nowrap;
}
.comments-view-column .comment-row .comment-row-content .group-content-label.text {
  white-space: normal;
}
.comments-view-column .comment-row .comment-row-content .username-subline .group-content-label {
  color: #6E6E6E;
}
.comments-view-column .comment-row .comment-row-content .comment-item-content {
  margin-top: 8px;
  color: black;
}
.comments-view-column .comment-row .comment-item-footer {
  margin-top: 4px;
  margin-bottom: 12px;
  position: relative;
}
.comments-view-column .comment-row .comment-item-footer .group-content-button {
  flex: 0;
}
.comments-view-column .comment-row .comment-item-footer .group-content-button button {
  padding: 0;
  color: #3669c4;
  margin-right: 16px;
  height: auto;
  background-color: unset;
}
.comments-view-column .comment-row .comment-item-footer .group-content-like.group-content {
  position: absolute;
  right: 0;
  top: -8px;
  color: #6E6E6E;
}
.comments-view-column .comment-row .comment-row-buttons {
  display: flex;
  position: absolute;
  right: 0;
  top: 0;
}
.comments-view-column .image-approval-close {
  position: absolute;
  left: 8px;
  top: 8px;
}
.comments-view-column .image-approval-close button {
  padding: 0;
}
.comments-view-column .image-approval-close button .rc-icon:before {
  color: white;
}
.comments-view-column .content-group-table-row .group-content-button button {
  width: 100%;
}
.comments-view-column .desktop-main-content {
  flex: 1;
  overflow-y: hidden;
  user-select: none;
}
.comments-view-column .desktop-main-content > div {
  background-color: black;
  padding: 64px 80px;
  box-sizing: border-box;
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.comments-view-column .desktop-main-content .approve-button {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  z-index: 1;
  position: absolute;
  top: calc(50vh - 16px);
}
.comments-view-column .desktop-main-content .approve-button .rc-icon:before {
  color: #ffffff;
  font-size: 21px;
  width: 36px;
  height: 36px;
  line-height: 36px;
}
.comments-view-column .desktop-main-content .approve-button:hover .rc-icon:before {
  color: #ffffff;
}
.comments-view-column .desktop-main-content .approve-previous-button {
  left: 8px;
}
.comments-view-column .desktop-main-content .approve-next-button {
  right: 8px;
}
.comments-view-column .comments-view-header {
  flex: 1;
  padding-left: 16px;
  box-sizing: border-box;
}
.comments-view-column .comments-view-header .group-content.group-content-horizontal-group {
  flex-wrap: nowrap;
  font-weight: bold;
  padding-top: 10px;
}
.comments-view-column .comments-view-header .group-content.group-content-horizontal-group .imageTitle {
  font-weight: bold;
}
.comments-view-column .comments-view-header .group-content.group-content-label {
  flex: 1;
}
.comments-view-column .detail-content-header {
  display: flex;
  flex-direction: row;
  padding-left: 0;
}
.comments-view-column .floating-detail-content .detail-content-header {
  padding-left: 36px;
}
.comments-view-column .floating-detail-content .detail-content-header .content-group-table-row.comments-view-header {
  padding-left: 0;
}
.comments-view-column .detail-content-header + .content-group-table-row {
  padding-top: 0;
}
.comments-view-column .key-values-lines {
  margin-bottom: 8px;
}
.comments-view-column .key-values-lines .group-content-label {
  margin-bottom: 0;
}
.comments-view-column .key-values-lines .group-content-key-value {
  display: flex;
  padding-bottom: 0;
  margin-bottom: 0;
}
.comments-view-column .key-values-lines .group-content-key-value .group-content-key-value-key {
  width: 50%;
}
.comments-view-column .key-values-lines .group-content-key-value .group-content-key-value-value {
  font-size: 14px;
}
.comments-view-column .iiz {
  overflow: unset;
}
.comments-view-column .comment-image-wrapper .project-preview-author-hint {
  color: #FFFFFF;
  background-color: transparent;
  position: fixed;
  bottom: 16px;
  left: 16px;
}
.comments-view-column .comment-image-wrapper .project-preview-author-hint a.make-report {
  color: #FFFFFF;
}
.comments-view-column .zoom-image-wrapper img {
  width: unset;
  height: unset;
  max-width: 100%;
  max-height: calc(100vh - 128px);
}

#ProjectPreview .project-preview-comments .group-content-button .btn-simple.btn-icon, #ProjectShareMobilePreview .project-preview-comments .group-content-button .btn-simple.btn-icon {
  padding: 0;
  background-color: unset;
}
#ProjectPreview .project-preview-comments .group-content-button .btn-simple.btn-icon:hover, #ProjectShareMobilePreview .project-preview-comments .group-content-button .btn-simple.btn-icon:hover {
  background-color: unset;
}
#ProjectPreview .project-preview-comments .group-content-button .btn-simple.btn-icon .sgw-icon, #ProjectShareMobilePreview .project-preview-comments .group-content-button .btn-simple.btn-icon .sgw-icon {
  margin-right: unset;
}
#ProjectPreview .project-preview-comments .group-content-button .btn-simple.btn-icon .btn-label, #ProjectShareMobilePreview .project-preview-comments .group-content-button .btn-simple.btn-icon .btn-label {
  display: none;
}
#ProjectPreview .project-preview-comments .group-content-project-page-svg, #ProjectShareMobilePreview .project-preview-comments .group-content-project-page-svg {
  display: flex;
  justify-content: center;
}
#ProjectPreview .project-preview-comments .group-content-project-page-svg img, #ProjectShareMobilePreview .project-preview-comments .group-content-project-page-svg img {
  max-height: 200px;
}
#ProjectPreview .project-preview-comments .group-content-project-page-svg svg, #ProjectShareMobilePreview .project-preview-comments .group-content-project-page-svg svg {
  max-height: 200px;
}

#ProjectPreviewAddEditDialog .group-content-project-page-svg img {
  max-height: 200px;
}
#ProjectPreviewAddEditDialog .group-content-project-page-svg svg {
  max-height: 200px;
}

.rc-mobile-view .single-page-article {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.rc-mobile-view .project-preview-author-hint {
  padding: 0 16px 16px;
}
.rc-mobile-view .project-preview-author-hint a.make-report {
  color: unset;
  margin-left: 4px;
}
.rc-mobile-view .project-preview-author-hint a.make-report:hover, .rc-mobile-view .project-preview-author-hint a.make-report:visited, .rc-mobile-view .project-preview-author-hint a.make-report:active, .rc-mobile-view .project-preview-author-hint a.make-report:-webkit-any-link {
  color: unset;
}
.rc-mobile-view .mobile-footer-hints-links {
  display: flex;
  flex-direction: column;
  gap: 16px;
  color: #676767;
  padding: 0 16px 16px;
}
.rc-mobile-view .mobile-footer-hints-links .project-preview-author-hint {
  padding: unset;
}
.rc-mobile-view .mobile-footer-hints-links button {
  padding: 0;
  height: auto;
  text-decoration: underline;
  font-size: 14px;
  width: 100%;
  text-align: left;
}
.rc-mobile-view .mobile-footer-hints-links .project-preview-author-hint {
  font-size: 14px;
  flex: auto;
}
.rc-mobile-view .project-preview-content-pages-list {
  padding: 16px;
  flex: 1;
}
.rc-mobile-view .project-preview-content-pages-list .project-preview-content-page {
  margin-bottom: 16px;
  position: relative;
}
.rc-mobile-view .project-preview-content-pages-list .project-preview-content-page .comment-button {
  padding-left: unset;
}
.rc-mobile-view .project-preview-content-pages-list .project-preview-content-page .project-preview-content-page-title {
  text-align: center;
  margin-bottom: 6px;
}
.rc-mobile-view .project-preview-content-pages-list .project-preview-content-page-svg {
  cursor: pointer;
  position: relative;
}
.rc-mobile-view .project-preview-content-pages-list .project-preview-content-page-svg svg, .rc-mobile-view .project-preview-content-pages-list .project-preview-content-page-svg img {
  height: auto;
  width: 100%;
}
.rc-mobile-view .project-preview-content-pages-list .project-preview-content-page-comment-button.not-visible {
  display: none;
}
.rc-mobile-view .project-preview-comments {
  padding: 16px;
}
.rc-mobile-view .project-preview-comments .comment-row-root > .comment-row {
  margin-bottom: 16px;
}
.rc-mobile-view .project-preview-comments .comment-row-root > .comment-row .group-content-horizontal-group {
  margin-bottom: unset;
}
.rc-mobile-view .project-preview-comments .comment-row-root > .comment-row .group-content-horizontal-group .comment-row-buttons {
  display: flex;
  justify-content: flex-end;
}
.rc-mobile-view .project-preview-comments .comment-row-root > .comment-row .comment-item-footer {
  display: none;
}

.project-preview-comments {
  background-color: #ffffff;
  padding: 16px;
  overflow-y: auto;
  box-sizing: border-box;
}
.project-preview-comments .comments-header {
  font-weight: bold;
  padding-bottom: 20px;
}
.project-preview-comments .preview-page {
  font-size: 14px;
  padding-bottom: 20px;
  font-weight: bold;
}
.project-preview-comments .add-comment {
  margin: 0 0 20px 0;
}
.project-preview-comments .add-comment .group-content-item .group-content-item-edit {
  position: unset;
}
.project-preview-comments .content-group-table-row.comment-row .answers {
  margin-left: 16px;
  margin-bottom: 16px;
}
.project-preview-comments .content-group-table-row.comment-row .group-content.group-content-horizontal-group {
  /*            .comment-row-buttons {
  								display: flex;
  								justify-content: flex-end;
  						}*/
}
.project-preview-comments .content-group-table-row.comment-row .group-content.group-content-horizontal-group .comment-row-content {
  font-size: 14px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.project-preview-comments .content-group-table-row.comment-row .group-content.group-content-horizontal-group .comment-row-content .first-line-wrapper {
  display: flex;
  flex-direction: row;
  gap: 16px;
}
.project-preview-comments .content-group-table-row.comment-row .group-content.group-content-horizontal-group .comment-row-content .first-line-wrapper .username-subline {
  min-height: unset;
  display: flex;
  flex: 1;
}
.project-preview-comments .content-group-table-row.comment-row .group-content.group-content-horizontal-group .comment-row-content .first-line-wrapper .username-subline .date {
  margin-bottom: unset;
  min-height: unset;
}
.project-preview-comments .content-group-table-row.comment-row .group-content.group-content-horizontal-group .comment-row-content .first-line-wrapper .comment-row-buttons {
  display: flex;
  justify-content: flex-end;
}
.project-preview-comments .content-group-table-row.comment-row .group-content.group-content-horizontal-group .comment-row-content .name {
  min-height: unset;
  font-weight: bold;
}
.project-preview-comments .content-group-table-row.comment-row .group-content.group-content-horizontal-group .comment-row-content .name-mobile {
  font-weight: bold;
  margin-top: 8px;
  min-height: unset;
}
.project-preview-comments .content-group-table-row.comment-row .group-content.group-content-horizontal-group .group-content-avatar .rc-badge {
  position: relative;
}
.project-preview-comments .content-group-table-row.comment-row .group-content.group-content-horizontal-group .group-content-avatar .rc-badge .badge-count {
  height: 24px;
  width: 24px;
  position: absolute;
  top: unset;
  transform: unset;
  bottom: 0;
  right: 0;
  background-color: orange;
  font-size: 18px;
}
.project-preview-comments .content-group-table-row.comment-row .group-content-item .group-content-label .group-content-item-edit {
  display: flex;
  justify-content: left;
  text-decoration: none;
  background-color: #6C9D0D;
}
.project-preview-comments .checkout-group-content > .group-content-spacer + .group-content-label, .project-preview-comments .checkout-group-content > .group-content-button + .group-content-label {
  justify-content: unset;
}
.project-preview-comments .group-content.group-content-key-value {
  flex: 1;
}
.project-preview-comments .group-content.group-content-button {
  width: unset;
  flex: unset;
}
.project-preview-comments .group-content.group-content-textarea .rc-textarea {
  width: 100%;
}
.project-preview-comments .group-content.group-content-textarea .rc-textarea textarea {
  margin-right: 10px;
}
.project-preview-comments .checkout-group-content > .group-content-label {
  justify-content: unset;
}
.project-preview-comments .group-content-horizontal-group .group-content-button.group-content {
  flex: unset;
}

/*


.project-preview-right-column {
    .project-preview-comments {
        background-color: #ffffff;
        padding: 16px;
        overflow-y: auto;
        box-sizing: border-box;

        .checkout-group-content > {
            .group-content-label {
                justify-content: unset;
            }


        }

        .group-content-horizontal-group {
            .group-content-button.group-content {
                flex: unset;
            }
        }

    }
}
*/
#ProjectPreview.no-share-content, main .no-share-content {
  justify-content: center;
  align-items: center;
}

.dialog-control {
  display: flex;
  justify-content: space-between;
}

#ProjectPreviewAddEditDialog .rc-dialog-content {
  padding: 0;
}
#ProjectPreviewAddEditDialog .rc-dialog-content .dialog-control {
  margin: unset;
}
#ProjectPreviewAddEditDialog .login-view-component.login-view-desktop {
  height: unset;
}
#ProjectPreviewAddEditDialog .login-view-component.login-view-desktop > div {
  width: 100%;
  max-width: unset;
}

div.bulk-orderer-configurator-content > .image-article-list-wrapper.bulk-orderer-preview-image-article-list {
  height: 100%;
  justify-content: center;
  display: flex;
  padding: 8px;
}
div.bulk-orderer-configurator-content > .image-article-list-wrapper.bulk-orderer-preview-image-article-list .image-article-item {
  max-width: unset;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
}
div.bulk-orderer-configurator-content > .image-article-list-wrapper.bulk-orderer-preview-image-article-list .image-article-item.image-article-preview-item .rc-input.mobile-numeric {
  max-width: 150px;
}
div.bulk-orderer-configurator-content > .image-article-list-wrapper.bulk-orderer-preview-image-article-list .image-article-item .image-article-image {
  height: auto;
  max-height: 100%;
  max-width: unset;
  width: 100%;
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
div.bulk-orderer-configurator-content > .image-article-list-wrapper.bulk-orderer-preview-image-article-list .image-article-item .image-article-info .rc-input .rc-input-wrapper {
  width: 50px;
  padding-left: unset;
  align-items: flex-end;
}

#BulkOrdererMobileSelectionDialog main .image-article-list-wrapper.bulk-orderer-preview-image-article-list {
  height: 100%;
  display: flex;
  justify-content: center;
}
#BulkOrdererMobileSelectionDialog main .image-article-list-wrapper.bulk-orderer-preview-image-article-list .image-article-item {
  max-width: unset;
  width: 80%;
  height: 80%;
}
#BulkOrdererMobileSelectionDialog main .image-article-list-wrapper.bulk-orderer-preview-image-article-list .image-article-item .image-article-image {
  height: auto;
  max-width: unset;
}

.preview-project-mobile-footer .rc-mobile-preview-article-title {
  display: flex;
  width: 100%;
  height: 36px;
  align-items: center;
}
.preview-project-mobile-footer .rc-mobile-preview-article-title label {
  font-size: 18px;
  line-height: 18px;
  font-weight: bold;
  flex: 1;
}
.preview-project-mobile-footer .rc-mobile-preview-article-description {
  font-size: 12px;
  line-height: 15px;
  margin-bottom: 16px;
}
.preview-project-mobile-footer .rc-mobile-priceinfo {
  justify-content: left;
}

#ProjectPreviewModulesDialog .mobile-module-content {
  padding: 8px;
}
#ProjectPreviewModulesDialog .mobile-module-content .checkout-group-content .group-content-button button {
  width: 100%;
  justify-content: left;
}
#ProjectPreviewModulesDialog .mobile-module-content .designer-footer-price-info-wrapper {
  text-align: unset;
  margin-top: 16px;
}
#ProjectPreviewModulesDialog .mobile-module-content .designer-footer-price-info-wrapper > div {
  justify-content: unset;
}
#ProjectPreviewModulesDialog .mobile-module-content .preview-page {
  display: none;
}
#ProjectPreviewModulesDialog .mobile-module-content .main-page-data {
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}
#ProjectPreviewModulesDialog .mobile-module-content .main-page-data .main-page-data-image {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
#ProjectPreviewModulesDialog .mobile-module-content .main-page-data .main-page-data-image img {
  max-width: 100%;
}
#ProjectPreviewModulesDialog .mobile-module-content .main-page-data .main-page-data-title {
  font-weight: bold;
  text-align: left;
}
#ProjectPreviewModulesDialog .btn-submit {
  margin-top: 16px;
}
#ProjectPreviewModulesDialog .btn-submit button {
  width: 100%;
}
#ProjectPreviewModulesDialog .preview-project-mobile-footer {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-bottom: unset;
  width: 100%;
}
#ProjectPreviewModulesDialog .preview-project-mobile-footer div {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
  box-sizing: border-box;
}

/*
.mobile-module-content {
    padding: 8px;
}*/
.comment-pin {
  width: 24px;
  height: 24px;
  font-size: 18px;
  border-radius: 50%;
  background-color: orange;
  color: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: grab;
}

.dragging-cursor {
  cursor: grabbing !important;
}

#ProjectTemplatesDialog {
  display: flex;
  align-items: center;
  /*&.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content.rc-mobile-view-light {
      background-color: #efefef;
      margin-bottom: 0;
      padding-bottom: 16px;
  }

  .categories-page-cards {
      header, .article-selection {
          max-width: unset;
      }
  }*/
}
#ProjectTemplatesDialog .rc-dialog-wrapper {
  min-height: unset;
  height: 90%;
  margin: 0 auto;
  width: 1600px;
  max-width: calc(100% - 32px);
}
@media only screen and (min-width: 1921px) {
  #ProjectTemplatesDialog .rc-dialog-wrapper {
    max-width: 1728px;
  }
}
#ProjectTemplatesDialog .rc-dialog-wrapper .rc-dialog-content {
  background-color: #e7e7e7;
  min-height: calc(100% - 32px);
  max-height: calc(100% - 32px);
  padding: 8px 8px 0;
  box-sizing: border-box;
}
#ProjectTemplatesDialog header {
  max-width: unset;
  position: relative;
}
#ProjectTemplatesDialog .article-selection {
  max-width: unset;
  padding: 8px;
}
#ProjectTemplatesDialog .categories-page-cards {
  flex: 1;
}
#ProjectTemplatesDialog .project-templates-filter-button {
  margin-left: 8px;
}
#ProjectTemplatesDialog .article-configurator-page.article-configurator-old-content {
  max-width: unset;
}
#ProjectTemplatesDialog .article-configurator-page.article-configurator-old-content > div {
  height: calc(100% - 16px);
}
#ProjectTemplatesDialog .article-configurator-page.article-configurator-old-content > div .article-configurator-more-designs-wrapper {
  display: flex;
  flex-direction: column;
}
#ProjectTemplatesDialog .article-configurator-page.article-configurator-old-content > div .article-configurator-more-designs-wrapper .article-configurator-content {
  flex: 1;
}
#ProjectTemplatesDialog .configurator-page {
  flex: 1;
  max-height: 100%;
  overflow-y: auto;
}
#ProjectTemplatesDialog .configurator-page .article-configurator-page-wrapper {
  align-items: unset;
}
#ProjectTemplatesDialog .projects-templates-filter-overview {
  position: absolute;
  inset: 0 0 0 0;
  padding: 0;
  z-index: 1000;
  display: flex;
  justify-content: right;
}
#ProjectTemplatesDialog .projects-templates-filter-overview:before {
  position: fixed;
  left: 0;
  top: 0;
  display: block;
  background-color: #353840;
  content: " ";
  pointer-events: none;
  z-index: -1;
  height: 100%;
  width: 100%;
  opacity: 0.8;
}
#ProjectTemplatesDialog .projects-templates-filter-overview .desktop-detail-content {
  background-color: #fff;
  min-width: 320px;
  max-width: 446px;
  width: 375px;
  box-sizing: border-box;
}
#ProjectTemplatesDialog .projects-templates-filter-overview .desktop-detail-content .detail-content-header {
  display: flex;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  width: 100%;
  background-color: #fff;
  z-index: 10;
  flex: 0;
  min-height: 36px;
  padding: unset;
}
#ProjectTemplatesDialog .projects-templates-filter-overview .desktop-detail-content .detail-content-header .header-title {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 36px;
}
#ProjectTemplatesDialog .projects-templates-filter-overview .desktop-detail-content .detail-content-header .header-labled-button {
  position: absolute;
  right: 8px;
}
#ProjectTemplatesDialog .projects-templates-filter-overview .desktop-detail-content .detail-content-header .header-labled-button button.apply-button {
  padding-left: 0;
  padding-right: 4px;
  width: auto;
  color: #3669c4;
}
#ProjectTemplatesDialog .projects-templates-filter-overview .desktop-detail-content .detail-content-header .close-button {
  position: absolute;
}
#ProjectTemplatesDialog .projects-templates-filter-overview .projects-templates-filter-content {
  padding: 16px;
  box-sizing: border-box;
}

.rc-mobile-view.project-templates-view .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox .labels .rc-label-component {
  text-align: left;
}
.rc-mobile-view.project-templates-view .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox .labels .rc-label-component.template-item-description {
  display: none;
}
.rc-mobile-view.project-templates-view .article-selection .article-selection-content .cardbox.is-mobile {
  max-width: 50%;
}

#ProjectSettingsDialog.rc-dialog .rc-dialog-wrapper {
  max-width: none;
}
#ProjectSettingsDialog.rc-dialog .rc-dialog-wrapper .rc-dialog-content {
  padding: 0;
  width: 100%;
}
#ProjectSettingsDialog.rc-dialog .rc-dialog-wrapper .rc-dialog-content > div {
  width: 480px;
  max-width: 80%;
  height: auto !important;
  padding: 12px;
  background-color: #FFFFFF;
  font-size: 14px;
  margin: 0 auto;
}
#ProjectSettingsDialog .big-label {
  font-size: 18px;
  line-height: 120%;
  font-weight: bold;
}
#ProjectSettingsDialog .project-settings-form {
  margin-top: 19px;
}
#ProjectSettingsDialog .project-settings-form .button-row {
  margin-top: 24px;
  align-items: center;
  display: flex;
}
#ProjectSettingsDialog .project-settings-form .button-row > div {
  flex: auto;
}
#ProjectSettingsDialog .project-settings-form .button-row > div:last-child {
  text-align: right;
}
#ProjectSettingsDialog .project-settings-form .button-row > div button {
  margin-left: 8px;
}
#ProjectSettingsDialog .project-settings-form .button-row .cancel-button {
  padding-left: 0;
}
#ProjectSettingsDialog .project-settings-form .button-row .cancel-button:hover {
  text-decoration: underline;
}
#ProjectSettingsDialog .project-settings-form .button-row .cancel-button .sgw-icon {
  margin-right: 0;
}
#ProjectSettingsDialog .project-settings-form .group-content {
  display: flex;
  flex: 1 1 50%;
}
#ProjectSettingsDialog .project-settings-form .group-content.group-content-horizontal-group, #ProjectSettingsDialog .project-settings-form .group-content.group-content-horizontal-group-line-break {
  margin-bottom: 8px;
}

#ProjectSettingsMobile.rc-mobile-view {
  z-index: 20;
}
#ProjectSettingsMobile .rc-select {
  min-width: unset;
}
#ProjectSettingsMobile main form {
  margin-top: 16px;
  padding: 0 8px;
}
#ProjectSettingsMobile main form .project-settings-form-skip {
  text-align: right;
}
#ProjectSettingsMobile main form .group-content.group-content-horizontal-group {
  margin-bottom: 8px;
}
#ProjectSettingsMobile main form .group-content.group-content-horizontal-group > * {
  flex: 1;
}

#MobileCalendarSettingsDialog .rc-dialog-content {
  width: 80%;
  border-radius: 20px;
  padding: 24px 24px 16px 24px;
}
#MobileCalendarSettingsDialog .rc-dialog-content .header {
  margin-bottom: 16px;
  font-size: 18px;
  font-weight: 600;
}
#MobileCalendarSettingsDialog .rc-dialog-content .footer {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
}
#MobileCalendarSettingsDialog .rc-dialog-content .footer .btn-simple {
  color: #3669C4;
  text-transform: uppercase;
  flex: unset;
}

#ProjectSettingsDialog, #ProjectSettingsMobile {
  /*.group-content {
      height: 36px;

      .group-
  }*/
}
#ProjectSettingsDialog .group-content-checkbox, #ProjectSettingsMobile .group-content-checkbox {
  height: 36px;
}
#ProjectShareOptions .group-content-horizontal-group {
  flex-wrap: wrap;
}
#ProjectShareOptions .group-content-horizontal-group > .group-content.group-content-button {
  margin-bottom: 8px;
  width: auto;
}

.project-validation-module {
  padding: 4px;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.project-validation-module .module-label {
  margin-bottom: 8px;
}
.project-validation-module .module-error-label {
  color: #d7032c;
  margin-bottom: 2px;
  line-height: 15px;
  /*-webkit-text-stroke-width: 0.25px;*/
  /*-webkit-font-smoothing: antialiased;*/
  text-shadow: transparent 0 0 0, rgb(215, 3, 44) 0 0 0;
}
.project-validation-module .project-validation-order-button {
  padding: 8px 0;
  box-sizing: border-box;
}
.project-validation-module .module-sub-tab {
  display: flex;
  flex-direction: column;
}
.project-validation-module .module-sub-tab-buttons-line {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 8px;
}
.project-validation-module .module-sub-tab-buttons-line .btn-simple.btn-default {
  flex-grow: 1;
  text-align: center;
}

.project-validation-module .module-sub-tab .module-sub-tab-header {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #EFEFEF;
  padding: 4px 0;
}

.project-validation-module .module-sub-tab:last-child .module-sub-tab-header,
.project-validation-module .module-sub-tab.active .module-sub-tab-header {
  border-bottom: none;
}

.project-validation-module .module-sub-tab .module-sub-tab-header:hover {
  background: #EFEFEF;
}

.project-validation-module .module-sub-tab .module-sub-tab-instruction {
  color: #676767;
  margin-bottom: 8px;
}

.project-validation-module .module-sub-tab.active .module-sub-tab-header:hover {
  background: inherit;
}

.project-validation-module .module-sub-tab .module-sub-tab-content {
  overflow-y: auto;
  display: none;
}

.project-validation-module .module-sub-tab .module-sub-tab-content-text {
  margin-bottom: 4px;
}

.project-validation-module .module-sub-tab .btn-default {
  padding: 4px 32px;
  height: unset;
  box-sizing: border-box;
}

.project-validation-module .module-sub-tab .module-sub-tab-header .sgw-icon {
  width: 20px;
  height: 20px;
  position: relative;
  margin-right: 2px;
  padding: 0;
}

.project-validation-module .module-sub-tab .module-sub-tab-header .sgw-icon:before {
  color: #000000;
  font-size: 40px;
}

.project-validation-module .module-sub-tab .module-sub-tab-header .sgw-icon.arrow_down:before {
  left: -12px;
  top: 2px;
}

.project-validation-module .module-sub-tab .module-sub-tab-header .sgw-icon.arrow_right:before {
  top: 0;
  left: -10px;
}

.project-validation-module .module-sub-tab .module-sub-tab-header-label {
  font-size: 14px;
}

.project-validation-module .module-sub-tab.active .module-sub-tab-content {
  display: block;
}

.project-validation-module-dialog-button {
  margin: 24px auto 0;
}

/*@keyframes SlideDown {
    0% {
        opacity: 0;
        @include translate(0, -125%);
    }

    100% {
        opacity: 1;
        @include translate(0, 0);
    }
}

@keyframes SlideUp {
    0% {
        opacity: 1;
        @include translate(0, 0);
    }

    100% {
        opacity: 0;
        @include translate(0, -125%);
    }
}

@keyframes FadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes FadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}*/
.rc-dialog-open > *:not(.dialog-window):not(.rc-dialog):not(.apip-error-alert):not(.rc-loader-locked):not(.rc-loader):not(.rc-mobile-view):not(#CollectionImageCommentView):not(.drag-container) {
  -webkit-filter: blur(4px);
  -ms-filter: blur(4px);
  filter: blur(4px);
}

.content-card {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 167.5px;
  max-width: 246px;
  background-color: #ffffff;
  margin-bottom: 8px;
  box-sizing: border-box;
  cursor: pointer;
}
.content-card .promotion-label {
  position: absolute;
  top: -6px;
  left: 8px;
  z-index: 1;
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.4);
  overflow: unset;
}
.content-card .promotion-label > div {
  display: block;
  padding: 4px 16px;
  color: #ffffff;
  background-color: #d9052f;
}
.content-card .promotion-label > div:after {
  content: "";
  position: absolute;
  right: -5px;
  z-index: -1;
  top: -6px;
  width: 5px;
  height: 5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 8px solid #A60424;
  transform: rotate(90deg);
}
.content-card .promotion-label.redesign {
  top: 8px;
  right: 6px;
  left: unset;
  box-shadow: none;
  border-radius: 24px;
}
.content-card .promotion-label.redesign > div {
  border-radius: 24px;
}
.content-card .promotion-label.redesign > div:after {
  display: none;
}
.content-card .content-card-image {
  flex: auto;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.content-card .content-card-image .image-tile {
  flex: 1;
}
.content-card .content-card-title {
  flex: 0;
  display: flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  padding: 0 4px;
  box-sizing: border-box;
}
.content-card .content-card-title .rc-icon.lock_ratio {
  padding-left: 16px;
}
.content-card.card-small {
  height: auto;
}
.content-card.card-small .content-card-image {
  height: 130px;
}
.content-card.card-small .content-card-title {
  font-weight: normal;
}

.rc-mobile-view .content-card {
  margin-bottom: unset;
}
.rc-mobile-view .article-configurator.article-configurator-mobile {
  padding: 8px 8px 16px;
}
.rc-mobile-view .article-configurator.article-configurator-mobile.redesign {
  padding: 0;
}
.rc-mobile-view .mobile-stage .mobile-stage-pages + .articles-module {
  margin: 0 -16px;
  background-color: #ffffff;
  padding-bottom: 16px;
  position: relative;
}
.rc-mobile-view .mobile-stage .mobile-stage-pages + .articles-module .article-configurator-mobile {
  padding: 8px 0 0;
}
.rc-mobile-view .mobile-stage.redesign .mobile-stage-pages + .articles-module {
  margin: 0;
  height: unset;
}
.rc-mobile-view .mobile-stage-pages .react-sortable-ghost {
  opacity: 1;
}
.rc-mobile-view .mobile-stage-pages .react-sortable-invisible {
  visibility: hidden;
}

.image-tile {
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  border: 2px solid transparent;
}
.image-tile.selected {
  border-color: #3669c4;
}
.image-tile.selected .rc-icon {
  position: absolute;
  padding: unset;
  right: 4px;
  bottom: 4px;
  width: 24px;
  height: 24px;
  background: #3669c4;
  border-radius: 50%;
}
.image-tile.selected .rc-icon:before {
  color: #ffffff;
}
.image-tile img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.image-tile img.landscape {
  height: 100%;
  width: auto;
}
.image-tile img.portrait {
  width: 100%;
  height: auto;
}
.image-tile picture img {
  max-width: 100%;
}

.rc-image-overlay {
  min-height: 44px;
  width: 100%;
  display: flex;
  align-items: center;
  color: white;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
}
.rc-image-overlay.position-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
}

#DesignSelectionDialog.rc-dialog .rc-dialog-wrapper, #ImageSelectionDialog.rc-dialog .rc-dialog-wrapper, #BulkOrdererDialog.rc-dialog .rc-dialog-wrapper {
  max-width: unset;
  height: 100%;
  margin: unset;
}
#DesignSelectionDialog.rc-dialog .rc-dialog-wrapper .rc-dialog-content, #ImageSelectionDialog.rc-dialog .rc-dialog-wrapper .rc-dialog-content, #BulkOrdererDialog.rc-dialog .rc-dialog-wrapper .rc-dialog-content {
  padding: 0;
  margin: 0 auto;
}

.rc-dialog.rc-alert:not(.lock-view-dialog) .rc-dialog-wrapper, .rc-dialog.rc-confirm:not(.lock-view-dialog) .rc-dialog-wrapper {
  max-width: unset;
}
.rc-dialog.rc-alert:not(.lock-view-dialog) .rc-dialog-wrapper .rc-dialog-content, .rc-dialog.rc-confirm:not(.lock-view-dialog) .rc-dialog-wrapper .rc-dialog-content {
  padding: 16px;
  width: auto;
  margin: 0 auto;
}
.rc-dialog.rc-alert:not(.lock-view-dialog) .rc-dialog-wrapper .rc-dialog-content p, .rc-dialog.rc-confirm:not(.lock-view-dialog) .rc-dialog-wrapper .rc-dialog-content p {
  margin-bottom: 16px;
  line-height: 14px;
  font-size: 14px;
  max-width: 450px;
  text-align: left;
}
.rc-dialog.rc-alert.lock-view-dialog .rc-dialog-wrapper .rc-dialog-content, .rc-dialog.rc-confirm.lock-view-dialog .rc-dialog-wrapper .rc-dialog-content {
  padding: 16px !important;
}
.rc-dialog.rc-alert.lock-view-dialog .rc-dialog-wrapper .rc-dialog-content p, .rc-dialog.rc-confirm.lock-view-dialog .rc-dialog-wrapper .rc-dialog-content p {
  margin-bottom: 16px;
  line-height: 20px;
  font-size: 16px;
  max-width: 450px;
}
.rc-dialog.rc-alert.mobile-notification.redesign, .rc-dialog.rc-confirm.mobile-notification.redesign {
  display: flex;
  justify-content: center;
  border-radius: 14px;
  background: #FFF;
  box-shadow: -2px 4px 4px 0px rgba(0, 0, 0, 0.05), 1px 1px 4px 0px rgba(0, 0, 0, 0.15);
}
.rc-dialog.rc-alert.mobile-notification.redesign.redesign-tablet, .rc-dialog.rc-confirm.mobile-notification.redesign.redesign-tablet {
  background: none;
}
.rc-dialog.rc-alert.mobile-notification.redesign.redesign-tablet:before, .rc-dialog.rc-confirm.mobile-notification.redesign.redesign-tablet:before {
  background-color: #000000;
  opacity: 0.5;
}
.rc-dialog.rc-alert.mobile-notification.redesign .rc-dialog-wrapper.slim-dialog, .rc-dialog.rc-confirm.mobile-notification.redesign .rc-dialog-wrapper.slim-dialog {
  width: 279px;
  min-width: 279px;
  flex: unset;
}
.rc-dialog.rc-alert.mobile-notification.redesign .rc-dialog-wrapper.slim-dialog .rc-dialog-content, .rc-dialog.rc-confirm.mobile-notification.redesign .rc-dialog-wrapper.slim-dialog .rc-dialog-content {
  padding: 24px 24px 16px 24px;
}
.rc-dialog.rc-alert.mobile-notification.redesign .rc-dialog-wrapper.slim-dialog .rc-dialog-content .rc-confirm-title, .rc-dialog.rc-confirm.mobile-notification.redesign .rc-dialog-wrapper.slim-dialog .rc-dialog-content .rc-confirm-title {
  color: var(--Content-contentPrimary, #2C2C2C);
  /* Saal Digital - 17 pt Semi Bold */
  font-family: "SourceSansPro-Regular";
  font-size: 17px;
  font-style: normal;
  font-weight: 600;
  line-height: 19px;
}
.rc-dialog.rc-alert.mobile-notification.redesign .rc-dialog-wrapper.slim-dialog .rc-dialog-content .rc-confirm-content, .rc-dialog.rc-confirm.mobile-notification.redesign .rc-dialog-wrapper.slim-dialog .rc-dialog-content .rc-confirm-content {
  display: none;
}
.rc-dialog.rc-alert.mobile-notification.redesign .rc-dialog-wrapper.slim-dialog .rc-dialog-content .rc-confirm-footer, .rc-dialog.rc-confirm.mobile-notification.redesign .rc-dialog-wrapper.slim-dialog .rc-dialog-content .rc-confirm-footer {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  align-self: stretch;
}
.rc-dialog.rc-alert.mobile-notification.redesign .rc-dialog-wrapper.slim-dialog .rc-dialog-content .rc-confirm-footer button, .rc-dialog.rc-confirm.mobile-notification.redesign .rc-dialog-wrapper.slim-dialog .rc-dialog-content .rc-confirm-footer button {
  display: flex;
  height: 30px;
  padding: 8px 24px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  background: #FFFFFF;
  text-transform: uppercase;
}
.rc-dialog.rc-alert.mobile-notification.redesign .rc-dialog-wrapper.slim-dialog .rc-dialog-content .rc-confirm-footer button .btn-label, .rc-dialog.rc-confirm.mobile-notification.redesign .rc-dialog-wrapper.slim-dialog .rc-dialog-content .rc-confirm-footer button .btn-label {
  color: #3669C4;
  text-align: center;
  /* Saal Digital - 13 p - Semibold */
  font-family: "SourceSansPro-Regular";
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 15px;
}
.rc-dialog.rc-alert .rc-dialog-wrapper .rc-dialog-content {
  padding: 16px 16px 0;
}
.rc-dialog.rc-alert .rc-dialog-wrapper .rc-dialog-content .rc-alert-footer {
  padding: 16px 0;
}

.rc-loader {
  line-height: 0;
}

.rc-mobile-view header .mobile-header-labled-button button.apply-button {
  padding-left: 0;
  padding-right: 4px;
  width: auto;
  color: #3669c4;
}

#BulkOrdererMobileSelectionDialog.rc-mobile-view header .mobile-header-labled-button button.apply-button, #BulkOrdererMobile.rc-mobile-view header .mobile-header-labled-button button.apply-button {
  padding-left: 0;
  padding-right: 4px;
  width: auto;
  color: #3669c4;
}
#BulkOrdererMobileSelectionDialog.rc-mobile-view header .mobile-page-title:last-child, #BulkOrdererMobile.rc-mobile-view header .mobile-page-title:last-child {
  padding-right: 32px;
}
#BulkOrdererMobileSelectionDialog.rc-mobile-view header .mobile-page-title:only-child, #BulkOrdererMobile.rc-mobile-view header .mobile-page-title:only-child {
  padding-right: unset;
}

#ReportContentMobile {
  z-index: 10003;
  filter: none;
}
#ReportContentMobile form {
  padding: 16px;
}

#ReportContent .group-content-radio-group-content {
  display: inherit;
}

#svgStageContainer {
  position: absolute;
  width: 100%;
  height: 100%;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.svg-loader-container {
  position: absolute;
  background-image: url("../Images/pending.gif");
  background-position: center;
  background-repeat: no-repeat;
  background-color: transparent;
}

.stage-comment-button {
  align-self: flex-end;
}

.page-next, .page-back {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 28px;
  height: 28px;
  border-radius: 28px;
  margin: auto;
  padding: 0;
  background: #cbcaca;
  cursor: pointer;
}
.page-next.disabled, .page-back.disabled {
  background: #dedede;
  cursor: not-allowed;
}
.page-next:hover, .page-back:hover {
  background: #dedede;
}
.page-next.sgw-icon:before, .page-next.sgw-icon:hover:before, .page-back.sgw-icon:before, .page-back.sgw-icon:hover:before {
  color: #FFFFFF;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  left: 6px;
  top: 5px;
}

.page-next {
  right: -36px;
  border: none;
}

.page-back {
  position: absolute;
  left: -36px;
  top: 0;
  bottom: 0;
  margin: auto;
  border: none;
}

.stage-button-container-wrapper {
  position: fixed;
  transform-origin: 0 0;
  z-index: 300;
  border-radius: 6px;
}
.stage-button-container-wrapper.active {
  background-color: rgba(54, 105, 196, 0.4);
  outline: 2px solid rgb(54, 105, 196);
  border: 2px solid rgb(54, 105, 196);
}
.stage-button-container-wrapper > div {
  position: absolute;
  inset: 0 0 0 0;
  pointer-events: all;
}
.stage-button-container-wrapper > div .stage-button-container {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.stage-button-container {
  position: fixed;
  background: #3669c4;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.35);
  text-align: center;
  min-width: 48px;
  font-size: 12px;
  color: #FFFFFF;
  display: none;
  z-index: 5000;
  pointer-events: all;
  white-space: nowrap;
  margin: 16px 0;
  border-radius: 6px;
}
.stage-button-container.add-images-button {
  padding: 8px;
  max-width: 150px;
  white-space: normal;
  position: relative;
}
.stage-button-container.add-images-button .predictive-layout {
  max-width: 150px;
  max-height: 90px;
}
.stage-button-container.visible {
  display: block;
}
.stage-button-container.active, .stage-button-container:hover {
  background: #6699f4;
}
.stage-button-container * {
  pointer-events: none;
}
.stage-button-container .sgw-icon {
  display: block;
  height: 12px;
  padding: 8px;
  cursor: default;
}
.stage-button-container .sgw-icon:before {
  color: white;
  font-size: 200%;
  width: 100%;
}
@media screen and (max-width: 1130px), screen and (max-height: 700px) {
  .stage-button-container .stage-button-label {
    display: none;
  }
  .stage-button-container .stage-button-label-background {
    display: block;
  }
}

.stage-button {
  padding: 8px;
}

@keyframes scale-in {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}
@keyframes scale-out {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(0);
  }
}
.canvas {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  position: relative;
  background-color: #e7e7e7;
  min-width: 100%;
  min-height: 100%;
  width: fit-content;
  padding: 0 16px 16px 16px;
}

.canvas-area .page-info {
  text-align: center;
  display: flex;
  justify-content: center;
  flex: 0 0 24px;
  align-items: flex-end;
  padding-bottom: 12px;
  background-color: #e7e7e7;
  width: 100%;
  font-size: 14px;
  min-width: 200px;
  max-height: 36px;
}
.canvas-area .page-info > div {
  display: flex;
  flex: 0 0 100%;
}
.canvas-area .page-info > div > div {
  flex: auto;
}

.drag-image-here-container-empty-page {
  position: absolute;
  z-index: 100;
}
.drag-image-here-container-empty-page.desktop {
  background: #FFFFFF;
}

.drag-image-here {
  padding: 8px;
  text-align: center;
  margin: 0 auto;
  pointer-events: auto;
  max-width: 100%;
  display: flex;
  align-items: center;
}
.drag-image-here.redesign {
  background: unset;
}
.drag-image-here.redesign .sgw-icon {
  top: 8px;
  padding: 22px;
  cursor: default;
  margin-right: 0;
}
.drag-image-here.redesign .sgw-icon:before {
  color: #3669C4;
  font-size: 32px;
  width: 100%;
  font-family: "icomoon";
}
.drag-image-here.empty-page {
  max-width: unset;
}
.drag-image-here .sgw-icon {
  cursor: default;
  margin-right: 0;
  width: 32px;
  height: 32px;
  flex: 0 0 auto;
}
.drag-image-here .sgw-icon:before {
  color: #3669C4;
  font-size: 32px;
  line-height: 32px;
  width: 32px;
  height: 32px;
}
.drag-image-here .btn-label {
  color: #3669C4;
  font-size: 14px;
  white-space: break-spaces;
  flex: 1 0 auto;
  overflow: hidden;
  text-overflow: ellipsis;
}
.drag-image-here span {
  display: inline-block;
  color: #3669C4;
  font-size: 100%;
  line-height: 110%;
}
.drag-image-here button.image-selection-mobile-button {
  height: auto;
  display: flex;
  flex-direction: column;
  padding: 0;
  background-color: unset;
  align-items: center;
  justify-content: start;
  width: 100%;
  max-height: 100%;
  overflow: hidden;
}
.drag-image-here .image-pool-source-selection {
  width: unset;
}

.drag-image-here-wrapper .drag-image-here .sgw-icon {
  display: none;
}

.drop-zone > input[type=file] {
  display: none;
}

.stage-content-wrapper .drop-zone {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.workspace-area {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.workspace-area .stage-content-wrapper {
  flex: 1;
  display: flex;
  position: relative;
  overflow: hidden;
}
.workspace-area .stage-content-wrapper .stage-content-inside-wrapper {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  height: 100%;
  overflow-x: scroll;
  overflow-y: scroll;
  background-color: #e7e7e7;
  padding: 0 16px 16px 16px;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.workspace-area .stage-content-wrapper .stage-content-inside-wrapper::-webkit-scrollbar {
  display: none;
}

.canvas-container {
  position: relative;
  overflow: hidden;
  box-sizing: content-box;
  display: flex;
}
.canvas-container canvas, .canvas-container img {
  image-rendering: smooth;
  image-rendering: -moz-crisp-edges;
}

.hidden-canvas {
  visibility: hidden;
  overflow: hidden;
  width: 0;
  height: 0;
}

#jsonStageContainer {
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100;
}
#jsonStageContainer.shadow-all-around {
  box-shadow: 0px 0px 8px 4px rgba(0, 0, 0, 0.25);
}
#jsonStageContainer .drag-image-here > button > .sgw-icon {
  margin-bottom: 8px;
}

.designer-stage-frame-box {
  position: absolute;
  z-index: 2;
  border-style: solid;
  pointer-events: none;
}

.stage-preview-container-hidden {
  width: 0;
  height: 0;
  visibility: hidden;
  overflow: hidden;
}

.selected-frame {
  position: fixed;
  box-sizing: content-box;
  border: 5px solid #3669C4;
  pointer-events: none;
}

.composition {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.rc-context-menu.selected-frame-context-menu {
  position: fixed;
  z-index: 2000;
}
.rc-context-menu.selected-frame-context-menu .context-menu {
  right: unset;
  left: 0;
}

.bleed-warning, .matte-cover-warning {
  position: fixed;
  z-index: 2000;
}
.bleed-warning button, .matte-cover-warning button {
  width: 100%;
  background-color: #3669c4;
  border: none;
  font-size: 0.9em;
  font-weight: bold;
  text-align: center;
  color: #FFFFFF;
  text-decoration: none;
  padding: 10px;
  cursor: pointer;
  border-radius: 5px;
}

.matte-cover-warning {
  left: calc(50% - 30px);
  transform: translate(-50%, 0);
  margin-top: 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  z-index: 100000;
}
.modal button {
  position: relative;
  top: 40px;
  left: 380px;
}

.bleed-info-iframe iframe {
  overflow: hidden;
}

.bleedWarningLine {
  position: fixed;
  background-color: #d70000;
  width: 2px;
  z-index: 500;
}

.move-handler-preview-container {
  position: fixed;
  overflow: hidden;
  inset: unset;
  z-index: 10000;
  border: 1px solid #FFFFFF;
  pointer-events: none;
}
.move-handler-preview-container > div {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  border: 1px solid #2c2c2c;
}
.move-handler-preview-container img {
  position: absolute;
}

#SelectorFrame {
  transform-origin: center;
  z-index: 11;
}
#SelectorFrame > .helper {
  position: absolute;
  width: 0;
  height: 0;
}
#SelectorFrame .move-handler {
  position: absolute;
  inset: 0 0 0 0;
}
#SelectorFrame .move-handler .move-handler-swap-mark {
  position: absolute;
  width: 46px;
  height: 46px;
  top: -23px;
  left: -23px;
  background: #3669C4;
  z-index: 1;
  border-radius: 23px;
}
#SelectorFrame .move-handler .move-handler-swap-mark .rc-icon,
#SelectorFrame .move-handler .move-handler-swap-mark .rc-icon-swap-images {
  width: 48px;
  height: 48px;
  padding-left: 0;
}
#SelectorFrame .move-handler .move-handler-swap-mark .rc-icon:before,
#SelectorFrame .move-handler .move-handler-swap-mark .rc-icon-swap-images:before {
  font-size: 24px;
  line-height: 24px;
  width: 24px;
  height: 24px;
  color: #FFFFFF;
}
#SelectorFrame .resize-handler {
  width: 9px;
  height: 9px;
  position: absolute;
  z-index: 11;
  border: 1px solid #3669C4;
  box-sizing: border-box;
  background-color: white;
}
#SelectorFrame .resize-handler.resize-handler-tablet {
  width: 15px;
  height: 15px;
}
#SelectorFrame .resize-handler.nw {
  left: -6px;
  top: -6px;
  cursor: nwse-resize;
}
#SelectorFrame .resize-handler.ne {
  right: -6px;
  top: -6px;
  cursor: nesw-resize;
}
#SelectorFrame .resize-handler.sw {
  left: -6px;
  bottom: -6px;
  cursor: nesw-resize;
}
#SelectorFrame .resize-handler.se {
  right: -6px;
  bottom: -6px;
  cursor: nwse-resize;
}
#SelectorFrame .resize-handler.n {
  left: calc(50% - 6px);
  top: -6px;
}
#SelectorFrame .resize-handler.s {
  left: calc(50% - 6px);
  bottom: -6px;
}
#SelectorFrame .resize-handler.w {
  left: -6px;
  top: calc(50% - 6px);
}
#SelectorFrame .resize-handler.e {
  right: -6px;
  top: calc(50% - 6px);
}
#SelectorFrame .rotate-handler {
  height: 32px;
  width: 32px;
  position: absolute;
  z-index: 11;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: url("../Images/cursorRotate.png") 10 9, move;
}
#SelectorFrame .rotate-handler .sgw-icon {
  width: 36px;
  height: 36px;
}
#SelectorFrame .rotate-handler .sgw-icon:before {
  width: 36px;
  height: 36px;
  line-height: 36px;
  font-size: 36px;
}
#SelectorFrame .rotate-handler.nw {
  left: -30px;
  top: -30px;
}
#SelectorFrame .rotate-handler.ne {
  right: -30px;
  top: -30px;
}
#SelectorFrame .rotate-handler.sw {
  left: -30px;
  bottom: -30px;
}
#SelectorFrame .rotate-handler.se {
  right: -30px;
  bottom: -30px;
}

#MultipleSelectorFrame > .multiple-helper {
  position: absolute;
  width: 0;
  height: 0;
}
#MultipleSelectorFrame .move-handler {
  position: absolute;
  inset: 0 0 0 0;
}
#MultipleSelectorFrame .rotate-handler {
  height: 32px;
  width: 32px;
  position: absolute;
  z-index: 11;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: url("../Images/cursorRotate.png") 10 9, move;
}
#MultipleSelectorFrame .rotate-handler .sgw-icon {
  width: 36px;
  height: 36px;
}
#MultipleSelectorFrame .rotate-handler .sgw-icon:before {
  width: 36px;
  height: 36px;
  line-height: 36px;
  font-size: 36px;
}
#MultipleSelectorFrame .rotate-handler.nw {
  left: -30px;
  top: -30px;
}
#MultipleSelectorFrame .rotate-handler.ne {
  right: -30px;
  top: -30px;
}
#MultipleSelectorFrame .rotate-handler.sw {
  left: -30px;
  bottom: -30px;
}
#MultipleSelectorFrame .rotate-handler.se {
  right: -30px;
  bottom: -30px;
}
#MultipleSelectorFrame .resize-handler {
  width: 9px;
  height: 9px;
  position: absolute;
  z-index: 11;
  border: 1px solid #3669C4;
  box-sizing: border-box;
  background-color: white;
  pointer-events: auto;
}
#MultipleSelectorFrame .resize-handler.nw {
  left: -6px;
  top: -6px;
  cursor: nwse-resize;
}
#MultipleSelectorFrame .resize-handler.ne {
  right: -6px;
  top: -6px;
  cursor: nesw-resize;
}
#MultipleSelectorFrame .resize-handler.sw {
  left: -6px;
  bottom: -6px;
  cursor: nesw-resize;
}
#MultipleSelectorFrame .resize-handler.se {
  right: -6px;
  bottom: -6px;
  cursor: nwse-resize;
}

.outside-of-designer {
  background-color: #e7e7e7;
  border: 1px solid #d70000;
}

.canvas svg {
  height: 100%;
  width: 100%;
  padding: 32px;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  overflow: visible;
}
.canvas svg #interactiveElements rect:not(:first-child):not(.no-cursor-pointer) {
  cursor: pointer;
}

.text-editor {
  max-width: 850px;
  max-height: 500px;
  display: flex;
  padding-top: 16px !important;
  border-radius: 6px;
  /*.select-box-container .select-box .selected-value {
      padding-right: 24px;
  }

  .font-size-selection .select-box-container .select-box .selected-value {
      min-width: 120px;

      @media (max-width: 500px) {
          min-width: unset;
      }
  }

  .font-family-selection .select-box-container .select-box {
      .selected-value {
          min-width: 280px;

          @media (max-width: 500px) {
              min-width: unset;
          }
      }

      .options > div > div {
          display: flex;
          align-items: center;
          padding-top: 4px;
      }
  }*/
}
.text-editor .text-editor-header {
  padding: 0 16px;
  z-index: 3;
}
.text-editor .text-editor-header .text-editor-header-row {
  display: flex;
  margin-bottom: 8px;
}
.text-editor .text-editor-header .text-editor-header-row.space-between {
  justify-content: space-between;
  align-items: center;
}
.text-editor .text-editor-header .text-editor-header-row .text-editor-header-button-group button {
  border-radius: 0;
}
.text-editor .text-editor-header .text-editor-header-row .text-editor-header-button-group button:first-child {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.text-editor .text-editor-header .text-editor-header-row .text-editor-header-button-group button:last-child {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.text-editor .text-editor-header .text-editor-header-row > div {
  margin-right: 8px;
  width: 20%;
}
.text-editor .text-editor-header .text-editor-header-row > div:last-child {
  margin-right: 0;
}
.text-editor .text-editor-header .text-editor-header-row .font-color-selection .rc-component.rc-color-picker {
  max-width: unset;
}
.text-editor .text-editor-header .text-editor-header-row .font-color-selection .rc-component.rc-color-picker .color-picker-label-container {
  max-width: unset;
}
.text-editor .text-editor-header .text-editor-header-row .text-editor-header-button-group button {
  padding: 0;
}
.text-editor .text-editor-header .text-editor-header-row .text-editor-header-button-group button > div {
  margin: 0 4px;
}
.text-editor .text-editor-header .text-editor-header-row .text-editor-vertical-align {
  text-align: right;
}
.text-editor .text-editor-header .text-editor-header-row .text-editor-header-font-size-group {
  display: flex;
}
.text-editor .text-editor-header .text-editor-header-row .text-editor-header-font-size-group .font-size-selection {
  flex: 1;
  margin-right: 8px;
}
.text-editor .text-editor-content {
  flex: 1;
  margin: 0 16px;
  overflow: hidden;
  background-color: #EFEFEF;
  position: relative;
}
.text-editor .text-editor-content .text-editor-backdrop {
  overflow: auto;
  position: absolute;
  height: 100%;
  min-height: 200px;
  width: 100%;
  pointer-events: none;
  z-index: 1;
}
.text-editor .text-editor-content .text-editor-highlights {
  white-space: pre-wrap;
  word-wrap: break-word;
  color: transparent;
}
.text-editor .text-editor-content mark {
  color: transparent;
}
.text-editor .text-editor-content textarea {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 100%;
  height: 100%;
  box-sizing: border-box;
  resize: none;
  outline: none;
  border: none;
  border-bottom: 1px solid #CCCCCC;
  padding: 4px;
  margin: 0;
  border-radius: 0;
  background-color: transparent;
}
.text-editor .text-editor-content textarea:focus, .text-editor .text-editor-content textarea:hover {
  border-color: #3669C4;
}
.text-editor .text-editor-footer {
  display: flex;
  justify-content: space-between;
  padding: 16px;
}
.text-editor .text-editor-footer .btn-simple {
  height: unset;
}
.text-editor .text-editor-footer .checkbox-wrapper {
  flex: 1;
  padding: 8px 32px;
}
.text-editor .select-box.active .options {
  max-height: 300px;
}
.text-editor .select-options-list {
  max-height: 250px;
  overflow-y: auto;
}
.text-editor .select-options-list .option-image img {
  max-height: 22px;
  display: inherit;
}

#TextEditorMobileView.rc-mobile-view main {
  background-color: #FFFFFF;
}
#TextEditorMobileView.rc-mobile-view main > div {
  display: flex;
  flex-direction: column;
}
#TextEditorMobileView.rc-mobile-view main > div > div {
  background-color: #FFFFFF;
  margin: 0 4px;
}
#TextEditorMobileView.rc-mobile-view main > div .checkbox-wrapper {
  padding: 4px;
}
#TextEditorMobileView.rc-mobile-view main > div .text-editor-header-row {
  display: flex;
  box-sizing: border-box;
}
#TextEditorMobileView.rc-mobile-view main > div .text-editor-header-row .rc-select {
  min-width: unset;
}
#TextEditorMobileView.rc-mobile-view main > div .text-editor-header-row > div {
  margin: 4px;
}
#TextEditorMobileView.rc-mobile-view main > div .text-editor-header-row .font-family-selection {
  width: 100%;
}
#TextEditorMobileView.rc-mobile-view main > div .text-editor-header-row .font-size-selection, #TextEditorMobileView.rc-mobile-view main > div .text-editor-header-row .line-height-selection, #TextEditorMobileView.rc-mobile-view main > div .text-editor-header-row .text-editor-vertical-align, #TextEditorMobileView.rc-mobile-view main > div .text-editor-header-row .placeholder-selection {
  flex: 1;
}
#TextEditorMobileView.rc-mobile-view main > div .text-editor-header-row .font-color-selection, #TextEditorMobileView.rc-mobile-view main > div .text-editor-header-row .highlight-color-selection {
  width: 50%;
}
#TextEditorMobileView.rc-mobile-view main > div .text-editor-header-row .text-editor-header-button-group button {
  padding: 0;
}
#TextEditorMobileView.rc-mobile-view main > div .text-editor-header-row .text-editor-header-button-group button > div {
  margin: 0 4px;
}
#TextEditorMobileView.rc-mobile-view main > div .text-editor-header-row > div:last-child {
  text-align: right;
}
#TextEditorMobileView.rc-mobile-view main > div .text-editor-content {
  display: flex;
  flex: 1;
  margin: 4px 8px;
}
#TextEditorMobileView.rc-mobile-view main > div .text-editor-content textarea {
  border-color: #DEDEDE;
  height: 100%;
  flex: auto;
  padding: 2px;
  outline: none;
  min-height: 200px;
}
#TextEditorMobileView.rc-mobile-view.redesign header.redesign .mobile-page-title {
  text-align: start;
  margin: 0 32px 0 24px;
}
#TextEditorMobileView.rc-mobile-view.redesign header.redesign .back-button > button {
  height: 18px;
  width: 18px;
}
#TextEditorMobileView.rc-mobile-view.redesign header.redesign .back-button > button.btn-redesign {
  position: fixed;
  top: 18px;
  left: 16px;
  z-index: 5;
  margin: unset;
}
#TextEditorMobileView.rc-mobile-view.redesign header.redesign .back-button > button.btn-redesign .btn-label {
  display: none;
}
#TextEditorMobileView.rc-mobile-view.redesign header.redesign .back-button > button.btn-redesign .rc-icon.sgw-icon:before {
  height: 18px;
  width: 18px;
  line-height: 18px;
  font-size: 18px;
}
#TextEditorMobileView.rc-mobile-view.redesign main {
  padding-top: 8px;
}
#TextEditorMobileView.rc-mobile-view.redesign main.tablet {
  padding: unset;
}
#TextEditorMobileView.rc-mobile-view.redesign main.tablet .toolbar {
  margin: unset;
}
#TextEditorMobileView.rc-mobile-view.redesign main.tablet .toolbar .text-editor-header-button-group {
  white-space: nowrap;
  flex-wrap: unset;
}
#TextEditorMobileView.rc-mobile-view.redesign main.tablet .toolbar .sgw-icon.arrow_down_line2 {
  height: 18px;
  width: 18px;
}
#TextEditorMobileView.rc-mobile-view.redesign main.tablet .toolbar .sgw-icon.arrow_down_line2:before {
  height: 18px;
  width: 18px;
  line-height: 18px;
  font-size: 18px;
}
#TextEditorMobileView.rc-mobile-view.redesign main.tablet .toolbar .rc-color-picker {
  padding: unset;
  border: unset;
  border-bottom: unset;
}
#TextEditorMobileView.rc-mobile-view.redesign main.tablet .toolbar .rc-color-picker .picker-color {
  width: 32px;
  height: 32px;
}
#TextEditorMobileView.rc-mobile-view.redesign main.tablet .toolbar .rc-color-picker .rc-label-component {
  white-space: nowrap;
}
#TextEditorMobileView.rc-mobile-view.redesign main.tablet .row-container {
  display: flex;
  flex-direction: row;
  width: 100%;
  gap: 24px;
}
#TextEditorMobileView.rc-mobile-view.redesign main.tablet .row-container > div {
  align-items: center;
}
#TextEditorMobileView.rc-mobile-view.redesign main.tablet .row-end {
  margin-left: auto !important;
  white-space: nowrap;
  min-width: 20%;
}
#TextEditorMobileView.rc-mobile-view.redesign main.tablet .text-editor-content-container {
  padding: 16px;
  margin: unset;
  background-color: #e7e7e7;
  flex: 1;
}
#TextEditorMobileView.rc-mobile-view.redesign main.tablet .text-editor-content-container.redesign .text-editor-highlights {
  margin-top: 24px;
}
#TextEditorMobileView.rc-mobile-view.redesign main.tablet .text-editor-content-container .text-editor-content {
  padding: 0;
  height: 100%;
  overflow: hidden;
  background: #FFFFFF;
  position: relative;
}
#TextEditorMobileView.rc-mobile-view.redesign main.tablet .text-editor-content-container .text-editor-content .text-editor-backdrop {
  overflow: auto;
  position: absolute;
  height: 100%;
  min-height: 200px;
  width: 100%;
  pointer-events: none;
  z-index: 1;
}
#TextEditorMobileView.rc-mobile-view.redesign main.tablet .text-editor-content-container .text-editor-content .text-editor-backdrop .text-editor-highlights {
  white-space: pre-wrap;
  word-wrap: break-word;
  color: rgba(0, 0, 0, 0);
}
#TextEditorMobileView.rc-mobile-view.redesign main.tablet .text-editor-content-container .text-editor-content .text-editor-backdrop .text-editor-highlights mark {
  color: rgba(0, 0, 0, 0);
}
#TextEditorMobileView.rc-mobile-view.redesign main.tablet .text-editor-content-container .text-editor-content textarea {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 100%;
  height: 100%;
  box-sizing: border-box;
  resize: none;
  outline: none;
  border: none;
  border-bottom: 1px solid #ccc;
  padding: 4px;
  margin: 0;
  border-radius: 0;
  background-color: rgba(0, 0, 0, 0);
}
#TextEditorMobileView.rc-mobile-view.redesign main > div .extended-controls-btn-redesign {
  margin: unset;
  background-color: #e7e7e7;
}
#TextEditorMobileView.rc-mobile-view.redesign main > div .toolbar {
  padding: 8px 16px 16px 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
#TextEditorMobileView.rc-mobile-view.redesign main > div .toolbar.landscape .row-end {
  min-width: unset;
}
#TextEditorMobileView.rc-mobile-view.redesign main > div .toolbar.landscape .row-end .checkbox-wrapper {
  justify-content: end;
}
#TextEditorMobileView.rc-mobile-view.redesign main > div .toolbar.landscape .text-editor-header-row.full-width {
  overflow-x: auto;
  overflow-y: hidden;
}
#TextEditorMobileView.rc-mobile-view.redesign main > div .toolbar.phone .text-editor-header-row .font-family-selection {
  max-width: unset;
}
#TextEditorMobileView.rc-mobile-view.redesign main > div .toolbar .text-editor-header-row {
  display: flex;
  flex-direction: row;
  align-items: center;
}
#TextEditorMobileView.rc-mobile-view.redesign main > div .toolbar .text-editor-header-row.gap-16 {
  gap: 16px;
}
#TextEditorMobileView.rc-mobile-view.redesign main > div .toolbar .text-editor-header-row.gap-24 {
  gap: 24px;
}
@media (max-width: 386px) {
  #TextEditorMobileView.rc-mobile-view.redesign main > div .toolbar .text-editor-header-row.gap-24 {
    gap: 12px;
  }
}
#TextEditorMobileView.rc-mobile-view.redesign main > div .toolbar .text-editor-header-row.text-editor-vertical-align {
  flex: unset;
}
#TextEditorMobileView.rc-mobile-view.redesign main > div .toolbar .text-editor-header-row.full-width {
  width: 100%;
  justify-content: space-between;
}
#TextEditorMobileView.rc-mobile-view.redesign main > div .toolbar .text-editor-header-row > div {
  margin: unset;
}
#TextEditorMobileView.rc-mobile-view.redesign main > div .toolbar .text-editor-header-row .checkbox-wrapper {
  display: flex;
  justify-content: center;
}
#TextEditorMobileView.rc-mobile-view.redesign main > div .toolbar .text-editor-header-row .text-editor-header-button-group {
  display: flex;
  align-content: center;
  gap: 8px;
  flex: unset;
}
#TextEditorMobileView.rc-mobile-view.redesign main > div .toolbar .text-editor-header-row .text-editor-header-button-group:not(.tablet) {
  flex-wrap: wrap;
}
#TextEditorMobileView.rc-mobile-view.redesign main > div .toolbar .text-editor-header-row .text-editor-header-button-group button {
  background-color: #FFFFFF;
  width: 32px;
  height: 32px;
  border: 1px solid #525252;
  color: #525252;
}
#TextEditorMobileView.rc-mobile-view.redesign main > div .toolbar .text-editor-header-row .text-editor-header-button-group button:hover, #TextEditorMobileView.rc-mobile-view.redesign main > div .toolbar .text-editor-header-row .text-editor-header-button-group button:focus {
  background-color: #FFFFFF;
  color: #525252;
}
#TextEditorMobileView.rc-mobile-view.redesign main > div .toolbar .text-editor-header-row .text-editor-header-button-group button.btn-action {
  background-color: #3669c4;
  color: #FFFFFF;
}
#TextEditorMobileView.rc-mobile-view.redesign main > div .toolbar .text-editor-header-row .text-editor-header-button-group button.btn-action:hover, #TextEditorMobileView.rc-mobile-view.redesign main > div .toolbar .text-editor-header-row .text-editor-header-button-group button.btn-action:focus {
  background-color: #3669c4;
  color: #FFFFFF;
}
#TextEditorMobileView.rc-mobile-view.redesign main > div .toolbar .text-editor-header-row .text-editor-header-button-group button .rc-icon.sgw-icon:before {
  width: 32px;
  height: 32px;
  line-height: 32px;
}
#TextEditorMobileView.rc-mobile-view.redesign main > div .toolbar .text-editor-header-row .rc-component.rc-color-picker.rc-mobile-component {
  height: 32px;
  background: #FFFFFF;
  margin: unset;
  border: unset;
  padding: unset;
}
#TextEditorMobileView.rc-mobile-view.redesign main > div .toolbar .text-editor-header-row .rc-component.rc-color-picker.rc-mobile-component.selector-24 {
  height: 24px;
}
#TextEditorMobileView.rc-mobile-view.redesign main > div .toolbar .text-editor-header-row .rc-component.rc-color-picker.rc-mobile-component.selector-24 .picker-color {
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
#TextEditorMobileView.rc-mobile-view.redesign main > div .toolbar .text-editor-header-row .rc-component.rc-color-picker.rc-mobile-component .picker-color {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid #CBCACA;
}
#TextEditorMobileView.rc-mobile-view.redesign main > div .toolbar .text-editor-header-row .rc-component.rc-color-picker.rc-mobile-component .rc-label-component {
  margin-left: 8px;
  color: #525252;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px;
}
#TextEditorMobileView.rc-mobile-view.redesign main > div .toolbar .text-editor-header-row .font-family-selection {
  display: flex;
  flex-direction: row;
  gap: 16px;
  max-width: 30vw;
}
#TextEditorMobileView.rc-mobile-view.redesign main > div .toolbar .text-editor-header-row .font-family-selection .font-size-selection {
  width: 91px;
  max-width: 91px;
}
#TextEditorMobileView.rc-mobile-view.redesign main > div .text-editor-content {
  padding: 8px 16px;
  margin: unset;
  background-color: #e7e7e7;
}
#TextEditorMobileView.rc-mobile-view.redesign main > div .text-editor-content textarea {
  background-color: #FFFFFF;
  box-sizing: border-box;
}

.dialog-v2 > div.text-editor {
  overflow: visible;
}

.dialog-window .dialog-close {
  display: block;
  height: 24px;
  cursor: pointer;
}

.dialog-window .dialog-close:before {
  top: 0;
  right: 0px;
  left: auto;
  color: #FFF;
}

#designerTypeSelection .bottom a {
  padding: 0.5em 1.5em;
  font-size: 18px;
  background-color: #6C9D0D;
  line-height: 26px;
  color: #FFF;
  display: inline-block;
  text-decoration: none !important;
  cursor: pointer;
}

#designerTypeSelection {
  width: 940px;
  max-width: 100%;
  height: auto;
  padding: 16px 0;
  background: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  line-height: 1.5;
  box-shadow: none;
}

#designerTypeSelection[data-viewtype="3-coled"] {
  width: 1400px;
  max-width: 100%;
}

#designerTypeSelection .popup-header {
  color: #FFF;
  display: flex;
  height: 36px;
  text-align: center;
  margin: 4px;
  margin-bottom: -4px;
  font-size: 18px;
  font-weight: normal !important;
}

#designerTypeSelection .dialog-content {
  margin: 0 auto;
  display: flex;
}

#designerTypeSelection .dialog-content > div {
  flex: 1 1 48%;
  text-align: center;
  display: flex;
}

#designerTypeSelection .dialog-content > div, #designerTypeSelection .dialog-footer > div, #designerTypeSelection .popup-header > div {
  -webkit-box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.45);
  -moz-box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.45);
  box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.45);
}

#designerTypeSelection .dialog-content > div, #designerTypeSelection .dialog-footer > div {
  background-color: #FFF;
  margin: 4px; /*cursor: pointer;*/
}

#designerTypeSelection .dialog-footer > div {
  display: flex;
  padding: 13px;
  margin-top: 4px;
  font-size: 18px;
  color: #000;
  max-width: 348px;
  cursor: pointer;
  border: 3px solid #FFF;
}

#designerTypeSelection .dialog-footer .small {
  color: #000;
  display: block;
  font-size: 12px;
  margin-bottom: 0;
}

#designerTypeSelection .dialog-footer img {
  margin-right: 8px;
}

#designerTypeSelection .dialog-content > div > div {
  padding: 13px;
  flex: auto;
  margin: 0;
  display: flex;
  flex-direction: column;
  cursor: pointer;
  border: 3px solid #FFF;
  width: 100%;
}

#designerTypeSelection .dialog-content > div > div:hover, #designerTypeSelection .dialog-footer > div:hover {
  border-color: #d8d8d8;
}

#designerTypeSelection .dialog-content > div > div > div {
  flex: auto;
  flex-basis: 180px;
  padding: 16px 8px;
  overflow: hidden;
  text-align: left;
  font-size: 18px;
  width: 100%;
}

#designerTypeSelection p {
  margin: 0;
  margin-bottom: 16px;
}

#designerTypeSelection .dialog-content > div > div .bottom {
  flex: 0 1 96px;
  display: flex;
  padding: 0;
  align-items: center;
  justify-content: center;
  border-top: 1px solid #CCC;
}

#designerTypeSelection .dialog-content > div > div .top {
  flex: 0 1 240px;
  border-bottom: 1px solid #CCC;
  padding: 0;
  text-align: center;
  align-items: center;
  justify-content: flex-end;
  display: flex;
  flex-direction: column;
  padding-bottom: 16px;
}

#designerTypeSelection .dialog-content .top .pictogram {
  width: 100%;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  height: 200px;
}

#designerTypeSelection .dialog-content .top.autolayout .pictogram {
  background-image: url(../Svgs/osmpd_autolayout.svg);
}

#designerTypeSelection .dialog-content .top.oneminute .pictogram {
  background-image: url(../Svgs/osmpd_oneminute.svg);
}

#designerTypeSelection .dialog-content .top.socialmedia .pictogram {
  background-image: url(../Svgs/osmpd_socialmedia.svg);
}

#designerTypeSelection .pdf-upload:before {
  background-image: url(../Svgs/pdfupload.svg);
  height: 100%;
  width: 40px;
  background-size: auto;
  content: "";
  background-repeat: no-repeat;
  background-position: left center;
  display: block;
  float: left;
}

#designerTypeSelection[data-viewtype="3-coled"] .top {
  flex: 1 1 264px;
}

#designerTypeSelection ul, #designerTypeSelection li {
  list-style-type: none;
  font-size: 18px;
  text-align: left;
  padding-left: 32px;
  position: relative;
}

#designerTypeSelection ul {
  padding-left: 0;
}

#designerTypeSelection li:before {
  font-family: "icomoon", sans-serif !important;
  font-weight: normal !important;
  color: #9CCD40;
  font-size: 28px;
  line-height: 24px;
  content: "\e99d";
  display: block;
  width: 20px;
  position: absolute;
  left: 0;
  height: 20px;
}

#designerTypeSelection li.sgw-icon.grey:before {
  color: #646A78;
  font-size: 28px;
  text-align: center;
}

#designerTypeSelection .sgw-icon.check.checker {
  line-height: 16px;
  cursor: pointer;
}

#designerTypeSelection .sgw-icon.check.checker.checked:before, #designerTypeSelection .sgw-icon.check.checker:before {
  border: 1px solid #EFEFEF;
  font-size: 14px;
  line-height: 13px;
  width: 12px;
  height: 12px;
  left: -7px;
  padding-right: 2px;
  top: 2px;
  content: "_";
  overflow: hidden;
}

#designerTypeSelection .sgw-icon.check.checker.checked:before {
  content: "\e619";
}

#designerTypeSelection .show-small {
  display: none !important;
}

#designerTypeSelection .file-source {
  background-color: #E14360;
  font-size: 18px;
  margin: 0 4px;
  min-width: auto;
  padding: 6px;
  color: #FFFFFF;
  padding-right: 1.5em;
}

#designerTypeSelection .file-source.facebook {
  background-color: #3C5A99;
}

@media only screen and (max-height: 800px) {
  #designerTypeSelection > div {
    align-self: flex-start;
  }
}
@media only screen and (max-width: 1000px) {
  #designerTypeSelection .hide-small {
    display: none !important;
  }
  #designerTypeSelection .show-small {
    display: inherit !important;
  }
  #designerTypeSelection .dialog-content > div > div {
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
  }
  #designerTypeSelection .dialog-close:before {
    margin-right: 4px;
  }
  #designerTypeSelection > div {
    align-self: flex-start;
  }
  #designerTypeSelection .dialog-content {
    flex-wrap: wrap;
  }
  #designerTypeSelection .dialog-content > div, #designerTypeSelection .dialog-footer > div {
    margin: 8px;
    flex: auto;
  }
  #designerTypeSelection .dialog-content > div > div .bottom, #designerTypeSelection .dialog-content > div > div .top {
    border-style: none;
    flex: 0 1 40%;
  }
  #designerTypeSelection .dialog-content > div > div > div {
    flex: 0 1 60%;
    box-sizing: border-box;
  }
  #designerTypeSelection .dialog-content > div > div .bottom {
    flex: 0 0 100%;
  }
  #designerTypeSelection .button {
    margin: 0;
  }
  #designerTypeSelection ul, #designerTypeSelection li, #designerTypeSelection p {
    font-size: 16px;
  }
}
@media only screen and (max-width: 600px) {
  #designerTypeSelection .dialog-content > div > div .top, #designerTypeSelection .dialog-content > div > div > div {
    flex: auto;
  }
  #designerTypeSelection .pictogram, #designerTypeSelection .sub {
    display: none;
  }
  #designerTypeSelection .dialog-content > div > div .top {
    padding: 0px;
  }
  #designerTypeSelection a {
    display: block;
    width: 100%;
    text-align: center;
  }
}
/*@keyframes SlideDown {
    0% {
        opacity: 0;
        @include translate(0, -125%);
    }

    100% {
        opacity: 1;
        @include translate(0, 0);
    }
}

@keyframes SlideUp {
    0% {
        opacity: 1;
        @include translate(0, 0);
    }

    100% {
        opacity: 0;
        @include translate(0, -125%);
    }
}

@keyframes FadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes FadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}*/
#UpgradeConfiguratorDialog.rc-dialog .rc-dialog-wrapper {
  max-width: unset;
  min-height: unset;
  width: 90%;
  height: 100%;
  flex-direction: column;
  margin-top: 0;
}
#UpgradeConfiguratorDialog.rc-dialog .rc-dialog-wrapper .rc-dialog-content {
  padding: unset;
  flex: 1;
  background: unset;
  box-shadow: unset;
  height: 100%;
  justify-content: center;
}
#UpgradeConfiguratorDialog .article-configurator.article-configurator-mobile {
  font-size: 16px;
}

.article-configurator-page {
  position: relative;
  background-color: #e7e7e7;
  max-width: 1662px;
  margin: 0 auto;
  width: 100%;
}
.article-configurator-page > div {
  display: flex;
  flex: 1;
  margin: 8px;
}
.article-configurator-page > div:first-child {
  max-height: 740px;
  height: auto;
  min-height: 400px;
  align-items: stretch;
  padding: 0 0 64px;
}
@media (max-height: 860px) {
  .article-configurator-page > div:first-child {
    height: calc(100vh - 58px - 64px);
  }
}
.article-configurator-page .article-configurator-content {
  flex: 1;
  margin-right: 8px;
  display: flex;
  background: #ffffff;
  flex-direction: column;
}
.article-configurator-page .article-configurator-content .content-image {
  flex: 0 1 600px;
  overflow: hidden;
  /*img {
      width: 100%;
      height: auto;
      display: block;
  }*/
}
.article-configurator-page .article-configurator-content .content-text {
  line-height: 16px;
  font-size: 14px;
  box-sizing: border-box;
  padding: 8px 32px;
  display: flex;
  flex-wrap: nowrap;
  overflow: auto;
}
.article-configurator-page .article-configurator-content .content-text h1 {
  font-size: 24px;
  line-height: 25px;
  margin-bottom: 16px;
  font-family: "SourceSansPro-Light", sans-serif;
}
.article-configurator-page .article-configurator-content .content-text h2 {
  font-size: 24px;
}
.article-configurator-page .article-configurator-content .content-text p {
  margin-bottom: 16px;
}
.article-configurator-page .article-configurator-content .content-text ul {
  list-style-type: square;
  margin-left: 16px;
  padding-left: 16px;
  margin-bottom: 16px;
}
.article-configurator-page .article-configurator-content .content-text > div:first-child *:last-child {
  margin-bottom: 0;
}
.article-configurator-page .article-configurator-content .content-text > div {
  box-sizing: border-box;
  padding: 8px 28px;
  line-height: 22px;
  display: inline-block;
  float: left;
  margin-bottom: 8px;
  width: 50%;
}
.article-configurator-page .article-configurator-content .content-text > div h2 {
  margin-bottom: 10px;
}
.article-configurator-page .article-configurator-content .content-text > div > .sgw-icon {
  width: 32px;
  height: 32px;
  border-radius: 32px;
  float: left;
  margin-right: 8px;
  padding: 0;
  cursor: default;
  margin-top: -2px;
  position: relative;
}
.article-configurator-page .article-configurator-content .content-text > div > .sgw-icon:before {
  color: #ffffff;
  left: 5px;
  top: 5px;
}
.article-configurator-page .article-configurator-content .content-text > div.delivery-highlight h2 {
  color: #6c9d0d;
}
.article-configurator-page .article-configurator-content .content-text > div.delivery-highlight > .sgw-icon {
  background-color: #6c9d0d;
}
.article-configurator-page .article-configurator-content .content-text > div.warning-highlight h2 {
  color: #d9052f;
}
.article-configurator-page .article-configurator-content .content-text > div.warning-highlight > .sgw-icon {
  background-color: #d9052f;
}
.article-configurator-page .article-configurator-footer {
  flex: 1;
  display: flex;
  max-height: 44px;
  font-size: 12px;
  justify-content: flex-end;
}
.article-configurator-page .article-configurator-footer .footer-price-info {
  text-align: right;
  white-space: nowrap;
  margin-right: 8px;
  display: flex;
  flex-direction: column;
}
.article-configurator-page .article-configurator-footer .footer-price-info.price-info {
  justify-content: flex-end;
}
.article-configurator-page .article-configurator-footer .footer-price-info.warning {
  flex-direction: row;
}
.article-configurator-page .article-configurator-footer .footer-price-info .footer-price-text {
  font-size: 16px;
}
.article-configurator-page .article-configurator-footer .footer-price-info .footer-price-text .price-original {
  text-decoration: line-through;
  color: #868686;
  margin-right: 4px;
  font-weight: normal;
}
.article-configurator-page .article-configurator-footer .footer-price-info .valid-to {
  color: #d9052f;
}
.article-configurator-page .article-configurator-footer .footer-price-info .warning-label {
  align-self: flex-end;
  font-size: 16px;
  font-weight: bold;
}
@media handheld, only screen and (max-width: 1480px) {
  .article-configurator-page .article-configurator-content .content-image {
    display: flex;
  }
  .article-configurator-page .article-configurator-content .content-image img {
    object-fit: cover;
  }
}
@media (max-width: 1000px) {
  .article-configurator-page .article-configurator-content {
    flex: 0 0 50%;
  }
  .article-configurator-page .article-configurator-content .content-text {
    flex-wrap: wrap;
  }
  .article-configurator-page .article-configurator-content .content-text > div {
    flex: 0 0 100%;
    padding: 8px;
  }
  .article-configurator-page .article-configurator {
    flex: 0 0 50%;
  }
}
@media (max-width: 600px) {
  .article-configurator-page .article-configurator-content {
    display: none;
  }
  .article-configurator-page .article-configurator {
    flex: 0 0 100%;
    max-width: unset;
  }
  .article-configurator-page .article-configurator .configurator-group .radio-item {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

.footer-url {
  text-decoration: underline;
  color: #333333;
}
.footer-url:hover {
  text-decoration: underline;
  color: #3669C4;
}

#UpgradeDialog.rc-dialog .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .content-group-table-row, #UpgradeDialog main .content-group-table-row {
  padding-left: 16px;
  padding-right: 16px;
  box-sizing: border-box;
  position: sticky;
  position: -webkit-sticky;
  bottom: 0;
  background: #fff;
  width: 100%;
}
#UpgradeDialog.rc-dialog .rc-dialog-wrapper .rc-dialog-content {
  overflow: auto;
  max-height: 80vh;
}
#UpgradeDialog.rc-mobile-view {
  max-height: 100vh;
}
#UpgradeDialog.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .webshop-dialog-banner .content .slider-text {
  padding: 0;
}
#UpgradeDialog main > div .webshop-dialog-banner {
  display: flex;
  flex-direction: column;
}
#UpgradeDialog main > div .webshop-dialog-banner .content {
  flex: 1;
}
#UpgradeDialog main > div > .checkout-group-content {
  padding: 16px;
}
#UpgradeDialog .webshop-dialog-banner {
  margin-bottom: unset;
}
#UpgradeDialog .webshop-dialog-banner .slider-text h1, #UpgradeDialog .webshop-dialog-banner .slider-text p, #UpgradeDialog .webshop-dialog-banner .slider-text ul {
  font-family: SourceSansPro-Regular;
  text-align: unset;
}
#UpgradeDialog .webshop-dialog-banner .slider-text p, #UpgradeDialog .webshop-dialog-banner .slider-text ul {
  font-size: 14px;
  line-height: 16px;
  color: unset;
}
#UpgradeDialog .webshop-dialog-banner .slider-text h1 {
  font-weight: bold;
}
#UpgradeDialog .webshop-dialog-banner .slider-text ul {
  margin-left: 16px;
}
#UpgradeDialog .webshop-dialog-banner .slider-text ul li {
  list-style: square;
  margin: 8px;
}
#UpgradeDialog .webshop-dialog-banner .slider-text p + ul {
  margin-top: 16px;
}
#UpgradeDialog .webshop-dialog-banner .dotted-nav {
  position: sticky;
  position: -webkit-sticky;
  bottom: 105px;
  width: 100%;
  background: #fff;
  box-sizing: border-box;
}
#UpgradeDialog .checkout-group-content .group-content {
  margin-top: 8px;
}
#UpgradeDialog .checkout-group-content .group-content.group-content-button {
  text-align: center;
}
#UpgradeDialog .checkout-group-content .group-content.group-content-button .btn-simple.btn-stretched {
  max-width: 343px;
}
#UpgradeDialog .checkout-group-content .group-content.group-content-button .btn-simple.btn-stretched.btn-icon {
  padding: 8px 32px;
}
#UpgradeDialog .checkout-group-content .group-content.group-content-button .btn-simple.btn-stretched.btn-icon .rc-icon {
  display: none;
}
#UpgradeDialog .checkout-group-content .group-content.group-content-button .btn-simple.btn-stretched.rc-mobile-component {
  max-width: unset;
  width: 100%;
}
#UpgradeDialog.rc-mobile-view main > div .content-group-table-row {
  position: fixed;
  bottom: 0;
  background: #fff;
  width: 100vw;
}
#UpgradeDialog.rc-mobile-view .webshop-dialog-banner {
  padding-bottom: 200px;
}
#UpgradeDialog.rc-mobile-view .webshop-dialog-banner .dotted-nav {
  position: fixed;
  bottom: 120px;
  width: 100vw;
  background: #fff;
  box-sizing: border-box;
}
#UpgradeDialog main.redesign {
  background-color: #FFFFFF;
}
#UpgradeDialog main.redesign .webshop-dialog-banner-thumbnails-upgrade-dialog {
  flex: 1;
  padding-bottom: 156px;
}
#UpgradeDialog main.redesign > div > .content-group-table-row {
  padding: 16px 32px 24px;
}
#UpgradeDialog main.redesign > div > .content-group-table-row .close > button {
  border: none;
}
#UpgradeDialog.redesign-tablet .selected-image > img {
  width: 100%;
}
#UpgradeDialog.redesign-tablet .rc-dialog-content {
  border-radius: 14px;
}

#ProjectAndSharesView.page-layout .desktop-main-content .help-line {
  position: absolute;
}
#ProjectAndSharesView.page-layout .project-list-items-flex-card {
  padding-right: 8px;
}

.page-layout .desktop-main-content .project-list-items {
  max-width: unset;
  display: flex;
  flex-wrap: wrap;
  flex: unset;
  justify-content: left;
}
.page-layout .desktop-main-content .project-list-items > .project-list-item {
  margin-right: 8px;
  border: 2px solid transparent;
  min-width: 340px;
}

.desktop-detail-content .project-detail-column-content {
  flex: 1;
  height: 100%;
}

.project-list-items .btn-icon, .project-edit-item .btn-icon {
  padding: 8px 16px;
}

.article-selection .article-selection-content .project-list-item {
  cursor: pointer;
  padding: 8px;
  border: 0;
  margin: 0 8px 8px;
  min-width: 320px;
  max-width: 446px;
  width: auto;
}
.article-selection .article-selection-content .project-list-item.selected-item {
  border: 2px solid #3669c4;
}
.article-selection .article-selection-content .project-list-item.dummy-item {
  cursor: auto;
}

.project-list-items .project-list-item, .project-edit-item .project-list-item, .article-selection-content .project-list-item {
  display: flex;
  flex-wrap: nowrap;
  padding: 16px 0;
  border-bottom: 1px solid #cccccc;
  box-sizing: border-box;
  background-color: #FFFFFF;
  position: relative;
  width: 100%;
}
.project-list-items .project-list-item.dummy-item, .project-edit-item .project-list-item.dummy-item, .article-selection-content .project-list-item.dummy-item {
  background-color: unset;
}
.project-list-items .project-list-item .project-list-item-share-status, .project-edit-item .project-list-item .project-list-item-share-status, .article-selection-content .project-list-item .project-list-item-share-status {
  position: absolute;
  right: 4px;
  bottom: 0;
}
.project-list-items .project-list-item .project-list-item-controls, .project-edit-item .project-list-item .project-list-item-controls, .article-selection-content .project-list-item .project-list-item-controls {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
}
.project-list-items .project-list-item .project-list-item-image, .project-edit-item .project-list-item .project-list-item-image, .article-selection-content .project-list-item .project-list-item-image {
  flex: 0 0 112px;
  height: 112px;
  margin-right: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}
.project-list-items .project-list-item .project-list-item-image img.portrait, .project-edit-item .project-list-item .project-list-item-image img.portrait, .article-selection-content .project-list-item .project-list-item-image img.portrait {
  width: auto;
  height: 100%;
}
.project-list-items .project-list-item .project-list-item-image img.landscape, .project-edit-item .project-list-item .project-list-item-image img.landscape, .article-selection-content .project-list-item .project-list-item-image img.landscape {
  width: 100%;
  height: auto;
}
.project-list-items .project-list-item .project-list-item-image.no-image, .project-edit-item .project-list-item .project-list-item-image.no-image, .article-selection-content .project-list-item .project-list-item-image.no-image {
  background: url("../Images/noImage.png");
  background-size: cover;
}
.project-list-items .project-list-item .project-list-item-data, .project-edit-item .project-list-item .project-list-item-data, .article-selection-content .project-list-item .project-list-item-data {
  flex: 1;
  position: relative;
  overflow: hidden;
  margin-bottom: 24px;
}
.project-list-items .project-list-item .project-list-item-data .project-list-item-menu, .project-edit-item .project-list-item .project-list-item-data .project-list-item-menu, .article-selection-content .project-list-item .project-list-item-data .project-list-item-menu {
  position: absolute;
  right: 0;
  top: 0;
}
.project-list-items .project-list-item .project-list-item-data .project-list-item-date, .project-edit-item .project-list-item .project-list-item-data .project-list-item-date, .article-selection-content .project-list-item .project-list-item-data .project-list-item-date {
  height: 36px;
  display: flex;
  align-items: center;
  font-size: 14px;
}
.project-list-items .project-list-item .project-list-item-data .project-list-item-title, .project-edit-item .project-list-item .project-list-item-data .project-list-item-title, .article-selection-content .project-list-item .project-list-item-data .project-list-item-title {
  font-size: 16px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.project-list-items .project-list-item .project-list-item-data .project-list-item-article, .project-edit-item .project-list-item .project-list-item-data .project-list-item-article, .article-selection-content .project-list-item .project-list-item-data .project-list-item-article {
  font-size: 14px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.project-list-items .project-list-item .project-list-item-data .project-list-item-article-description, .project-edit-item .project-list-item .project-list-item-data .project-list-item-article-description, .article-selection-content .project-list-item .project-list-item-data .project-list-item-article-description {
  font-size: 14px;
  display: block;
  margin-top: 16px;
}
.project-list-items .project-list-item .project-list-item-data .project-list-item-status-bar, .project-edit-item .project-list-item .project-list-item-data .project-list-item-status-bar, .article-selection-content .project-list-item .project-list-item-data .project-list-item-status-bar {
  margin: 8px 0;
  display: flex;
  flex-wrap: nowrap;
}
.project-list-items .project-list-item .project-list-item-data .project-list-item-status-bar > span, .project-edit-item .project-list-item .project-list-item-data .project-list-item-status-bar > span, .article-selection-content .project-list-item .project-list-item-data .project-list-item-status-bar > span {
  padding: 2px 4px;
  color: #ffffff;
  font-size: 10px;
  border-radius: 4px;
}
.project-list-items .project-list-item.selected-item .project-list-item-image, .project-edit-item .project-list-item.selected-item .project-list-item-image, .article-selection-content .project-list-item.selected-item .project-list-item-image {
  position: relative;
}
.project-list-items .project-list-item.selected-item .project-list-item-image .rc-icon.sgw-icon, .project-edit-item .project-list-item.selected-item .project-list-item-image .rc-icon.sgw-icon, .article-selection-content .project-list-item.selected-item .project-list-item-image .rc-icon.sgw-icon {
  position: absolute;
  padding: unset;
  right: 4px;
  bottom: 4px;
  width: 24px;
  height: 24px;
  background: #3669c4;
  border-radius: 50%;
}
.project-list-items .project-list-item.selected-item .project-list-item-image .rc-icon.sgw-icon:before, .project-edit-item .project-list-item.selected-item .project-list-item-image .rc-icon.sgw-icon:before, .article-selection-content .project-list-item.selected-item .project-list-item-image .rc-icon.sgw-icon:before {
  color: #ffffff;
}

.rc-mobile-view .project-list-items .project-list-item {
  padding: 8px;
  border: unset;
  margin-bottom: 8px;
}
.rc-mobile-view .project-list-items .project-list-item .project-list-item-data .project-list-item-date {
  height: 44px;
}

.project-edit-item .project-list-item {
  margin-bottom: 16px;
  padding-top: 0;
}
.project-edit-item .group-content-key-value p:last-child {
  font-weight: bold;
}
.project-edit-item .group-content-label {
  font-size: 14px;
}
.project-edit-item .group-content-label.group-important {
  font-size: 14px;
  margin-bottom: 8px;
}
.project-edit-item button:not(.btn-icon-only) {
  justify-content: flex-start;
}
.project-edit-item button:not(.btn-icon-only) div {
  text-align: left;
}
.project-edit-item button.btn-icon {
  width: 100%;
}

.project-share-view-content {
  display: flex;
  flex-direction: column;
}
.project-share-view-content .group-content .rc-textarea {
  width: 100%;
}
.project-share-view-content .commercial-settings-section .group-content.group-content-input .numeric-buttons {
  display: none;
}
.project-share-view-content .commercial-settings-section .group-content.group-content-key-value {
  padding: unset;
  margin-left: 8px;
}
.project-share-view-content .commercial-settings-section .group-content.group-content-key-value .group-content-key-value-key {
  line-height: unset;
  font-size: 12px;
}
.project-share-view-content .commercial-settings-section .group-content.group-content-key-value .group-content-key-value-value {
  line-height: unset;
  font-size: 14px;
}
.project-share-view-content .marketingPromotion {
  display: flex;
}
.project-share-view-content .marketingPromotion .group-content-radio {
  flex: 0 0 50%;
}
.project-share-view-content .input-flex-fields > div {
  flex: 0 0 50%;
}
.project-share-view-content .group-content-label.group-important {
  margin-bottom: unset;
  flex: auto;
}
.project-share-view-content .group-content.group-content-link-add button {
  width: unset;
}
.project-share-view-content .project-attach-to-collection {
  border-bottom: 1px solid #cccccc;
}
.project-share-view-content .project-attach-to-collection button.btn-simple.btn-icon {
  flex: 0;
  flex-basis: 36px;
}
.project-share-view-content .project-attach-to-collection-label {
  display: flex;
}
.project-share-view-content .project-attach-to-collection-label .group-content-label.group-content.displayName {
  flex: auto;
}

.share-settings-content .content-group-table-row .group-content.shareAttachedImagesTitle .group-content-key-value-key {
  font-weight: bold;
}
.share-settings-content .content-group-table-row .group-content.shareAttachedImagesTitle .group-content-key-value-value {
  font-weight: normal;
  font-size: 14px;
}
.share-settings-content .content-group-table-row .group-content.group-content-horizontal-group .group-content-upload.group-content.uploadImages {
  flex: 0;
}
.share-settings-content .content-group-table-row .group-content.group-content-horizontal-group .group-content-key-value.group-content .group-content-key-value-value {
  font-weight: bold;
}
.share-settings-content .group-content-radio-group .group-content-radio-group-content {
  display: flex;
}
.share-settings-content .group-content-radio-group .group-content-radio-group-content .rc-radio-label {
  white-space: nowrap;
}
.share-settings-content .attached-images-table {
  display: flex;
  margin: 16px 0;
}
.share-settings-content .attached-images-table .attached-images-item {
  position: relative;
  width: 96px;
  height: 96px;
  margin-right: 8px;
  overflow: hidden;
}
.share-settings-content .attached-images-table .attached-images-item img {
  width: 100%;
  height: 100%;
}
.share-settings-content .attached-images-table .attached-images-item img.landscape {
  position: absolute;
  width: auto;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}
.share-settings-content .attached-images-table .attached-images-item img.portrait {
  position: absolute;
  height: auto;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.project-attach-to-collection {
  border-bottom: 1px solid #cccccc;
  flex-wrap: nowrap !important;
}

.project-attach-to-collection-label {
  display: flex;
}
.project-attach-to-collection-label .group-content-label.group-content.displayName {
  flex: auto;
}

#AttachProjectToCollectionDialog .rc-dialog-content {
  min-height: 50vh;
}
#AttachProjectToCollectionDialog .rc-dialog-content .dialog-scrollable-content {
  display: flex;
  flex-direction: column;
  padding-bottom: 0;
}
#AttachProjectToCollectionDialog .rc-dialog-content .dialog-scrollable-content .checkout-group-content {
  flex: auto;
}
#AttachProjectToCollectionDialog main > div {
  padding: 16px;
  display: flex;
  flex-direction: column;
  padding-bottom: 0;
}
#AttachProjectToCollectionDialog main > div .checkout-group-content {
  flex: auto;
}

main .no-data-content {
  padding: 0 16px;
  background-color: #efefef;
}

.rc-mobile-view .photojob-registration-page + .collection-share-view, .rc-mobile-view .gallery-multiaccess-page + .collection-share-view {
  flex: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.rc-mobile-view .photojob-registration-page + .collection-share-view .collection-share-view-body, .rc-mobile-view .gallery-multiaccess-page + .collection-share-view .collection-share-view-body {
  background-color: white;
}
.rc-mobile-view .photojob-registration-page + .collection-share-view .collection-share-view-body + .collection-share-view-footer, .rc-mobile-view .gallery-multiaccess-page + .collection-share-view .collection-share-view-body + .collection-share-view-footer {
  background-color: white;
}
.rc-mobile-view .photojob-registration-page + .collection-share-view .collection-share-view-body:has(#OpenShareView), .rc-mobile-view .gallery-multiaccess-page + .collection-share-view .collection-share-view-body:has(#OpenShareView) {
  flex: 1;
  background-color: #efefef;
  align-items: center;
  display: flex;
}
.rc-mobile-view .photojob-registration-page + .collection-share-view .collection-share-view-body:has(#OpenShareView) #OpenShareView, .rc-mobile-view .gallery-multiaccess-page + .collection-share-view .collection-share-view-body:has(#OpenShareView) #OpenShareView {
  margin: 0 16px;
}
.rc-mobile-view .photojob-registration-page + .collection-share-view .collection-share-view-body:has(#OpenShareView) #OpenShareView .project-open-share-root, .rc-mobile-view .gallery-multiaccess-page + .collection-share-view .collection-share-view-body:has(#OpenShareView) #OpenShareView .project-open-share-root {
  height: 100%;
  background-color: transparent;
}
.rc-mobile-view .photojob-registration-page + .collection-share-view .collection-share-view-body:has(#OpenShareView) #OpenShareView .project-open-share-root .project-open-share-view, .rc-mobile-view .gallery-multiaccess-page + .collection-share-view .collection-share-view-body:has(#OpenShareView) #OpenShareView .project-open-share-root .project-open-share-view {
  height: 100%;
  box-sizing: border-box;
}
.rc-mobile-view .photojob-registration-page + .collection-share-view .collection-share-view-body:has(#OpenShareView) + .collection-share-view-footer.mobile-footer, .rc-mobile-view .gallery-multiaccess-page + .collection-share-view .collection-share-view-body:has(#OpenShareView) + .collection-share-view-footer.mobile-footer {
  background-color: #efefef;
}
.rc-mobile-view .photojob-registration-page + .collection-share-view .collection-share-view-footer.mobile-footer, .rc-mobile-view .gallery-multiaccess-page + .collection-share-view .collection-share-view-footer.mobile-footer {
  padding: 16px 8px;
  box-sizing: border-box;
}
.rc-mobile-view .photojob-registration-page + .collection-share-view .collection-share-view-footer.mobile-footer .footer-legal-links button, .rc-mobile-view .gallery-multiaccess-page + .collection-share-view .collection-share-view-footer.mobile-footer .footer-legal-links button {
  width: unset;
}

.photojob-registration-page .collection-share-view .collection-share-view-body, .gallery-multiaccess-page .collection-share-view .collection-share-view-body {
  display: flex;
  justify-content: center;
  align-items: center;
}

#RequestSpecialConditionsView .group-content-radio-group {
  display: flex;
}
#RequestSpecialConditionsView .group-content-radio-group .group-content-radio {
  flex: 0 0 50%;
  display: flex;
  align-items: center;
}
#RequestSpecialConditionsView .group-content-radio-group .group-content-radio .rc-radio-element.selected + .rc-radio-label {
  font-weight: bold;
}

.rc-dialog.rc-confirm {
  display: flex;
}
.rc-dialog.rc-confirm .rc-dialog-wrapper {
  display: inline-flex;
}

#ProjectMobileDetailView main > div {
  padding: 16px;
  box-sizing: border-box;
}

.share-options-dialog.checkout-group-content .group-content .group-content.sharedTitle, .share-options-dialog.content-group-table-row .group-content .group-content.sharedTitle {
  margin-bottom: 8px;
}
.share-options-dialog.checkout-group-content .group-content .group-content.translate, .share-options-dialog.content-group-table-row .group-content .group-content.translate {
  text-align: right;
}

.rc-mobile-view .collection-share-view .collection-share-no-data .no-data-content {
  padding: 24px;
  box-sizing: border-box;
}
.rc-mobile-view .collection-share-view .collection-share-no-data .no-data-content .content-group-table-row .group-content.group-content-label.info {
  font-size: 16px;
  line-height: 22px;
}

/*@keyframes SlideDown {
    0% {
        opacity: 0;
        @include translate(0, -125%);
    }

    100% {
        opacity: 1;
        @include translate(0, 0);
    }
}

@keyframes SlideUp {
    0% {
        opacity: 1;
        @include translate(0, 0);
    }

    100% {
        opacity: 0;
        @include translate(0, -125%);
    }
}

@keyframes FadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes FadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}*/
#CalendarSettingsDialog.rc-dialog .rc-dialog-wrapper {
  max-width: unset;
  height: 100%;
  margin: unset;
}
#CalendarSettingsDialog.rc-dialog .rc-dialog-wrapper .rc-dialog-content {
  padding: 0;
  margin: 0 auto;
  height: 90%;
  width: 95%;
}
#CalendarSettingsDialog .calendar-settings-dialog-content {
  background-color: #e7e7e7;
  display: flex;
  flex-direction: column;
  height: 100%;
}
#CalendarSettingsDialog .calendar-settings-dialog-content .calendar-settings-dialog-content-inner {
  flex: 1;
  padding: 8px 8px 0;
  display: flex;
  flex-direction: row;
  overflow: hidden;
}
#CalendarSettingsDialog .calendar-settings-dialog-content .calendar-settings-dialog-content-inner .calendar-settings-preview {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding-top: 32px;
}
#CalendarSettingsDialog .calendar-settings-dialog-content .calendar-settings-dialog-content-inner .calendar-settings-preview .calendar-settings-preview-stage {
  flex: auto;
  display: flex;
  justify-content: center;
}
#CalendarSettingsDialog .calendar-settings-dialog-content .calendar-settings-dialog-content-inner .calendar-settings-preview .calendar-settings-preview-stage .composition {
  position: absolute;
}
#CalendarSettingsDialog .calendar-settings-dialog-content .calendar-settings-dialog-content-inner .calendar-settings-preview .calendar-settings-preview-footer {
  height: 60px;
  display: flex;
  justify-content: center;
}
#CalendarSettingsDialog .calendar-settings-dialog-content .calendar-settings-dialog-content-inner .calendar-settings-preview .calendar-settings-preview-footer .checkout-group-content {
  width: 200px;
}
#CalendarSettingsDialog .calendar-settings-dialog-content .calendar-settings-dialog-content-inner .calendar-settings-preview .calendar-settings-preview-footer .checkout-group-content .select-options-list {
  top: unset;
  bottom: 36px;
}
#CalendarSettingsDialog .calendar-settings-dialog-content .calendar-settings-dialog-content-inner .calendar-settigs-right-column {
  background-color: white;
  min-width: 320px;
  max-width: 340px;
  width: 340px;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  flex: auto;
}
#CalendarSettingsDialog .calendar-settings-dialog-content .calendar-settings-dialog-content-footer {
  padding: 8px;
  display: flex;
  justify-content: space-between;
}
#CalendarSettingsDialog main {
  overflow: hidden;
}
#CalendarSettingsDialog main > div {
  height: 100%;
}
#CalendarSettingsDialog main .calendar-settings-preview-stage:not(.landscape) {
  flex: 0 0 25%;
  padding: 16px;
  display: flex;
  background-color: #e7e7e7;
  box-sizing: border-box;
}
#CalendarSettingsDialog main .calendar-settings-preview-stage:not(.landscape) > div {
  width: 100%;
  height: 100%;
  flex: 1;
  display: flex;
  justify-content: center;
}
#CalendarSettingsDialog .redesign .calendar-settings-preview-stage {
  min-height: unset;
  max-height: unset;
}
#CalendarSettingsDialog.rc-mobile-view main.redesign .calendar-settings-module:not(.landscape) {
  overflow-y: auto;
}
#CalendarSettingsDialog.rc-mobile-view main.redesign .calendar-settings-module .calendar-settings-module-content:not(.landscape) {
  overflow-y: unset;
}
#CalendarSettingsDialog.rc-mobile-view main.redesign .calendar-settings-module .calendar-settings-module-content.portrait {
  height: 40vh;
}
#CalendarSettingsDialog.rc-mobile-view main.redesign .calendar-settings-module .calendar-settings-module-content.landscape {
  overflow-y: auto;
}
#CalendarSettingsDialog.rc-mobile-view main.redesign .calendar-settings-module .calendar-settings-module-content.landscape .group-content-horizontal-group {
  gap: 16px;
  margin-bottom: 16px;
}
#CalendarSettingsDialog.rc-mobile-view main.redesign .calendar-settings-module .calendar-settings-module-content.landscape .checkout-group-content .group-content-tabcontrol {
  margin-bottom: 16px;
}
#CalendarSettingsDialog.rc-mobile-view main.redesign .calendar-settings-module .calendar-settings-module-content.landscape .checkout-group-content .group-content-tabcontrol.design {
  margin-bottom: 8px;
}
#CalendarSettingsDialog.rc-mobile-view main.redesign .calendar-settings-module .calendar-settings-module-content.landscape .checkout-group-content .group-content-design-line-selector {
  margin: 0 -8px;
}
#CalendarSettingsDialog.rc-mobile-view main.redesign .calendar-settings-module .calendar-settings-module-content.phone .checkout-group-content .group-content-tabcontrol {
  margin-bottom: 16px;
}
#CalendarSettingsDialog.rc-mobile-view main.redesign .calendar-settings-module .calendar-settings-module-content.phone .checkout-group-content .group-content-tabcontrol.design {
  margin-bottom: 8px;
}
#CalendarSettingsDialog.rc-mobile-view main.redesign .calendar-settings-module .calendar-settings-module-content.phone .checkout-group-content .group-content-design-line-selector {
  margin: 0 -8px;
}
#CalendarSettingsDialog.rc-mobile-view main.redesign .calendar-settings-module .calendar-settings-module-content .checkout-group-content {
  margin-bottom: unset;
}
#CalendarSettingsDialog.rc-mobile-view main.redesign .calendar-settings-module .calendar-settings-module-content .checkout-group-content .group-content-tabcontrol {
  margin-bottom: 16px;
}
#CalendarSettingsDialog.rc-mobile-view main.redesign .calendar-settings-module .calendar-settings-module-content .checkout-group-content .group-content-design-line-selector {
  box-sizing: border-box;
}
#CalendarSettingsDialog.rc-mobile-view main.redesign .calendar-settings-module .calendar-settings-module-content .checkout-group-content .group-content-design-line-selector.portrait {
  padding-bottom: 16px;
}
#CalendarSettingsDialog.rc-mobile-view main.redesign .calendar-settings-module .calendar-settings-module-content .checkout-group-content .group-content-design-line-selector.landscape {
  padding-bottom: 8px;
}
#CalendarSettingsDialog.rc-mobile-view main.redesign .calendar-settings-module .calendar-settings-module-content .checkout-group-content .group-content-design-line-selector.phone {
  padding-bottom: 8px;
}
#CalendarSettingsDialog.rc-mobile-view main.redesign .calendar-settings-module .calendar-settings-module-content .checkout-group-content .group-content-design-line-selector .design-pool.redesign {
  gap: 8px 8px;
}
#CalendarSettingsDialog.rc-mobile-view main.redesign .calendar-settings-module .calendar-settings-module-content .checkout-group-content .group-content-design-line-selector .design-pool.redesign.portrait .design {
  flex-basis: 33%;
  flex: 0 0 33%;
}
#CalendarSettingsDialog.rc-mobile-view main.redesign .calendar-settings-module .calendar-settings-module-content .checkout-group-content .group-content-design-line-selector .design-pool.redesign .design .tile-wrapper {
  border: 1px solid #CBCACA;
  padding: 8px;
}
#CalendarSettingsDialog.rc-mobile-view main.redesign .calendar-settings-module .calendar-settings-module-content .checkout-group-content .group-content-design-line-selector .design-pool.redesign .design .tile-wrapper.selected {
  border: 2px solid #3669c4;
}
#CalendarSettingsDialog.rc-mobile-view main.redesign .calendar-settings-module .calendar-settings-module-content .checkout-group-content .group-content-design-line-selector .design-pool.redesign .design .tile-wrapper.selected .design-label .rc-label-component {
  font-weight: 700;
}
#CalendarSettingsDialog.rc-mobile-view main.redesign .calendar-settings-module .calendar-settings-module-content .checkout-group-content .group-content-design-line-selector .design-pool.redesign .design .tile-wrapper .img {
  border: unset;
  margin: unset;
}
#CalendarSettingsDialog.rc-mobile-view main.redesign .calendar-settings-module .calendar-settings-module-content .checkout-group-content .group-content-design-line-selector .design-pool.redesign .design .design-label .rc-label-component {
  display: flex;
  padding: 8px 0px 4px 8px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  color: #2C2C2C;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  min-height: unset;
}

.calendar-settings-module {
  flex: 1;
  max-height: 100%;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.calendar-settings-module.redesign-tablet.landscape.calendar-settigs-right-column {
  flex-direction: row;
}
.calendar-settings-module.redesign-tablet.landscape.calendar-settigs-right-column .calendar-settings-preview-stage {
  background-color: #e7e7e7;
  box-sizing: border-box;
  width: 60vw;
  flex: unset;
  padding: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.calendar-settings-module.redesign-tablet.landscape.calendar-settigs-right-column .landscape-settings-content {
  width: 40vw;
  display: flex;
  flex-direction: column;
  justify-content: flex-end; /* Pushes the button to the bottom */
}
.calendar-settings-module.redesign-tablet.landscape.calendar-settigs-right-column .landscape-settings-content .calendar-settings-module-content .checkout-group-content {
  margin-bottom: 16px;
}
.calendar-settings-module.redesign-tablet.landscape.calendar-settigs-right-column .landscape-settings-content .calendar-settings-module-content .checkout-group-content .group-content-label {
  min-height: unset !important;
  margin-bottom: 12px;
}
.calendar-settings-module.redesign-tablet.landscape.calendar-settigs-right-column .landscape-settings-content .calendar-settings-module-content .checkout-group-content .group-content-checkbox.showHolidays {
  margin-top: 8px;
  min-height: unset;
}
.calendar-settings-module.redesign-tablet.landscape.calendar-settigs-right-column .landscape-settings-content .calendar-settings-module-content .checkout-group-content .rc-select {
  height: 42px;
}
.calendar-settings-module.redesign-tablet.landscape.calendar-settigs-right-column .landscape-settings-content .calendar-settings-module-content .checkout-group-content .rc-select > label {
  color: #B1B1B1;
}
.calendar-settings-module.redesign-tablet.landscape.calendar-settigs-right-column .landscape-settings-content .calendar-settings-module-content .checkout-group-content .rc-select .selected-option-label {
  font-size: 15px;
}
.calendar-settings-module.redesign-tablet.landscape.calendar-settigs-right-column .landscape-settings-content .calendar-settings-module-content .checkout-group-content .rc-checkbox .rc-checkbox-box {
  width: 18px;
  height: 18px;
}
.calendar-settings-module.redesign-tablet.landscape.calendar-settigs-right-column .landscape-settings-content .calendar-settings-module-content .checkout-group-content .rc-checkbox .rc-checkbox-box .sgw-icon:before {
  transform: translate(-80%, -10%);
}
.calendar-settings-module.redesign-tablet.landscape.calendar-settigs-right-column .landscape-settings-content .calendar-settings-module-content .checkout-group-content .rc-checkbox .rc-checkbox-label {
  font-size: 15px;
}
.calendar-settings-module.redesign-tablet.landscape.calendar-settigs-right-column .landscape-settings-content .calendar-settings-module-content .checkout-group-content .rc-color-picker {
  height: 42px;
}
.calendar-settings-module.redesign-tablet.landscape.calendar-settigs-right-column .landscape-settings-content .calendar-settings-module-content .checkout-group-content .rc-color-picker .rc-label-component {
  font-size: 15px;
  height: 19px;
  min-height: unset;
}
.calendar-settings-module.redesign-tablet.landscape.calendar-settigs-right-column .landscape-settings-content > footer {
  align-self: center;
}
.calendar-settings-module .calendar-settings-module-content {
  overflow-y: auto;
  flex: 1;
  height: 100%;
  padding: 0 8px 8px;
}
.calendar-settings-module .calendar-settings-module-content .checkout-group-content .group-content-tabcontrol {
  margin-top: unset;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  z-index: 1;
  background-color: white;
}
.calendar-settings-module .calendar-settings-module-content .checkout-group-content .group-content-button button.btn-simple {
  padding-left: 0;
}
.calendar-settings-module .calendar-settings-module-content .checkout-group-content .group-content-horizontal-group .group-content-drop-down.group-content.font .select-options-list, .calendar-settings-module .calendar-settings-module-content .checkout-group-content .group-content-horizontal-group .group-content-drop-down.group-content.fontMonth .select-options-list {
  position: absolute;
  left: 0;
  top: 100%;
  box-sizing: border-box;
  background: #FFFFFF;
  box-shadow: 0 1px 3px #5f5f5f;
  cursor: auto;
  padding: 0;
  overflow: auto;
  z-index: 5;
}
.calendar-settings-module .calendar-settings-module-content .checkout-group-content .group-content-horizontal-group .group-content-drop-down.group-content.fontHolidays .select-options-list, .calendar-settings-module .calendar-settings-module-content .checkout-group-content .group-content-horizontal-group .group-content-drop-down.group-content.fontYear .select-options-list {
  position: absolute;
  left: -100%;
  top: 100%;
  box-sizing: border-box;
  background: #FFFFFF;
  box-shadow: 0 1px 3px #5f5f5f;
  cursor: auto;
  padding: 0;
  overflow: auto;
  z-index: 5;
}
.calendar-settings-module .calendar-settings-module-content .checkout-group-content .group-content.group-content-horizontal-group {
  flex-wrap: unset;
}
.calendar-settings-module .calendar-settings-module-content .checkout-group-content .option-image img {
  height: 22px;
  display: inherit;
  max-width: none;
}
.calendar-settings-module .calendar-settings-module-content.redesign {
  padding: 0;
}
.calendar-settings-module .calendar-settings-module-content.redesign .checkout-group-content {
  padding: 0 16px;
  background: #FFFFFF;
}
.calendar-settings-module .calendar-settings-module-content.redesign .checkout-group-content .showHolidays + .group-content-horizontal-group {
  margin: 24px 0;
}
.calendar-settings-module .calendar-settings-module-content.redesign .checkout-group-content .group-content-item {
  margin: 16px 0;
}
.calendar-settings-module .calendar-settings-module-content.redesign .checkout-group-content .group-content-item .group-content-label {
  display: none;
}
.calendar-settings-module .calendar-settings-module-content.redesign .checkout-group-content .group-content-item .group-content-item-edit {
  text-decoration: none;
  font-weight: bold;
  position: relative;
  height: 24px;
  transform: none;
  font-size: 16px;
  display: flex;
  align-items: center;
}
.calendar-settings-module .calendar-settings-module-content.redesign .checkout-group-content .group-content-item .group-content-item-edit:before {
  font-family: "icomoon";
  transform: none;
  font-size: 18px;
  content: "\e975";
  margin-right: 8px;
}
.calendar-settings-module .calendar-settings-module-content.redesign .checkout-group-content .content-group-table-row > div {
  height: 52px;
  max-height: unset;
}
.calendar-settings-module .calendar-settings-module-content.redesign .checkout-group-content .content-group-table-row > div .mobile-header-menu {
  padding-top: 8px;
}
.calendar-settings-module .calendar-settings-module-header {
  background-color: #3669c4;
  color: white;
  padding: 0 8px;
  display: flex;
  align-items: center;
  min-height: 36px;
}
.calendar-settings-module .calendar-settings-module-header .rc-icon:before, .calendar-settings-module .calendar-settings-module-header .rc-icon:hover:before {
  color: white;
}
.calendar-settings-module .calendar-settings-module-header .calendar-settings-module-header-label {
  font-weight: bold;
  margin-left: 8px;
}
.calendar-settings-module .checkout-group-content .group-content.group-content-horizontal-group > * {
  width: calc(50% - 4px);
  flex: auto;
}
.calendar-settings-module .checkout-group-content .group-content-tabcontrol {
  margin: -8px -8px 8px;
}
.calendar-settings-module .checkout-group-content .mainBackgroundAlpha .select-options-list {
  top: unset;
  bottom: 36px;
}
.calendar-settings-module .calendar-presets-table {
  display: flex;
  flex-wrap: wrap;
}
.calendar-settings-module .calendar-presets-table .group-content-image {
  width: 33.333%;
  padding: 2px;
  box-sizing: border-box;
  cursor: pointer;
}
.calendar-settings-module .calendar-presets-table .group-content-image img {
  max-width: 100%;
  height: auto;
}
.calendar-settings-module .calendar-settings-flat-table .group-content-horizontal-group {
  border-bottom: 1px solid #cccccc;
  max-height: 28px;
}
.calendar-settings-module .calendar-settings-flat-table .group-content-horizontal-group:last-child {
  border-bottom: none;
}
.calendar-settings-module .calendar-settings-flat-table .group-content-horizontal-group .group-content-label {
  flex: auto;
  min-height: unset;
}
.calendar-settings-module .calendar-settings-flat-table .group-content-horizontal-group .group-content-label.date {
  width: auto;
  flex-grow: 0;
  margin-right: 16px;
}
.calendar-settings-module .calendar-settings-flat-table .group-content-horizontal-group .group-content-label.name {
  width: 100%;
  overflow: hidden;
}
.calendar-settings-module .calendar-settings-flat-table .group-content-horizontal-group .group-content-label.name > div {
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 20px;
}
.calendar-settings-module .calendar-settings-flat-table .group-content-horizontal-group .mobile-header-menu {
  width: auto;
}
.calendar-settings-module .calendar-settings-flat-table .group-content-horizontal-group .mobile-header-menu > button {
  max-height: 28px;
}
.calendar-settings-module .calendar-settings-flat-table .group-content-horizontal-group .rc-context-menu.rc-context-menu-v2 {
  width: unset;
  flex: unset;
}
.calendar-settings-module .calendar-settings-flat-table .group-content-horizontal-group .rc-context-menu.rc-context-menu-v2 button {
  max-height: 28px;
}

#CalendarEditEventDialog .rc-dialog-wrapper .rc-dialog-content {
  overflow: unset;
}
#CalendarEditEventDialog .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content {
  overflow: unset;
  overflow-y: unset;
}
#CalendarEditEventDialog .checkout-group-content .group-content-drop-down.familyMembers + .group-content-button {
  width: auto;
}
#CalendarEditEventDialog .checkout-group-content .group-content-drop-down.familyMembers + .group-content-button button {
  max-width: 36px;
  flex-basis: 36px;
}
#CalendarEditEventDialog.redesign .rc-dialog-content {
  align-items: stretch;
}
#CalendarEditEventDialog.redesign .rc-dialog-content .dialog-scrollable-content {
  padding: 0;
  margin: 24px 24px 16px;
}
#CalendarEditEventDialog.redesign .rc-dialog-content .dialog-scrollable-content .label-heading-bold {
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 16px;
}
#CalendarEditEventDialog.redesign .rc-dialog-content .dialog-scrollable-content .group-content-date-picker {
  margin-bottom: 16px;
}
#CalendarEditEventDialog.redesign .rc-dialog-content .rc-icon.sgw-icon.calendar:before {
  font-family: "icomoon";
  content: "\e9af";
}
#CalendarEditEventDialog.redesign .rc-dialog-content .form-footer-buttons {
  padding-top: 0;
  margin-top: 24px;
}

#MobileSinglePageEdit.redesign-tablet .calendar-settings-module-content .group-content-horizontal-group > * {
  margin-bottom: 8px;
}
#MobileSinglePageEdit.redesign-tablet .calendar-settings-module-content .group-content-label {
  min-height: 44px;
}
#MobileSinglePageEdit.redesign-tablet .calendar-settings-module-content.portrait .checkout-group-content .content-group-table-row > .group-content-image {
  height: unset;
  width: 20%;
}
#MobileSinglePageEdit.redesign-tablet .calendar-settings-module-content.portrait .checkout-group-content .appearance ~ .group-content.group-content-horizontal-group {
  width: 50%;
  display: inline-flex;
  box-sizing: border-box;
  padding: 0 4px;
}

#CalendarSettingsDialog.redesign-tablet .group-content-label {
  min-height: 44px;
}
#CalendarSettingsDialog.redesign-tablet .calendar-settings-module .calendar-settings-module-content.redesign .checkout-group-content .content-group-table-row > .group-content-image {
  height: unset;
  width: 20%;
}
#CalendarSettingsDialog.redesign-tablet:not(.landscape) .calendar-settings-module .calendar-settings-module-content .checkout-group-content .appearance ~ .group-content.group-content-horizontal-group {
  width: 50%;
  display: inline-flex;
  box-sizing: border-box;
  padding: 0 4px;
}

#ShareUploadImages .checkout-group-content .group-content.group-content-image, #TemplateToMarketPlaceApprovalDialog .checkout-group-content .group-content.group-content-image {
  max-height: 310px;
  overflow: hidden;
  margin-left: -16px;
  width: calc(100% + 32px);
}
#ShareUploadImages .checkout-group-content .group-content.group-content-image img, #TemplateToMarketPlaceApprovalDialog .checkout-group-content .group-content.group-content-image img {
  max-height: unset;
  width: 100%;
  align-self: center;
}
#ShareUploadImages .checkout-group-content .group-content.group-content-image.group-align-right img, #TemplateToMarketPlaceApprovalDialog .checkout-group-content .group-content.group-content-image.group-align-right img {
  align-self: flex-end;
}
#ShareUploadImages .checkout-group-content .group-content.group-content-key-value .group-content-key-value-value, #TemplateToMarketPlaceApprovalDialog .checkout-group-content .group-content.group-content-key-value .group-content-key-value-value {
  font-weight: bold;
}
#ShareUploadImages .checkout-group-content .group-content.group-content-label ul, #TemplateToMarketPlaceApprovalDialog .checkout-group-content .group-content.group-content-label ul {
  margin-top: 16px;
  margin-bottom: 16px;
}
#ShareUploadImages .dialog-scrollable-content, #TemplateToMarketPlaceApprovalDialog .dialog-scrollable-content {
  display: flex;
  flex-direction: column;
  padding-top: 0;
}
#ShareUploadImages .dialog-scrollable-content .rc-floating-button, #TemplateToMarketPlaceApprovalDialog .dialog-scrollable-content .rc-floating-button {
  padding-bottom: 8px;
}
#ShareUploadImages.non-padding-top .dialog-scrollable-content, #TemplateToMarketPlaceApprovalDialog.non-padding-top .dialog-scrollable-content {
  padding-top: 0;
}
#ShareUploadImages .upload-image-details-table .upload-image-details-image, #TemplateToMarketPlaceApprovalDialog .upload-image-details-table .upload-image-details-image {
  height: 152px;
  width: 152px;
  flex: 0 0 152px;
  position: relative;
  overflow: hidden;
}
#ShareUploadImages .upload-image-details-table .upload-image-details-image img, #TemplateToMarketPlaceApprovalDialog .upload-image-details-table .upload-image-details-image img {
  max-width: unset;
}
#ShareUploadImages .upload-image-details-table .upload-image-details-image img.landscape, #TemplateToMarketPlaceApprovalDialog .upload-image-details-table .upload-image-details-image img.landscape {
  height: 100%;
  width: auto;
  margin-left: 50%;
  transform: translateX(-50%);
}
#ShareUploadImages .upload-image-details-table .upload-image-details-image img.portrait, #TemplateToMarketPlaceApprovalDialog .upload-image-details-table .upload-image-details-image img.portrait {
  width: 100%;
  height: auto;
  margin-top: 50%;
  transform: translateY(-50%);
}
#ShareUploadImages .upload-image-details-table .upload-image-details-image img.square, #TemplateToMarketPlaceApprovalDialog .upload-image-details-table .upload-image-details-image img.square {
  height: 100%;
  width: 100%;
}
#ShareUploadImages .upload-image-details-table .rc-textarea.rc-component, #TemplateToMarketPlaceApprovalDialog .upload-image-details-table .rc-textarea.rc-component {
  height: 108px;
  margin-top: 8px;
}
#ShareUploadImages main > div, #TemplateToMarketPlaceApprovalDialog main > div {
  flex: 1;
  justify-content: flex-start;
  box-sizing: border-box;
}
#ShareUploadImages main > div > form, #TemplateToMarketPlaceApprovalDialog main > div > form {
  padding: 0 16px;
  flex: 1;
}
#ShareUploadImages main > div > form .group-content.group-content-horizontal-group, #TemplateToMarketPlaceApprovalDialog main > div > form .group-content.group-content-horizontal-group {
  flex-wrap: wrap;
}

/*@keyframes SlideDown {
    0% {
        opacity: 0;
        @include translate(0, -125%);
    }

    100% {
        opacity: 1;
        @include translate(0, 0);
    }
}

@keyframes SlideUp {
    0% {
        opacity: 1;
        @include translate(0, 0);
    }

    100% {
        opacity: 0;
        @include translate(0, -125%);
    }
}

@keyframes FadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes FadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}*/
#MoreIdeasDialog.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content {
  max-height: 80vh;
  border-radius: 6px;
}
#MoreIdeasDialog.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0;
}
#MoreIdeasDialog.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .more-ideas-dialog-content, #MoreIdeasDialog.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .more-ideas-dialog-footer {
  padding-left: 16px;
  padding-right: 16px;
}
#MoreIdeasDialog .more-ideas-dialog-header {
  margin: -16px 0 0;
  padding: 16px 16px 0;
  background-color: white;
}
#MoreIdeasDialog .more-ideas-dialog-header .thumbnail {
  max-width: 76px;
  max-height: 76px;
  width: 76px;
  height: 76px;
  min-width: 76px;
  margin-right: 16px;
}
#MoreIdeasDialog .more-ideas-dialog-header .thumbnail img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
#MoreIdeasDialog .more-ideas-dialog-header .group-content-icon.group-content.icon .rc-icon {
  width: 21px;
  height: 21px;
}
#MoreIdeasDialog .more-ideas-dialog-header .content-group-table-row .group-content.group-content-label.addedToCart {
  flex: auto;
  color: #6c9d0d;
}
#MoreIdeasDialog .more-ideas-dialog-header .content-group-table-row .group-content.group-content-label.article {
  line-height: 18px;
  min-height: unset;
}
#MoreIdeasDialog .more-ideas-dialog-header .content-group-table-row .group-content.group-content-label.projectTitle {
  margin-top: 4px;
  line-height: 18px;
  min-height: unset;
  font-weight: bold;
}
#MoreIdeasDialog .more-ideas-dialog-footer {
  display: flex;
  justify-content: flex-end;
  padding-top: 8px;
  padding-bottom: 8px;
  position: sticky;
  top: auto;
  bottom: 0;
  left: 0;
}
#MoreIdeasDialog .more-ideas-dialog-footer button:not(.btn-submit) {
  padding-right: 0;
}
#MoreIdeasDialog .more-ideas-dialog-content-line.content-group-table-row {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-height: 90px;
  min-height: 90px;
}
#MoreIdeasDialog .group-content.group-content-horizontal-group {
  gap: 16px;
  margin-bottom: unset;
}
#MoreIdeasDialog .group-content.group-content-horizontal-group .group-content-image.gorup-content.thumbnail {
  margin-right: 0;
  max-height: 90px;
}
#MoreIdeasDialog .thumbnail {
  max-width: 76px;
  width: 76px;
  min-width: 76px;
}
#MoreIdeasDialog .thumbnail img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
#MoreIdeasDialog .price-original-line {
  max-height: 16px;
}
#MoreIdeasDialog .price-original-line .priceTotal {
  height: 22px;
  min-height: unset;
  font-weight: bold;
  text-decoration: line-through;
  white-space: nowrap;
}
#MoreIdeasDialog .price-original-line .price {
  height: 22px;
  min-height: unset;
  font-weight: bold;
  color: #d9052f;
  white-space: nowrap;
}
#MoreIdeasDialog .price-original-line .validTo {
  height: 22px;
  min-height: unset;
  color: #d9052f;
  white-space: nowrap;
}
#MoreIdeasDialog .group-content.group-content-label.article {
  min-height: unset;
  font-size: 14px;
}
#MoreIdeasDialog .group-content.group-content-label.price {
  height: 22px;
  min-height: unset;
  font-weight: bold;
  white-space: nowrap;
}
#MoreIdeasDialog .more-ideas-dialog-content-line-data {
  display: flex;
  flex: auto;
}
#MoreIdeasDialog .more-ideas-dialog-content-line-data > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#MoreIdeasDialog .more-ideas-dialog-content-line-data > div:first-child {
  flex: auto;
}
#MoreIdeasDialog .more-ideas-dialog-content-line-data > div:last-child {
  flex: 0;
}

#MoreIdeasDialog.mobile-dialog .content-group-table-row .group-content.group-content-horizontal-group {
  flex-wrap: nowrap;
  margin-bottom: 0;
}
#MoreIdeasDialog.mobile-dialog .more-ideas-dialog-header {
  margin: unset;
}
#MoreIdeasDialog.mobile-dialog .more-ideas-dialog-header .content-group-table-row .group-content.group-content-label.rc-mobile-component {
  min-height: unset;
}
#MoreIdeasDialog.mobile-dialog .more-ideas-dialog-header .content-group-table-row .group-content.group-content-horizontal-group {
  margin-bottom: 8px;
}
#MoreIdeasDialog.mobile-dialog .more-ideas-dialog-content {
  background-color: #efefef;
  padding: 0 16px;
}
#MoreIdeasDialog.mobile-dialog .more-ideas-dialog-content .moreIdeasHeader {
  font-size: 18px;
}
#MoreIdeasDialog.mobile-dialog .more-ideas-dialog-content .website-promotion-banner {
  margin: 0;
}
#MoreIdeasDialog.mobile-dialog .more-ideas-dialog-content .website-promotion-banner .slider-images .image {
  background-color: #efefef;
  background-image: unset;
}
#MoreIdeasDialog.mobile-dialog .more-ideas-dialog-footer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 8px 16px 0;
  background-color: #efefef;
}
#MoreIdeasDialog.mobile-dialog .more-ideas-dialog-footer button:not(.btn-submit) {
  padding-right: 0;
  background-color: transparent;
}
#MoreIdeasDialog.mobile-dialog .webshop-dialog-banner .slider-images .image {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}

#MoreIdeasDialog.mobile-dialog.redesign .rc-dialog-content {
  padding: 24px;
}
#MoreIdeasDialog.mobile-dialog.redesign .mobile-dialog-content {
  border-radius: 6px 6px 0 0;
  overflow: hidden;
}
#MoreIdeasDialog.mobile-dialog.redesign .more-ideas-dialog-header {
  padding: 16px 24px 0;
}
#MoreIdeasDialog.mobile-dialog.redesign .more-ideas-dialog-content {
  padding: 0 24px;
}
#MoreIdeasDialog.mobile-dialog.redesign .more-ideas-dialog-content .group-content-label {
  font-size: 15px;
}
#MoreIdeasDialog.mobile-dialog.redesign .more-ideas-dialog-footer {
  box-sizing: border-box;
  width: 100%;
  padding: 0 24px 24px;
  flex-direction: column;
  gap: 16px;
}
#MoreIdeasDialog.mobile-dialog.redesign.tablet .more-ideas-dialog-content {
  padding: 0;
}
#MoreIdeasDialog.mobile-dialog.redesign.tablet .more-ideas-dialog-footer {
  padding: 0;
}
#MoreIdeasDialog.mobile-dialog.redesign .content-group-table-row .group-content.group-content-horizontal-group .group-content-label.addedToCart {
  font-weight: bold;
}
#MoreIdeasDialog.mobile-dialog.redesign .content-group-table-row .group-content.group-content-horizontal-group .group-content-icon.icon {
  flex-grow: 0;
}

.clipart-pool {
  display: flex;
  flex-wrap: wrap;
  /* > .clipart.is-portrait-clipart {
  		 flex: 0 0 12.5%;

  		 @media (max-width: 1000px) {
  				 flex: 0 0 20%;
  		 }

  		 @media (max-width: 500px) {
  				 flex: 0 0 25%;
  		 }
   }*/
}
.clipart-pool > div {
  flex: 0 0 20%;
  /*@media (max-width: 1000px) {
  		flex-basis: 33%;
  }

  @media (max-width: 500px) {
  		flex-basis: 50%;
  }*/
}
.clipart-pool > div.is-hidden {
  display: none;
}
.clipart-pool img {
  width: 100%;
  height: auto;
  display: block;
  margin: auto;
  box-sizing: border-box;
}
.clipart-pool .img {
  margin: 16px;
  position: relative;
  cursor: pointer;
  box-sizing: border-box;
  overflow: hidden;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.25);
}
.clipart-pool .img:hover .border {
  border-color: #d8d8d8;
  border-width: 3px;
}
.clipart-pool .img:active .border {
  border-color: #C2C2C2;
}
.clipart-pool .img.active .border {
  border-color: #3669C4;
  border-width: 3px;
}
.clipart-pool .img.active .border:hover {
  border-color: #82AEFD;
}
.clipart-pool .border {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  z-index: 1;
  border: 1px solid transparent;
}

.rc-mobile-view .clipart-pool .img {
  margin: 8px;
}

.cliparts-module.redesign.tablet {
  padding-top: 24px;
  box-sizing: border-box;
}
.cliparts-module.redesign.tablet > div {
  height: 100%;
}
.cliparts-module.redesign.tablet.portrait .clipart-item-wrapper {
  width: 15%;
}
.cliparts-module.redesign.tablet .clipart-selection .rc-component.rc-select.tag-input {
  display: none;
}
.cliparts-module.redesign.tablet .clipart-selection .rc-component.rc-select.rc-select-dark .sgw-icon {
  width: 18px;
  height: 18px;
}
.cliparts-module.redesign.tablet .clipart-selection .rc-component.rc-select.rc-select-dark .sgw-icon:before {
  width: 18px;
  height: 18px;
  font-size: 18px;
  line-height: 18px;
}
.cliparts-module.redesign.tablet .cliparts-list {
  flex: unset;
}
.cliparts-module.redesign.tablet .cliparts-list .favorites-check {
  margin: 0 0 16px 0;
}
.cliparts-module.redesign.tablet .cliparts-list .favorites-check > div {
  justify-content: unset;
}
.cliparts-module.redesign .clipart-selection {
  padding: 8px 16px 16px 16px;
}
.cliparts-module.redesign .cliparts-list {
  padding: 0 16px;
}
.cliparts-module.redesign .cliparts-list .favorites-check {
  margin: 16px 0;
}
.cliparts-module.redesign .cliparts-list .favorites-check .rc-component.rc-checkbox.rc-mobile-component.redesign {
  justify-content: unset;
}
.cliparts-module.redesign .cliparts-list .favorites-check .rc-component.rc-checkbox.rc-mobile-component.redesign.not-selected .rc-checkbox-box {
  background-color: inherit;
}
.cliparts-module.redesign .cliparts-list .favorites-check .rc-component.rc-checkbox.rc-mobile-component.redesign.selected .rc-checkbox-box {
  background-color: #3669C4;
}
.cliparts-module.redesign .cliparts-list > div > div {
  display: flex;
  flex-wrap: wrap;
  row-gap: 24px;
  justify-content: space-between;
}
.cliparts-module.redesign .cliparts-list > div > div .clipart-item-wrapper .clipart-item-favorite {
  margin-top: 8px;
}
.cliparts-module.redesign .cliparts-list > div > div .clipart-item-wrapper .clipart-item-favorite .rc-icon.sgw-icon.clickable {
  padding-left: 20px;
}
.cliparts-module .cliparts-module-buttons {
  display: flex;
  flex-direction: row;
  font-size: 14px;
  position: relative;
}
.cliparts-module .cliparts-module-buttons button {
  background-color: unset;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12px;
  padding: unset;
  margin: 0 12px 0 4px;
  height: auto;
  /*@media (max-width: 1366px) {
  		width: 100%;
  }*/
}
.cliparts-module .cliparts-module-buttons button.mobile-button {
  font-size: 14px;
  height: 36px;
  margin: 0 8px;
}
.cliparts-module .cliparts-module-buttons button.btn-icon .sgw-icon {
  width: 20px;
  height: 20px;
  margin-right: 4px;
}
.cliparts-module .cliparts-module-buttons button.btn-icon .sgw-icon:before {
  font-size: 18px;
  width: 20px;
  height: 20px;
  line-height: 20px;
}
.cliparts-module .cliparts-module-buttons button:hover {
  background-color: unset;
  border-color: unset;
}
.cliparts-module .cliparts-module-buttons button:hover:before {
  color: unset;
}
.cliparts-module .cliparts-module-buttons .image-pool-source-selection.drop-down-menu {
  top: 100%;
}
.cliparts-module .cliparts-module-buttons .cliparts-header-menu {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.cliparts-module .cliparts-module-buttons .rc-context-menu.rc-context-menu-v2 {
  position: absolute;
  right: 0;
  z-index: 1;
}
.cliparts-module .cliparts-module-buttons .rc-context-menu.rc-context-menu-v2 button {
  margin: 0;
}
.cliparts-module .cliparts-module-buttons .rc-context-menu.rc-context-menu-v2 .context-menu .context-menu-body {
  box-sizing: border-box;
  padding-left: 8px;
}

.module-list .cliparts-module {
  padding: 4px;
  height: 100%;
}

.module-list .cliparts-module > div {
  height: 100%;
}

.cliparts-module > div {
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.cliparts-module .clipart-selection {
  padding: 8px 8px 0 8px;
  display: flex;
  align-items: flex-end;
}
.cliparts-module .clipart-selection > *.rc-select {
  width: 50%;
}
.cliparts-module .clipart-selection > *.rc-select .group-content {
  margin-bottom: unset;
}
.cliparts-module .clipart-selection > *.rc-select .rc-input {
  width: 100%;
}
.cliparts-module .clipart-selection > *.rc-select .select-options-list {
  overflow-x: hidden;
}
.cliparts-module .clipart-selection > *.rc-select .select-options-item {
  box-sizing: border-box;
  display: block;
  cursor: pointer;
  padding: 4px;
  margin-bottom: 2px;
  background: #FFFFFF;
  font-weight: normal;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.cliparts-module .clipart-selection > *.rc-select .select-options-item:nth-child(odd) {
  background-color: #EFEFEF;
}
.cliparts-module .clipart-selection > *.rc-select .select-options-item.level-2 {
  padding-left: 12px;
}
.cliparts-module .clipart-selection > *.rc-select .select-options-item.level-3 {
  padding-left: 20px;
}
.cliparts-module .clipart-selection > *.tag-input {
  margin-left: 8px;
}
.cliparts-module .clipart-selection .mobile-layout label {
  font-size: 14px;
}
.cliparts-module .clipart-selection .mobile-layout .select-box .selected-value {
  height: 32px;
}
.cliparts-module .clipart-selection .mobile-layout .select-box .selected-value:after {
  top: 14px;
  right: 12px;
}

.module-list .cliparts-module .clipart-selection {
  padding: 8px 0 0;
}

.drop-down-overlay {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}

.cliparts-module .clipart-selection .drop-down-container {
  width: 1039px;
  height: 900px;
  padding: 8px;
  display: flex;
  flex-direction: column;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.45);
}
.cliparts-module .clipart-selection .drop-down-container .heading:hover {
  background: inherit;
}
.cliparts-module .clipart-selection .drop-down-container div.category-selection {
  margin-bottom: 8px;
  padding: 4px;
  width: 212px;
}
.cliparts-module .clipart-selection .drop-down-container div.clipartbrowser {
  overflow-y: scroll;
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
  width: 100%;
  height: 100%;
  padding-right: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.rc-mobile-view main .cliparts-module .clipart-selection .drop-down-container {
  width: unset;
  height: unset;
}

#clipartBrowserDialog .rc-dialog-wrapper {
  min-height: 100%;
  height: 100%;
  margin: 0 auto;
  width: 1600px;
  max-width: calc(100% - 32px);
}
@media only screen and (min-width: 1921px) {
  #clipartBrowserDialog .rc-dialog-wrapper {
    width: 1888px;
  }
}
#clipartBrowserDialog .rc-dialog-wrapper .rc-dialog-content {
  background-color: #e7e7e7;
  min-height: calc(100% - 32px);
  max-height: calc(100% - 32px);
}
#clipartBrowserDialog .drop-down-container {
  padding: 8px;
  display: flex;
  flex-direction: column;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  flex: 1;
}
#clipartBrowserDialog .drop-down-container .heading:hover {
  background: inherit;
}
#clipartBrowserDialog .drop-down-container div.category-selection {
  margin-bottom: 8px;
  padding: 4px;
  width: 212px;
}
#clipartBrowserDialog .drop-down-container div.clipartbrowser {
  overflow-y: scroll;
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
  width: 100%;
  height: 100%;
  padding-right: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  flex: 1;
}
#clipartBrowserDialog div.clipart-browser-footer {
  flex: 0;
  width: 100%;
  display: flex;
  padding: 8px;
  box-sizing: border-box;
  justify-content: flex-end;
}
#clipartBrowserDialog div.clipart-browser-footer button {
  margin-left: 16px;
}

.module-list .cliparts-module .clipart-selection .clipart-module-label {
  display: block;
  padding-bottom: 2px;
}

/*.cliparts-module .cliparts-list {
    display: flex;
    flex-wrap: wrap;
}*/
.cliparts-module > div > .cliparts-list {
  flex: auto;
  overflow-y: auto;
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
  padding: 4px;
  box-sizing: border-box;
  height: auto;
  display: flex;
  flex-wrap: wrap;
}
.cliparts-module > div > .cliparts-list > div:not(.favorites-check) {
  width: 100%;
}
.cliparts-module > div > .cliparts-list > div:not(.favorites-check) > div {
  display: flex;
  flex-wrap: wrap;
}

.module-list .cliparts-module > div > .cliparts-list {
  padding: 0;
  padding-top: 4px;
  margin-top: 4px;
  overflow-x: hidden;
  scrollbar-width: thin;
}

.mobile-dialog-content .cliparts-module .cliparts-list .clipart-item-wrapper {
  flex: 0 0 33%;
}

.cliparts-module .cliparts-list .clipart-item-wrapper.active .clipart-item .mobile-clipart-item {
  border: none !important;
  outline: 2px solid #3669C4 !important;
}

.cliparts-module .cliparts-list .clipart-item-wrapper .clipart-item .mobile-clipart-item {
  border: 1px solid #CCCCCC;
  position: relative;
  line-height: 0;
  cursor: pointer;
}

.cliparts-module .cliparts-list .clipart-item-wrapper {
  flex: 0 0 auto;
  position: relative;
  width: 31%;
  padding: 3px;
}
.cliparts-module .cliparts-list .clipart-item-wrapper.factor-1 {
  min-width: 100%;
}
.cliparts-module .cliparts-list .clipart-item-wrapper.factor-2 {
  min-width: 50%;
}
.cliparts-module .cliparts-list .clipart-item-wrapper.factor-3 {
  min-width: 33%;
}
.cliparts-module .cliparts-list .clipart-item-wrapper.factor-4 {
  min-width: 25%;
}
.cliparts-module .cliparts-list .clipart-item-wrapper .clipart-item-layout-id {
  position: absolute;
  left: 4px;
  top: 4px;
  padding: 1px 2px;
  background-color: white;
}
.cliparts-module .cliparts-list .clipart-item-wrapper .clipart-item-favorite {
  margin-bottom: 8px;
}
.cliparts-module .cliparts-list .clipart-item-wrapper .clipart-item-favorite .rc-icon {
  cursor: pointer;
}

.cliparts-module .cliparts-list .clipart-item-wrapper .clipart-item {
  box-sizing: border-box;
  width: 90px;
  height: 90px;
  cursor: move;
}
.cliparts-module .cliparts-list .clipart-item-wrapper .clipart-item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.module-list .cliparts-module .cliparts-list .clipart-item-wrapper .clipart-item svg {
  width: 100%;
}

.cliparts-module .cliparts-list .clipart-item-wrapper .clipart-item > div {
  position: relative;
  line-height: 0;
  cursor: pointer;
}

.cliparts-module .cliparts-list .clipart-item-wrapper .clipart-item:hover {
  outline: 3px solid #CCCCCC;
}

.cliparts-module .cliparts-list .clipart-item-wrapper.active .clipart-item .clipart-layout-item {
  outline: 3px solid #3669C4;
  border: none !important;
}

/*.cliparts-module .cliparts-list .clipart-item-wrapper.active .clipart-item:hover .clipart-layout-item {
    outline: 3px solid #CCCCCC !important;
}*/
.cliparts-module .cliparts-list .clipart-item-wrapper .clipart-item > div:after,
.cliparts-module .cliparts-list .clipart-item-wrapper .cliparts-list .clipart-item-wrapper .clipart-item > div:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border: 2px solid transparent;
  left: 0;
  top: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.cliparts-module .cliparts-list .clipart-item-wrapper .clipart-item .clipart-layout-item {
  border: 1px solid #CCCCCC;
}

.cliparts-module .cliparts-list > .clipart-item-wrapper .cliparts-list {
  display: none;
  padding: 0 12px 12px 8px;
}

.cliparts-module .cliparts-list > .clipart-item-wrapper.active .cliparts-list,
.cliparts-module .cliparts-list > .clipart-item-wrapper.subactive .cliparts-list {
  display: flex;
}

.module-list .cliparts-module > div .cliparts-list .clipart-item-wrapper .cliparts-list .clipart-item-wrapper .clipart-item {
  margin: 4px 6px 4px 6px;
}

.cliparts-module .rc-context-menu.rc-context-menu-v2 .context-menu {
  min-width: auto;
}

.desktop-menu-wrapper + #CollectionImageCommentView {
  left: 75px;
}

#CollectionImageCommentView {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 20001;
  /* main.mobile-approval-image-wrapper {
       @media only screen and (min-width: 500px){
           flex-direction: unset;
       }
   }*/
}
#CollectionImageCommentView.rc-mobile-view {
  z-index: 10000;
}
#CollectionImageCommentView main.mobile-approval-image-wrapper {
  align-items: center;
}
#CollectionImageCommentView main.mobile-approval-image-wrapper > div:not(.mobile-approval-image) {
  max-width: 446px;
}
#CollectionImageCommentView .mobile-approval-image > div {
  background-color: unset;
}
#CollectionImageCommentView .group-content-horizontal-group .group-content-button {
  flex: 1;
}
#CollectionImageCommentView .group-content-horizontal-group .group-content-button button {
  width: 100%;
}
#CollectionImageCommentView .comment-row-root > .comment-row {
  margin-bottom: 16px;
  /*+ .content-group-table-row {
      margin-left: 36px;
  }*/
}
#CollectionImageCommentView .comment-row {
  position: relative;
}
#CollectionImageCommentView .comment-row + .content-group-table-row {
  margin-top: -8px;
}
#CollectionImageCommentView .comment-row .group-content.group-content-horizontal-group {
  width: 100%;
  flex: 1;
  flex-wrap: nowrap;
}
#CollectionImageCommentView .comment-row .group-content.group-content-avatar {
  width: 36px;
}
#CollectionImageCommentView .comment-row .group-content.group-content-avatar .rc-avatar {
  width: 36px;
  height: 36px;
}
#CollectionImageCommentView .comment-row .comment-row-content {
  margin-right: unset;
}
#CollectionImageCommentView .comment-row .comment-row-content .group-content-label {
  min-height: unset;
  flex: 0;
  white-space: nowrap;
}
#CollectionImageCommentView .comment-row .comment-row-content .group-content-label.text {
  white-space: normal;
}
#CollectionImageCommentView .comment-row .comment-row-content .username-subline .group-content-label {
  color: #6E6E6E;
  font-size: 12px;
}
#CollectionImageCommentView .comment-row .comment-row-content .comment-item-content {
  margin-top: 8px;
  color: black;
}
#CollectionImageCommentView .comment-row .comment-item-footer {
  margin-top: 4px;
  margin-bottom: 12px;
  position: relative;
}
#CollectionImageCommentView .comment-row .comment-item-footer .group-content-button {
  flex: 0;
}
#CollectionImageCommentView .comment-row .comment-item-footer .group-content-button button {
  padding: 0;
  color: #3669c4;
  margin-right: 16px;
  height: auto;
  background-color: unset;
}
#CollectionImageCommentView .comment-row .comment-item-footer .group-content-like.group-content {
  position: absolute;
  right: 2px;
  top: 10px;
  color: #6E6E6E;
}
#CollectionImageCommentView .comment-row .comment-row-buttons {
  display: flex;
  position: absolute;
  right: 0;
  top: 0;
}
#CollectionImageCommentView .image-approval-close {
  position: absolute;
  left: 8px;
  top: 8px;
}
#CollectionImageCommentView .image-approval-close button {
  padding: 0;
}
#CollectionImageCommentView .image-approval-close button .rc-icon:before {
  color: white;
}
#CollectionImageCommentView .content-group-table-row .group-content-button button {
  width: 100%;
}
#CollectionImageCommentView .desktop-main-content {
  flex: 1;
  overflow-y: hidden;
  user-select: none;
  padding-bottom: unset;
}
#CollectionImageCommentView .desktop-main-content > div {
  background-color: black;
  padding: 64px 80px;
  box-sizing: border-box;
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
#CollectionImageCommentView .desktop-main-content .approve-button {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  z-index: 1;
  position: absolute;
  top: calc(50vh - 16px);
}
#CollectionImageCommentView .desktop-main-content .approve-button .rc-icon:before {
  color: #ffffff;
  font-size: 21px;
  width: 36px;
  height: 36px;
  line-height: 36px;
}
#CollectionImageCommentView .desktop-main-content .approve-button:hover .rc-icon:before {
  color: #ffffff;
}
#CollectionImageCommentView .desktop-main-content .approve-previous-button {
  left: 8px;
}
#CollectionImageCommentView .desktop-main-content .approve-next-button {
  right: 8px;
}
#CollectionImageCommentView .comments-view-header {
  flex: 1;
  padding-left: 16px;
  box-sizing: border-box;
}
#CollectionImageCommentView .comments-view-header .group-content.group-content-horizontal-group {
  flex-wrap: nowrap;
}
#CollectionImageCommentView .comments-view-header .group-content.group-content-horizontal-group .imageTitle {
  font-weight: bold;
}
#CollectionImageCommentView .comments-view-header .group-content.group-content-label {
  flex: 1;
}
#CollectionImageCommentView .detail-content-header {
  display: flex;
  flex-direction: row;
  padding-left: 0;
}
#CollectionImageCommentView .floating-detail-content .detail-content-header {
  padding-left: 36px;
}
#CollectionImageCommentView .floating-detail-content .detail-content-header .content-group-table-row.comments-view-header {
  padding-left: 0;
}
#CollectionImageCommentView .detail-content-header + .content-group-table-row {
  padding-top: 0;
}
#CollectionImageCommentView .key-values-lines {
  margin-bottom: 8px;
}
#CollectionImageCommentView .key-values-lines .group-content-label {
  margin-bottom: 0;
}
#CollectionImageCommentView .key-values-lines .group-content-key-value {
  display: flex;
  padding-bottom: 0;
  margin-bottom: 0;
}
#CollectionImageCommentView .key-values-lines .group-content-key-value .group-content-key-value-key {
  width: 50%;
}
#CollectionImageCommentView .key-values-lines .group-content-key-value .group-content-key-value-value {
  font-size: 14px;
}
#CollectionImageCommentView .iiz {
  overflow: unset;
}
#CollectionImageCommentView .comment-image-wrapper .project-preview-author-hint {
  color: #FFFFFF;
  background-color: transparent;
  position: fixed;
  bottom: 16px;
  left: 16px;
}
#CollectionImageCommentView .comment-image-wrapper .project-preview-author-hint a.make-report {
  color: #FFFFFF;
}
#CollectionImageCommentView .zoom-image-wrapper img {
  width: unset;
  height: unset;
  max-width: 100%;
  max-height: calc(100vh - 128px);
}
#CollectionImageCommentView .mobile-approval-image {
  height: unset;
  flex: unset;
  background-color: black;
  padding: 0;
}
#CollectionImageCommentView .mobile-approval-image > div {
  margin: unset;
}
#CollectionImageCommentView .mobile-approval-image .zoom-image-wrapper img {
  max-height: 446px;
}
#CollectionImageCommentView .mobile-approval-image + .detail-content-header {
  height: unset;
}
#CollectionImageCommentView .context-menu-body .project-preview-author-hint {
  padding: 0 16px;
  box-sizing: border-box;
  white-space: break-spaces;
}
#CollectionImageCommentView + .rc-dialog.dialog-with-scrollable-content {
  z-index: 20002 !important;
}

.mobile-approval-image {
  flex: 1;
  user-select: none;
  margin-bottom: 16px;
}
.mobile-approval-image > div {
  margin: -16px;
  background-color: black;
  box-sizing: border-box;
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mobile-approval-image .approve-button {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  z-index: 1;
  position: absolute;
  top: calc(50% - 16px);
}
.mobile-approval-image .approve-button .rc-icon:before {
  color: #ffffff;
  font-size: 36px;
  width: 36px;
  height: 36px;
  line-height: 36px;
}
.mobile-approval-image .approve-button:hover .rc-icon:before {
  color: #ffffff;
}
.mobile-approval-image .approve-previous-button {
  left: 8px;
}
.mobile-approval-image .approve-next-button {
  right: 8px;
}

#CollectionImageCommentView.rc-mobile-view .detail-content-header {
  padding-bottom: 0;
}
#CollectionImageCommentView.rc-mobile-view .mobile-approval-image {
  margin-bottom: 0;
}
#CollectionImageCommentView.rc-mobile-view .content-group-table-row.comments-view-header .group-content.group-content-horizontal-group {
  margin-bottom: 0;
}
#CollectionImageCommentView.rc-mobile-view .content-group-table-row.comments-view-header .group-content.group-content-horizontal-group .imageTitle {
  margin-bottom: 0;
}

.background-module {
  flex: auto;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: 4px;
}
.background-module.desktop {
  height: 100%;
}
.background-module.desktop .background-module-buttons button.btn-icon .rc-icon.sgw-icon {
  width: 21px;
  height: 21px;
}
.background-module.desktop .background-module-buttons button.btn-icon .rc-icon.sgw-icon:before {
  font-size: 21px;
  width: 21px;
  height: 21px;
  line-height: 21px;
}
.background-module.desktop .background-module-buttons button.btn-icon .btn-label {
  font-size: 14px;
}
.background-module.desktop .rc-tabcontrol .rc-tabcontrol-tab {
  height: 36px;
  font-size: 14px;
}
.background-module.desktop .background-tab-content-container .group-content-input {
  padding-right: 8px;
}
.background-module.tablet {
  padding: 16px 0 0 0;
  position: relative;
  box-sizing: border-box;
}
.background-module.tablet.portrait .footer-buttons {
  position: absolute;
  bottom: 0;
  z-index: 2;
}
.background-module.tablet .footer-buttons {
  bottom: 16px;
}
.background-module.tablet .delete-background-tablet {
  padding: 8px 24px 16px 24px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.background-module.tablet .delete-background-tablet .sgw-icon {
  padding-left: unset;
  height: 14px;
  width: 14px;
}
.background-module.tablet .delete-background-tablet .sgw-icon:before {
  color: #3776B2;
  height: 14px;
  width: 14px;
  font-size: 14px;
  line-height: 14px;
}
.background-module.tablet .delete-background-tablet .label {
  color: #3776B2;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.background-module.tablet .rc-tabcontrol {
  padding: 0 16px;
  box-sizing: border-box;
  border-bottom: 2px solid #ccc;
}
.background-module.tablet .rc-tabcontrol .rc-tabcontrol-tab {
  padding: 8px;
  font-size: 13px;
}
.background-module.tablet .rc-tabcontrol .rc-tabcontrol-tab:not(.rc-tabcontrol-tab-selected) {
  border-bottom: unset;
}
.background-module.tablet .rc-tabcontrol .rc-tabcontrol-tab.rc-tabcontrol-tab-selected {
  border-bottom: 2px solid #3669c4;
}
.background-module.tablet .background-tab-content-container {
  overflow-y: auto;
}
.background-module.tablet .background-tab-content-container .background-tab-content-container-inputs {
  padding: 8px 16px;
  position: relative;
}
.background-module.tablet .background-tab-content-container .background-tab-content-container-inputs .background-image-list-redesign.tablet .image-item-wrapper {
  margin: 0 4px 4px 0;
  cursor: pointer;
  flex: unset;
  position: unset;
  height: unset;
  padding-bottom: unset;
}
.background-module.tablet .background-tab-content-container .background-tab-content-container-inputs .background-image-list-redesign.tablet .image-item-wrapper > div {
  margin: unset;
}
.background-module.tablet .background-tab-content-container .background-tab-content-container-inputs .background-image-list-redesign.tablet .image-item-wrapper > div .image-item.selected .rc-icon.sgw-icon {
  position: absolute;
  bottom: 15px;
  right: 5px;
}
.background-module.tablet .background-tab-content-container .background-tab-content-container-inputs .background-image-list-redesign.tablet .image-item-wrapper > div .image-item.selected .rc-icon.sgw-icon:before {
  color: #3669c4;
}
.background-module.tablet .background-tab-content-container .background-tab-content-container-inputs .background-image-list-redesign.tablet .image-item-wrapper > div .image-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.background-module.tablet .background-tab-content-container .background-tab-content-container-inputs .background-image-list-redesign.tablet.landscape .image-item-wrapper {
  max-width: calc(33.3% - 4px);
  flex: calc(33.3% - 4px);
}
.background-module.tablet .background-tab-content-container .background-tab-content-container-inputs .background-image-list-redesign.tablet.portrait {
  padding-bottom: 74px;
}
.background-module.tablet .background-tab-content-container .background-tab-content-container-inputs .background-image-list-redesign.tablet.portrait .image-item-wrapper {
  max-width: calc(16.6% - 4px);
  flex: calc(16.6% - 4px);
}
.background-module.tablet .background-tab-content-container .background-tab-content-container-inputs .background-image-list-redesign.tablet .image-item-name {
  display: none;
}
.background-module.tablet .background-tab-content-container .background-tab-content-container-inputs .image-presets-container-redesign .checkout-group-content.image-presets {
  padding-bottom: unset;
}
.background-module.tablet .background-tab-content-container .background-tab-content-container-inputs .image-presets-container-redesign .cropper-container {
  padding-left: 16px;
}
.background-module.tablet .background-tab-content-container .background-tab-content-container-inputs .checkout-group-content.image-presets {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-bottom: 8px;
}
.background-module.tablet .background-tab-content-container .background-tab-content-container-inputs .image-presets-container-redesign .image-presets .group-content-horizontal-group .group-content-input.group-content.rotationInput.alpha-container {
  width: 50%;
}
.background-module.tablet .background-tab-content-container .background-tab-content-container-inputs .group-content-horizontal-group {
  gap: 16px;
  padding-bottom: unset;
  padding-right: unset;
}
.background-module.tablet .background-tab-content-container .background-tab-content-container-inputs .group-content-horizontal-group .group-content-input {
  width: 50%;
  padding-left: unset;
  padding-right: unset;
}
.background-module.tablet .background-tab-content-container .background-tab-content-container-inputs .group-content-horizontal-group .group-content-input.group-content.alphaInput.alpha-container {
  width: 50%;
}
.background-module.tablet .background-tab-content-container .background-tab-content-container-presets {
  margin-top: 16px;
}
.background-module.tablet .background-tab-content-container .background-tab-content-container-presets .rc-component.rc-checkbox.presets-checkbox {
  margin-bottom: unset;
  padding-left: 16px;
}
.background-module.tablet .background-tab-content-container .background-tab-content-container-presets .rc-component.rc-checkbox.presets-checkbox .rc-checkbox-label {
  font-size: 14px;
}
.background-module.tablet .background-tab-content-container .background-tab-content-container-presets .presets {
  padding: 16px 16px 0 16px;
  box-sizing: border-box;
}
.background-module.tablet .background-tab-content-container .background-tab-content-container-presets .presets .preset-wrapper {
  outline: unset;
  box-sizing: border-box;
}
.background-module.tablet .background-tab-content-container .background-tab-content-container-presets .presets .preset-wrapper.selected {
  position: relative;
}
.background-module.tablet .background-tab-content-container .background-tab-content-container-presets .presets .preset-wrapper.selected > img {
  box-sizing: border-box;
  border: 2px solid #3776b2;
}
.background-module.tablet .background-tab-content-container .background-tab-content-container-presets .presets .preset-wrapper.selected .rc-icon.sgw-icon.check_circle {
  position: absolute;
  bottom: 45px;
  right: 5px;
}
.background-module.tablet .background-tab-content-container .background-tab-content-container-presets .presets .preset-wrapper.selected .rc-icon.sgw-icon.check_circle:before {
  color: #3776b2;
}
.background-module.tablet .background-tab-content-container .background-tab-content-container-presets .presets .preset-wrapper .preset {
  box-sizing: border-box;
}
.background-module.tablet .background-tab-content-container .background-tab-content-container-presets .presets .preset-wrapper .preset.selected {
  border: 2px solid #3776b2;
}
.background-module.tablet .background-tab-content-container .background-tab-content-container-presets .presets .preset-wrapper .preset-favorite {
  opacity: unset;
}
.background-module.tablet .background-tab-content-container .background-tab-content-container-presets .presets .preset-wrapper.texture-wrapper .texture {
  position: relative;
}
.background-module.tablet .background-tab-content-container .background-tab-content-container-presets .presets .preset-wrapper.texture-wrapper .texture img {
  width: 100%;
  height: 100%;
}
.background-module.tablet .background-tab-content-container .background-tab-content-container-presets .presets .preset-wrapper.texture-wrapper .texture.selected {
  box-sizing: border-box;
  border: 2px solid #3669C4;
}
.background-module.tablet .background-tab-content-container .background-tab-content-container-presets .presets.portrait .preset-wrapper {
  max-width: calc(12.5% - 4px);
  flex: calc(12.5% - 4px);
}
.background-module.tablet .background-tab-content-container .background-tab-content-container-presets .presets.portrait .preset-wrapper.texture-wrapper {
  max-width: calc(16.6% - 4px);
  flex: calc(16.6% - 4px);
}
.background-module.tablet .background-tab-content-container .background-tab-content-container-presets .presets.portrait .preset-wrapper .preset {
  height: 58px;
}
.background-module.tablet .background-tab-content-container .background-tab-content-container-presets .presets.landscape .preset-wrapper {
  max-width: calc(25% - 4px);
  flex: calc(25% - 4px);
}
.background-module.tablet .background-tab-content-container .background-tab-content-container-presets .presets.landscape .preset-wrapper.texture-wrapper {
  max-width: calc(33.3% - 4px);
  flex: calc(33.3% - 4px);
}
.background-module.tablet .background-tab-content-container .background-tab-content-container-presets .presets.landscape .preset-wrapper .preset {
  height: 58px;
}
.background-module.tablet .apply-selection-footer-redesign {
  display: flex;
  flex-direction: row;
  background-color: #FFFFFF;
  padding: 16px;
  gap: 8px;
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  box-sizing: border-box;
  z-index: 2;
}
.background-module.tablet .apply-selection-footer-redesign button {
  width: 100%;
}
.background-module .group-content-tabcontrol {
  width: 100%;
}
.background-module .rc-tabcontrol {
  flex-shrink: 0;
}
.background-module > .checkout-group-content {
  display: flex;
}
.background-module > .checkout-group-content > .group-content-button {
  margin-right: 4px;
}
.background-module > .checkout-group-content > .group-content-button > button {
  padding: 0 2px;
}
.background-module > .checkout-group-content > .group-content-button > button .sgw-icon {
  margin-right: 2px;
}
.background-module .background-module-buttons {
  display: flex;
  flex-direction: row;
  font-size: 14px;
  position: relative;
}
.background-module .background-module-buttons.precalculate-container {
  display: block;
  visibility: hidden;
}
.background-module .background-module-buttons.precalculate-container > button {
  flex: 0;
  justify-content: left;
}
.background-module .background-module-buttons > button {
  justify-content: left;
}
.background-module .background-module-buttons > button {
  background-color: unset;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12px;
  padding: unset;
  margin: 0 4px 0 4px;
  height: auto;
}
.background-module .background-module-buttons > button.rc-mobile-component {
  font-size: 14px;
  height: 36px;
  margin: 0 8px;
}
.background-module .background-module-buttons > button.btn-icon .sgw-icon {
  width: 20px;
  height: 20px;
  margin-right: 4px;
}
.background-module .background-module-buttons > button.btn-icon .sgw-icon:before {
  font-size: 18px;
  width: 20px;
  height: 20px;
  line-height: 20px;
}
.background-module .background-module-buttons > button.btn-icon .btn-label {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.background-module .background-module-buttons > button:hover {
  background-color: unset;
  border-color: unset;
}
.background-module .background-module-buttons > button:hover:before {
  color: unset;
}
.background-module .background-module-buttons .rc-context-menu.rc-context-menu-v2 {
  position: relative;
  right: unset;
  z-index: 2;
  flex: 1;
  text-align: right;
}
.background-module .background-module-buttons .rc-context-menu.rc-context-menu-v2 button {
  margin: 0;
}
.background-module .background-module-buttons .rc-context-menu.rc-context-menu-v2 .context-menu .context-menu-body {
  box-sizing: border-box;
  padding-left: 8px;
}
.background-module .background-module-buttons .rc-context-menu.rc-context-menu-v2 .context-menu .context-menu-body > div {
  display: flex;
  flex-direction: column;
}
.background-module .background-tab-content-container {
  flex: auto;
  flex-direction: column;
  flex-wrap: wrap;
  margin-top: 8px;
  overflow-y: scroll;
}
.background-module .background-tab-content-container .group-content-input {
  flex-basis: 50%;
  padding-right: 4px;
  margin-right: 0;
  position: relative;
}
.background-module .background-tab-content-container .group-content-input:last-child {
  padding-right: 0;
}
.background-module .background-tab-content-container .background-tab-content-container-inputs {
  position: sticky;
  top: 0;
  z-index: 1;
}
.background-module .background-tab-content-container .background-tab-content-container-inputs button.image-selection-mobile-button {
  background-color: #efefef;
  margin-bottom: 4px;
}
.background-module .background-tab-content-container .background-tab-content-container-inputs .image-presets-container-redesign {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.background-module .background-tab-content-container .background-tab-content-container-inputs .image-presets-container-redesign .image-presets.redesign {
  width: 100%;
}
.background-module .background-tab-content-container .background-tab-content-container-inputs .image-presets-container-redesign .image-presets.redesign .alpha-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-basis: unset;
  width: 100%;
}
.background-module .background-tab-content-container .background-tab-content-container-inputs .image-presets-container-redesign .image-presets.redesign .alpha-container .percentage-slider-container {
  width: 100%;
}
.background-module .background-tab-content-container .background-tab-content-container-inputs .image-presets-container-redesign .image-presets.redesign .alpha-container .alpha-input {
  width: 100%;
}
.background-module .background-tab-content-container .background-tab-content-container-inputs .image-presets-container-redesign .cropper-container > button {
  background-color: #FFFFFF;
}
.background-module .background-tab-content-container .background-tab-content-container-inputs .image-presets-container-redesign .cropper-container > button .rc-icon {
  width: 32px;
  height: 32px;
}
.background-module .background-tab-content-container .background-tab-content-container-inputs .image-presets-container-redesign .cropper-container > button .rc-icon:before {
  width: 32px;
  height: 32px;
  font-size: 32px;
}
.background-module .background-tab-content-container .empty-background-images-redesign {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.background-module .background-tab-content-container .empty-background-images-redesign .rc-icon.sgw-icon.tab_image {
  margin-bottom: 16px;
  height: 48px;
}
.background-module .background-tab-content-container .empty-background-images-redesign .rc-icon.sgw-icon.tab_image:before {
  width: 48px;
  height: 48px;
  line-height: 48px;
  font-size: 48px;
  font-family: "icomoon";
}
.background-module .background-tab-content-container .empty-background-images-redesign .empty-background-images-title {
  display: flex;
  align-self: center;
  color: #525252;
  text-align: center;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 21px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin: 16px 0 8px 0;
}
.background-module .background-tab-content-container .empty-background-images-redesign .empty-background-images-description {
  color: var(--Content-contentPrimary, #2C2C2C);
  text-align: center;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px;
}
.background-module .background-tab-content-container .empty-background-images-redesign .empty-background-images-button {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.background-module .background-tab-content-container .empty-background-images-redesign .empty-background-images-button .upload-btn {
  margin-top: 32px;
  display: flex;
  width: 164px;
  height: 42px;
  padding: 8px 24px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex: unset;
}
.background-module .background-tab-content-container .group-content-horizontal-group {
  margin-bottom: 0;
  padding-bottom: 8px;
  box-sizing: border-box;
  background-color: white;
  padding-right: 4px;
}
.background-module .background-tab-content-container .group-content-horizontal-group + .group-content-horizontal-group {
  top: 44px;
}
@media only screen and (max-width: 500px) {
  .background-module .background-tab-content-container .group-content-horizontal-group {
    position: relative;
  }
  .background-module .background-tab-content-container .group-content.group-content-horizontal-group {
    flex-wrap: nowrap;
    padding-bottom: 0;
  }
}
.background-module .background-tab-content-container .slider-container {
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  background: #FFFFFF;
  padding: 8px;
  box-shadow: 0 1px 3px #5f5f5f;
}
.background-module .background-tab-content-container .group-content-label, .background-module .background-tab-content-container .group-content-horizontal-group {
  flex-basis: 100%;
}
.background-module .footer-buttons {
  position: absolute;
  bottom: 0;
  display: flex;
  flex-direction: row;
  width: 100%;
  background-color: #FFFFFF;
  height: 82px;
  box-sizing: border-box;
}
.background-module .footer-buttons .centered-div {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.background-module .footer-buttons .centered-div .footer-btn {
  margin: 16px;
}

.rc-mobile-view main .background-module .background-tab-content-container .background-tab-content-container-inputs .group-content-horizontal-group .group-content-input {
  width: 50% !important;
}
.rc-mobile-view main .background-module .background-tab-content-container .group-content-horizontal-group {
  position: relative;
  top: unset;
}
.rc-mobile-view main .background-module .background-tab-content-container .group-content-input {
  padding-left: 4px;
  padding-right: 4px;
  position: relative;
}
.rc-mobile-view main .background-module .rc-color-picker .color-picker-label-container {
  max-width: unset;
}

#BackgroundSelectionMobileDialog header.redesign {
  box-shadow: none;
}
#BackgroundSelectionMobileDialog header.redesign .back-button.align-right {
  position: absolute;
  left: unset;
  right: 16px;
}
#BackgroundSelectionMobileDialog header.redesign .back-button.align-right > button {
  width: 18px;
  height: 18px;
}
#BackgroundSelectionMobileDialog header.redesign .back-button.align-right > button .rc-icon.sgw-icon.close {
  width: 18px;
  height: 18px;
}
#BackgroundSelectionMobileDialog header.redesign .back-button.align-right > button .rc-icon.sgw-icon.close:before {
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 18px;
}
#BackgroundSelectionMobileDialog main {
  background-color: #FFFFFF;
}

#BackgroundSelectionMobileDialog .background-module {
  padding: unset;
}
#BackgroundSelectionMobileDialog .background-module.phone .background-tab-content-container-inputs {
  padding-top: unset;
  margin-bottom: 16px;
}
#BackgroundSelectionMobileDialog .background-module.phone .background-tab-content-container-inputs .image-presets .group-content-horizontal-group .group-content-input {
  padding-left: unset;
  padding-right: unset;
}
#BackgroundSelectionMobileDialog .background-module.phone .background-tab-content-container-presets .presets-checkbox {
  margin-bottom: 16px;
}
#BackgroundSelectionMobileDialog .background-module.phone .background-tab-content-container-presets .presets {
  padding: unset;
}
#BackgroundSelectionMobileDialog .background-module .background-module-buttons > button {
  height: 18px;
  width: 18px;
}
#BackgroundSelectionMobileDialog .background-module .background-module-buttons > button.btn-redesign {
  position: fixed;
  top: 18px;
  left: 16px;
  z-index: 5;
  margin: unset;
}
#BackgroundSelectionMobileDialog .background-module .background-module-buttons > button.btn-redesign .btn-label {
  display: none;
}
#BackgroundSelectionMobileDialog .background-module .background-module-buttons > button.btn-redesign .rc-icon.sgw-icon.delete:before {
  height: 18px;
  width: 18px;
  line-height: 18px;
  font-size: 18px;
}
#BackgroundSelectionMobileDialog .background-module .rc-tabcontrol.rc-mobile-component {
  background-color: #FFFFFF;
}
#BackgroundSelectionMobileDialog .background-module .rc-tabcontrol.rc-mobile-component .rc-tabcontrol-tab.rc-mobile-component {
  height: 42px;
  padding: 8px;
  text-align: center;
  font-family: "SourceSansPro-Regular";
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 15px;
}
#BackgroundSelectionMobileDialog .background-module .rc-tabcontrol.rc-mobile-component .rc-tabcontrol-tab.rc-mobile-component.rc-tabcontrol-tab-selected {
  font-weight: 600;
}
#BackgroundSelectionMobileDialog .background-module .background-tab-content-container {
  padding: 8px 16px;
}
#BackgroundSelectionMobileDialog .background-module .background-tab-content-container .background-tab-content-container-inputs {
  position: unset;
  overflow-x: hidden;
  padding-top: 4px;
}
#BackgroundSelectionMobileDialog .background-module .background-tab-content-container .background-tab-content-container-inputs .group-content-horizontal-group.group-content.rc-mobile-component {
  gap: 16px;
}
#BackgroundSelectionMobileDialog .background-module .background-tab-content-container .background-tab-content-container-inputs .group-content-horizontal-group.group-content.rc-mobile-component .group-content-input.group-content.rc-mobile-component {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
  margin-top: 4px;
  padding: unset;
  height: 42px;
  width: 50%;
}
#BackgroundSelectionMobileDialog .background-module .background-tab-content-container .background-tab-content-container-presets .rc-component.rc-checkbox.group-content-presets-checkbox.rc-mobile-component {
  margin-bottom: 16px;
}
#BackgroundSelectionMobileDialog .background-module .background-tab-content-container .background-tab-content-container-presets .presets.mobile {
  gap: 4px;
  row-gap: 8px;
}
#BackgroundSelectionMobileDialog .background-module .background-tab-content-container .background-tab-content-container-presets .presets.mobile.phone .preset-wrapper {
  padding: unset;
  gap: 4px;
  justify-content: unset;
}
#BackgroundSelectionMobileDialog .background-module .background-tab-content-container .background-tab-content-container-presets .presets.mobile.phone .preset-wrapper .preset-favorite {
  height: 18px;
}
#BackgroundSelectionMobileDialog .background-module .background-tab-content-container .background-tab-content-container-presets .presets.mobile.phone .preset-wrapper .preset-favorite .rc-icon {
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 18px;
  padding-left: unset;
  box-sizing: border-box;
}
#BackgroundSelectionMobileDialog .background-module .background-tab-content-container .background-tab-content-container-presets .presets.mobile.phone .preset-wrapper .preset-favorite .rc-icon:before {
  position: unset;
  top: unset;
  left: unset;
  height: 18px;
  width: 18px;
  line-height: 18px;
  font-size: 18px;
  transform: unset;
  margin-left: -2px;
}
#BackgroundSelectionMobileDialog .background-module .background-tab-content-container .background-tab-content-container-presets .presets.mobile .preset-wrapper {
  padding: 0 0 20px 0;
  margin: unset;
  outline: unset;
  max-width: calc(25% - 3px);
  flex: calc(25% - 3px);
  width: calc(25% - 3px);
}
#BackgroundSelectionMobileDialog .background-module .background-tab-content-container .background-tab-content-container-presets .presets.mobile .preset-wrapper.texture-wrapper {
  width: calc(33.3% - 3px);
  flex: calc(33.3% - 3px);
  max-width: calc(33.3% - 3px);
}
#BackgroundSelectionMobileDialog .background-module .background-tab-content-container .background-tab-content-container-presets .presets.mobile .preset-wrapper.texture-wrapper .texture {
  position: relative;
}
#BackgroundSelectionMobileDialog .background-module .background-tab-content-container .background-tab-content-container-presets .presets.mobile .preset-wrapper.texture-wrapper .texture img {
  width: 100%;
  height: 100%;
}
#BackgroundSelectionMobileDialog .background-module .background-tab-content-container .background-tab-content-container-presets .presets.mobile .preset-wrapper.texture-wrapper .texture.selected {
  box-sizing: border-box;
  border: 2px solid #3669C4;
}
#BackgroundSelectionMobileDialog .background-module .background-tab-content-container .background-tab-content-container-presets .presets.mobile .preset-wrapper:last-child {
  padding: 0 0 20px 0;
}
#BackgroundSelectionMobileDialog .background-module .background-tab-content-container .background-tab-content-container-presets .presets.mobile .preset-wrapper .preset {
  position: relative;
  height: 58px;
  box-sizing: border-box;
}
#BackgroundSelectionMobileDialog .background-module .background-tab-content-container .background-tab-content-container-presets .presets.mobile .preset-wrapper .preset.selected {
  border: 2px solid #3669C4;
}
#BackgroundSelectionMobileDialog .background-module .background-tab-content-container .background-tab-content-container-presets .presets.mobile .preset-wrapper .preset-favorite {
  opacity: 1;
}
#BackgroundSelectionMobileDialog .background-module .background-tab-content-container .image-pool-image-list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 8px;
  gap: 8px;
  justify-content: center;
}
#BackgroundSelectionMobileDialog .background-module .background-tab-content-container .image-pool-image-list .image-item-wrapper {
  width: 30%;
  margin: unset;
  cursor: pointer;
  flex: unset;
  position: unset;
  height: unset;
  padding-bottom: unset;
}
#BackgroundSelectionMobileDialog .background-module .background-tab-content-container .image-pool-image-list .image-item-wrapper > div {
  margin: unset;
}
#BackgroundSelectionMobileDialog .background-module .background-tab-content-container .image-pool-image-list .image-item-wrapper > div .image-item-name {
  display: none;
}
#BackgroundSelectionMobileDialog .background-module .background-tab-content-container .image-pool-image-list .image-item-wrapper > div > div .image-item {
  width: 100%;
  height: 100%;
}
#BackgroundSelectionMobileDialog .background-module .background-tab-content-container .image-pool-image-list .image-item-wrapper > div > div .image-item.selected {
  position: relative;
}
#BackgroundSelectionMobileDialog .background-module .background-tab-content-container .image-pool-image-list .image-item-wrapper > div > div .image-item.selected .rc-icon {
  position: absolute;
  bottom: 16px;
  right: 16px;
  padding-left: unset;
}
#BackgroundSelectionMobileDialog .background-module .background-tab-content-container .image-pool-image-list .image-item-wrapper > div > div .image-item.selected .rc-icon:before {
  color: #3669C4;
}
#BackgroundSelectionMobileDialog .background-module .background-tab-content-container .image-pool-image-list .image-item-wrapper > div > div .image-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#BackgroundSelectionMobileDialog .background-module .background-tab-content-container .image-pool-image-list .image-item-wrapper > div > div .image-item img.selected {
  border: 2px solid #3669C4;
}
#BackgroundSelectionMobileDialog .background-module .background-tab-content-container .image-pool-image-list .image-item-wrapper > div > div .image-item .image-selection-border {
  display: none;
}
#BackgroundSelectionMobileDialog .background-module .apply-selection-footer-redesign {
  display: flex;
  flex-direction: row;
  background-color: #FFFFFF;
  box-shadow: 0px -4px 4px 0px rgba(0, 0, 0, 0.1);
  padding: 16px;
  gap: 8px;
}

.filter-module.desktop {
  height: 100%;
}
.filter-module .filter-content-container {
  overflow-y: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.filter-module .filter-content-container .filter-inputs-container .filter-inputs-row {
  display: flex;
}
.filter-module .filter-content-container .filter-inputs-container .filter-inputs-row > * {
  box-sizing: border-box;
  width: calc(50% - 4px);
  margin-bottom: 8px;
}
.filter-module .filter-content-container .filter-inputs-container .filter-inputs-row > *:first-child {
  margin-right: 4px;
}
.filter-module .filter-content-container .filter-inputs-container .filter-inputs-row > *:nth-child(2) {
  margin-left: 4px;
}
.filter-module .filter-content-container .filter-inputs-container .filter-inputs-row button {
  padding: 0;
  justify-content: start;
}
.filter-module .filter-content-container .filter-list-container {
  flex: auto;
  overflow-y: auto;
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
  box-sizing: border-box;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.filter-module .filter-content-container .filter-list-container .filter-item-wrapper {
  flex: 0 0 47%;
  padding: 4px;
}
.filter-module .filter-content-container .filter-list-container .filter-item-wrapper.active {
  border: none !important;
}
.filter-module .filter-content-container .filter-list-container .filter-item-wrapper .filter-item {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
}
.filter-module .filter-content-container .filter-list-container .filter-item-wrapper .filter-item .filter-canvas-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.filter-module .filter-content-container .filter-list-container .filter-item-wrapper .filter-item-label {
  font-size: 12px;
  line-height: 15px;
  color: #525252;
  text-align: center;
}
.filter-module .filter-content-container .filter-list-container .filter-item-wrapper.active .filter-item {
  outline: 2px solid #3669C4;
}
.filter-module .filter-content-container .filter-list-container .filter-item-wrapper:not(.active) .filter-item:hover {
  outline: 3px solid #CCCCCC;
}

.frames-module {
  height: 100%;
  padding: 4px;
  display: flex;
  flex-direction: column;
}
.frames-module .frames-inputs-container .frames-inputs-row {
  display: flex;
}
.frames-module .frames-inputs-container .frames-inputs-row > * {
  box-sizing: border-box;
  width: calc(50% - 4px);
  margin-bottom: 8px;
}
.frames-module .frames-inputs-container .frames-inputs-row > *:first-child {
  margin-right: 4px;
}
.frames-module .frames-inputs-container .frames-inputs-row > *:nth-child(2) {
  margin-left: 4px;
}
.frames-module .frames-inputs-container .frames-inputs-row button {
  padding: 0;
  justify-content: start;
}
.frames-module .frames-list-container {
  overflow-x: hidden;
  overflow-y: auto;
  margin-top: 8px;
}

#MobileFrameSelectionDialog .presets.mobile .preset-wrapper.frame {
  width: calc(31% - 4px);
}
#MobileFrameSelectionDialog .presets.mobile.tablet.portrait .preset-wrapper.frame {
  width: calc(16% - 4px);
}
#MobileFrameSelectionDialog .presets.mobile.tablet.landscape .preset-wrapper.frame {
  width: calc(10.5% - 4px);
}

.top-bar-container {
  border-bottom: 2px solid #dddddd;
  z-index: 5;
  display: flex;
  justify-content: center;
  background: #fff;
  height: 40px;
}
.top-bar-container .top-bar {
  position: relative;
  display: flex;
  justify-content: center;
}
.top-bar-container .top-bar button, .top-bar-container .top-bar .btn-icon.btn-icon-only {
  padding: 0 4px;
  height: 100%;
}
.top-bar-container .top-bar button .sgw-icon, .top-bar-container .top-bar .btn-icon.btn-icon-only .sgw-icon {
  margin-right: 0;
}
.top-bar-container .top-bar button .sgw-icon:before, .top-bar-container .top-bar .btn-icon.btn-icon-only .sgw-icon:before {
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 18px;
  color: #525252;
}
.top-bar-container .top-bar button .btn-label, .top-bar-container .top-bar .btn-icon.btn-icon-only .btn-label {
  margin-left: 2px;
  color: #525252;
  font-size: 14px;
}
.top-bar-container .top-bar .top-bar-image-selection-wrapper {
  display: flex;
  height: 100%;
}
.top-bar-container .top-bar .top-bar-image-selection-wrapper .drag-image-here {
  padding: 0;
  display: flex;
  align-items: center;
}
.top-bar-container .top-bar .top-bar-image-selection-wrapper .drag-image-here .image-selection-mobile-button {
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
}
.top-bar-container .top-bar .top-bar-image-selection-wrapper .drag-image-here .image-selection-mobile-button .sgw-icon {
  top: 0;
  position: relative;
  width: 26px;
  height: 26px;
  padding: 0;
}
.top-bar-container .top-bar .top-bar-image-selection-wrapper .drag-image-here .image-selection-mobile-button .sgw-icon:before {
  cursor: pointer;
  color: #6e6e6e;
}
.top-bar-container .top-bar > .checkout-group-content {
  display: flex;
}
.top-bar-container .top-bar > .checkout-group-content .group-content-button {
  margin-bottom: 0;
}
.top-bar-container .top-bar > .checkout-group-content .group-content-divider {
  width: 1px;
  background-color: #dddddd;
  margin: 6px 4px;
  height: 24px;
}
.top-bar-container .top-bar .image-pool-source-selection.drop-down-menu {
  left: initial;
  top: 40px;
}
.top-bar-container.hide-buttons-labels .top-bar button {
  padding: 0;
  width: 36px;
  height: 36px;
}
.top-bar-container.hide-buttons-labels .top-bar button .btn-label {
  display: none;
}

#designer #left-panel {
  background-color: #fff;
  width: 55px;
  margin-right: 2px;
  margin-left: 2px;
  position: relative;
  flex: none;
  z-index: 2;
}
#designer #left-panel.is-open {
  width: 320px;
}
#designer #left-panel .module {
  height: 100%;
  display: flex;
  flex-direction: column;
}
#designer #left-panel .module .module-content {
  height: 100%;
}
#designer #left-panel .module .module-tab {
  display: flex;
  align-items: center;
  font-size: 14px;
  padding-left: 6px;
}
#designer #left-panel .module .module-tab .module-tab-label {
  color: #525252;
  font-size: 16px;
  font-weight: bold;
  line-height: 18px;
  flex: auto;
  min-height: 38px;
}
#designer #left-panel .module .module-tab button {
  width: 26px;
  height: 26px;
}
#designer #left-panel .module .module-tab button .sgw-icon {
  padding: 0;
  margin-right: 6px;
}
#designer #left-panel .module .module-tab button .sgw-icon:before {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #6E6E6E;
  font-size: 18px;
}
#designer #left-panel .module .left-panel-column .left-panel-column-button > button {
  height: 55px;
  width: 100%;
}
#designer #left-panel .module .left-panel-column .left-panel-column-button > button .btn-label {
  overflow: visible;
}

.position-module {
  padding: 4px;
}
.position-module .position-row {
  display: flex;
}
.position-module .position-row > * {
  box-sizing: border-box;
  width: calc(50% - 4px);
  margin-bottom: 8px;
}
.position-module .position-row > *:first-child {
  margin-right: 4px;
}
.position-module .position-row > *:nth-child(2) {
  margin-left: 4px;
}
.position-module .position-row > *.reduced-width {
  width: 35%;
  margin-right: 15%;
}
.position-module .position-row .align-buttons-group button {
  border-radius: 0;
}
.position-module .position-row .align-buttons-group button:first-child {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.position-module .position-row .align-buttons-group button:last-child {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.position-module .position-row.bottom-space {
  margin-bottom: 8px;
}
.position-module .position-row.subtitle {
  font-size: 14px;
  font-weight: bold;
}
.position-module .position-row.full-width > * {
  width: 100%;
  margin-right: 0;
}
.position-module .position-row.full-width .rc-input {
  width: 100%;
}
.position-module .position-row.lock-view {
  position: absolute;
  left: 40%;
  top: 72px;
}
.position-module .position-row.lock-view::before {
  content: "";
  width: 44px;
  height: 44px;
  border: 2px solid #efefef;
  border-left: none;
  position: absolute;
  left: -31px;
  top: -11px;
}
.position-module .position-row.lock-view button.btn-icon.btn-icon-only {
  width: 24px;
  height: 24px;
}
.position-module .position-row.lock-view button.btn-icon.btn-icon-only .sgw-icon::before {
  font-size: 20px;
  left: 15px;
}
.position-module .position-row button {
  padding: 0 8px;
  justify-content: flex-start;
}
.position-module .position-row button.btn-icon-only {
  justify-content: center;
}

.shadow-module {
  padding: 4px;
}
.shadow-module .shadow-inputs-container .shadow-inputs-row {
  display: flex;
  gap: 8px;
  margin-bottom: 8px;
}
.shadow-module .shadow-inputs-container .shadow-inputs-row:first-child {
  margin-bottom: 16px;
}
.shadow-module .shadow-inputs-container .shadow-inputs-row > * {
  width: 50%;
}
.shadow-module .group-content-input {
  position: relative;
}
.shadow-module button {
  width: 100%;
  padding-left: 0;
  justify-content: flex-start;
}
.shadow-module .slider-container {
  box-sizing: border-box;
  position: fixed;
  width: 148px;
  background: #FFFFFF;
  padding: 8px;
  box-shadow: 0 1px 3px #5f5f5f;
  z-index: 5001;
}
.shadow-module .shadow-list-container {
  flex: auto;
  overflow-y: auto;
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
  box-sizing: border-box;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.shadow-module .shadow-list-container .shadow-preset-wrapper {
  flex: 0 0 47%;
  padding: 4px;
}
.shadow-module .shadow-list-container .shadow-preset-wrapper.active {
  border: none !important;
  outline: 2px solid #3669C4 !important;
}
.shadow-module .shadow-list-container .shadow-preset-wrapper .shadow-preset {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
}
.shadow-module .shadow-list-container .shadow-preset-wrapper .shadow-preset .shadow-canvas-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.shadow-module .shadow-list-container .shadow-preset-wrapper .shadow-preset:hover {
  outline: 3px solid #CCCCCC;
}

#MobileShadowSelectionDialog .shadow-list-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  height: unset;
}
#MobileShadowSelectionDialog .shadow-list-container .shadow-preset-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
#MobileShadowSelectionDialog .shadow-list-container .shadow-preset-wrapper.factor-1 {
  min-width: 100%;
}
#MobileShadowSelectionDialog .shadow-list-container .shadow-preset-wrapper.factor-2 {
  min-width: 50%;
}
#MobileShadowSelectionDialog .shadow-list-container .shadow-preset-wrapper.factor-3 {
  min-width: 33%;
}
#MobileShadowSelectionDialog .shadow-list-container .shadow-preset-wrapper.factor-4 {
  min-width: 25%;
}
#MobileShadowSelectionDialog .shadow-list-container .shadow-preset-wrapper .shadow-preset {
  position: relative;
}
#MobileShadowSelectionDialog .shadow-list-container .shadow-preset-wrapper .shadow-preset .shadow-canvas-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.fill-module {
  flex: auto;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: 4px;
}
.fill-module.desktop {
  height: 100%;
}
.fill-module .rc-tabcontrol {
  flex-shrink: 0;
}
.fill-module .fill-tab-content-container {
  flex: auto;
  flex-direction: column;
  flex-wrap: wrap;
  padding-top: 8px;
  overflow-y: auto;
}
.fill-module .fill-tab-content-container .group-content-tabcontrol {
  width: 100%;
}
.fill-module .fill-tab-content-container > .checkout-group-content {
  position: relative;
}
.fill-module .fill-tab-content-container .checkout-group-content {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.fill-module .fill-tab-content-container .group-content-input {
  flex-basis: 50%;
  padding-right: 4px;
  margin-right: 0;
  position: relative;
}
.fill-module .fill-tab-content-container .group-content-input:last-child {
  padding-right: 0;
}
.fill-module .fill-tab-content-container .group-content-horizontal-group {
  margin-bottom: 0;
  padding-bottom: 8px;
  box-sizing: border-box;
  background-color: white;
  padding-right: 4px;
  display: flex;
  flex-direction: row;
}
.fill-module .fill-tab-content-container .group-content-horizontal-group + .group-content-horizontal-group {
  top: 44px;
}
.fill-module .fill-tab-content-container .slider-container {
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  background: #FFFFFF;
  padding: 8px;
  box-shadow: 0 1px 3px #5f5f5f;
}
.fill-module .fill-tab-content-container .group-content-label, .fill-module .fill-tab-content-container .group-content-horizontal-group {
  flex-basis: 100%;
}
.fill-module.gradient-tab-active .group-content-horizontal-group {
  position: unset;
}
.fill-module.mobile {
  position: fixed;
  box-sizing: border-box;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100vw;
  height: 100vh;
  z-index: 10000;
  background: #fff;
}
.fill-module.mobile .group-content-tabcontrol {
  margin-bottom: 16px;
}
.fill-module.mobile.phone .presets {
  margin-top: 8px;
  padding: unset;
  gap: 4px;
  row-gap: 8px;
}
.fill-module.mobile.phone .presets .preset-wrapper {
  max-width: calc(25% - 3px);
  flex: calc(25% - 3px);
  width: calc(25% - 3px);
  padding: unset;
  margin: unset;
  outline: unset;
  gap: 4px;
  justify-content: unset;
}
.fill-module.mobile.phone .presets .preset-wrapper .preset {
  height: 58px;
  box-sizing: border-box;
}
.fill-module.mobile.phone .presets .preset-wrapper .preset-favorite {
  height: 18px;
}
.fill-module.mobile.phone .presets .preset-wrapper .preset-favorite .rc-icon {
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 18px;
  padding-left: unset;
  box-sizing: border-box;
}
.fill-module.mobile.phone .presets .preset-wrapper .preset-favorite .rc-icon:before {
  position: unset;
  top: unset;
  left: unset;
  height: 18px;
  width: 18px;
  line-height: 18px;
  font-size: 18px;
  transform: unset;
  margin-left: -2px;
}
.fill-module.mobile.tablet {
  padding: unset;
  position: relative;
  width: 100%;
  height: 100%;
  z-index: unset;
}
.fill-module.mobile.tablet.landscape .presets.mobile.tablet.landscape {
  padding: 16px 16px 0 16px;
  box-sizing: border-box;
}
.fill-module.mobile.tablet.landscape .presets.mobile.tablet.landscape .preset-wrapper {
  max-width: calc(25% - 4px);
  flex: calc(25% - 4px);
}
.fill-module.mobile.tablet.landscape .presets.mobile.tablet.landscape .preset-wrapper .preset {
  height: 58px;
}
.fill-module.mobile.tablet .group-content-tabcontrol {
  padding-top: 16px;
}
.fill-module.mobile.tablet .fill-tab-content-container {
  margin-top: 8px;
}
.fill-module.mobile.tablet:not(.color-tab-active) .group-content-horizontal-group {
  display: none;
}
.fill-module.mobile.tablet.color-tab-active .group-content-horizontal-group.group-content.tools .group-content-input.group-content.colorPickerSolidColor {
  width: 50%;
}
.fill-module.mobile.tablet.color-tab-active .group-content-horizontal-group.group-content.tools .group-content-input.group-content.colorPickerSolidColor .rc-color-picker {
  padding: unset;
}
.fill-module.mobile.tablet.color-tab-active .group-content-horizontal-group.group-content.tools .group-content-input.group-content.colorPickerSolidColor .rc-color-picker .rc-label-component {
  flex: unset;
}
.fill-module.mobile.tablet .group-content-label {
  display: none;
}
.fill-module.mobile.tablet .group-content-tabcontrol .rc-tabcontrol {
  padding: 0 16px;
  box-sizing: border-box;
  border-bottom: 2px solid #ccc;
}
.fill-module.mobile.tablet .group-content-tabcontrol .rc-tabcontrol .rc-tabcontrol-tab {
  font-size: 13px;
}
.fill-module.mobile.tablet .group-content-tabcontrol .rc-tabcontrol .rc-tabcontrol-tab.rc-tabcontrol-tab-selected {
  border-bottom: 2px solid #3669c4;
}
.fill-module.mobile.tablet .group-content-tabcontrol .rc-tabcontrol .rc-tabcontrol-tab:not(.rc-tabcontrol-tab-selected) {
  border-bottom: unset;
}
.fill-module.mobile.tablet .rc-checkbox {
  padding: 0 16px;
}
.fill-module.mobile.tablet .group-content-presets {
  padding: 16px 16px 0 16px;
  width: unset;
}
.fill-module.mobile.tablet button {
  display: none;
}
.fill-module.mobile.tablet .group-content-preset {
  height: 58px;
}
.fill-module.mobile.tablet .group-content-horizontal-group .colorPickerGradientEntryA, .fill-module.mobile.tablet .group-content-horizontal-group .colorPickerGradientEntryB {
  display: none;
}
.fill-module.mobile.tablet .group-content-horizontal-group .colorPickerSolidColor .rc-color-picker {
  border-radius: unset;
  border: unset;
  border-bottom: unset;
}
.fill-module.mobile.tablet .group-content-preset-wrapper:hover {
  outline: unset;
}
.fill-module.mobile.tablet .group-content-preset-wrapper .group-content-preset-favorite {
  opacity: unset;
}
.fill-module.mobile.tablet.landscape .group-content-preset-wrapper {
  max-width: calc(25% - 4px);
  width: calc(25% - 4px);
}
.fill-module.mobile.tablet.portrait .group-content-preset-wrapper {
  max-width: calc(12.5% - 4px);
  flex: calc(12.5% - 4px);
}
.fill-module.mobile .fill-tab-content-container-inputs {
  display: flex;
  width: 100%;
}
.fill-module.mobile .fill-tab-content-container-inputs .group-content-horizontal-group {
  padding: 0 16px 16px 16px;
  gap: 16px;
}
.fill-module.mobile .fill-tab-content-container-inputs .group-content-horizontal-group .input-slider-redesign .rc-input {
  width: 100%;
}
.fill-module.mobile > button {
  position: absolute;
  z-index: 11;
}
.fill-module.mobile .group-content-label {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  z-index: 10;
  background: #fff;
}
.fill-module.mobile .group-content-label > div {
  width: 100%;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
}
.fill-module.mobile .checkout-group-content .group-content.group-content-horizontal-group {
  flex-wrap: nowrap;
}
.fill-module.mobile .fill-module-mobile-footer {
  position: absolute;
  bottom: 10px;
  z-index: 11;
  width: 100%;
  text-align: center;
}
.fill-module.mobile .fill-module-mobile-footer button.btn-submit {
  border-radius: 100px;
}
.fill-module.mobile .fill-module-mobile-footer.redesign {
  box-sizing: border-box;
  padding: 0 64px;
  display: flex;
}

#FillModuleMobileDialog header.redesign {
  box-shadow: none;
  display: flex;
  flex-direction: row;
  align-items: center;
}
#FillModuleMobileDialog header.redesign .back-button.align-right {
  position: absolute;
  left: unset;
  right: 16px;
}
#FillModuleMobileDialog header.redesign .back-button.align-right > button {
  width: 18px;
  height: 18px;
}
#FillModuleMobileDialog header.redesign .back-button.align-right > button .rc-icon.sgw-icon.close {
  width: 18px;
  height: 18px;
}
#FillModuleMobileDialog header.redesign .back-button.align-right > button .rc-icon.sgw-icon.close:before {
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 18px;
}
#FillModuleMobileDialog header.redesign > button {
  width: 18px;
  height: 18px;
  background-color: #FFFFFF;
}
#FillModuleMobileDialog header.redesign > button .rc-icon.sgw-icon.delete {
  width: 18px;
  height: 18px;
}
#FillModuleMobileDialog header.redesign > button .rc-icon.sgw-icon.delete:before {
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 18px;
  font-family: "icomoon";
  color: #2C2C2C;
}
#FillModuleMobileDialog main {
  background-color: #FFFFFF;
}
#FillModuleMobileDialog main .fill-module {
  position: relative;
  padding: unset;
}
#FillModuleMobileDialog main .fill-module > button {
  display: none;
}
#FillModuleMobileDialog main .fill-module > button .rc-icon.sgw-icon.close {
  display: none;
}
#FillModuleMobileDialog main .fill-module .fill-tab-content-container {
  margin-top: unset;
  padding-top: unset;
}
#FillModuleMobileDialog main .fill-module .fill-tab-content-container .group-content-horizontal-group.group-content.rc-mobile-component {
  display: none;
}
#FillModuleMobileDialog main .fill-module .fill-tab-content-container > div:not(.group-content-tabcontrol) {
  margin: 0 16px;
}
#FillModuleMobileDialog main .fill-module .fill-tab-content-container .group-content-label {
  display: none;
}
#FillModuleMobileDialog main .fill-module .fill-tab-content-container .group-content-tabcontrol {
  margin-bottom: 16px;
}
#FillModuleMobileDialog main .fill-module .fill-tab-content-container .group-content-tabcontrol .rc-tabcontrol-tab {
  height: 42px;
  padding: 8px;
  color: #525252;
  text-align: center;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 15px;
}
#FillModuleMobileDialog main .fill-module .fill-tab-content-container .group-content-tabcontrol .rc-tabcontrol-tab.rc-tabcontrol-tab-selected {
  color: #3669C4;
  font-weight: 600;
}
#FillModuleMobileDialog main .fill-module .fill-tab-content-container .rc-component.rc-checkbox.group-content-presets-checkbox.rc-mobile-component {
  margin-bottom: 16px;
}
#FillModuleMobileDialog main .fill-module .fill-tab-content-container .group-content-horizontal-group.group-content.rc-mobile-component.tools {
  display: none;
}
#FillModuleMobileDialog main .fill-module .fill-tab-content-container .fill-tab-content-container-inputs {
  display: none;
}
#FillModuleMobileDialog main .fill-module .fill-tab-content-container .group-content-presets.mobile {
  gap: 4px;
}
#FillModuleMobileDialog main .fill-module .fill-tab-content-container .group-content-presets.mobile .group-content-preset-wrapper {
  padding: 0 0 20px 0;
  margin: unset;
  outline: unset;
}
#FillModuleMobileDialog main .fill-module .fill-tab-content-container .group-content-presets.mobile .group-content-preset-wrapper.texture {
  width: calc(33.3% - 3px);
  flex: calc(33.3% - 3px);
  max-width: calc(33.3% - 3px);
}
#FillModuleMobileDialog main .fill-module .fill-tab-content-container .group-content-presets.mobile .group-content-preset-wrapper.texture.selected img {
  border: 2px solid #3669C4;
}
#FillModuleMobileDialog main .fill-module .fill-tab-content-container .group-content-presets.mobile .group-content-preset-wrapper:not(.texture) {
  max-width: calc(25% - 3px);
  flex: calc(25% - 3px);
  width: calc(25% - 3px);
}
#FillModuleMobileDialog main .fill-module .fill-tab-content-container .group-content-presets.mobile .group-content-preset-wrapper:last-child {
  padding: 0 0 20px 0;
}
#FillModuleMobileDialog main .fill-module .fill-tab-content-container .group-content-presets.mobile .group-content-preset-wrapper .rc-icon.sgw-icon {
  padding-left: 14px;
}
#FillModuleMobileDialog main .fill-module .fill-tab-content-container .group-content-presets.mobile .group-content-preset-wrapper .rc-icon.sgw-icon:before {
  height: 18px;
  width: 18px;
  color: #525252;
}
#FillModuleMobileDialog main .fill-module .fill-tab-content-container .group-content-presets.mobile .group-content-preset-wrapper .group-content-preset {
  position: relative;
  height: 58px;
}
#FillModuleMobileDialog main .fill-module .fill-tab-content-container .group-content-presets.mobile .group-content-preset-wrapper .group-content-preset.selected {
  border: 2px solid #3669C4;
}
#FillModuleMobileDialog main .fill-module .fill-tab-content-container .group-content-presets.mobile .group-content-preset-wrapper .group-content-preset.selected .rc-icon {
  position: absolute;
  bottom: 15px;
  right: 8px;
}
#FillModuleMobileDialog main .fill-module .fill-tab-content-container .group-content-presets.mobile .group-content-preset-wrapper .group-content-preset.selected .rc-icon:before {
  color: #3669C4;
}
#FillModuleMobileDialog main .fill-module .fill-tab-content-container .group-content-presets.mobile .group-content-preset-wrapper .group-content-preset-favorite {
  opacity: 1;
}
#FillModuleMobileDialog main .fill-module .fill-tab-content-container .image-pool-image-list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 8px;
  gap: 8px;
  justify-content: center;
}
#FillModuleMobileDialog main .fill-module .fill-tab-content-container .image-pool-image-list .image-item-wrapper {
  width: 30%;
  margin: unset;
  cursor: pointer;
  flex: unset;
  position: unset;
  height: unset;
  padding-bottom: unset;
}
#FillModuleMobileDialog main .fill-module .fill-tab-content-container .image-pool-image-list .image-item-wrapper > div {
  margin: unset;
}
#FillModuleMobileDialog main .fill-module .fill-tab-content-container .image-pool-image-list .image-item-wrapper > div .image-item-name {
  display: none;
}
#FillModuleMobileDialog main .fill-module .fill-tab-content-container .image-pool-image-list .image-item-wrapper > div > div .image-item {
  width: 100%;
  height: 100%;
}
#FillModuleMobileDialog main .fill-module .fill-tab-content-container .image-pool-image-list .image-item-wrapper > div > div .image-item.selected {
  position: relative;
}
#FillModuleMobileDialog main .fill-module .fill-tab-content-container .image-pool-image-list .image-item-wrapper > div > div .image-item.selected .rc-icon {
  position: absolute;
  bottom: 16px;
  right: 16px;
  padding-left: unset;
}
#FillModuleMobileDialog main .fill-module .fill-tab-content-container .image-pool-image-list .image-item-wrapper > div > div .image-item.selected .rc-icon:before {
  color: #3669C4;
}
#FillModuleMobileDialog main .fill-module .fill-tab-content-container .image-pool-image-list .image-item-wrapper > div > div .image-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#FillModuleMobileDialog main .fill-module .fill-tab-content-container .image-pool-image-list .image-item-wrapper > div > div .image-item img.selected {
  border: 2px solid #3669C4;
}
#FillModuleMobileDialog main .fill-module .fill-tab-content-container .image-pool-image-list .image-item-wrapper > div > div .image-item .image-selection-border {
  display: none;
}
#FillModuleMobileDialog main .fill-module .apply-selection-footer-redesign {
  display: flex;
  flex-direction: row;
  background-color: #FFFFFF;
  box-shadow: 0px -4px 4px 0px rgba(0, 0, 0, 0.1);
  padding: 16px;
  gap: 8px;
}
.top-ruler-wrapper {
  display: flex;
  z-index: 4;
}
.top-ruler-wrapper .ruler-corner {
  width: 20px;
  height: 20px;
  background: #fff;
  border-bottom: 1px solid #fff;
}

.ruler-container {
  background-color: #FFFFFF;
  position: relative;
  overflow: hidden;
}
.ruler-container .pointer {
  background-color: #000000;
  position: absolute;
  z-index: 1;
}
.ruler-container .ruler {
  position: relative;
}
.ruler-container .ruler .ruler-element {
  box-sizing: border-box;
  font-size: 10px;
  color: #6E6E6E;
}
.ruler-container .ruler .ruler-element .ruler-value {
  height: 10px;
  display: flex;
  padding: 2px;
}
.ruler-container .ruler .ruler-element .ruler-value .ruler-value-text {
  width: 5px;
  height: 5px;
  background-repeat: no-repeat;
}
.ruler-container .ruler .ruler-element .ruler-value .ruler-value-text.ruler-value-0 {
  background-image: url("../Svgs/RulerNumbers/content0.svg");
}
.ruler-container .ruler .ruler-element .ruler-value .ruler-value-text.ruler-value-1 {
  background-image: url("../Svgs/RulerNumbers/content1.svg");
}
.ruler-container .ruler .ruler-element .ruler-value .ruler-value-text.ruler-value-2 {
  background-image: url("../Svgs/RulerNumbers/content2.svg");
}
.ruler-container .ruler .ruler-element .ruler-value .ruler-value-text.ruler-value-3 {
  background-image: url("../Svgs/RulerNumbers/content3.svg");
}
.ruler-container .ruler .ruler-element .ruler-value .ruler-value-text.ruler-value-4 {
  background-image: url("../Svgs/RulerNumbers/content4.svg");
}
.ruler-container .ruler .ruler-element .ruler-value .ruler-value-text.ruler-value-5 {
  background-image: url("../Svgs/RulerNumbers/content5.svg");
}
.ruler-container .ruler .ruler-element .ruler-value .ruler-value-text.ruler-value-6 {
  background-image: url("../Svgs/RulerNumbers/content6.svg");
}
.ruler-container .ruler .ruler-element .ruler-value .ruler-value-text.ruler-value-7 {
  background-image: url("../Svgs/RulerNumbers/content7.svg");
}
.ruler-container .ruler .ruler-element .ruler-value .ruler-value-text.ruler-value-8 {
  background-image: url("../Svgs/RulerNumbers/content8.svg");
}
.ruler-container .ruler .ruler-element .ruler-value .ruler-value-text.ruler-value-9 {
  background-image: url("../Svgs/RulerNumbers/content9.svg");
}

.top-ruler.ruler-container {
  height: 20px;
  border-bottom: 1px solid #DCDCDC;
  flex: 1;
}
.top-ruler.ruler-container .pointer {
  height: 100%;
  width: 1px;
}
.top-ruler.ruler-container .top-ruler.ruler {
  height: 20px;
  display: flex;
}
.top-ruler.ruler-container .top-ruler.ruler .top-ruler.ruler-element {
  border-left: 1px solid #DCDCDC;
}
.top-ruler.ruler-container .top-ruler.ruler .top-ruler.ruler-element .top-ruler.cm-container {
  display: flex;
  width: 100%;
}
.top-ruler.ruler-container .top-ruler.ruler .top-ruler.ruler-element .top-ruler.cm-container .top-ruler.cm-part {
  box-sizing: border-box;
  height: 6px;
  flex: 1;
  border-left: 1px solid #DCDCDC;
}
.top-ruler.ruler-container .top-ruler.ruler .top-ruler.ruler-element .top-ruler.cm-container .top-ruler.cm-part:first-child {
  border-left: none;
}

.left-ruler.ruler-container {
  width: 20px;
  border-right: 1px solid #DCDCDC;
  z-index: 1;
  overflow: visible;
}
.left-ruler.ruler-container .pointer {
  height: 1px;
  width: 100%;
}
.left-ruler.ruler-container .left-ruler.ruler {
  width: 20px;
  height: 100%;
  max-height: 200px;
}
.left-ruler.ruler-container .left-ruler.ruler .left-ruler.ruler-element {
  border-top: 1px solid #DCDCDC;
  display: flex;
  justify-content: space-between;
}
.left-ruler.ruler-container .left-ruler.ruler .left-ruler.ruler-element .left-ruler.cm-container {
  display: flex;
  height: 100%;
  flex-direction: column;
}
.left-ruler.ruler-container .left-ruler.ruler .left-ruler.ruler-element .left-ruler.cm-container .left-ruler.cm-part {
  box-sizing: border-box;
  width: 6px;
  flex: 1;
  border-top: 1px solid #DCDCDC;
}
.left-ruler.ruler-container .left-ruler.ruler .left-ruler.ruler-element .left-ruler.cm-container .left-ruler.cm-part:first-child {
  border-top: none;
}

#ChangeArticleDialog {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  overflow-y: auto;
  background-color: #e7e7e7;
  z-index: 100000;
}
#ChangeArticleDialog .configurator-page header {
  flex: 0 0 58px;
  min-height: unset;
  position: relative;
  background-color: transparent;
  margin: 0 auto;
  width: 100%;
  position: unset;
  align-items: center;
}
#ChangeArticleDialog .configurator-page header .breadcrumb {
  background-color: transparent;
}
#ChangeArticleDialog .configurator-page header .breadcrumb a:after {
  content: " ";
  position: absolute;
  bottom: 7px;
  left: 0;
  width: 100%;
  border-bottom: 1px solid #6e6e6e;
}
#ChangeArticleDialog + .rc-dialog.lock-view-dialog {
  z-index: 200000 !important;
}
#ChangeArticleDialog .article-configurator-page-wrapper {
  overflow-y: hidden;
}
#ChangeArticleDialog .article-configurator-page-wrapper .article-configurator-page > div {
  max-height: unset;
}

#ArticleSelectionMobileView .mobile-configurator-title {
  padding: 8px;
  font-weight: bold;
}

.mobile-configurator-preview {
  padding-bottom: 64px;
}
.mobile-configurator-preview .article-configurator-content {
  overflow-x: hidden;
}
.mobile-configurator-preview .article-configurator-content .content-image {
  display: flex;
  justify-content: center;
  align-items: center;
}
.mobile-configurator-preview .article-configurator-content .content-image img {
  width: 120%;
  height: 120%;
}
.mobile-configurator-preview .article-configurator-content .content-text {
  margin: 32px 16px;
  padding-bottom: 32px;
}
.mobile-configurator-preview .article-configurator-content .content-text h1 {
  font-family: "SourceSansPro-Light", sans-serif;
  font-size: 27px;
}
.mobile-configurator-preview .article-configurator-content .content-text ul {
  list-style: square;
  padding-left: 32px;
}
.mobile-configurator-preview .article-configurator-content .content-text h1, .mobile-configurator-preview .article-configurator-content .content-text ul, .mobile-configurator-preview .article-configurator-content .content-text p {
  padding-bottom: 8px;
}
.mobile-configurator-preview .article-configurator-content .content-text p {
  font-size: 16px;
  line-height: 22px;
}
.mobile-configurator-preview .article-configurator-content .content-card-title {
  flex-direction: column;
}
.mobile-configurator-preview .article-configurator-content .group-content.group-content-horizontal-group {
  flex-wrap: wrap;
}
.mobile-configurator-preview .article-configurator-content .group-content.group-content-carousel.rc-mobile-component {
  padding-left: 8px;
}
.mobile-configurator-preview .article-configurator-content .group-content.group-content-carousel.rc-mobile-component .group-content.group-content-label {
  padding-right: 8px;
}
.mobile-configurator-preview .article-configurator-content .group-content.group-content-carousel.rc-mobile-component .carousel-horizontal-scroll {
  padding-left: unset;
  padding-right: 8px;
}
.mobile-configurator-preview .article-configurator-content .content-group-table-row.search-bar {
  padding: 0;
}
.mobile-configurator-preview .article-configurator-content .configurator-content-faq {
  padding: 8px 16px;
}
.mobile-configurator-preview .article-configurator-content .configurator-content-faq .btn-simple {
  white-space: initial;
}
.mobile-configurator-preview .article-configurator-content .configurator-content-faq .btn-simple .btn-label {
  text-align: left;
}

.page-module {
  padding: 8px;
}
.page-module.desktop {
  padding: 4px;
}
.page-module.scrollable {
  overflow-y: auto;
}
.page-module .position-row {
  display: flex;
}
.page-module .position-row > * {
  box-sizing: border-box;
  width: calc(50% - 4px);
  margin-bottom: 8px;
}
.page-module .position-row > *:first-child {
  margin-right: 4px;
}
.page-module .position-row > *:nth-child(2) {
  margin-left: 4px;
}
.page-module .position-row > *.reduced-width {
  width: 35%;
  margin-right: 15%;
}
.page-module .position-row.bottom-space {
  margin-bottom: 8px;
}
.page-module .position-row.subtitle {
  font-size: 14px;
  font-weight: bold;
}
.page-module .position-row.full-width > * {
  width: 100%;
  margin-right: 0;
}
.page-module .position-row.full-width .rc-input {
  width: 100%;
}
.page-module .layer-wrapper {
  display: flex;
  background: #efefef;
  height: 36px;
  margin-bottom: 4px;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  box-sizing: border-box;
  border: 2px solid transparent;
}
.page-module .layer-wrapper:hover {
  background-color: #e2e2e2;
}
.page-module .layer-wrapper.selected {
  border: 2px solid #3669c4;
}
.page-module .layer-wrapper.locked {
  color: #7c7c7c;
  background-color: #e7e7e7;
  cursor: default;
}
.page-module .layer-wrapper.locked .sgw-icon:before {
  color: #7c7c7c;
}
.page-module .layer-wrapper.locked:hover {
  background-color: #e7e7e7;
}
.page-module .layer-wrapper .layer-content-left {
  display: flex;
  max-width: 74%;
  height: 100%;
  align-items: center;
}
.page-module .layer-wrapper .layer-content-left .layer-texts {
  width: 100%;
}
.page-module .layer-wrapper .layer-content-left .layer-texts .layer-description {
  text-align: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.page-module .layer-wrapper .layer-content-right {
  display: flex;
  cursor: pointer;
}
.page-module .layer-wrapper .layer-content-right .layer-lock-icon {
  width: 24px;
}
.page-module .layer-wrapper .layer-content-right .layer-lock-icon.locked .sgw-icon:before {
  color: #3669c4;
}
.page-module .layer-wrapper .sgw-icon:before {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 21px;
  width: 26px;
  height: 26px;
}
.page-module.tablet {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  box-sizing: border-box;
}
.page-module.tablet.tablet-portrait {
  padding: 24px 48px 20px 48px;
}
.page-module.tablet.tablet-landscape {
  padding: 48px 48px 0 48px;
}
.page-module.tablet .layer-wrapper {
  background-color: #FFFFFF;
  box-sizing: border-box;
}
.page-module.tablet .layer-wrapper.selected {
  border: unset;
  color: #3669c4;
  background-color: unset;
}
.page-module.tablet .layer-wrapper.selected .rc-icon.sgw-icon:before {
  color: #3669c4;
}
.page-module.tablet .layer-wrapper .layer-content-left .layer-texts {
  display: flex;
  flex-direction: column;
  padding: 8px 24px 8px 16px;
  gap: 4px;
}
.page-module.tablet .layer-wrapper .layer-content-left .layer-texts .layer-description {
  font-size: 12px;
}
.page-module.tablet .layer-wrapper .rc-icon.sgw-icon {
  width: 18px;
  height: 18px;
  padding-left: unset;
}
.page-module.tablet .layer-wrapper .rc-icon.sgw-icon:before {
  font-family: icomoon;
  width: 18px;
  height: 18px;
  font-size: 18px;
  line-height: 18px;
  color: #525252;
}

.element-frame {
  position: fixed;
  transform-origin: center;
  z-index: 10;
}
.element-frame.darker {
  background: #000000;
  opacity: 0.5;
}
.element-frame > div {
  position: absolute;
  inset: 0 0 0 0;
  pointer-events: all;
}
.element-frame > div .stage-button-container {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.element-frame .element-frame-icon-wrapper {
  position: absolute;
  top: -23px;
  left: -23px;
  z-index: 100;
}
.element-frame .element-frame-icon-wrapper .sgw-icon {
  background: #3776B2;
  width: 46px;
  height: 46px;
  padding-left: 0;
  border-radius: 23px;
}
.element-frame .element-frame-icon-wrapper .sgw-icon:before {
  color: #FFFFFF;
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 24px;
}

.rc-dialog.dialog-with-scrollable-content.collection-share-promotion-dialog .rc-dialog-wrapper .rc-dialog-content {
  background: unset;
  box-shadow: unset;
}
.rc-dialog.dialog-with-scrollable-content.collection-share-promotion-dialog .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content {
  background-color: unset;
  padding: 16px;
}
.rc-dialog.dialog-with-scrollable-content.collection-share-promotion-dialog .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .desktop-dialog-button {
  top: 24px;
  right: 24px;
}
.rc-dialog.dialog-with-scrollable-content.collection-share-promotion-dialog .rc-dialog-wrapper .rc-dialog-content .collection-share-promotion-section {
  display: flex;
  flex-direction: column;
}

.collection-share-view.mobile-view:not(.dark-theme) .collection-share-view-header-buttons .btn-simple.btn-icon-only .rc-icon.clock_pending:before {
  color: #3669c4;
}

.mobile-view .collection-share-promotion-blue-button, .rc-mobile-view .collection-share-promotion-blue-button {
  color: #3669c4;
}
.mobile-view .collection-share-promotion-blue-button > .rc-icon.sgw-icon:before, .rc-mobile-view .collection-share-promotion-blue-button > .rc-icon.sgw-icon:before {
  color: #3669c4;
}
.mobile-view .collection-share-promotion, .rc-mobile-view .collection-share-promotion {
  width: 100%;
}

.collection-share-view.dark-theme .collection-share-view-header-buttons .rc-icon.clock_pending:before, .collection-share-promotion-dialog.dark-theme .collection-share-view-header-buttons .rc-icon.clock_pending:before {
  color: #4182FB;
}
.collection-share-view.dark-theme .desktop-dialog-button button.btn-icon-only .rc-icon:before, .collection-share-promotion-dialog.dark-theme .desktop-dialog-button button.btn-icon-only .rc-icon:before {
  color: white;
}
.collection-share-view.dark-theme .collection-share-promotion, .collection-share-promotion-dialog.dark-theme .collection-share-promotion {
  background-color: #2B2B2B;
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.25);
}
.collection-share-view.dark-theme .collection-share-promotion h2, .collection-share-promotion-dialog.dark-theme .collection-share-promotion h2 {
  color: white;
}
.collection-share-view.dark-theme .collection-share-promotion .rc-icon.clock_pending:before, .collection-share-promotion-dialog.dark-theme .collection-share-promotion .rc-icon.clock_pending:before {
  color: #4182FB;
}
.collection-share-view.dark-theme .collection-share-promotion .mobile-content-button .rc-icon.clock_pending:before, .collection-share-promotion-dialog.dark-theme .collection-share-promotion .mobile-content-button .rc-icon.clock_pending:before {
  color: #4182FB;
}
.collection-share-view.dark-theme .collection-share-promotion.step-completed .step-counter, .collection-share-promotion-dialog.dark-theme .collection-share-promotion.step-completed .step-counter {
  background-color: #4182FB;
  color: white;
}
.collection-share-view.dark-theme .collection-share-promotion.mobile-content button.btn-icon-only .rc-icon:before, .collection-share-promotion-dialog.dark-theme .collection-share-promotion.mobile-content button.btn-icon-only .rc-icon:before {
  color: white;
}
.collection-share-view.dark-theme .collection-share-promotion .collection-share-promotion-progress .collection-share-promotion-progress-bar .collection-share-promotion-progress-bar-fill, .collection-share-promotion-dialog.dark-theme .collection-share-promotion .collection-share-promotion-progress .collection-share-promotion-progress-bar .collection-share-promotion-progress-bar-fill {
  height: 20px;
  width: auto;
  background-color: #4182FB;
  position: relative;
  border-radius: 10px;
  min-width: fit-content;
  padding: 0 8px;
  box-sizing: border-box;
}
.collection-share-view.dark-theme .collection-share-promotion .collection-share-promotion-progress .collection-share-promotion-progress-bar .collection-share-promotion-progress-bar-fill .collection-share-promotion-progress-bar-label, .collection-share-promotion-dialog.dark-theme .collection-share-promotion .collection-share-promotion-progress .collection-share-promotion-progress-bar .collection-share-promotion-progress-bar-fill .collection-share-promotion-progress-bar-label {
  color: white;
}
.collection-share-view.dark-theme .collection-share-promotion.desktop-header, .collection-share-promotion-dialog.dark-theme .collection-share-promotion.desktop-header {
  box-shadow: unset;
}
.collection-share-view.dark-theme .collection-share-promotion.desktop-header.header-opened, .collection-share-promotion-dialog.dark-theme .collection-share-promotion.desktop-header.header-opened {
  background-color: #6e6e6e;
}
.collection-share-view.dark-theme .collection-share-promotion.desktop-header .collection-share-promotion-section, .collection-share-promotion-dialog.dark-theme .collection-share-promotion.desktop-header .collection-share-promotion-section {
  background-color: #2B2B2B;
  box-shadow: unset;
}
.collection-share-view.dark-theme .collection-share-promotion.desktop-header .collection-share-promotion-header-button-caption, .collection-share-promotion-dialog.dark-theme .collection-share-promotion.desktop-header .collection-share-promotion-header-button-caption {
  color: #FFFFFF;
}
.collection-share-view.dark-theme .collection-share-promotion .collection-share-promotion-section, .collection-share-promotion-dialog.dark-theme .collection-share-promotion .collection-share-promotion-section {
  background-color: #2B2B2B;
  box-shadow: unset;
}
.collection-share-view.dark-theme .collection-share-promotion .rc-label-component, .collection-share-promotion-dialog.dark-theme .collection-share-promotion .rc-label-component {
  color: white !important;
  justify-content: unset;
}
.collection-share-view.dark-theme .collection-share-promotion .collection-share-promotion-time-counter, .collection-share-promotion-dialog.dark-theme .collection-share-promotion .collection-share-promotion-time-counter {
  /*.rc-icon:before {
  		color: white;
  }*/
}
.collection-share-view.dark-theme .collection-share-promotion .collection-share-promotion-time-counter .rc-label-component, .collection-share-promotion-dialog.dark-theme .collection-share-promotion .collection-share-promotion-time-counter .rc-label-component {
  color: white;
}
.collection-share-view.dark-theme .collection-share-promotion .collection-share-promotion-progress .collection-share-promotion-progress-caption, .collection-share-promotion-dialog.dark-theme .collection-share-promotion .collection-share-promotion-progress .collection-share-promotion-progress-caption {
  color: white;
}
.collection-share-promotion-mobile-wrapper {
  padding: 0 16px 16px;
}

.collection-share-promotion {
  display: inline-flex;
  position: relative;
  background-color: white;
  padding: 24px;
}

.dialog-scrollable-content .collection-share-promotion.mobile-content {
  max-width: unset;
}

.mobile-view .collection-share-view-header-buttons .collection-share-promotion.desktop-header .collection-share-promotion-section {
  top: calc(100% + 4px);
}

.collection-share-promotion {
  box-sizing: border-box;
  width: auto;
  border-radius: 4px;
  box-shadow: 0 0 16px 0 rgba(124, 116, 116, 0.5);
  color: #2C2C2C;
  /*&.mobile-content {
  		.collection-share-promotion-time-counter {
  				margin-bottom: 16px;
  		}
  }*/
}
.collection-share-promotion.mobile-content {
  max-width: 400px;
  width: 100%;
  padding: 16px;
}
.collection-share-promotion.mobile-content .collection-share-promotion-section {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.collection-share-promotion.mobile-content .collection-share-promotion-section .collection-share-promotion-purchase-step .step-description {
  flex-direction: column;
}
.collection-share-promotion.mobile-content .collection-share-promotion-section .collection-share-promotion-mobile-content-opened {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 16px;
}
.collection-share-promotion .mobile-content-button {
  display: flex;
  width: 100%;
}
.collection-share-promotion .mobile-content-button .rc-icon.gift:before {
  color: #3669c4;
}
.collection-share-promotion .mobile-content-button h2 {
  flex: 1;
}
.collection-share-promotion.mobile-content-opened {
  padding: 16px;
  justify-content: center;
}
.collection-share-promotion.mobile-content-opened .mobile-content-button {
  display: none;
}
.collection-share-promotion.mobile-content-opened .desktop-dialog-button {
  top: 0;
  right: 0;
}
.collection-share-promotion.desktop-header {
  padding: 4px 8px 8px;
  cursor: pointer;
  box-shadow: unset;
}
.collection-share-promotion.desktop-header > div {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.collection-share-promotion.desktop-header .collection-share-promotion-section {
  position: absolute;
  right: 50%;
  top: calc(100% + 19px);
  width: 446px;
  padding: 16px;
  box-sizing: border-box;
  border-radius: 4px;
  background-color: white;
  display: flex;
  flex-direction: column;
  gap: 8px;
  transform: translateX(50%);
  box-shadow: 0 0 16px 0 rgba(124, 116, 116, 0.5);
  /*.collection-share-promotion-time-counter {
  		margin-bottom: 16px;
  }*/
}
.collection-share-promotion.desktop-header .collection-promotion-max-reached {
  background-color: #6c9d0d;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  padding: unset;
}
.collection-share-promotion.desktop-header .collection-promotion-max-reached:before {
  color: white;
  font-size: 14px;
  left: 12px;
  line-height: 21px;
  top: 10px;
}
.collection-share-promotion.desktop-header .collection-share-promotion-progress {
  max-width: unset;
  width: 100%;
}
.collection-share-promotion.desktop-header.header-opened {
  background-color: #E3E3E3;
  z-index: 1;
}
.collection-share-promotion.desktop-header .collection-share-promotion-header-button {
  display: flex;
  padding: 4px 8px 0 0;
  box-sizing: border-box;
  height: 26px;
  align-items: center;
  column-gap: 8px;
}
.collection-share-promotion.desktop-header .collection-share-promotion-header-button .collection-share-promotion-header-button-caption {
  font-size: 14px;
  line-height: 15px;
  font-weight: bold;
  white-space: nowrap;
  margin-bottom: 1px;
}
.collection-share-promotion.desktop-header .collection-share-promotion-header-button .collection-share-promotion-time-counter {
  height: unset;
  align-items: center;
  margin-bottom: 1px;
}
.collection-share-promotion.desktop-header .collection-share-promotion-header-button .collection-share-promotion-time-counter .rc-icon.sgw-icon.clock_pending:before {
  top: 40%;
}
.collection-share-promotion.desktop-header .collection-share-promotion-header-button .collection-share-promotion-time-counter .rc-label-component {
  flex-wrap: nowrap;
  align-items: center;
  line-height: 15px;
}
.collection-share-promotion.desktop-header .collection-share-promotion-header-button .collection-share-promotion-time-counter .rc-label-component strong {
  font-size: 14px;
  line-height: 15px;
}
.collection-share-promotion.desktop-header .collection-share-promotion-header-button .collection-share-promotion-progress {
  display: flex;
  align-items: center;
  column-gap: 8px;
}
.collection-share-promotion.desktop-header .collection-share-promotion-header-button .collection-share-promotion-progress .collection-share-promotion-progress-caption {
  margin-bottom: unset;
  line-height: 14px;
}
.collection-share-promotion.desktop-header .collection-share-promotion-header-button .collection-share-promotion-progress .collection-share-promotion-progress-bar {
  min-width: 217px;
}
.collection-share-promotion .collection-share-promotion-section .collection-share-promotion-progress {
  width: 100%;
  max-width: unset;
  margin-bottom: 8px;
}
.collection-share-promotion h2 {
  /*font-family: "source_sans_pro";
  font-style: normal;
  font-weight: 700;
  font-size: 21px;
  text-align: center;*/
  margin-bottom: unset;
  font-family: "source_sans_pro";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}
.collection-share-promotion .collection-share-promotion-time-counter {
  display: flex;
  margin-left: 8px;
  margin-bottom: 8px;
  height: 26px;
  align-items: center;
}
.collection-share-promotion .collection-share-promotion-time-counter .rc-icon {
  width: auto;
  padding: unset;
  margin-right: 8px;
}
.collection-share-promotion .collection-share-promotion-time-counter .rc-icon:before {
  color: #3669c4;
}
.collection-share-promotion .collection-share-promotion-time-counter .rc-label-component {
  color: inherit;
  min-height: unset;
  flex-direction: row;
}
.collection-share-promotion .collection-share-promotion-time-counter .rc-label-component strong {
  font-size: 18px;
  margin-left: 4px;
}
.collection-share-promotion .collection-share-promotion-overview-section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
}
.collection-share-promotion .collection-share-promotion-subsection {
  margin-left: 16px;
  padding-left: 16px;
  box-sizing: border-box;
  border-left: 1px solid #cccccc;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
}
.collection-share-promotion .collection-share-promotion-disclaimer.rc-label-component:not(.rc-mobile-component) {
  font-size: 12px;
  min-height: unset;
  padding-top: 8px;
  color: #555555;
}
.collection-share-promotion .collection-share-promotion-purchase-step {
  display: flex;
  align-items: center;
}
.collection-share-promotion .collection-share-promotion-purchase-step .step-counter {
  position: relative;
  display: flex;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #EFEFEF;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  line-height: 31px;
  margin-right: 8px;
  padding: 0;
}
.collection-share-promotion .collection-share-promotion-purchase-step .step-counter .step-counter-check {
  position: absolute;
  right: -4px;
  top: -4px;
  padding: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #79AB19;
}
.collection-share-promotion .collection-share-promotion-purchase-step .step-counter .step-counter-check:before {
  color: white;
}
.collection-share-promotion .collection-share-promotion-purchase-step .step-description {
  display: flex;
  justify-content: center;
}
.collection-share-promotion .collection-share-promotion-purchase-step .step-description .rc-label-component {
  color: inherit;
  display: flex;
  min-height: unset;
  margin-right: 4px;
  flex-direction: row;
}
.collection-share-promotion .collection-share-promotion-purchase-step .step-description .rc-label-component:first-child strong {
  margin-left: 4px;
  padding-top: 1px;
  box-sizing: border-box;
}
.collection-share-promotion .collection-share-promotion-purchase-step.step-completed .step-counter {
  background-color: #3669c4;
  color: white;
}
.collection-share-promotion .collection-share-promotion-purchase-step.step-completed .step-counter.steps_summary {
  background-color: #6c9d0d;
}
.collection-share-promotion .collection-share-promotion-purchase-step.step-completed .step-counter.steps_summary:before {
  color: white;
}
.collection-share-promotion .collection-share-promotion-progress {
  max-width: 300px;
  width: 300px;
}
.collection-share-promotion .collection-share-promotion-progress .collection-share-promotion-progress-caption {
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 8px;
}
.collection-share-promotion .collection-share-promotion-progress .collection-share-promotion-progress-bar {
  height: 20px;
  background-color: #EFEFEF;
  border-radius: 10px;
  position: relative;
}
.collection-share-promotion .collection-share-promotion-progress .collection-share-promotion-progress-bar .collection-share-promotion-progress-bar-label {
  font-size: 12px;
  line-height: 20px;
  white-space: nowrap;
  text-align: right;
}
.collection-share-promotion .collection-share-promotion-progress .collection-share-promotion-progress-bar .collection-share-promotion-progress-bar-fill {
  height: 20px;
  width: auto;
  background-color: #3669c4;
  position: relative;
  border-radius: 10px;
  min-width: fit-content;
  padding: 0 8px;
  box-sizing: border-box;
}
.collection-share-promotion .collection-share-promotion-progress .collection-share-promotion-progress-bar .collection-share-promotion-progress-bar-fill .collection-share-promotion-progress-bar-label {
  color: white;
}

.collection-share-view-header-buttons .rc-icon.clock_pending:before {
  color: #3669c4;
}

.bulk-orderer-article-list-header .collection-share-promotion.desktop-header .collection-share-promotion-section {
  top: 100%;
  right: 0;
  transform: unset;
}

.templates-module {
  padding: 16px;
  position: relative;
  height: 100%;
  max-height: 100%;
  box-sizing: border-box;
  overflow-y: auto;
}
.templates-module.desktop {
  padding: 4px;
}
.templates-module .templates-module-functions button.btn-icon {
  width: 100%;
  justify-content: left;
}

.templates-select-mockup-dialog .content-group-table-row .group-content-button {
  border-bottom: 1px solid #cccccc;
  width: 100%;
}
.templates-select-mockup-dialog .content-group-table-row .group-content-button button {
  width: 100%;
  justify-content: unset;
}
.templates-select-mockup-dialog .content-group-table-row.search-bar {
  max-width: 50%;
  margin-bottom: 16px;
}
.templates-select-mockup-dialog main {
  overflow-y: auto !important;
}
.templates-select-mockup-dialog main .content-group-table-row.search-bar {
  max-width: unset;
  margin-bottom: 16px;
}

.templates-selected-mockup-line {
  display: flex;
  width: 100%;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 8px;
  margin-bottom: 16px;
}
.templates-selected-mockup-line .rc-label-component {
  flex: 1;
}

.rc-mobile-view main .dynamic-module {
  padding: 16px 0 0;
}
.rc-mobile-view main .dynamic-module .placeholder-tab-content {
  padding: 16px;
}

.dynamic-module {
  flex: auto;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: 4px;
}
.dynamic-module.desktop {
  height: 100%;
}
.dynamic-module.desktop .rc-tabcontrol .rc-tabcontrol-tab {
  font-size: 14px;
}
.dynamic-module .group-content-tabcontrol {
  width: 100%;
}
.dynamic-module .rc-tabcontrol {
  flex-shrink: 0;
}
.dynamic-module > .checkout-group-content {
  display: flex;
}
.dynamic-module > .checkout-group-content > .group-content-button {
  margin-right: 4px;
}
.dynamic-module > .checkout-group-content > .group-content-button > button {
  padding: 0 2px;
}
.dynamic-module > .checkout-group-content > .group-content-button > button .sgw-icon {
  margin-right: 2px;
}
.dynamic-module .dynamic-module-buttons {
  display: flex;
  flex-direction: row;
  font-size: 14px;
  position: relative;
}
.dynamic-module .dynamic-module-buttons.precalculate-container {
  display: block;
  visibility: hidden;
}
.dynamic-module .dynamic-module-buttons.precalculate-container > button {
  flex: 0;
  justify-content: left;
}
.dynamic-module .dynamic-module-buttons > button {
  justify-content: left;
}
.dynamic-module .dynamic-module-buttons > button {
  background-color: unset;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12px;
  padding: unset;
  margin: 0 4px 0 4px;
  height: auto;
}
.dynamic-module .dynamic-module-buttons > button.rc-mobile-component {
  font-size: 14px;
  height: 36px;
  margin: 0 8px;
}
.dynamic-module .dynamic-module-buttons > button.btn-icon .sgw-icon {
  width: 20px;
  height: 20px;
  margin-right: 4px;
}
.dynamic-module .dynamic-module-buttons > button.btn-icon .sgw-icon:before {
  font-size: 18px;
  width: 20px;
  height: 20px;
  line-height: 20px;
}
.dynamic-module .dynamic-module-buttons > button.btn-icon .btn-label {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.dynamic-module .dynamic-module-buttons > button:hover {
  background-color: unset;
  border-color: unset;
}
.dynamic-module .dynamic-module-buttons > button:hover:before {
  color: unset;
}
.dynamic-module .dynamic-module-buttons .rc-context-menu.rc-context-menu-v2 {
  position: relative;
  right: unset;
  z-index: 1;
  flex: 1;
  text-align: right;
}
.dynamic-module .dynamic-module-buttons .rc-context-menu.rc-context-menu-v2 button {
  margin: 0;
}
.dynamic-module .dynamic-module-buttons .rc-context-menu.rc-context-menu-v2 .context-menu .context-menu-body {
  box-sizing: border-box;
  padding-left: 8px;
}
.dynamic-module .dynamic-module-buttons .rc-context-menu.rc-context-menu-v2 .context-menu .context-menu-body > div {
  display: flex;
  flex-direction: column;
}
.dynamic-module .dynamic-tab-content-container {
  flex: auto;
  flex-direction: column;
  flex-wrap: wrap;
  margin-top: 8px;
  overflow-y: auto;
}
.dynamic-module .dynamic-tab-content-container > .checkout-group-content {
  position: relative;
}
.dynamic-module .dynamic-tab-content-container > .checkout-group-content .group-content-checkbox.group-content.preview {
  width: 100%;
}
.dynamic-module .dynamic-tab-content-container > .checkout-group-content .group-content-key-value {
  width: 100%;
}
.dynamic-module .dynamic-tab-content-container > .checkout-group-content .group-content-key-value .group-content-key-value-key {
  width: 50%;
}
.dynamic-module .dynamic-tab-content-container > .checkout-group-content .group-content-key-value .group-content-key-value-value {
  width: 50%;
}
.dynamic-module .dynamic-tab-content-container .checkout-group-content {
  display: flex;
  flex-wrap: wrap;
}
.dynamic-module .dynamic-tab-content-container .group-content-input {
  flex-basis: 50%;
  padding-right: 4px;
  margin-right: 0;
  position: relative;
}
.dynamic-module .dynamic-tab-content-container .group-content-input:last-child {
  padding-right: 0;
}
.dynamic-module .dynamic-tab-content-container .dynamic-tab-content-container-inputs {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
}
.dynamic-module .dynamic-tab-content-container .dynamic-tab-content-container-inputs button.image-selection-mobile-button {
  background-color: #efefef;
  margin-bottom: 4px;
}
.dynamic-module .dynamic-tab-content-container .group-content-horizontal-group {
  margin-bottom: 0;
  padding-bottom: 8px;
  box-sizing: border-box;
  background-color: white;
  padding-right: 4px;
}
.dynamic-module .dynamic-tab-content-container .group-content-horizontal-group + .group-content-horizontal-group {
  top: 44px;
}
@media only screen and (max-width: 500px) {
  .dynamic-module .dynamic-tab-content-container .group-content-horizontal-group {
    position: relative;
  }
  .dynamic-module .dynamic-tab-content-container .group-content.group-content-horizontal-group {
    flex-wrap: nowrap;
    padding-bottom: 0;
  }
}
.dynamic-module .dynamic-tab-content-container .slider-container {
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  background: #FFFFFF;
  padding: 8px;
  box-shadow: 0 1px 3px #5f5f5f;
}
.dynamic-module .dynamic-tab-content-container .group-content-label, .dynamic-module .dynamic-tab-content-container .group-content-horizontal-group {
  flex-basis: 100%;
}

.rc-mobile-view main .dynamic-module .dynamic-tab-content-container .group-content-button {
  width: 100%;
}
.rc-mobile-view main .dynamic-module .dynamic-tab-content-container .group-content-button button {
  width: 100%;
}
.rc-mobile-view main .dynamic-module .dynamic-tab-content-container .group-content-horizontal-group {
  position: relative;
  top: unset;
}
.rc-mobile-view main .dynamic-module .dynamic-tab-content-container .group-content-input {
  padding-left: 4px;
  padding-right: 4px;
  position: relative;
}
.rc-mobile-view main .dynamic-module .rc-color-picker .color-picker-label-container {
  max-width: unset;
}

.placeholder-new {
  display: flex;
  flex-direction: column;
  padding: 10px 0;
}
.placeholder-new .group-content-button {
  width: 100%;
}
.placeholder-new .group-content-button button {
  width: 100%;
  padding: 10px;
}

#DataTabMobile {
  overflow-y: auto;
}

.placeholder-tab-content {
  overflow-y: auto;
  flex: 1;
}
.placeholder-tab-content .placeholder-list-container {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  overflow: unset;
}
.placeholder-tab-content .placeholder-list-container .placeholder-mobile-list {
  padding-bottom: 120px;
}
.placeholder-tab-content .placeholder-list-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #dcdcdc;
}
.placeholder-tab-content .placeholder-list-item .placeholder-name {
  margin: 9px 0;
}

.data-tab-content {
  height: 100%;
  overflow-y: auto;
}

#UpdatePlaceholderDialog .dialog-control {
  min-height: 36px;
  height: 36px;
}
#UpdatePlaceholderDialog .close-button {
  position: absolute;
  left: 8px;
  width: 36px;
  height: 36px;
}
#UpdatePlaceholderDialog .group-content-input.group-content.rc-mobile-component.name {
  margin-top: 16px;
}
#UpdatePlaceholderDialog .delete-button {
  position: absolute;
  top: 0px;
  right: 8px;
  width: 36px;
  height: 36px;
}
#UpdatePlaceholderDialog .delete-button-mobile {
  position: absolute;
  top: 14px;
  right: 8px;
  width: 36px;
  height: 36px;
}

.placeholder-key-value-list-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-bottom: 1px solid #dcdcdc;
  text-align: left;
}
.placeholder-key-value-list-item .placeholder-key {
  margin: 9px 0;
}
.data-header div {
  width: 100%;
}
.data-header .group-content-button button {
  width: 100%;
}
.data-header .group-content-checkbox .group-content-checkbox-infonode {
  width: unset;
}

.mobile-data-tab {
  overflow: unset;
  height: 100%;
}
.mobile-data-tab .data-iterator .btn-simple.btn-icon.btn-default.btn-icon-only.rc-mobile-component {
  height: 44px;
}
.mobile-data-tab .data-placeholder-list-mobile {
  height: 100%;
}
.mobile-data-tab .data-placeholder-list-mobile .checkout-group-content {
  padding-bottom: 200px;
}
.mobile-data-tab .data-placeholder-list-mobile .checkout-group-content.no-padding-bottom {
  padding-bottom: unset;
}
.mobile-data-tab .data-placeholder-list-mobile .checkout-group-content .group-content-key-value {
  display: flex;
  min-height: 36px;
  align-items: center;
  flex-wrap: nowrap;
  padding: unset !important;
}
.mobile-data-tab .data-placeholder-list-mobile .checkout-group-content .group-content-key-value .group-content-key-value-key {
  flex-basis: 40%;
  padding-right: 4px;
}
.mobile-data-tab .data-placeholder-list-mobile .checkout-group-content .group-content-key-value .group-content-key-value-value {
  flex: 1;
  font-size: 14px;
  word-break: break-all;
  padding-left: 4px;
}

.data-placeholder-list {
  font-size: 14px;
}
.data-placeholder-list .checkout-group-content .group-content-key-value.group-content {
  display: flex;
  min-height: 36px;
  align-items: center;
  flex-wrap: nowrap;
  padding: unset !important;
}
.data-placeholder-list .checkout-group-content .group-content-key-value.group-content .group-content-key-value-key {
  flex-basis: 40%;
  padding-right: 4px;
}
.data-placeholder-list .checkout-group-content .group-content-key-value.group-content .group-content-key-value-value {
  flex: 1;
  font-size: 14px;
  word-break: break-all;
  padding-left: 4px;
}

.data-iterator {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  margin-bottom: 8px;
}
.data-iterator .btn-simple.btn-icon.btn-default.btn-icon-only {
  width: 20%;
}
.data-iterator .rc-input {
  width: 60%;
  margin: 0 8px;
}

#DynamicProjectDataDialog .dialog-footer.designer-footer {
  justify-content: space-between;
  padding: 16px;
  background-color: #EFEFEF;
  height: unset;
}
#DynamicProjectDataDialog.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content {
  margin-bottom: 0;
  padding-bottom: 16px;
}
#DynamicProjectDataDialog .dialog-controls-right {
  display: flex;
  align-self: flex-end;
}
#DynamicProjectDataDialog .dialog-controls-right button {
  padding: 0 8px;
}
#DynamicProjectDataDialog .table-controls {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
#DynamicProjectDataDialog .table-controls .content-group-table-row.search-bar {
  max-width: 350px;
}
#DynamicProjectDataDialog .data-table-container {
  width: 100%;
  height: 100%;
  max-height: 100%;
  margin-top: 8px;
  overflow: auto;
}
#DynamicProjectDataDialog .data-table-container .dynamic-project-data-table {
  min-width: 2000px;
  /*.content-group-table-row {
      .group-content-label {
          flex-basis: 150px;
      }
  }*/
}
#DynamicProjectDataDialog .data-table-container .dynamic-project-data-table .flat-table-row.flat-table-header {
  background-color: inherit;
}
#DynamicProjectDataDialog .data-table-container .dynamic-project-data-table .flat-table-row.flat-table-header .flat-table-cell {
  background-color: inherit;
}
#DynamicProjectDataDialog .data-table-container .dynamic-project-data-table .flat-table-row.content-group-table-row {
  background-color: #ffffff;
}
#DynamicProjectDataDialog .data-table-container .dynamic-project-data-table .flat-table-row.content-group-table-row:hover {
  background-color: #efefef;
}
#DynamicProjectDataDialog .data-table-container .dynamic-project-data-table .flat-table-cell.deleteButton, #DynamicProjectDataDialog .data-table-container .dynamic-project-data-table .group-content.deleteButton {
  flex-basis: 50px;
}
#DynamicProjectDataDialog .data-table-container .dynamic-project-data-table .flat-table-cell.updateButton, #DynamicProjectDataDialog .data-table-container .dynamic-project-data-table .group-content.updateButton {
  flex-basis: 50px;
}
#DynamicProjectDataDialog .data-table-container .dynamic-project-data-table .flat-table-cell.salutation, #DynamicProjectDataDialog .data-table-container .dynamic-project-data-table .group-content.salutation {
  flex-basis: 100px;
}
#DynamicProjectDataDialog .data-table-container .dynamic-project-data-table .flat-table-cell.title, #DynamicProjectDataDialog .data-table-container .dynamic-project-data-table .group-content.title {
  flex-basis: 50px;
}
#DynamicProjectDataDialog .data-table-container .dynamic-project-data-table .flat-table-cell.firstName, #DynamicProjectDataDialog .data-table-container .dynamic-project-data-table .group-content.firstName {
  flex-basis: 150px;
}
#DynamicProjectDataDialog .data-table-container .dynamic-project-data-table .flat-table-cell.lastName, #DynamicProjectDataDialog .data-table-container .dynamic-project-data-table .group-content.lastName {
  flex-basis: 150px;
}
#DynamicProjectDataDialog .data-table-container .dynamic-project-data-table .flat-table-cell.company, #DynamicProjectDataDialog .data-table-container .dynamic-project-data-table .group-content.company {
  flex-basis: 150px;
}
#DynamicProjectDataDialog .data-table-container .dynamic-project-data-table .flat-table-cell.country, #DynamicProjectDataDialog .data-table-container .dynamic-project-data-table .group-content.country {
  flex-basis: 100px;
}
#DynamicProjectDataDialog .data-table-container .dynamic-project-data-table .flat-table-cell.streetAddress, #DynamicProjectDataDialog .data-table-container .dynamic-project-data-table .group-content.streetAddress {
  flex-basis: 200px;
}
#DynamicProjectDataDialog .data-table-container .dynamic-project-data-table .flat-table-cell.addressLine2, #DynamicProjectDataDialog .data-table-container .dynamic-project-data-table .group-content.addressLine2 {
  flex-basis: 200px;
}
#DynamicProjectDataDialog .data-table-container .dynamic-project-data-table .flat-table-cell.zipCode, #DynamicProjectDataDialog .data-table-container .dynamic-project-data-table .group-content.zipCode {
  flex-basis: 100px;
}
#DynamicProjectDataDialog .data-table-container .dynamic-project-data-table .flat-table-cell.city, #DynamicProjectDataDialog .data-table-container .dynamic-project-data-table .group-content.city {
  flex-basis: 150px;
}
#DynamicProjectDataDialog .data-table-container .dynamic-project-data-table .flat-table-cell.phone, #DynamicProjectDataDialog .data-table-container .dynamic-project-data-table .group-content.phone {
  flex-basis: 100px;
}
#DynamicProjectDataDialog .data-table-container .dynamic-project-data-table .flat-table-cell.orderQuantity, #DynamicProjectDataDialog .data-table-container .dynamic-project-data-table .group-content.orderQuantity {
  flex-basis: 100px;
}
#DynamicProjectDataDialog .data-table-container .dynamic-project-data-table .rc-icon.sgw-icon.add {
  display: none;
}
#DynamicProjectDataDialog .empty-table-msg {
  text-align: center;
  padding: 10px 0;
  background-color: #FFFFFF;
}
#DynamicProjectDataDialog .custom-column {
  flex-basis: 150px;
}

.btn-white {
  background-color: #FFFFFF;
}

#MobileDynamicProjectDataDialogContent {
  padding: 16px;
}
#MobileDynamicProjectDataDialogContent .rc-icon.sgw-icon.delete.clickable.mobile-table-row-edit {
  display: none;
}
#MobileDynamicProjectDataDialogContent .table-controls-mobile {
  display: flex;
  flex-direction: column;
  height: unset;
}
#MobileDynamicProjectDataDialogContent .table-controls-mobile .rc-pagination.rc-component.rc-mobile {
  justify-content: unset;
}
#MobileDynamicProjectDataDialogContent .table-controls-mobile .rc-pagination.rc-component.rc-mobile .rc-input-wrapper {
  display: flex;
  align-items: center;
}
#MobileDynamicProjectDataDialogContent .table-mobile {
  height: unset;
}
#MobileDynamicProjectDataDialogContent .table-mobile .data-table-container .mobile-table {
  padding-bottom: 8px;
  padding-top: 8px;
}
#MobileDynamicProjectDataDialogContent .table-mobile .data-table-container .mobile-table .mobile-table-column .header {
  white-space: unset;
  overflow: unset;
  flex-wrap: wrap;
  padding-right: 4px;
}
#MobileDynamicProjectDataDialogContent .table-mobile .data-table-container .mobile-table .mobile-table-column .data {
  padding-left: 4px;
}
#MobileDynamicProjectDataDialogContent .dialog-controls-mobile {
  display: flex;
  flex-direction: column;
}
#MobileDynamicProjectDataDialogContent .dialog-controls-mobile button {
  justify-content: unset;
}
#MobileDynamicProjectDataDialogContent .empty-table-msg {
  text-align: center;
  padding: 10px 0;
}

.aligned-content {
  display: flex;
  flex-direction: row;
  align-items: center;
}

#MobileEditDataRowDialogContent {
  padding: 8px 16px;
}

.delivery-tab-content {
  padding: 8px;
}
.delivery-tab-content .group-content-button.group-content button {
  width: 100%;
}
.delivery-tab-content .group-content-button.group-content button.btn-icon {
  justify-content: left;
}

#DynamicModuleIntroDialog .form-footer-buttons, #DynamicModuleIntroDialog .dialog-footer {
  justify-content: space-between;
}

#MobileDynamicModuleIntroDialog .rc-mobile-view-light {
  padding: 8px;
}
#MobileDynamicModuleIntroDialog .rc-mobile-view-light .form-footer-buttons {
  justify-content: space-between;
}
#MobileDynamicModuleIntroDialog .checkout-group-content > .group-content-image:first-child {
  margin-top: -8px;
  margin-left: -8px;
  width: calc(100% + 16px);
}

.zoom-vertical-scroll {
  background: #efefef;
  position: absolute;
  width: 0;
  height: calc(100% - 16px);
  right: 0;
  z-index: 11;
}
.zoom-vertical-scroll.visible {
  width: 16px;
}
.zoom-vertical-scroll .zoom-vertical-scroll-thumb {
  position: relative;
  border-radius: 20px;
  width: 100%;
}
.zoom-vertical-scroll .zoom-vertical-scroll-thumb .scrollbar-marker-line {
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 75%;
  max-width: 7px;
  position: absolute;
  height: 1px;
  margin: auto;
  background-color: #525252;
  z-index: 1;
}
.zoom-vertical-scroll .zoom-vertical-scroll-thumb .scrollbar-marker-line::before, .zoom-vertical-scroll .zoom-vertical-scroll-thumb .scrollbar-marker-line::after {
  content: "";
  width: 100%;
  left: 0;
  right: 0;
  position: absolute;
  height: 1px;
  margin: auto;
  background-color: #525252;
  z-index: 1;
}
.zoom-vertical-scroll .zoom-vertical-scroll-thumb .scrollbar-marker-line::before {
  top: -3px;
}
.zoom-vertical-scroll .zoom-vertical-scroll-thumb .scrollbar-marker-line::after {
  top: 3px;
}
.zoom-vertical-scroll .scroll-button {
  position: absolute;
  width: unset;
  height: unset;
  padding: unset;
  border: none;
}
.zoom-vertical-scroll .scroll-button.scroll-top-button {
  top: 0;
}
.zoom-vertical-scroll .scroll-button.scroll-down-button {
  bottom: 0;
}

.zoom-wrapper {
  width: calc(100% - 20px);
  display: flex;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 11;
  height: 16px;
}
.zoom-wrapper .zoom-horizontal-scroll {
  position: relative;
  flex: 1;
  background-color: #efefef;
}
.zoom-wrapper .zoom-horizontal-scroll .zoom-horizontal-scroll-thumb {
  position: relative;
  border-radius: 20px;
  height: 100%;
}
.zoom-wrapper .zoom-horizontal-scroll .zoom-horizontal-scroll-thumb .scrollbar-marker-line {
  position: absolute;
  height: 1px;
  margin: auto;
  background-color: #525252;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 1px;
  height: 75%;
  max-height: 7px;
}
.zoom-wrapper .zoom-horizontal-scroll .zoom-horizontal-scroll-thumb .scrollbar-marker-line::before, .zoom-wrapper .zoom-horizontal-scroll .zoom-horizontal-scroll-thumb .scrollbar-marker-line::after {
  position: absolute;
  height: 1px;
  margin: auto;
  background-color: #525252;
  z-index: 1;
  content: "";
  top: 0;
  bottom: 0;
  width: 1px;
  height: 100%;
}
.zoom-wrapper .zoom-horizontal-scroll .zoom-horizontal-scroll-thumb .scrollbar-marker-line::before {
  left: -3px;
}
.zoom-wrapper .zoom-horizontal-scroll .zoom-horizontal-scroll-thumb .scrollbar-marker-line::after {
  left: 3px;
}
.zoom-wrapper .zoom-horizontal-scroll .scroll-button {
  position: absolute;
  width: unset;
  height: unset;
  padding: unset;
  border: none;
  top: 0;
}
.zoom-wrapper .zoom-horizontal-scroll .scroll-button.scroll-left-button {
  left: 0;
}
.zoom-wrapper .zoom-horizontal-scroll .scroll-button.scroll-right-button {
  right: 0;
}
.zoom-wrapper .zoom {
  display: flex;
  background-color: #e7e7e7;
  width: 200px;
  height: 15px;
  padding: 0 2px;
  gap: 4px;
}
.zoom-wrapper .zoom .zoom-button {
  width: 18px;
  height: 18px;
}
.zoom-wrapper .zoom .zoom-button .btn-simple {
  padding: 0;
  height: 100%;
  width: 100%;
  background: #e7e7e7;
}
.zoom-wrapper .zoom .zoom-button .btn-simple .sgw-icon {
  height: 100%;
  width: 100%;
  margin-right: 0;
}
.zoom-wrapper .zoom .zoom-button .btn-simple .sgw-icon:before {
  height: 100%;
  width: 100%;
  line-height: 18px;
  font-size: 18px;
}
.zoom-wrapper .zoom .zoom-select {
  width: 54px;
}
.zoom-wrapper .zoom .zoom-select .rc-select {
  background: #e7e7e7;
}
.zoom-wrapper .zoom .zoom-select .rc-select .selected-option {
  height: 16px;
  padding-left: 0;
  border-bottom: none;
}
.zoom-wrapper .zoom .zoom-select .rc-select .selected-option .selected-option-label {
  font-size: 12px;
  line-height: 15px;
}
.zoom-wrapper .zoom .zoom-select .rc-select .selected-option .sgw-icon {
  height: 16px;
  width: 16px;
  margin-right: 0;
}
.zoom-wrapper .zoom .zoom-select .rc-select .selected-option .sgw-icon:before {
  height: 100%;
  width: 100%;
  line-height: 16px;
  font-size: 16px;
}
.zoom-wrapper .zoom .zoom-slider {
  flex: 1;
  display: flex;
  align-items: center;
}
.zoom-wrapper .zoom .zoom-slider .slider-wrapper {
  height: 10px;
}
.zoom-wrapper .zoom .zoom-slider .slider-wrapper .slider-body {
  background-color: #CCCCCC;
  height: 2px;
}
.zoom-wrapper .zoom .zoom-slider .slider-wrapper .slider-body .slider-marker {
  background-color: #CCCCCC;
  height: 2px;
}
.zoom-wrapper .zoom .zoom-slider .slider-wrapper .slider-handler {
  width: 10px;
  height: 10px;
  background-color: #6E6E6E;
}

.mobile-zoom-wrapper .mobile-zoom {
  display: flex;
}
.mobile-zoom-wrapper .mobile-zoom .mobile-zoom-button {
  margin-left: 24px;
}
.mobile-zoom-wrapper.phone .mobile-zoom-button > .btn-simple {
  height: 24px;
  width: 24px;
  padding: 4px;
}

.photojob-registration-page .collection-share-view:not(.collection-share-pages-view) .collection-share-view-footer, .photojob-registration-page .collection-share-view:not(.collection-share-pages-view) .collection-share-view-body, .gallery-multiaccess-page .collection-share-view:not(.collection-share-pages-view) .collection-share-view-footer, .gallery-multiaccess-page .collection-share-view:not(.collection-share-pages-view) .collection-share-view-body {
  background-color: #EFEFEF;
}
.photojob-registration-page .no-data-content, .gallery-multiaccess-page .no-data-content {
  background-color: white;
  padding: 32px;
  max-width: 672px;
  margin: auto;
}
.photojob-registration-page .no-data-content .rc-icon.circle-icon-huge, .gallery-multiaccess-page .no-data-content .rc-icon.circle-icon-huge {
  background-color: #6c9d0d;
}
.photojob-registration-page .no-data-content .rc-icon.circle-icon-huge:before, .gallery-multiaccess-page .no-data-content .rc-icon.circle-icon-huge:before {
  color: white;
}
.photojob-registration-page .no-data-content .content-group-table-row .group-content.group-content-label, .gallery-multiaccess-page .no-data-content .content-group-table-row .group-content.group-content-label {
  font-size: 14px;
  font-family: "SourceSansPro-Regular";
}
.photojob-registration-page .no-data-content .content-group-table-row .group-content.group-content-label.group-important.header, .gallery-multiaccess-page .no-data-content .content-group-table-row .group-content.group-content-label.group-important.header {
  font-size: 21px;
}

#LayoutSelectionMobileDialog header.redesign {
  border-bottom: unset;
  box-shadow: unset;
  min-height: 56px;
  height: 56px;
  /*
  .mobile-page-title {
      overflow: hidden;
      color: #2C2C2C;
      text-align: center;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-family: 'SourceSansPro-Regular';
      font-size: 15px;
      font-style: normal;
      font-weight: 400;
      line-height: unset;
  }*/
}
#LayoutSelectionMobileDialog header.redesign .back-button {
  left: unset;
  right: 16px;
}
#LayoutSelectionMobileDialog header.redesign .back-button button {
  width: 18px;
  height: 18px;
}
#LayoutSelectionMobileDialog header.redesign .back-button button .rc-icon.sgw-icon.close {
  width: 18px;
  height: 18px;
}
#LayoutSelectionMobileDialog header.redesign .back-button button .rc-icon.sgw-icon.close:before {
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 18px;
}
#LayoutSelectionMobileDialog .designs-module {
  background-color: #E7E7E7;
}
#LayoutSelectionMobileDialog .designs-module > div {
  background-color: #FFFFFF;
}
#LayoutSelectionMobileDialog .designs-module .designs-module-buttons {
  display: none;
}
#LayoutSelectionMobileDialog .designs-module .design-selection {
  padding: 0 16px;
  background-color: #FFFFFF;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#LayoutSelectionMobileDialog .designs-module .design-selection.first-design-selection-row {
  margin-top: 8px;
}
#LayoutSelectionMobileDialog .designs-module .design-selection.last-design-selection-row {
  padding: 0 16px 0 16px;
  margin-bottom: unset;
}
#LayoutSelectionMobileDialog .designs-module .design-selection .mirror-btn-redesign {
  color: #3669C4;
  font-family: "SourceSansPro-Regular";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-left: auto;
  padding: unset;
  flex: unset;
}
#LayoutSelectionMobileDialog .designs-module .design-selection .mirror-btn-redesign .rc-icon.sgw-icon.mirror_horizontal:before {
  color: #3669C4;
}
#LayoutSelectionMobileDialog .designs-module .design-selection .rc-component.rc-select.rc-mobile-component.redesign {
  width: unset;
}
#LayoutSelectionMobileDialog .designs-module .design-selection .rc-component.rc-select.rc-mobile-component.redesign label {
  font-size: 13px;
  color: #525252;
}
#LayoutSelectionMobileDialog .designs-module .designs-list.redesign {
  background-color: #e7e7e7;
  overflow-x: hidden;
  padding: 16px 12px 0 12px;
}
#LayoutSelectionMobileDialog .designs-module .designs-list.redesign > div > div {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
#LayoutSelectionMobileDialog .designs-module .designs-list.redesign > div > div .design-item-wrapper {
  display: flex;
  justify-content: center;
  margin: 0;
  flex-direction: column;
}
#LayoutSelectionMobileDialog .designs-module .designs-list.redesign > div > div .design-item-wrapper .rc-icon.sgw-icon.heart_big_line:before {
  color: #525252;
}

#ClipartSelectionMobileDialog header.redesign .back-button {
  left: unset;
  right: 16px;
}
#ClipartSelectionMobileDialog header.redesign .back-button button {
  width: 18px;
  height: 18px;
}
#ClipartSelectionMobileDialog header.redesign .back-button button .rc-icon.sgw-icon.close {
  width: 18px;
  height: 18px;
}
#ClipartSelectionMobileDialog header.redesign .back-button button .rc-icon.sgw-icon.close:before {
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 18px;
}
#ClipartSelectionMobileDialog .cliparts-module .clipart-selection {
  background-color: #FFFFFF;
  padding-bottom: 16px;
}
#ClipartSelectionMobileDialog .cliparts-module .clipart-selection .rc-component.rc-select.tag-input {
  display: none;
}

#AddWithLayoutsMobileDialog main {
  padding: 0 16px;
  overflow-y: hidden;
}
#AddWithLayoutsMobileDialog main.redesign .layout-list-controls {
  display: flex;
  flex-direction: row;
  height: 42px;
  margin: 24px 0;
}
#AddWithLayoutsMobileDialog main.redesign .layout-list-controls .add-without-layout-button {
  background-color: #e7e7e7;
  height: 42px;
  border-radius: 120px;
  border: 1px solid #525252;
  justify-content: center;
  align-items: center;
}
#AddWithLayoutsMobileDialog main.redesign .layout-list-controls .add-without-layout-button .btn-label {
  color: #525252;
  text-align: center;
  font-family: "SourceSansPro-Regular";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px;
}
#AddWithLayoutsMobileDialog main.redesign .designs-module .designs-list.redesign {
  display: flex;
  align-items: center;
}
#AddWithLayoutsMobileDialog main.redesign .designs-module .designs-list.redesign .design-item-wrapper {
  margin-bottom: 16px;
}
#AddWithLayoutsMobileDialog main.redesign .designs-module .designs-list.redesign .design-item-wrapper .design-item {
  width: 100%;
  padding: unset;
}

#BackgroundSelectionMobileDialog header.redesign {
  box-shadow: none;
}
#BackgroundSelectionMobileDialog header.redesign .background-module-buttons > button {
  height: 18px;
  width: 18px;
}
#BackgroundSelectionMobileDialog header.redesign .background-module-buttons > button.btn-redesign {
  position: fixed;
  top: 18px;
  left: 16px;
  z-index: 5;
  margin: unset;
}
#BackgroundSelectionMobileDialog header.redesign .background-module-buttons > button.btn-redesign .btn-label {
  display: none;
}
#BackgroundSelectionMobileDialog header.redesign .background-module-buttons > button.btn-redesign .rc-icon.sgw-icon.delete:before {
  height: 18px;
  width: 18px;
  line-height: 18px;
  font-size: 18px;
}
#BackgroundSelectionMobileDialog header.redesign .back-button.align-right {
  position: absolute;
  left: unset;
  right: 16px;
}
#BackgroundSelectionMobileDialog header.redesign .back-button.align-right > button {
  width: 18px;
  height: 18px;
}
#BackgroundSelectionMobileDialog header.redesign .back-button.align-right > button .rc-icon.sgw-icon.close {
  width: 18px;
  height: 18px;
}
#BackgroundSelectionMobileDialog header.redesign .back-button.align-right > button .rc-icon.sgw-icon.close:before {
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 18px;
}
#BackgroundSelectionMobileDialog main {
  background-color: #FFFFFF;
}
#BackgroundSelectionMobileDialog main .background-module {
  padding: unset;
}
#BackgroundSelectionMobileDialog main .background-module .background-module-buttons > button {
  height: 18px;
  width: 18px;
}
#BackgroundSelectionMobileDialog main .background-module .background-module-buttons > button.btn-redesign {
  position: fixed;
  top: 18px;
  left: 16px;
  z-index: 5;
  margin: unset;
}
#BackgroundSelectionMobileDialog main .background-module .background-module-buttons > button.btn-redesign .btn-label {
  display: none;
}
#BackgroundSelectionMobileDialog main .background-module .background-module-buttons > button.btn-redesign .rc-icon.sgw-icon.delete:before {
  height: 18px;
  width: 18px;
  line-height: 18px;
  font-size: 18px;
}
#BackgroundSelectionMobileDialog main .background-module .rc-tabcontrol.rc-mobile-component {
  background-color: #FFFFFF;
}
#BackgroundSelectionMobileDialog main .background-module .rc-tabcontrol.rc-mobile-component .rc-tabcontrol-tab.rc-mobile-component {
  height: 42px;
  padding: 8px;
  text-align: center;
  font-family: "SourceSansPro-Regular";
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 15px;
}
#BackgroundSelectionMobileDialog main .background-module .rc-tabcontrol.rc-mobile-component .rc-tabcontrol-tab.rc-mobile-component.rc-tabcontrol-tab-selected {
  font-weight: 600;
}
#BackgroundSelectionMobileDialog main .background-module .background-tab-content-container {
  padding: 8px 16px;
}
#BackgroundSelectionMobileDialog main .background-module .background-tab-content-container .background-tab-content-container-inputs {
  position: unset;
  overflow-x: hidden;
  padding-top: 4px;
}
#BackgroundSelectionMobileDialog main .background-module .background-tab-content-container .background-tab-content-container-inputs .group-content-horizontal-group.group-content.rc-mobile-component {
  gap: 16px;
}
#BackgroundSelectionMobileDialog main .background-module .background-tab-content-container .background-tab-content-container-inputs .group-content-horizontal-group.group-content.rc-mobile-component .group-content-input.group-content.rc-mobile-component {
  margin-bottom: 16px;
  padding: unset;
  width: 50%;
}
#BackgroundSelectionMobileDialog main .background-module .background-tab-content-container .background-tab-content-container-presets .rc-component.rc-checkbox.group-content-presets-checkbox.rc-mobile-component {
  margin-bottom: 16px;
}
#BackgroundSelectionMobileDialog main .background-module .background-tab-content-container .background-tab-content-container-presets .group-content-presets.mobile {
  gap: 4px;
}
#BackgroundSelectionMobileDialog main .background-module .background-tab-content-container .background-tab-content-container-presets .group-content-presets.mobile .group-content-preset-wrapper {
  padding: 0 0 20px 0;
  margin: unset;
  outline: unset;
}
#BackgroundSelectionMobileDialog main .background-module .background-tab-content-container .background-tab-content-container-presets .group-content-presets.mobile .group-content-preset-wrapper.texture {
  width: calc(33.3% - 3px);
  flex: calc(33.3% - 3px);
  max-width: calc(33.3% - 3px);
}
#BackgroundSelectionMobileDialog main .background-module .background-tab-content-container .background-tab-content-container-presets .group-content-presets.mobile .group-content-preset-wrapper.texture.selected img {
  box-sizing: border-box;
  border: 2px solid #3669C4;
}
#BackgroundSelectionMobileDialog main .background-module .background-tab-content-container .background-tab-content-container-presets .group-content-presets.mobile .group-content-preset-wrapper:not(.texture) {
  max-width: calc(25% - 3px);
  flex: calc(25% - 3px);
  width: calc(25% - 3px);
}
#BackgroundSelectionMobileDialog main .background-module .background-tab-content-container .background-tab-content-container-presets .group-content-presets.mobile .group-content-preset-wrapper:last-child {
  padding: 0 0 20px 0;
}
#BackgroundSelectionMobileDialog main .background-module .background-tab-content-container .background-tab-content-container-presets .group-content-presets.mobile .group-content-preset-wrapper .rc-icon.sgw-icon {
  padding-left: 14px;
}
#BackgroundSelectionMobileDialog main .background-module .background-tab-content-container .background-tab-content-container-presets .group-content-presets.mobile .group-content-preset-wrapper .rc-icon.sgw-icon:before {
  height: 18px;
  width: 18px;
  color: #525252;
}
#BackgroundSelectionMobileDialog main .background-module .background-tab-content-container .background-tab-content-container-presets .group-content-presets.mobile .group-content-preset-wrapper .group-content-preset {
  position: relative;
  height: 58px;
  box-sizing: border-box;
}
#BackgroundSelectionMobileDialog main .background-module .background-tab-content-container .background-tab-content-container-presets .group-content-presets.mobile .group-content-preset-wrapper .group-content-preset.selected {
  border: 2px solid #3669C4;
}
#BackgroundSelectionMobileDialog main .background-module .background-tab-content-container .background-tab-content-container-presets .group-content-presets.mobile .group-content-preset-wrapper .group-content-preset.selected .rc-icon {
  position: absolute;
  bottom: 15px;
  right: 8px;
}
#BackgroundSelectionMobileDialog main .background-module .background-tab-content-container .background-tab-content-container-presets .group-content-presets.mobile .group-content-preset-wrapper .group-content-preset.selected .rc-icon:before {
  color: #3669C4;
}
#BackgroundSelectionMobileDialog main .background-module .background-tab-content-container .background-tab-content-container-presets .group-content-presets.mobile .group-content-preset-wrapper .group-content-preset-favorite {
  opacity: 1;
}
#BackgroundSelectionMobileDialog main .background-module .background-tab-content-container .image-pool-image-list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 8px;
  gap: 8px;
  justify-content: center;
}
#BackgroundSelectionMobileDialog main .background-module .background-tab-content-container .image-pool-image-list .image-item-wrapper {
  width: 30%;
  margin: unset;
  cursor: pointer;
  flex: unset;
  position: unset;
  height: unset;
  padding-bottom: unset;
}
#BackgroundSelectionMobileDialog main .background-module .background-tab-content-container .image-pool-image-list .image-item-wrapper > div {
  margin: unset;
}
#BackgroundSelectionMobileDialog main .background-module .background-tab-content-container .image-pool-image-list .image-item-wrapper > div .image-item-name {
  display: none;
}
#BackgroundSelectionMobileDialog main .background-module .background-tab-content-container .image-pool-image-list .image-item-wrapper > div > div .image-item {
  width: 100%;
  height: 100%;
}
#BackgroundSelectionMobileDialog main .background-module .background-tab-content-container .image-pool-image-list .image-item-wrapper > div > div .image-item.selected {
  position: relative;
}
#BackgroundSelectionMobileDialog main .background-module .background-tab-content-container .image-pool-image-list .image-item-wrapper > div > div .image-item.selected .rc-icon {
  position: absolute;
  bottom: 16px;
  right: 16px;
  padding-left: unset;
}
#BackgroundSelectionMobileDialog main .background-module .background-tab-content-container .image-pool-image-list .image-item-wrapper > div > div .image-item.selected .rc-icon:before {
  color: #3669C4;
}
#BackgroundSelectionMobileDialog main .background-module .background-tab-content-container .image-pool-image-list .image-item-wrapper > div > div .image-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#BackgroundSelectionMobileDialog main .background-module .background-tab-content-container .image-pool-image-list .image-item-wrapper > div > div .image-item img.selected {
  border: 2px solid #3669C4;
}
#BackgroundSelectionMobileDialog main .background-module .background-tab-content-container .image-pool-image-list .image-item-wrapper > div > div .image-item .image-selection-border {
  display: none;
}
#BackgroundSelectionMobileDialog main .background-module .apply-selection-footer-redesign {
  display: flex;
  flex-direction: row;
  background-color: #FFFFFF;
  box-shadow: 0px -4px 4px 0px rgba(0, 0, 0, 0.1);
  padding: 16px;
  gap: 8px;
}

#LayersMobileDialog {
  left: unset;
  right: 0;
  width: 80vw;
  background-color: #FFFFFF;
  padding: unset;
}
#LayersMobileDialog header {
  background-color: #FFFFFF;
  height: 48px;
  padding: unset;
  position: relative;
}
#LayersMobileDialog header .back-button {
  position: absolute;
  left: 16px;
  top: 16px;
  z-index: unset;
}
#LayersMobileDialog header .back-button .btn-simple.btn-icon.btn-icon-only.rc-mobile-component.btn-redesign {
  position: unset;
  left: unset;
  top: unset;
  width: 18px;
  height: 18px;
}
#LayersMobileDialog header .back-button .btn-simple.btn-icon.btn-icon-only.rc-mobile-component.btn-redesign .rc-icon.sgw-icon.close {
  width: 18px;
  height: 18px;
}
#LayersMobileDialog header .back-button .btn-simple.btn-icon.btn-icon-only.rc-mobile-component.btn-redesign .rc-icon.sgw-icon.close:before {
  width: 18px;
  height: 18px;
  font-size: 18px;
  line-height: 18px;
  color: #525252;
  font-family: "icomoon";
}
#LayersMobileDialog main {
  background-color: #FFFFFF;
  padding: 0 32px 16px 48px;
  box-sizing: border-box;
}
#LayersMobileDialog main .page-module.scrollable {
  padding: unset;
}
#LayersMobileDialog main .page-module.scrollable .layer-wrapper {
  max-width: calc(80vw - 80px);
  background-color: #FFFFFF;
  margin-bottom: 16px;
  width: 100%;
  height: unset;
}
#LayersMobileDialog main .page-module.scrollable .layer-wrapper.selected {
  border: unset;
}
#LayersMobileDialog main .page-module.scrollable .layer-wrapper.selected .rc-icon:before {
  color: #3669c4;
}
#LayersMobileDialog main .page-module.scrollable .layer-wrapper.selected .layer-texts {
  color: #3669c4;
}
#LayersMobileDialog main .page-module.scrollable .layer-wrapper:not(.selected) .layer-texts {
  color: #525252;
}
#LayersMobileDialog main .page-module.scrollable .layer-wrapper:not(.selected) .rc-icon:before {
  color: #525252;
}
#LayersMobileDialog main .page-module.scrollable .layer-wrapper .layer-content-left {
  padding: 8px 24px 8px 0;
}
#LayersMobileDialog main .page-module.scrollable .layer-wrapper .layer-content-left .layer-icon .rc-icon.sgw-icon {
  padding-left: unset;
  width: 14px;
  height: 14px;
}
#LayersMobileDialog main .page-module.scrollable .layer-wrapper .layer-content-left .layer-icon .rc-icon.sgw-icon:before {
  width: 14px;
  height: 14px;
  font-size: 14px;
  line-height: 14px;
  font-family: "icomoon";
}
#LayersMobileDialog main .page-module.scrollable .layer-wrapper .layer-content-left .layer-texts {
  max-width: 50vw;
  margin-left: 16px;
  font-family: "SourceSansPro-Regular", sans-serif;
}
#LayersMobileDialog main .page-module.scrollable .layer-wrapper .layer-content-left .layer-texts .layer-label {
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px;
}
#LayersMobileDialog main .page-module.scrollable .layer-wrapper .layer-content-left .layer-texts .layer-description {
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 13px;
}
#LayersMobileDialog main .page-module.scrollable .layer-wrapper .layer-content-right .rc-icon.sgw-icon {
  padding-left: unset;
  width: 14px;
  height: 14px;
}
#LayersMobileDialog main .page-module.scrollable .layer-wrapper .layer-content-right .rc-icon.sgw-icon:before {
  width: 14px;
  height: 14px;
  font-size: 14px;
  line-height: 14px;
  font-family: "icomoon";
}

.qr-code-editor {
  max-width: 1048px;
  max-height: 672px;
  border-radius: 6px;
}
.qr-code-editor > .dialog-v2-body {
  display: flex;
}
.qr-code-editor > .dialog-v2-body .qr-code-editor-settings {
  width: 320px;
  flex: unset;
  padding: 8px;
  height: 100%;
  box-sizing: border-box;
  overflow: hidden;
  overflow-y: auto;
  border-bottom: 2px solid #EFEFEF;
}
.qr-code-editor > .dialog-v2-body .qr-code-editor-settings .rc-label-component {
  font-size: 16px;
  font-weight: 700;
  line-height: 18px;
  margin-bottom: 8px;
}
.qr-code-editor > .dialog-v2-body .qr-code-editor-settings .rc-color-picker .color-picker-label-container {
  max-width: unset;
}
.qr-code-editor > .dialog-v2-body .qr-code-editor-settings .checkout-group-content .rc-label-component, .qr-code-editor > .dialog-v2-body .qr-code-editor-settings .checkout-group-content .group-content.group-content-label.group-important {
  font-weight: normal;
}
.qr-code-editor > .dialog-v2-body .qr-code-editor-preview {
  background-color: #e7e7e7;
  display: flex;
  justify-content: center;
  align-items: center;
}
.qr-code-editor .dialog-v2-footer > div {
  padding: 8px;
}

#QREditorDialog main {
  display: flex;
  flex-direction: column-reverse;
}
#QREditorDialog main .qr-code-editor-preview {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 16px;
}
#QREditorDialog main .qr-code-editor-settings {
  background: #FFFFFF;
  padding: 16px;
  overflow-y: auto;
}
#QREditorDialog main .qr-code-editor-settings > .rc-label-component {
  display: none;
}
#QREditorDialog main .qr-code-editor-settings .color-picker-label-container {
  max-width: unset;
}
#QREditorDialog main .qr-code-editor-settings .checkout-group-content .group-content.group-content-label.group-important {
  font-weight: normal;
  min-height: unset;
}

#QREditorContent {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  padding: 24px 16px 16px;
}
#QREditorContent .qr-code-editor-body {
  display: flex;
  flex: 1;
  align-items: center;
}
#QREditorContent .qr-code-editor-body .qr-code-editor-settings {
  flex: 1;
}
#QREditorContent .qr-code-editor-body .qr-code-editor-settings > .rc-label-component {
  display: none;
}
#QREditorContent .qr-code-editor-body .qr-code-editor-settings .group-content-label {
  font-weight: normal;
}
#QREditorContent .qr-code-editor-body .qr-code-editor-preview {
  display: flex;
  justify-content: center;
  align-items: center;
}
#QREditorContent .qr-code-editor-body.landscape {
  flex-direction: column;
  align-items: unset;
}
#QREditorContent .qr-code-editor-body.landscape .qr-code-editor-settings {
  flex: 0;
}
#QREditorContent .qr-code-editor-body.landscape .qr-code-editor-preview {
  flex: 1;
}
#QREditorContent .footer-submit-button-redesign > button {
  width: 100%;
}

#MobileSinglePageEdit #SelectedElementToolbar {
  height: 168px;
  box-shadow: 0px -2px 4px 0px rgba(0, 0, 0, 0.15);
  background-color: #e7e7e7;
  display: flex;
  flex-direction: column;
}
#MobileSinglePageEdit #SelectedElementToolbar.hidden {
  visibility: hidden;
}
#MobileSinglePageEdit #SelectedElementToolbar .header {
  font-family: "SourceSansPro-Regular", sans-serif;
  border-radius: 28px 28px 0px 0px;
  background-color: #FFFFFF;
  text-transform: capitalize;
  display: flex;
  padding: 16px 24px;
  justify-content: space-between;
  color: #2C2C2C;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  z-index: 100;
  align-items: center;
}
#MobileSinglePageEdit #SelectedElementToolbar .header .rc-icon.sgw-icon {
  width: 14px;
  height: 14px;
  padding-left: unset;
}
#MobileSinglePageEdit #SelectedElementToolbar .header .rc-icon.sgw-icon:before {
  width: 14px;
  height: 14px;
  font-size: 14px;
  line-height: 14px;
  font-family: "icomoon";
}
#MobileSinglePageEdit #SelectedElementToolbar .selected-element-toolbar {
  background-color: #FFFFFF;
  height: 100%;
  display: flex;
  flex-direction: row;
  gap: 8px;
  padding-bottom: 16px;
  padding: 8px 16px;
  overflow-x: auto;
  z-index: 100;
}
#MobileSinglePageEdit #SelectedElementToolbar .selected-element-toolbar .selected-element-toolbar-item {
  padding: 16px 8px 8px 8px;
  gap: 8px;
  background-color: #FFFFFF;
  display: flex;
  flex-direction: column;
}
#MobileSinglePageEdit #SelectedElementToolbar .selected-element-toolbar .selected-element-toolbar-item.selected .item-icon {
  color: #3669c4;
}
#MobileSinglePageEdit #SelectedElementToolbar .selected-element-toolbar .selected-element-toolbar-item.selected .item-icon:before {
  color: #3669c4;
}
#MobileSinglePageEdit #SelectedElementToolbar .selected-element-toolbar .selected-element-toolbar-item.selected .item-label {
  color: #3669c4;
}
#MobileSinglePageEdit #SelectedElementToolbar .selected-element-toolbar .selected-element-toolbar-item .item-icon {
  height: 32px;
  width: 32px;
  color: #525252;
}
#MobileSinglePageEdit #SelectedElementToolbar .selected-element-toolbar .selected-element-toolbar-item .item-icon:before {
  height: 32px;
  width: 32px;
  font-size: 30px;
  line-height: 32px;
  font-family: "icomoon";
}
#MobileSinglePageEdit #SelectedElementToolbar .selected-element-toolbar .selected-element-toolbar-item .item-label {
  color: #525252;
  text-align: center;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
#MobileSinglePageEdit #SelectedElementToolbar.redesign-tablet {
  margin: 4px auto 48px;
  height: 108px;
  min-height: 108px;
  overflow: auto;
  border-radius: 28px;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
  max-width: calc(100% - 128px);
}
#MobileSinglePageEdit #SelectedElementToolbar.redesign-tablet.portrait {
  overflow-y: hidden;
}
#MobileSinglePageEdit #SelectedElementToolbar.redesign-tablet.portrait .selected-element-toolbar {
  padding: 0 18px 16px;
}
#MobileSinglePageEdit #SelectedElementToolbar.redesign-tablet.hidden {
  position: absolute;
}
#MobileSinglePageEdit #SelectedElementToolbar.redesign-tablet .header {
  box-sizing: border-box;
  height: 48px;
  font-size: 14px;
}
#MobileSinglePageEdit #SelectedElementToolbar.redesign-tablet .header .sgw-icon {
  width: 12px;
  height: 12px;
}
#MobileSinglePageEdit #SelectedElementToolbar.redesign-tablet .header .sgw-icon:before {
  width: 12px;
  height: 12px;
  line-height: 12px;
  font-size: 16px;
  font-weight: bold;
}
#MobileSinglePageEdit #SelectedElementToolbar.redesign-tablet .selected-element-toolbar {
  box-sizing: border-box;
  height: 60px;
  padding: 0 48px 16px;
  gap: unset;
}
#MobileSinglePageEdit #SelectedElementToolbar.redesign-tablet .selected-element-toolbar .selected-element-toolbar-item {
  align-items: center;
  width: 50px;
}
#MobileSinglePageEdit #SelectedElementToolbar.redesign-tablet .selected-element-toolbar .selected-element-toolbar-item .sgw-icon {
  width: 24px;
  height: 24px;
  padding-left: 0;
}
#MobileSinglePageEdit #SelectedElementToolbar.redesign-tablet .selected-element-toolbar .selected-element-toolbar-item .sgw-icon:before {
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 24px;
  padding-bottom: 8px;
}
#MobileSinglePageEdit #SelectedElementToolbar.redesign-tablet .selected-element-toolbar .selected-element-toolbar-item .item-label {
  font-size: 10px;
}
#MobileSinglePageEdit .tools-overlay {
  width: 100%;
  background-color: #e7e7e7;
  display: flex;
  flex-direction: column;
  position: absolute;
  bottom: 0;
  z-index: 100;
}
#MobileSinglePageEdit .tools-overlay .overlay-content {
  background-color: #FFFFFF;
  height: 100%;
}
#MobileSinglePageEdit .tools-overlay.slider-overlay {
  height: 168px;
}
#MobileSinglePageEdit .tools-overlay.slider-overlay .overlay-content {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px 24px 48px 24px;
}
#MobileSinglePageEdit .tools-overlay.align-overlay .overlay-content {
  display: flex;
  flex-direction: column;
  padding: 8px 24px 16px 24px;
}
#MobileSinglePageEdit .tools-overlay.align-overlay .overlay-content .bleed-line-header {
  color: #525252;
  font-size: 12px;
  font-weight: 600;
  padding-bottom: 4px;
  display: flex;
  align-items: center;
}
#MobileSinglePageEdit .tools-overlay.align-overlay .overlay-content .bleed-line-header .rc-icon {
  width: 14px;
  height: 14px;
  margin-right: 4px;
  padding-left: unset;
}
#MobileSinglePageEdit .tools-overlay.align-overlay .overlay-content .bleed-line-header .rc-icon:before {
  width: 14px;
  height: 14px;
  line-height: 14px;
  font-size: 14px;
}
#MobileSinglePageEdit .tools-overlay.align-overlay .overlay-content .bleed-switch-wrapper {
  margin: 8px 0;
}
#MobileSinglePageEdit .tools-overlay.align-overlay .overlay-content .pages-header {
  margin-top: 8px;
  color: #525252;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
#MobileSinglePageEdit .tools-overlay.align-overlay .overlay-content .page-selector {
  display: flex;
  flex-direction: row;
  gap: 24px;
  padding-top: 8px;
  align-items: center;
}
#MobileSinglePageEdit .tools-overlay.align-overlay .overlay-content .page-selector .page-radios .rc-radio-group {
  flex-direction: row;
}
#MobileSinglePageEdit .tools-overlay.align-overlay .overlay-content .page-selector .page-radios .rc-radio-group .rc-radio .rc-radio-element {
  width: 20px;
  height: 20px;
}
#MobileSinglePageEdit .tools-overlay.align-overlay .overlay-content .page-selector .page-radios .rc-radio-group .rc-radio .rc-radio-label {
  color: #2c2c2c;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
#MobileSinglePageEdit .tools-overlay.align-overlay .overlay-content .page-selector .page-radios.disabled .rc-radio {
  pointer-events: none;
}
#MobileSinglePageEdit .tools-overlay.align-overlay .overlay-content .page-selector .page-radios.disabled .rc-radio .rc-radio-element.selected:before {
  background: #FFFFFF;
}
#MobileSinglePageEdit .tools-overlay.align-overlay .overlay-content .page-selector .page-radios.disabled .rc-radio .rc-radio-label {
  color: #CBCACA;
}
#MobileSinglePageEdit .tools-overlay.align-overlay .overlay-content .page-selector .page-radio-selector {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
}
#MobileSinglePageEdit .tools-overlay.align-overlay .overlay-content .alignment-selector {
  display: flex;
  flex-direction: row;
  overflow-x: auto;
  gap: 8px;
  padding: 0 16px 4px 16px;
}
#MobileSinglePageEdit .tools-overlay.align-overlay .overlay-content .alignment-selector .button-with-bottom-label {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 8px;
  padding: 16px 8px 8px 8px;
  height: unset;
  white-space: wrap;
  min-width: 99.92px;
}
#MobileSinglePageEdit .tools-overlay.align-overlay .overlay-content .alignment-selector .button-with-bottom-label .rc-icon.sgw-icon {
  width: 32px;
  height: 32px;
  line-height: 32px;
}
#MobileSinglePageEdit .tools-overlay.align-overlay .overlay-content .alignment-selector .button-with-bottom-label .rc-icon.sgw-icon:before {
  font-size: 32px;
  width: 32px;
  height: 32px;
  line-height: 32px;
  font-family: "icomoon";
}
#MobileSinglePageEdit .tools-overlay.align-overlay .overlay-content .alignment-selector .button-with-bottom-label .btn-label {
  color: #525252;
  text-align: center;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
#MobileSinglePageEdit .tools-overlay.layers-overlay {
  height: 168px;
}
#MobileSinglePageEdit .tools-overlay.layers-overlay .overlay-content {
  display: flex;
  flex-direction: column;
  padding: 0 16px 16px 16px;
}
#MobileSinglePageEdit .tools-overlay.layers-overlay .overlay-content .layer-selector {
  display: flex;
  flex-direction: row;
  overflow-x: hidden;
  gap: 8px;
}
#MobileSinglePageEdit .tools-overlay.layers-overlay .overlay-content .layer-selector .button-with-bottom-label {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 8px;
  padding: 16px 8px 8px 8px;
}
#MobileSinglePageEdit .tools-overlay.layers-overlay .overlay-content .layer-selector .button-with-bottom-label .rc-icon.sgw-icon {
  width: 32px;
  height: 32px;
  line-height: 32px;
}
#MobileSinglePageEdit .tools-overlay.layers-overlay .overlay-content .layer-selector .button-with-bottom-label .rc-icon.sgw-icon:before {
  font-size: 32px;
  width: 32px;
  height: 32px;
  line-height: 32px;
  font-family: "icomoon";
}
#MobileSinglePageEdit .tools-overlay.layers-overlay .overlay-content .layer-selector .button-with-bottom-label .btn-label {
  color: #525252;
  text-align: center;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
#MobileSinglePageEdit .overlay-header {
  font-family: "SourceSansPro-Regular", sans-serif;
  border-radius: 28px 28px 0px 0px;
  background-color: #FFFFFF;
  text-transform: capitalize;
  display: flex;
  padding: 16px 24px;
  justify-content: space-between;
  color: #2C2C2C;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  align-items: center;
}
#MobileSinglePageEdit .overlay-header .rc-icon.sgw-icon {
  width: 14px;
  height: 14px;
  padding-left: unset;
}
#MobileSinglePageEdit .overlay-header .rc-icon.sgw-icon:before {
  width: 14px;
  height: 14px;
  font-size: 14px;
  line-height: 14px;
  font-family: "icomoon";
}
#MobileSinglePageEdit.redesign-tablet {
  background-color: #e7e7e7;
}
#MobileSinglePageEdit.redesign-tablet .tools-overlay {
  position: relative;
  margin: 4px auto 48px;
  height: unset;
  overflow: auto;
  border-radius: 28px;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
  width: fit-content;
  min-width: 400px;
  max-width: calc(100vw - 64px);
}
#MobileSinglePageEdit.redesign-tablet .tools-overlay .overlay-header {
  padding: 16px 24px 0;
}
#MobileSinglePageEdit.redesign-tablet .tools-overlay .overlay-content {
  padding: 16px 24px 32px;
}
#MobileSinglePageEdit.redesign-tablet .tools-overlay.layers-overlay .overlay-content {
  padding: 8px 48px 16px;
}
#MobileSinglePageEdit.redesign-tablet .tools-overlay.align-overlay .overlay-content {
  padding: 8px 24px 16px;
}
#MobileSinglePageEdit.redesign-tablet .tools-overlay.align-overlay .overlay-content.align-overlay {
  padding: 16px 24px 16px;
}
#MobileSinglePageEdit.redesign-tablet .tools-overlay.align-overlay .overlay-content .page-selector {
  flex-direction: row;
  justify-content: space-between;
}
#MobileSinglePageEdit.redesign-tablet .tools-overlay.align-overlay .overlay-content .alignment-selector {
  padding: 24px 40px 0;
}
#MobileSinglePageEdit.redesign-tablet .tools-overlay.layers-overlay .overlay-content .button-with-bottom-label, #MobileSinglePageEdit.redesign-tablet .tools-overlay.align-overlay .overlay-content .button-with-bottom-label {
  align-items: center;
  padding: 4px;
  max-width: 70px;
}
#MobileSinglePageEdit.redesign-tablet .tools-overlay.layers-overlay .overlay-content .button-with-bottom-label .rc-icon.sgw-icon, #MobileSinglePageEdit.redesign-tablet .tools-overlay.align-overlay .overlay-content .button-with-bottom-label .rc-icon.sgw-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
}
#MobileSinglePageEdit.redesign-tablet .tools-overlay.layers-overlay .overlay-content .button-with-bottom-label .rc-icon.sgw-icon:before, #MobileSinglePageEdit.redesign-tablet .tools-overlay.align-overlay .overlay-content .button-with-bottom-label .rc-icon.sgw-icon:before {
  font-size: 24px;
  width: 24px;
  height: 24px;
  line-height: 24px;
}
#MobileSinglePageEdit.redesign-tablet .tools-overlay.layers-overlay .overlay-content .button-with-bottom-label .btn-label, #MobileSinglePageEdit.redesign-tablet .tools-overlay.align-overlay .overlay-content .button-with-bottom-label .btn-label {
  font-size: 11px;
}

.rc-dialog.rc-confirm.bleed-info.mobile h2 {
  color: #2C2C2C;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 21px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin: 0 0 8px 0;
}
.rc-dialog.rc-confirm.bleed-info.mobile.phone .rc-dialog-content, .rc-dialog.rc-confirm.bleed-info.mobile.tablet .rc-dialog-content {
  height: 100%;
  max-height: 100%;
}
.rc-dialog.rc-confirm.bleed-info.mobile.phone .rc-dialog-content .rc-confirm-content, .rc-dialog.rc-confirm.bleed-info.mobile.tablet .rc-dialog-content .rc-confirm-content {
  height: unset;
}
.rc-dialog.rc-confirm.bleed-info.mobile.tablet {
  position: fixed;
  top: 24px;
  bottom: 24px;
}
.rc-dialog.rc-confirm.bleed-info.mobile.tablet:before {
  position: fixed;
  top: 0;
  bottom: 0;
  height: 100vh;
}
.rc-dialog.rc-confirm.bleed-info.mobile.phone {
  position: fixed;
  left: 24px;
  right: 24px;
  top: 24px;
  bottom: 24px;
  height: calc(100vh - 48px);
}
.rc-dialog.rc-confirm.bleed-info.mobile.phone .rc-dialog-wrapper {
  height: 100%;
  max-height: 100%;
}
.rc-dialog.rc-confirm.bleed-info.mobile.phone .rc-dialog-wrapper .rc-dialog-content {
  box-sizing: border-box;
  height: 100%;
  max-height: 100%;
}
.rc-dialog.rc-confirm.bleed-info.mobile .rc-confirm-content > p p {
  margin-bottom: 20px;
}
.rc-dialog.rc-confirm.bleed-info.mobile .rc-confirm-content > p p:nth-last-of-type(2) {
  /* Remove margin-bottom for the second-to-last paragraph because of br's in code*/
  margin-bottom: 0;
}
.rc-dialog.rc-confirm.bleed-info.mobile .rc-confirm-content > p p > img {
  margin-bottom: 10px;
  width: 100%;
}
.rc-dialog.rc-confirm.bleed-info.mobile .rc-confirm-footer {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  border-radius: 0px 0px 14px 14px;
  background: #FFF;
}
.rc-dialog.rc-confirm.bleed-info.mobile .rc-confirm-footer button {
  display: flex;
  height: 42px;
  padding: 8px 24px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex: 1 0 0;
  border-radius: 120px;
  background: #6C9D0D;
  margin: unset;
}
.rc-dialog.rc-confirm.bleed-info.mobile .rc-confirm-footer button .btn-label {
  text-transform: capitalize;
  color: #FFF !important;
  text-align: center;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px;
}

.configuration-panel.redesign {
  display: flex;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.45);
  z-index: 2;
  background-color: #FFFFFF;
  overflow-y: auto;
}
.configuration-panel.redesign.landscape {
  right: 0px;
  width: 375px;
  border-top: 1px solid #E7E7E7;
  position: sticky;
  top: 50px;
}
.configuration-panel.redesign.landscape .configurator-body {
  padding: 0 16px 16px 16px;
}
.configuration-panel.redesign.portrait {
  position: fixed;
  bottom: 86px;
}
.configuration-panel.redesign.portrait .configurator-body {
  padding: 0 16px 16px 16px;
}

#ToolsWrapper .fill-options-list {
  display: flex;
  flex-wrap: wrap;
  max-width: 540px;
}
#ToolsWrapper .fill-options-list .fill-item {
  flex-basis: unset;
  border: 2px solid transparent;
  margin: 4px;
  cursor: pointer;
  box-sizing: border-box;
  justify-content: center;
}
#ToolsWrapper .fill-options-list .fill-item.active {
  border: 2px solid #3669C4;
}
#ToolsWrapper .fill-options-list .fill-item:hover {
  border: 2px solid #CCCCCC;
}
#ToolsWrapper .fill-options-list .fill-item > div {
  position: relative;
  line-height: 0;
  width: 80px;
  height: 80px;
  max-height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#ToolsWrapper .fill-options-list .fill-item > div img {
  max-width: 100%;
  max-height: 100%;
}

#UndoRedoContainer.undo-redo-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 24px;
  z-index: 101;
}
#UndoRedoContainer.undo-redo-wrapper > .undo, #UndoRedoContainer.undo-redo-wrapper .redo {
  background-color: transparent;
  display: flex;
  align-items: center;
  font-size: 13px;
  font-weight: 400;
}
#UndoRedoContainer.undo-redo-wrapper > .undo.disabled, #UndoRedoContainer.undo-redo-wrapper .redo.disabled {
  color: #B7B7B7;
  opacity: unset;
}
#UndoRedoContainer.undo-redo-wrapper > .undo button, #UndoRedoContainer.undo-redo-wrapper .redo button {
  background-color: unset;
  padding: 0;
}
#UndoRedoContainer.undo-redo-wrapper > .undo button .rc-icon, #UndoRedoContainer.undo-redo-wrapper .redo button .rc-icon {
  width: 18px;
  height: 18px;
}
#UndoRedoContainer.undo-redo-wrapper > .undo button .rc-icon:before, #UndoRedoContainer.undo-redo-wrapper .redo button .rc-icon:before {
  color: #6e6e6e;
  height: 18px;
  width: 18px;
  line-height: 18px;
  font-size: 18px;
}
#UndoRedoContainer.undo-redo-wrapper.phone {
  margin-top: 24px;
}

/*@keyframes SlideDown {
    0% {
        opacity: 0;
        @include translate(0, -125%);
    }

    100% {
        opacity: 1;
        @include translate(0, 0);
    }
}

@keyframes SlideUp {
    0% {
        opacity: 1;
        @include translate(0, 0);
    }

    100% {
        opacity: 0;
        @include translate(0, -125%);
    }
}

@keyframes FadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes FadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}*/
#UnsubscribeView {
  display: flex;
  flex-direction: column;
  height: 100vh;
  width: 100vw;
}
#UnsubscribeView #OpenShareView {
  color: #2c2c2c;
  font-size: 16px;
  flex: 1;
  min-height: unset;
}
#UnsubscribeView .project-open-share-view {
  flex: 1;
  max-width: 750px;
  width: 750px;
  justify-self: center;
  background-color: #FFFFFF;
  border-radius: 14px;
  padding: 16px;
  padding-bottom: 24px;
}
#UnsubscribeView .project-open-share-view .content-group-table-row .group-content {
  margin-bottom: 0;
}
#UnsubscribeView .project-open-share-view .content-group-table-row .group-content-image {
  margin-bottom: 16px;
}
#UnsubscribeView .project-open-share-view .content-group-table-row p {
  margin: 0;
  line-height: 18px;
}
#UnsubscribeView .project-open-share-view .content-group-table-row p:first-of-type {
  font-size: 21px;
  font-weight: 700;
  line-height: 27px;
}
#UnsubscribeView .project-open-share-view .button-container {
  margin-top: 32px;
}
#UnsubscribeView .collection-share-view-footer {
  background-color: #EFEFEF;
}
#UnsubscribeView.mobile-view {
  background-color: #EFEFEF;
  gap: 56px;
  color: #2c2c2c;
}
#UnsubscribeView.mobile-view > div:first-of-type {
  background-color: #FFFFFF;
}
#UnsubscribeView.mobile-view > div:first-of-type .content-group-table-row {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
#UnsubscribeView.mobile-view > div:first-of-type .content-group-table-row .group-content {
  margin-bottom: 0;
}
#UnsubscribeView.mobile-view > div:first-of-type .content-group-table-row .group-content-image {
  margin-bottom: 16px;
}
#UnsubscribeView.mobile-view > div:first-of-type .content-group-table-row p {
  margin: 0;
  line-height: 18px;
}
#UnsubscribeView.mobile-view > div:first-of-type .content-group-table-row p:first-of-type {
  font-size: 21px;
  font-weight: 700;
  line-height: 27px;
}
#UnsubscribeView.mobile-view > div:first-of-type .button-container {
  margin-top: 32px;
}
#UnsubscribeView.mobile-view > div:first-of-type .padding-wrapper {
  padding: 16px;
  padding-bottom: 24px;
}
#UnsubscribeView.mobile-view > div:first-of-type .button-container {
  margin-top: 32px;
}
#UnsubscribeView.mobile-view > div:first-of-type .button-container button {
  width: 100%;
  color: #ffffff;
  background-color: #3669c4;
}
#UnsubscribeView.mobile-view > div:first-of-type .filler {
  padding-bottom: 36px;
}
#UnsubscribeView.mobile-view > div.collection-share-view-footer.mobile-footer .footer-legal-links .btn-simple {
  color: #2c2c2c;
}

.collection-share-body {
  /*button {
  		&.btn-simple.btn-icon:focus:not(.image-list-item-article-card-buy-button):not(.btn-white) {
  				.btn-label {
  						color: #3669c4;
  				}

  		}
  }*/
}

.collection-share-body .collection-share-registration-info-confirm .rc-dialog-content {
  max-width: 446px;
  border-radius: 14px;
  gap: 10px;
}

.collection-share-body .collection-share-registration-info-confirm .rc-dialog-content .rc-confirm-title {
  margin: unset;
  font-size: 21px;
  line-height: 27px;
  color: #2C2C2C;
}

.collection-share-body .collection-share-registration-info-confirm .rc-dialog-content .rc-confirm-content {
  margin: unset;
  font-size: 14px;
  line-height: 18px;
  color: #2C2C2C;
}

.collection-share-body .collection-share-registration-info-confirm .rc-dialog-content .rc-confirm-footer {
  margin-top: 10px;
}

.collection-share-body .collection-share-registration-info-confirm .rc-dialog-content .rc-confirm-footer button {
  width: 100%;
  height: 48px;
  padding: 9px 32px;
  border-radius: 32px;
}

.collection-share-body .collection-share-registration-info-confirm.rc-mobile-view .rc-dialog-content {
  max-width: unset;
  width: calc(100% - 32px);
}

.collection-share-body .sgw-icon:before, .collection-share-body .checkbox:before, .collection-share-body .sgw-upload-stage:before {
  font-family: "icomoon";
}

.collection-share-body.rc-mobile-view .footer-legal-links .rc-mobile-component.btn-simple:not(.btn-icon-only) {
  padding: 0;
}

.collection-share-body.rc-mobile-view .rc-mobile-component {
  /*&.rc-label-component {
  		min-height: 36px;
  		line-height: inherit;

  		&.label-heading {
  				font-size: 18px;
  		}

  		&.label-heading-bold {
  				font-size: 18px;
  				font-weight: bold;
  		}
  }*/
}

.collection-share-body.rc-mobile-view .rc-mobile-component.btn-simple {
  font-size: 14px;
  min-height: inherit;
}

.collection-share-body.rc-mobile-view .rc-mobile-component.btn-simple:not(.btn-icon-only) {
  padding: 0 16px 0 16px;
}

.collection-share-body.rc-mobile-view .rc-mobile-component.btn-simple .sgw-icon:before {
  font-size: 21px;
}

.collection-share-body.rc-mobile-view .rc-mobile-component.btn-icon.btn-icon-only {
  width: 36px;
}

.collection-share-body.rc-mobile-view .back-button .rc-mobile-component.btn-simple {
  padding-left: 0;
}

.collection-share-body.rc-mobile-view header {
  box-shadow: unset;
  border-bottom: unset;
  flex-basis: 52px;
}

.collection-share-body.rc-mobile-view header .back-button:not(.align-right), .collection-share-body.rc-mobile-view header .close-button:not(.align-right) {
  left: 8px;
}

.collection-share-body.rc-mobile-view footer {
  align-items: unset;
  padding: 16px;
}

.collection-share-body.rc-mobile-view footer .footer-submit-button {
  margin-top: unset;
}

.collection-share-body.rc-mobile-view footer button.btn-submit.rc-mobile-component {
  border-radius: 21px;
  height: 42px;
  min-height: 42px;
}

.collection-share-body.rc-mobile-view {
  overflow-y: scroll;
  scroll-behavior: smooth;
}

.collection-share-body.rc-mobile-view .collection-share-view.buy-all-images-view > div {
  padding: 32px;
}

.collection-share-view {
  width: 100%;
  background-color: #efefef;
  overflow-y: auto;
  scroll-behavior: smooth;
  /*#OpenShareView {
  			.project-open-share-root.project-registration-form {
  					display: flex;
  					justify-content: center;
  					align-items: center;
  					background-color: unset;
  					height: auto;
  					margin: 32px 0;

  					.project-open-share-view {
  							max-width: 414px;
  							min-width: 320px;
  							background-color: white;
  							height: auto;
  							padding: 16px;
  							position: relative;
  							box-shadow: 0 0 16px #00000029;

  							.project-edit-item {
  									margin: 0;
  							}

  							.project-open-share-content {
  									margin-bottom: 16px;

  									.project-list-item {
  											cursor: unset;
  											padding-top: unset;
  									}

  									.checkout-group-content {
  											.group-content-image.group-content {
  													img {
  															max-height: 50px;
  															width: auto;
  													}
  											}

  											.group-content-button.group-content {
  													button.btn-action {
  															.btn-label {
  																	text-align: center;
  															}
  													}
  											}
  									}
  							}

  							.group-content {
  									margin-bottom: 8px;
  							}

  							button {
  									width: 100%;
  									height: 44px;
  									line-height: 22px;
  									font-size: 16px;
  							}

  							.forgot-password-link {
  									button {
  											color: #3669c4;
  											font-weight: bold;

  											&:hover {
  													color: #2153ad;
  													text-decoration: underline;
  											}
  									}
  							}
  					}

  			}
  	}
  */
}

.collection-share-view .collection-share-view-body {
  background-color: #FFFFFF;
}

@media only screen and (min-width: 832px) {
  .collection-share-view .collection-share-view-body .web-tables-module {
    max-width: 1600px;
  }
}
.collection-share-view.collection-share-pages-view {
  background-color: white;
}

.collection-share-view .checkout-group-content .group-content, .collection-share-view .content-group-table-row .group-content {
  margin-bottom: unset;
}

.collection-share-view.buy-all-images-view {
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
}

.collection-share-view.buy-all-images-view > div {
  max-width: 446px;
  min-width: 320px;
  background-color: white;
  border-radius: 16px;
  padding: 16px;
  box-sizing: border-box;
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.25);
}

.collection-share-view.buy-all-images-view > div .content-group-table-row .group-content-label.group-content {
  font-size: 14px;
  line-height: 18px;
}

.collection-share-view.buy-all-images-view > div .content-group-table-row .group-content-label.group-content p:last-child {
  margin-bottom: unset;
}

.collection-share-view.buy-all-images-view > div .content-group-table-row .group-content-label.group-content.group-important {
  font-size: 21px;
  line-height: 27px;
  margin-bottom: 10px;
}

.collection-share-view.buy-all-images-view + .collection-share-view-footer {
  background-color: transparent;
}

.collection-share-view .collection-share-breadcrumb {
  padding: 24px 16px 0;
  background-color: transparent;
}

.collection-share-view .collection-share-breadcrumb .profile-page-url {
  position: absolute;
  right: 0;
}

.collection-share-view .collection-share-breadcrumb .profile-page-url button {
  height: auto;
}

.collection-share-view .collection-share-breadcrumb-to-parent {
  padding: 24px 0;
  margin-bottom: 0;
  background-color: transparent;
  align-items: center;
  gap: 6px;
}

.collection-share-view .collection-share-breadcrumb-to-parent .rc-icon.sgw-icon.arrow_left_line2 {
  width: 20px;
  height: 20px;
  padding-left: unset;
}

.collection-share-view .collection-share-breadcrumb-to-parent .rc-icon.sgw-icon.arrow_left_line2:before {
  position: relative;
  inset: unset;
  transform: unset;
  color: #2C2C2C;
  font-size: 18px;
}

.collection-share-view .collection-share-breadcrumb-to-parent .sgw-icon.next {
  padding-right: 0;
}

.collection-share-view .collection-share-breadcrumb-to-parent .sgw-icon.next:after {
  display: none;
}

.collection-share-view .collection-share-breadcrumb-to-parent .sgw-icon.next a {
  height: unset;
  font-size: 14px;
  font-style: italic;
  line-height: 20px;
  color: #2C2C2C;
  text-decoration: none;
}

.collection-share-view .collection-share-breadcrumb-to-parent .sgw-icon.next a:after {
  display: none;
}

.collection-share-view .collection-share-breadcrumb-to-parent + .collection-share-title {
  color: #2C2C2C;
  font-weight: bold;
  font-size: 28px;
  line-height: 32px;
  padding: 16px 0;
  text-align: center;
}

.collection-share-view .collection-share-view-body.form-content {
  display: flex;
  justify-content: center;
  align-items: center;
}

.collection-share-view.mobile-view {
  overflow-y: unset;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.collection-share-view.mobile-view.phone-view .collection-share-view.buy-all-images-view > div.download-image-dialog-content {
  max-width: calc(100vw - 32px);
}

.collection-share-view.mobile-view .collection-share-breadcrumb button.btn-icon .sgw-icon:before {
  line-height: 25px;
}

.collection-share-view.mobile-view .collection-share-breadcrumb-to-parent .sgw-icon.next a {
  font-size: 14px;
}

.collection-share-view.mobile-view .collection-share-breadcrumb-to-parent + .collection-share-title {
  font-size: 22px;
  line-height: 28px;
}

.collection-share-view.mobile-view .collection-share-view-body {
  flex: 1;
}

.collection-share-view.mobile-view .collection-share-view-footer {
  height: unset;
}

.collection-share-view .collection-share-view-header {
  background-color: #ffffff;
  display: flex;
  height: 76px;
  width: 100%;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  left: 0;
  z-index: 20;
}

.collection-share-view .collection-share-view-header .collection-share-view-header-tabs {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.collection-share-view .collection-share-view-header .collection-share-view-header-tabs button {
  padding-left: 8px;
  padding-right: 8px;
}

.collection-share-view .collection-share-view-header .collection-share-view-header-tabs .active-tab {
  font-weight: bold;
}

.collection-share-view .collection-share-view-header .collection-share-view-header-logo {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  padding-left: 8px;
  display: flex;
  align-items: center;
}

.collection-share-view .collection-share-view-header .collection-share-view-header-logo img {
  margin-left: 8px;
  max-height: 60px;
  cursor: pointer;
}

.collection-share-view .collection-share-view-header .collection-share-view-header-tab-control {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.collection-share-view .collection-share-view-header .collection-share-view-header-tab-control .rc-tabcontrol {
  height: 44px;
}

.collection-share-view .collection-share-view-header .collection-share-view-header-tab-control .rc-tabcontrol .rc-tabcontrol-tab {
  height: 100%;
  display: flex;
  align-items: flex-start;
  border-bottom: 4px solid transparent;
  box-sizing: border-box;
  padding: 4px 0 0;
  margin-left: 8px;
  margin-right: 8px;
}

.collection-share-view .collection-share-view-header .collection-share-view-header-tab-control .rc-tabcontrol .rc-tabcontrol-tab.rc-tabcontrol-tab-selected {
  font-weight: unset;
  background-color: unset;
  border-radius: unset;
  box-shadow: unset;
  border-bottom-color: #3669c4;
}

.collection-share-view .collection-share-view-header .collection-share-view-header-buttons {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
}

.collection-share-view .collection-share-view-header .collection-share-view-header-buttons .rc-component.rc-badge {
  height: fit-content;
}

.collection-share-view .collection-share-view-header .collection-share-view-header-buttons-shopping-cart {
  display: inline-flex;
  position: relative;
}

.collection-share-view .collection-share-header-centered-buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  padding: 0 16px;
}

.collection-share-view.mobile-view {
  /*#OpenShareView {
  		margin-top: 60px;
  }*/
}

.collection-share-view.mobile-view .collection-share-view-header {
  height: 48px;
}

.collection-share-view.mobile-view .collection-share-view-header.mobile-options-header {
  background-color: #3669c4;
}

.collection-share-view.mobile-view .collection-share-view-header.mobile-options-header button .sgw-icon:before, .collection-share-view.mobile-view .collection-share-view-header.mobile-options-header button .btn-label {
  color: #ffffff;
}

.collection-share-view.mobile-view .collection-share-view-header .collection-share-view-header-logo img {
  max-height: 40px;
}

.collection-share-view.mobile-view .collection-share-view-header .collection-share-view-header-logo button.rc-mobile-component {
  padding: 0;
}

.collection-share-view.mobile-view .collection-share-view-header .collection-share-view-header-logo button.rc-mobile-component .rc-icon.sgw-icon {
  margin-right: 0;
}

.collection-share-view.mobile-view .collection-share-view-header .collection-share-view-header-buttons {
  padding-bottom: unset;
}

.collection-share-view.mobile-view .collection-share-view-header .collection-share-view-header-buttons .rc-component.rc-badge > button.btn-icon.btn-icon-only + .badge-count {
  left: 8px;
  top: 16px;
}

.collection-share-view.mobile-view .collection-share-view-mobile-menu {
  position: fixed;
  top: 48px;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: white;
  z-index: 3;
  padding: 16px;
  box-sizing: border-box;
  overflow-y: auto;
  display: none;
}

.collection-share-view.mobile-view .collection-share-view-mobile-menu.menu-is-opened {
  display: unset;
}

.collection-share-view.mobile-view .collection-share-view-mobile-menu .collection-share-view-collections-list .collection-list-header {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  min-height: 36px;
}

.collection-share-view.mobile-view .collection-share-view-mobile-menu .collection-share-view-collections-list .collection-list-header + .content-card.collection-item {
  padding-top: 8px;
}

.collection-share-view.mobile-view .collection-share-view-mobile-menu .collection-share-view-collections-list .content-card.collection-item {
  flex-direction: unset;
  max-width: unset;
  padding: 12px 0;
  border-bottom: 1px solid #cccccc;
  box-sizing: border-box;
}

.collection-share-view.mobile-view .collection-share-view-mobile-menu .collection-share-view-collections-list .content-card.collection-item:last-child {
  border-bottom: unset;
  padding-bottom: 0;
}

.collection-share-view.mobile-view .collection-share-view-mobile-menu .collection-share-view-collections-list .content-card.collection-item .content-card-image {
  width: 64px;
  height: 44px;
  flex: unset;
}

.collection-share-view.mobile-view .collection-share-view-mobile-menu .collection-share-view-collections-list .content-card.collection-item .content-card-image .image-tile {
  border: unset;
}

.collection-share-view.mobile-view .collection-share-view-mobile-menu .collection-share-view-collections-list .content-card.collection-item .content-card-title {
  flex: 1;
  justify-content: left;
}

.collection-share-view.mobile-view .collection-share-view-mobile-menu .collection-share-view-collections-list .content-card.collection-item .content-card-title .group-content-label {
  padding: 0 8px;
  font-weight: normal;
}

.collection-share-view.mobile-view .collection-share-view-mobile-menu .collection-share-view-footer.mobile-footer {
  border-top: unset;
  padding: 24px 0 0;
}

.collection-share-view.mobile-view .collection-share-view-mobile-menu .collection-share-view-footer.mobile-footer .footer-legal-links {
  margin-top: unset;
  gap: unset;
}

.collection-share-view.mobile-view .collection-share-view-mobile-menu .collection-share-view-footer.mobile-footer .footer-social-media {
  padding: 32px 0;
  flex-direction: column;
  margin-bottom: unset;
}

.collection-share-view.mobile-view .collection-share-view-mobile-menu .collection-share-view-footer.mobile-footer .project-preview-author-hint {
  color: #2c2c2c;
}

.collection-share-view.mobile-view .collection-share-view-mobile-menu .collection-share-view-footer.mobile-footer button {
  height: 36px;
  font-size: 14px;
  max-height: unset;
  color: #2c2c2c;
}

.collection-share-view.mobile-view .collection-share-view-mobile-menu .footer-social-media {
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding-top: 8px;
}

.collection-share-view.mobile-view .collection-share-view-mobile-menu .footer-social-media .footer-social-medial-buttons-wrapper {
  display: flex;
}

.collection-share-view.mobile-view .collection-share-view-mobile-menu .footer-social-media .footer-social-media-icon-button {
  width: 24px;
  height: 24px;
  margin-right: 8px;
  cursor: pointer;
}

.collection-share-view.mobile-view .collection-share-view-mobile-menu .footer-social-media .project-preview-author-hint {
  height: 36px;
  display: flex;
  align-items: center;
}

.collection-share-view.mobile-view .collection-share-view-mobile-menu .footer-social-media .project-preview-author-hint a {
  margin-left: 4px;
}

.collection-share-view.mobile-view .breadcrumb {
  box-sizing: border-box;
  align-items: center;
}

.collection-share-view.mobile-view .breadcrumb.with-profile-image-above {
  margin-top: 42px;
}

.collection-share-view.mobile-view .breadcrumb strong {
  font-size: 18px;
  display: flex;
  align-items: center;
  white-space: normal;
  height: auto;
  text-align: center;
  line-height: 21px;
}

.collection-share-view .table-content-wrapper {
  height: calc(100vh - 100px - 76px);
  display: flex;
  min-height: 80vh;
}

.collection-share-view .table-content-wrapper.collection-share-no-data .no-data-content .content-group-table-row .group-content.group-content-image {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}

.collection-share-view .table-content-wrapper.collection-share-no-data .no-data-content .content-group-table-row .group-content.group-content-label.header {
  font-size: 21px;
  line-height: 27px;
}

.collection-share-view .table-content-wrapper.collection-share-no-data .no-data-content .content-group-table-row .group-content.group-content-label.info {
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 14px;
  line-height: 18px;
}

.collection-share-view .table-content-wrapper.collection-share-no-data .no-data-content .content-group-table-row .group-content.group-content-label.info p {
  margin: 0;
}

.collection-share-view .collection-share-view-banner-wrapper {
  position: relative;
  min-height: 45px;
}

.collection-share-view .collection-share-view-banner-wrapper.without-banner {
  padding-top: 16px;
}

.collection-share-view .collection-share-view-banner-wrapper.without-banner.with-avatar {
  height: 90px;
  margin-bottom: unset;
}

.collection-share-view .collection-share-view-banner-wrapper.without-banner .rc-avatar {
  width: 90px;
  height: 90px;
  position: absolute;
  left: 50%;
  top: 16px;
  transform: translateX(-50%);
  background-color: #ffffff;
}

.collection-share-view .collection-share-view-banner-wrapper.without-banner .rc-avatar span {
  font-size: 36px;
}

.collection-share-view .collection-share-view-banner-wrapper.with-avatar {
  margin-bottom: 45px;
}

.collection-share-view .collection-share-view-banner-wrapper .rc-avatar {
  width: 90px;
  height: 90px;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 50%);
  background-color: #ffffff;
}

.collection-share-view .collection-share-view-banner-wrapper .rc-avatar span {
  font-size: 36px;
}

.collection-share-view .collection-share-view-banner-wrapper .collection-share-view-banner {
  height: 444px;
  width: 100%;
  position: relative;
  overflow: hidden;
  max-height: 35vh;
  display: flex;
  background-position: center;
  background-size: cover;
}

.collection-share-view .collection-share-view-banner-wrapper .collection-share-view-banner svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
}

@media (max-width: 1200px) {
  .collection-share-view .collection-share-view-banner-wrapper .collection-share-view-banner svg {
    height: 100%;
    width: auto;
  }
}
.collection-share-view .collection-share-view-banner-wrapper .collection-share-view-banner img {
  position: absolute;
  min-width: 1000%;
  min-height: 1000%;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) scale(0.1);
}

.collection-share-view .collection-share-view-banner-cover-wrapper {
  width: 100%;
  height: calc(100vh - 76px - 160px);
  display: flex;
  position: relative;
  flex-direction: column;
}

.collection-share-view .collection-share-view-banner-cover-wrapper .collection-share-view-banner {
  width: 100%;
  height: 100%;
  max-height: unset;
  overflow: hidden;
  position: relative;
  display: flex;
  flex: 1;
  background-position: center;
  background-size: cover;
}

.collection-share-view .collection-share-view-banner-cover-wrapper .collection-share-view-banner:after {
  content: "";
  position: absolute;
  inset: 0 0 0 0;
  background-color: rgba(0, 0, 0, 0.2);
}

.collection-share-view .collection-share-view-banner-cover-wrapper .collection-share-view-banner svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media (max-width: 1200px) {
  .collection-share-view .collection-share-view-banner-cover-wrapper .collection-share-view-banner svg {
    height: 100%;
    width: auto;
  }
}
.collection-share-view .collection-share-view-banner-cover-wrapper .collection-share-view-banner img {
  position: absolute;
}

.collection-share-view .collection-share-view-banner-cover-wrapper .collection-share-title {
  position: absolute;
  font-size: 24px;
  line-height: 32px;
  font-weight: bold;
  color: #ffffff;
  width: 100%;
  text-align: center;
  left: 0;
  bottom: 64px;
  z-index: 1;
}

.collection-share-view .collection-share-view-banner-cover-wrapper .collection-share-banner-cover-button {
  padding-top: 64px;
  padding-bottom: 64px;
  display: flex;
  justify-content: center;
}

.collection-share-view .collection-share-view-banner-cover-wrapper .collection-share-banner-cover-button button.btn-icon.btn-icon-only {
  padding: unset;
  height: 32px;
  width: 32px;
}

.collection-share-view .collection-share-view-banner-cover-wrapper .collection-share-banner-cover-button button.btn-icon.btn-icon-only .rc-icon {
  height: 32px;
  width: 32px;
}

.collection-share-view .collection-share-view-banner-cover-wrapper .collection-share-banner-cover-button button.btn-icon.btn-icon-only .rc-icon:before {
  height: 32px;
  width: 32px;
  line-height: 32px;
  font-size: 32px;
  color: #2C2C2C;
}

.collection-share-view .collection-share-view-banner-art-wrapper {
  width: 100%;
  height: calc(100vh - 76px);
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
  background-color: #EFEFEF;
}

.collection-share-view .collection-share-view-banner-art-wrapper .collection-share-title {
  padding-top: 64px;
  padding-bottom: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  line-height: 32px;
  color: #2C2C2C;
  width: 100%;
  text-align: center;
}

.collection-share-view .collection-share-view-banner-art-wrapper .collection-share-view-banner {
  flex: 1;
  position: relative;
  width: 100%;
  overflow: hidden;
  display: flex;
  justify-content: center;
}

.collection-share-view .collection-share-view-banner-art-wrapper .collection-share-view-banner svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
}

@media (max-width: 1200px) {
  .collection-share-view .collection-share-view-banner-art-wrapper .collection-share-view-banner svg {
    height: 100%;
    width: auto;
  }
}
.collection-share-view .collection-share-view-banner-art-wrapper .collection-share-view-banner img {
  max-height: 100%;
}

.collection-share-view .collection-share-view-banner-art-wrapper .collection-share-banner-art-button {
  padding-top: 64px;
  padding-bottom: 48px;
  align-items: center;
}

.collection-share-view .collection-share-view-banner-art-wrapper .collection-share-banner-art-button button.btn-icon.btn-icon-only {
  padding: unset;
  height: 32px;
  width: 32px;
}

.collection-share-view .collection-share-view-banner-art-wrapper .collection-share-banner-art-button button.btn-icon.btn-icon-only .rc-icon {
  height: 32px;
  width: 32px;
}

.collection-share-view .collection-share-view-banner-art-wrapper .collection-share-banner-art-button button.btn-icon.btn-icon-only .rc-icon:before {
  height: 32px;
  width: 32px;
  line-height: 32px;
  font-size: 32px;
  color: #2C2C2C;
}

.collection-share-view.mobile-view .collection-share-view-banner-art-wrapper {
  padding: 0 24px;
  box-sizing: border-box;
  height: calc(100vh - 48px);
}

.collection-share-view.mobile-view .collection-share-view-banner-art-wrapper.ios-mobile-device {
  padding: 0 16px 48px;
}

.collection-share-view.mobile-view .collection-share-view-banner-art-wrapper .collection-share-view-banner {
  align-items: center;
}

.collection-share-view.mobile-view .collection-share-view-banner-art-wrapper .collection-share-view-banner img {
  max-height: 100%;
  max-width: 100%;
  height: auto;
  width: auto;
}

.collection-share-view.mobile-view .collection-share-view-banner-art-wrapper .collection-share-title {
  font-size: 22px;
  line-height: 28px;
  padding-top: 48px;
  padding-bottom: 32px;
}

.collection-share-view.mobile-view .collection-share-view-banner-art-wrapper .collection-share-banner-art-button {
  padding-top: 48px;
  padding-bottom: 48px;
}

.collection-share-view.mobile-view .collection-share-view-banner-art-wrapper .collection-share-banner-art-button button.rc-mobile-component.btn-icon.btn-icon-only {
  padding: unset;
  height: 24px;
  width: 24px;
}

.collection-share-view.mobile-view .collection-share-view-banner-art-wrapper .collection-share-banner-art-button button.rc-mobile-component.btn-icon.btn-icon-only .rc-icon {
  height: 24px;
  width: 24px;
}

.collection-share-view.mobile-view .collection-share-view-banner-art-wrapper .collection-share-banner-art-button button.rc-mobile-component.btn-icon.btn-icon-only .rc-icon:before {
  height: 24px;
  width: 24px;
  line-height: 24px;
  font-size: 24px;
}

.collection-share-view.mobile-view .collection-share-view-banner-wrapper .collection-share-view-banner {
  height: 315px;
  max-height: 20vh;
}

.collection-share-view.mobile-view .collection-share-view-banner-cover-wrapper {
  height: calc(100vh - 48px - 128px);
}

.collection-share-view.mobile-view .collection-share-view-banner-cover-wrapper .collection-share-view-banner {
  max-height: unset;
  height: 100%;
}

.collection-share-view.mobile-view .collection-share-view-banner-cover-wrapper .collection-share-title {
  font-size: 22px;
  line-height: 28px;
  bottom: 50%;
  transform: translateY(50%);
}

.collection-share-view.mobile-view .collection-share-view-banner-cover-wrapper .collection-share-banner-cover-button {
  padding-top: 48px;
  padding-bottom: 48px;
}

.collection-share-view .collection-share-view-banner-wrapper + .collection-share-details {
  margin-top: 8px;
}

.collection-share-view .collection-share-details {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 16px 16px;
}

.collection-share-view .collection-share-details .checkout-group-content, .collection-share-view .collection-share-details .content-group-table-row {
  display: flex;
  justify-content: center;
}

.collection-share-view .collection-share-details .group-content.group-content-label {
  max-width: 800px;
  flex: auto;
  justify-content: center;
  text-align: center;
  line-height: 21px;
  padding-bottom: 8px;
}

.collection-share-view .collection-share-details .group-content.group-content-label ol {
  list-style-position: inside;
  margin-left: inherit;
  /*li {


  	&[data-list="bullet"] {
  		list-style-type: disc;
  	}
  }*/
}

.collection-share-view .collection-share-details .group-content.group-content-label ul {
  list-style-position: inside;
  margin-left: inherit;
  /*li {


  	&[data-list="ordered"] {
  		list-style-type: decimal;
  	}
  }*/
}

.collection-share-view .collection-share-details .group-content.group-content-label em {
  font-style: italic;
}

.collection-share-view .collection-share-details .group-content.group-content-label p {
  margin-top: 4px;
}

.collection-share-view .collection-share-details .group-content.group-content-label p:last-child {
  margin-bottom: unset;
}

.collection-share-view .collection-share-view-upload-images {
  padding: 0 8px 16px 8px;
  display: flex;
  justify-content: left;
}

.collection-share-view .collection-share-view-visit-on-wallart {
  padding: 0 16px;
  display: flex;
  justify-content: center;
}

.collection-share-view.mobile-view .collection-share-view-upload-images {
  justify-content: space-between;
}

.collection-share-view.mobile-view .collection-share-view-upload-images .mobile-images-view-mode .btn-darker .rc-icon:before {
  color: #3669c4;
}

.collection-share-view.mobile-view .collection-share-view-visit-on-wallart {
  justify-content: flex-end;
}

.collection-share-view.mobile-view .collection-share-view-upload-images {
  display: flex;
  height: 36px;
  align-items: center;
  padding: 0 16px 16px;
}

.collection-share-view.mobile-view .collection-share-view-upload-images .mobile-images-view-mode {
  display: flex;
}

.collection-share-view.mobile-view .collection-share-view-upload-images .control-wrapper {
  display: flex;
  align-items: center;
  gap: 16px;
}

.collection-share-view.mobile-view .collection-share-view-upload-images .control-wrapper button.rc-mobile-component.btn-simple {
  padding: 0;
}

.collection-share-view.mobile-view .collection-share-view-upload-images a, .collection-share-view.mobile-view .collection-share-view-upload-images a:visited, .collection-share-view.mobile-view .collection-share-view-upload-images a:active {
  color: #3669c4;
  text-decoration: none;
}

.collection-share-view.mobile-view .collection-share-view-upload-images a.select-all-link-disabled, .collection-share-view.mobile-view .collection-share-view-upload-images a:visited.select-all-link-disabled, .collection-share-view.mobile-view .collection-share-view-upload-images a:active.select-all-link-disabled {
  pointer-events: none;
  color: #6e6e6e;
  cursor: default;
}

.collection-share-view.mobile-view .collection-share-view-visit-on-wallart {
  display: flex;
  height: 36px;
  align-items: center;
  justify-content: center;
}

.collection-share-view.mobile-view .collection-share-view-visit-on-wallart a, .collection-share-view.mobile-view .collection-share-view-visit-on-wallart a:visited, .collection-share-view.mobile-view .collection-share-view-visit-on-wallart a:active {
  color: #3669c4;
  text-decoration: none;
}

.collection-share-view .collection-share-view-projects {
  display: flex;
  flex-direction: column;
  align-items: center;
  /*
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 8px;
  padding-bottom: 16px;*/
}

.collection-share-view.mobile-view .collection-share-data-section .collection-share-data-section-list {
  width: 100%;
}

.collection-share-view.mobile-view .collection-share-data-section .collection-share-data-section-list .collection-share-view-projects-item {
  flex: 0 0 calc(33% - 4px);
  width: unset;
}

.collection-share-view.mobile-view .collection-share-data-section .collection-share-data-section-list .collection-share-view-projects-item .collection-share-view-projects-item-image {
  padding: 16px;
  min-height: calc(33vw - 20px);
  max-height: calc(33vw - 20px);
}

.collection-share-view.mobile-view .collection-share-data-section .collection-share-data-section-list .collection-share-view-projects-item .collection-share-view-projects-item-labels {
  padding: 0;
}

.collection-share-view.mobile-view .collection-share-data-section .collection-share-data-section-list .collection-share-view-projects-item .collection-share-view-projects-item-labels .group-content-label.group-content.rc-mobile-component {
  font-size: 14px;
  line-height: 18px;
}

.collection-share-view.mobile-view .collection-share-data-section .collection-share-data-section-list .collection-item.content-card {
  max-width: calc(33% - 4px);
  height: calc(33vw - 4px);
}

.collection-share-view.mobile-view.phone-view .collection-share-data-section .collection-share-data-section-list {
  justify-content: unset;
}

.collection-share-view.mobile-view.phone-view .collection-share-data-section .collection-share-data-section-list .collection-item.content-card {
  width: 100%;
  max-width: unset;
  height: 334px;
}

.collection-share-view.mobile-view.phone-view .collection-share-data-section .collection-share-data-section-list .collection-share-view-projects-item {
  flex: 0 0 calc(50% - 20px);
  width: unset;
}

.collection-share-view.mobile-view.phone-view .collection-share-data-section .collection-share-data-section-list .collection-share-view-projects-item .collection-share-view-projects-item-image {
  padding: 16px;
  min-height: calc(50vw - 20px);
  max-height: calc(50vw - 20px);
}

.collection-share-view.mobile-view.phone-view .collection-share-data-section .collection-share-data-section-list .collection-share-view-projects-item .collection-share-view-projects-item-labels {
  padding: 0;
}

.collection-share-view.mobile-view.phone-view .collection-share-data-section .collection-share-data-section-list .collection-share-view-projects-item .collection-share-view-projects-item-labels .group-content-label.group-content.rc-mobile-component {
  font-size: 14px;
  line-height: 18px;
}

.collection-share-view .collection-share-view-subcollections .collection-item.content-card {
  width: 394px;
  max-width: 100%;
  min-width: unset;
  flex-shrink: 0;
  border-radius: 8px;
  overflow: hidden;
  height: 334px;
  box-sizing: border-box;
  box-shadow: 0 0 12px 0 rgba(128, 128, 128, 0.75);
}

@media (max-width: 768px) {
  .collection-share-view .collection-share-view-subcollections .collection-item.content-card {
    width: 358px;
  }
}
.collection-share-view .collection-share-view-subcollections .collection-item.content-card .content-card-image {
  background-color: #bcdef7;
  cursor: pointer;
}

.collection-share-view .collection-share-view-subcollections .collection-item.content-card .content-card-image .image-tile {
  border: unset;
}

.collection-share-view .collection-share-view-subcollections .collection-item.content-card .content-card-title {
  cursor: pointer;
  padding-left: 16px;
}

.collection-share-view .collection-share-view-subcollections .collection-item.content-card .content-card-title .group-content-label {
  flex: 1;
  margin-bottom: 0;
}

.collection-share-view .collection-share-view-subcollections.mobile-view .collection-share-data-section-list {
  gap: 16px;
  padding: unset;
}

.collection-share-view .collection-share-view-subcollections.mobile-view .collection-share-data-section-list .collection-item {
  display: flex;
  max-height: 80px;
  box-sizing: border-box;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.25);
  flex-direction: row;
  margin: unset;
  width: 100%;
}

.collection-share-view .collection-share-view-subcollections.mobile-view .collection-share-data-section-list .collection-item .content-card-image {
  max-width: 107px;
  min-width: 107px;
  height: 100%;
  flex: unset;
}

.collection-share-view .collection-share-view-subcollections.mobile-view .collection-share-data-section-list .collection-item .content-card-title {
  display: flex;
  align-items: center;
  width: 100%;
  flex: 1;
  padding: 4px 16px;
}

.collection-share-view .collection-share-view-buttons-row {
  display: flex;
  justify-content: center;
  gap: 8px;
  padding: 8px 16px 24px;
  /*button.rc-mobile-component.btn-simple:not(.btn-icon-only) {
  		border: 1px solid #525252;
  		padding: 16px 16px;
  		line-height: 18px;
  		max-height: 58px;
  		height: unset;
  		font-weight: 600;

  		.btn-label {
  				color: #525252;
  				font-size: 14px;
  				line-height: 18px;
  		}

  		.rc-icon.sgw-icon {
  				:before {
  						color: #525252;
  				}
  		}
  }*/
}

.collection-share-view .collection-share-view-buttons-row button {
  /*border: 1px solid #525252;
  padding: 16px 24px;

  font-weight: 600;*/
  padding: 5px 24px 5px 16px;
  max-height: unset;
  height: unset;
}

.collection-share-view .collection-share-view-buttons-row button .btn-label {
  color: #525252;
  font-size: 14px;
  line-height: 18px;
}

.collection-share-view .collection-share-view-buttons-row button .rc-icon.sgw-icon:before {
  color: #525252;
}

.collection-share-view .collection-share-view-buttons-row.phone-view {
  flex-direction: column;
}

.collection-share-view .collection-share-view-buttons-row.phone-view button {
  height: unset;
  padding: 5px 0 !important;
  width: 100%;
  justify-content: center;
}

.collection-share-view .collection-share-data-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 16px 16px;
}

.collection-share-view .collection-share-data-section .collection-share-data-section-title .group-content-label {
  line-height: 18px;
  margin-bottom: 8px;
  min-height: 36px;
  font-size: 16px;
  font-weight: bold;
  color: #2C2C2C;
}

.collection-share-view .collection-share-data-section .collection-share-data-section-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-bottom: 16px;
  gap: 16px 8px;
}

.collection-share-view .collection-share-data-section.image-list-type-articlecards .collection-share-data-section-list .collection-item.content-card {
  box-shadow: 0 0 12px 0 rgba(128, 128, 128, 0.75);
  border-radius: 8px;
  overflow: hidden;
}

.collection-share-view .collection-share-data-section.image-list-type-articlecards .collection-share-data-section-list .collection-item.content-card .content-card-title {
  padding: 8px 16px;
  font-weight: normal;
}

.collection-share-view .collection-share-data-section.collection-share-view-projects .collection-share-data-section-list {
  gap: 16px 20px;
}

.collection-share-view.mobile-view .collection-share-data-section.collection-share-view-projects .collection-share-data-section-list {
  gap: 16px 8px;
}

.collection-share-view.mobile-view .collection-share-data-section.collection-share-view-projects .collection-share-data-section-list.justify-center {
  justify-content: center;
}

.collection-share-view .collection-share-view-artists-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 8px;
  padding-bottom: 16px;
}

.collection-share-view .collection-share-view-artists-list .collection-artists-item.content-card {
  width: 394px;
  max-width: 100%;
  min-width: unset;
  flex-shrink: 0;
  /*width: auto;
  max-width: 446px;
  min-width: 358px;
  flex: 1;*/
  height: 334px;
  box-sizing: border-box;
  margin: 8px;
}

@media (max-width: 768px) {
  .collection-share-view .collection-share-view-artists-list .collection-artists-item.content-card {
    width: 358px;
  }
}
.collection-share-view .collection-share-view-artists-list .collection-artists-item.content-card .content-card-image {
  background-color: #bcdef7;
  cursor: pointer;
}

.collection-share-view .collection-share-view-artists-list .collection-artists-item.content-card .content-card-image .image-tile {
  border: unset;
}

.collection-share-view .collection-share-view-artists-list .collection-artists-item.content-card .content-card-image .image-tile svg {
  height: 100%;
  width: auto;
  transform: translateX(-50%);
  margin-left: 50%;
}

.collection-share-view .collection-share-view-artists-list .collection-artists-item.content-card .content-card-title {
  cursor: pointer;
  padding-left: 16px;
  min-height: 60px;
  justify-content: unset;
}

.collection-share-view .collection-share-view-artists-list .collection-artists-item.content-card .content-card-title .group-content-label {
  flex: 1;
  margin-bottom: 0;
}

.collection-share-view .collection-share-view-artists-list .collection-artists-item.content-card .content-card-title .group-content-avatar {
  margin-right: 8px;
}

.collection-share-view .collection-share-view-artists-list .collection-artists-item.content-card .content-card-title .collection-artists-title .collection-artists-name {
  font-weight: normal;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.collection-share-view .collection-share-view-artists-list .collection-artists-item.content-card .content-card-title .collection-artists-title .collection-artists-country {
  font-size: 12px;
  font-weight: normal;
  color: #333333;
}

.collection-share-view.mobile-view .collection-share-view-subcollections {
  padding-left: 16px;
  padding-right: 16px;
}

.collection-share-view.mobile-view .collection-share-view-artists-list {
  padding-left: 32px;
  padding-right: 32px;
  padding-top: 0;
}

.collection-share-view.mobile-view .collection-share-view-artists-list .collection-artists-item.content-card {
  margin: 16px;
  box-shadow: 0 0 8px 4px #CCCCCC;
}

.collection-share-view .collection-share-view-images-list-wrapper {
  display: flex;
  flex-direction: column;
  position: relative;
  /*&.mobile-images-list-wrapper {
  		margin-left: -2px;
  		margin-right: -2px;
  }*/
}

.collection-share-view .collection-share-view-images-list-wrapper .rc-floating-button {
  z-index: 2;
}

.collection-share-view .collection-share-view-images-list {
  position: relative;
  display: flex;
}

.collection-share-view .collection-share-view-images-list .image-list-item img {
  -webkit-touch-callout: none;
}

.collection-share-view .collection-share-view-images-list .collection-share-view-images-list-loader {
  position: absolute;
  bottom: 0;
}

.collection-share-view .collection-share-view-images-list .image-list-item {
  box-sizing: border-box;
  padding: 2px;
  /*
  						.feedback-item {
  		position: absolute;
  		padding: unset;
  		left: 10px;
  		top: 10px;
  }
   */
  /*@media (pointer: fine) {
  	&:hover {
  		.on-wishlist-item {
  			display: none;
  		}

  		.feedback-icon {
  			display: none;
  		}
  	}
  }*/
}

.collection-share-view .collection-share-view-images-list .image-list-item .on-wishlist-item {
  position: absolute;
  left: 0;
  bottom: 8px;
}

.collection-share-view .collection-share-view-images-list .image-list-item .on-wishlist-item button {
  color: white;
}

.collection-share-view .collection-share-view-images-list .image-list-item .on-wishlist-item button .rc-icon:before {
  color: white;
}

.collection-share-view .collection-share-view-images-list .image-list-item .wishlist-download {
  position: absolute;
  top: 16px;
  left: 16px;
}

.collection-share-view .collection-share-view-images-list .image-list-item .wishlist-download button {
  display: unset;
  background-color: #efefef;
  width: 36px;
  height: 36px;
  padding: unset;
}

.collection-share-view .collection-share-view-images-list .image-list-item .wishlist-download button .download {
  margin: unset;
}

.collection-share-view .collection-share-view-images-list .image-list-item .on-cart-item {
  position: absolute;
  padding: unset;
  right: 16px;
  top: 16px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid #6c9d0d;
  background: #6c9d0d;
}

.collection-share-view .collection-share-view-images-list .image-list-item .on-cart-item:before {
  color: white;
}

.collection-share-view .collection-share-view-images-list .image-list-item .feedback-icon {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

.collection-share-view .collection-share-view-images-list .image-list-item.mobile-image-list-item .on-wishlist-item {
  bottom: 4px;
  left: 8px;
}

.collection-share-view .collection-share-view-images-list .image-list-item.mobile-image-list-item .on-wishlist-item button {
  height: 26px;
  padding: 0;
}

.collection-share-view .collection-share-view-images-list .image-list-item.mobile-image-list-item.selected .on-wishlist-item {
  display: none;
}

.collection-share-view .collection-share-view-images-list .image-list-item > div:first-child {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  cursor: pointer;
  background-color: transparent;
  align-items: center;
}

.collection-share-view .collection-share-view-images-list .image-list-item div.image-selected-border {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.collection-share-view .collection-share-view-images-list .image-list-item div.image-selected-border:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  border: 4px solid transparent;
}

.collection-share-view .collection-share-view-images-list .image-list-item .image-check {
  position: absolute;
  padding: unset;
  right: 8px;
  bottom: 8px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid #ffffff;
}

.collection-share-view .collection-share-view-images-list .image-list-item .image-check:before {
  width: 16px;
  height: 16px;
  line-height: 16px;
  font-size: 16px;
}

.collection-share-view .collection-share-view-images-list .image-list-item .image-check.position-left {
  right: unset;
  left: 8px;
}

.collection-share-view .collection-share-view-images-list .image-list-item.selected div.image-selected-border:after {
  border-color: #3669c4;
}

.collection-share-view .collection-share-view-images-list .image-list-item.selected .image-check {
  background: #3669c4;
}

.collection-share-view .collection-share-view-images-list .image-list-item.selected .image-check:before {
  color: #ffffff;
}

.collection-share-view .collection-share-view-images-list .image-list-item.not-selected div.image-selected-border:after {
  border-color: #ffffff;
}

.collection-share-view .collection-share-view-images-list .image-list-item.not-selected .image-check {
  background: #ffffff;
  border-color: #CCCCCC;
}

.collection-share-view .collection-share-view-images-list .image-list-item.not-selected .image-check:before {
  color: #CCCCCC;
}

.collection-share-view .collection-share-view-images-list .image-list-item .rc-image-overlay {
  display: none;
  position: absolute;
  bottom: 3px;
  left: 0;
  z-index: 1;
}

.collection-share-view .collection-share-view-images-list .image-list-item .rc-image-overlay.position-top {
  padding: 0 16px;
  box-sizing: border-box;
  bottom: unset;
  top: 0;
}

.collection-share-view .collection-share-view-images-list .image-list-item:not(.mobile-image-list-item):hover .rc-image-overlay {
  display: inherit;
}

.collection-share-view .collection-share-view-images-list .image-list-item:not(.mobile-image-list-item):hover .rc-image-overlay.position-top {
  display: flex;
}

.collection-share-view .collection-share-view-images-list .image-list-item:not(.mobile-image-list-item):hover .rc-image-overlay.position-top .rc-label-component {
  flex: 1;
}

.collection-share-view .collection-share-view-images-list .image-list-item:not(.mobile-image-list-item):hover .rc-image-overlay.position-top button {
  padding: 0;
  padding-left: 16px;
}

.collection-share-view .collection-share-view-images-list.mobile-images-list {
  padding-left: 8px;
  box-sizing: border-box;
}

.collection-share-view .collection-share-view-images-list.mobile-images-list .image-list-item {
  padding-bottom: 8px;
}

.collection-share-view .collection-share-view-images-list.mobile-images-list.image-list-type-squares .image-list-item {
  padding: 2px;
}

.collection-share-view .collection-share-view-images-list.image-list-type-squares {
  display: flex;
  flex-wrap: wrap;
}

.collection-share-view .collection-share-view-images-list.image-list-type-squares .image-list-item > div {
  overflow: hidden;
}

.collection-share-view .collection-share-view-images-list.image-list-type-squares .image-list-item.landscape img {
  height: 100%;
  width: auto;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}

.collection-share-view .collection-share-view-images-list.image-list-type-squares .image-list-item.portrait img {
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.collection-share-view .collection-share-view-images-list.image-list-type-squares .image-list-item.square img {
  width: 100%;
  height: 100%;
}

.collection-share-view .collection-share-view-images-list.image-list-type-squares .image-list-item .rc-image-overlay:not(.position-top) {
  bottom: 0;
}

.collection-share-view .collection-share-view-images-list.image-list-type-artboards {
  display: flex;
  flex-wrap: wrap;
  background-color: transparent;
  padding: 0 32px;
  box-sizing: border-box;
}

@media (max-width: 1200px) {
  .collection-share-view .collection-share-view-images-list.image-list-type-artboards {
    padding: 0 16px;
  }
}
@media (max-width: 600px) {
  .collection-share-view .collection-share-view-images-list.image-list-type-artboards {
    padding: 0 8px;
  }
}
.collection-share-view .collection-share-view-images-list.image-list-type-artboards .image-list-item {
  padding: 32px;
  margin-bottom: 16px;
}

@media (max-width: 1200px) {
  .collection-share-view .collection-share-view-images-list.image-list-type-artboards .image-list-item {
    padding: 16px 24px;
  }
}
@media (max-width: 600px) {
  .collection-share-view .collection-share-view-images-list.image-list-type-artboards .image-list-item {
    padding: 8px 8px;
  }
}
.collection-share-view .collection-share-view-images-list.image-list-type-artboards .image-list-item > div {
  background-color: transparent;
  position: relative;
  box-sizing: border-box;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.collection-share-view .collection-share-view-images-list.image-list-type-artboards .image-list-item .image-wrapper {
  background-color: transparent;
  box-sizing: border-box;
  width: max-content;
  height: max-content;
  position: relative;
  margin-bottom: 16px;
}

@media (max-width: 500px) {
  .collection-share-view .collection-share-view-images-list.image-list-type-artboards .image-list-item .image-wrapper {
    box-shadow: unset;
    display: flex;
    justify-content: center;
    width: unset;
  }
}
.collection-share-view .collection-share-view-images-list.image-list-type-artboards .image-list-item .image-wrapper .image-list-item-delete {
  position: absolute;
  top: 16px;
  right: 16px;
}

.collection-share-view .collection-share-view-images-list.image-list-type-artboards .image-list-item .image-wrapper img {
  max-width: 100%;
  max-height: 100%;
  display: block;
  box-shadow: 0 0 16px 0 rgba(124, 116, 116, 0.5);
}

.collection-share-view .collection-share-view-images-list.image-list-type-artboards .image-list-item .image-list-item-footer {
  background-color: transparent;
  display: flex;
  justify-content: center;
  text-align: center;
  width: 100%;
}

.collection-share-view .collection-share-view-images-list.image-list-type-artboards .image-list-item .image-list-item-footer .rc-label-component.rc-mobile-component {
  display: block;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.collection-share-view .collection-share-view-images-list.image-list-type-artboards .image-list-item .image-list-item-footer button.btn-simple.rc-mobile-component {
  padding: 0 8px;
}

.collection-share-view .collection-share-view-images-list.image-list-type-artboards .image-list-item .image-list-item-footer button.btn-simple.rc-mobile-component .sgw-icon {
  margin-right: 0;
}

.collection-share-view .collection-share-view-images-list.image-list-type-artboards .image-list-item.landscape .image-wrapper {
  width: 100%;
}

.collection-share-view .collection-share-view-images-list.image-list-type-artboards .image-list-item.portrait .image-wrapper {
  height: 100%;
  max-height: 400px;
}

.collection-share-view .collection-share-view-images-list.image-list-type-artboards .image-list-item.square .image-wrapper {
  max-width: 100%;
  width: 100%;
  height: 100%;
}

.collection-share-view .collection-share-view-images-list.image-list-type-artboards.mobile-images-list .image-list-item > div {
  justify-content: flex-end;
}

.collection-share-view .collection-share-view-images-list.image-list-type-artboards.mobile-images-list .image-list-item .image-wrapper img {
  box-shadow: unset;
}

.collection-share-view .collection-share-view-images-list.image-list-type-masonry .image-list-item .image-wrapper {
  position: relative;
}

.collection-share-view .collection-share-view-images-list.image-list-type-masonry .image-list-item div.image-selected-border:after {
  bottom: 4px;
}

.collection-share-view .collection-share-view-images-list.image-list-type-masonry .image-list-item img {
  width: 100%;
  height: 100%;
  /*
  &.portrait {
  		height: 100%;
  		width: auto;
  }*/
}

.collection-share-view .collection-share-view-images-list.image-list-type-masonry .image-list-item img.landscape {
  width: 100%;
  height: auto;
}

.collection-share-view .collection-share-view-images-list.image-list-type-masonry .image-list-item div.image-selected-border:after {
  bottom: 4px;
}

.collection-share-view .collection-share-view-images-list.image-list-type-masonry .image-list-item .image-check {
  bottom: 12px;
}

.collection-share-view .collection-share-view-images-list.image-list-type-article-cards {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  gap: 16px;
}

.collection-share-view .collection-share-view-images-list.image-list-type-article-cards.mobile-images-list-2-cols .image-list-item .image-list-item-article-card-footer {
  padding: 8px;
}

.collection-share-view .collection-share-view-images-list.image-list-type-article-cards.mobile-images-list-2-cols .image-list-item .image-list-item-article-card-footer button .btn-label {
  display: none;
}

.collection-share-view .collection-share-view-images-list.image-list-type-article-cards.mobile-images-list-2-cols .image-list-item .image-list-item-article-card-footer button.btn-simple.rc-mobile-component {
  padding: 0 8px;
}

.collection-share-view .collection-share-view-images-list.image-list-type-article-cards .image-list-item {
  padding: 0 16px 16px;
  /*padding-left: 8px;
  padding-right: 8px;
  padding-bottom: 8px;*/
  justify-content: center;
  background-color: transparent;
}

.collection-share-view .collection-share-view-images-list.image-list-type-article-cards .image-list-item > div {
  background-color: #FFFFFF;
  position: relative;
  box-sizing: border-box;
  flex-direction: column;
  align-items: center;
  border-radius: 8px;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.25);
  width: fit-content;
}

.collection-share-view .collection-share-view-images-list.image-list-type-article-cards .image-list-item > div .rc-image-overlay.position-top {
  border-radius: 8px;
}

.collection-share-view .collection-share-view-images-list.image-list-type-article-cards .image-list-item div.image-selected-border:after {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.collection-share-view .collection-share-view-images-list.image-list-type-article-cards .image-list-item .wrapper-container-article-desktop {
  height: fit-content;
}

.collection-share-view .collection-share-view-images-list.image-list-type-article-cards .image-list-item .wrapper-container-article-desktop-no-footer {
  height: auto;
  box-shadow: none;
  background-color: unset;
}

.collection-share-view .collection-share-view-images-list.image-list-type-article-cards .image-list-item .wrapper-container-article-desktop-dark {
  height: fit-content;
  box-shadow: unset;
}

.collection-share-view .collection-share-view-images-list.image-list-type-article-cards .image-list-item .wrapper-container-article-desktop-no-footer-dark {
  height: auto;
  box-shadow: unset;
  background-color: unset;
}

.collection-share-view .collection-share-view-images-list.image-list-type-article-cards .image-list-item .image-wrapper {
  position: relative;
}

.collection-share-view .collection-share-view-images-list.image-list-type-article-cards .image-list-item .image-wrapper-no-footer {
  position: relative;
  height: fit-content;
}

.collection-share-view .collection-share-view-images-list.image-list-type-article-cards .image-list-item .image-wrapper-no-footer img {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  box-shadow: 0 0 12px 0 rgba(128, 128, 128, 0.75);
}

.collection-share-view .collection-share-view-images-list.image-list-type-article-cards .image-list-item img {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  width: 100%;
  height: 100%;
  /*
  &.portrait {
  		height: 100%;
  		width: auto;
  }*/
}

.collection-share-view .collection-share-view-images-list.image-list-type-article-cards .image-list-item img.landscape {
  width: 100%;
}

.collection-share-view .collection-share-view-images-list.image-list-type-article-cards .image-list-item .image-list-item-article-card-footer {
  display: flex;
  width: 100%;
  border-radius: 8px;
  padding: 16px;
  box-sizing: border-box;
}

.collection-share-view .collection-share-view-images-list.image-list-type-article-cards .image-list-item .image-list-item-article-card-footer .image-list-item-article-card-footer-centered-buttons {
  display: flex;
  justify-content: center;
  column-gap: 8px;
  width: 100%;
}

.collection-share-view .collection-share-view-images-list.image-list-type-article-cards .image-list-item .image-list-item-article-card-footer .image-list-item-article-card-footer-centered-buttons button {
  align-self: center;
  color: #6E6E6E;
  width: 36px;
  padding: 0 16px;
  background-color: #FFFFFF;
}

.collection-share-view .collection-share-view-images-list.image-list-type-article-cards .image-list-item .image-list-item-article-card-footer .image-list-item-article-card-footer-centered-buttons button .rc-icon:before {
  background-color: #FFFFFF;
}

.collection-share-view .collection-share-view-images-list.image-list-type-article-cards .image-list-item .image-list-item-article-card-footer .image-list-item-article-card-footer-left-buttons {
  width: 50%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

.collection-share-view .collection-share-view-images-list.image-list-type-article-cards .image-list-item .image-list-item-article-card-footer .image-list-item-article-card-footer-left-buttons button {
  align-self: center;
  color: #6E6E6E;
  width: 36px;
  padding: 0 16px;
  background-color: #FFFFFF;
}

.collection-share-view .collection-share-view-images-list.image-list-type-article-cards .image-list-item .image-list-item-article-card-footer .image-list-item-article-card-footer-left-buttons button .rc-icon:before {
  background-color: #FFFFFF;
}

.collection-share-view .collection-share-view-images-list.image-list-type-article-cards .image-list-item .image-list-item-article-card-footer .image-list-item-article-card-footer-right-buttons {
  width: 50%;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}

.collection-share-view .collection-share-view-images-list.image-list-type-article-cards .image-list-item .image-list-item-article-card-footer .image-list-item-article-card-footer-right-buttons button {
  align-self: center;
  color: #FFFFFF;
}

.collection-share-view .collection-share-view-images-list.image-list-type-article-cards .image-list-item .image-list-item-article-card-footer .image-list-item-article-card-footer-right-buttons button .rc-icon:before {
  color: #FFFFFF;
}

.collection-share-view .collection-share-view-images-list.image-list-type-article-cards .image-list-item .image-list-item-article-card-footer .image-list-item-article-card-buy-button {
  background: #6C9D0D;
  color: #FFFFFF;
  border-radius: 18px;
  height: 36px;
}

.collection-share-view .collection-share-view-images-list.image-list-type-article-cards .image-list-item .image-list-item-article-card-footer .image-list-item-article-card-buy-button {
  align-self: center;
  color: white;
}

.collection-share-view .collection-share-view-images-list.image-list-type-article-cards .image-list-item .image-list-item-article-card-footer .image-list-item-article-card-buy-button .rc-icon:before {
  color: white;
}

.collection-share-view .collection-share-view-images-list.image-list-type-article-cards .image-list-item .image-list-item-article-card-footer button.btn-simple.rc-mobile-component .sgw-icon {
  margin-right: 0;
}

.collection-share-view .collection-share-view-images-list.image-list-type-article-cards .image-list-item .image-list-item-article-card-footer button.btn-simple.rc-mobile-component .rc-icon:before {
  font-size: 21px;
}

.collection-share-view .collection-share-view-images-list.image-list-type-article-cards.mobile-images-list.image-list-type-article-cards .image-list-item {
  padding: 0 8px 8px;
}

.collection-share-view .collection-share-view-images-list.image-list-type-article-cards.mobile-images-list .image-list-item > div {
  width: unset;
}

.collection-share-view .collection-share-view-images-list.image-list-type-article-cards.mobile-images-list .image-list-item > div .image-wrapper {
  width: 100%;
}

.collection-share-view .collection-share-view-images-list.image-list-type-article-cards.mobile-images-list .image-list-item > div .image-wrapper-no-footer {
  position: relative;
  width: 100%;
  height: unset;
}

.collection-share-view .collection-share-view-images-list.image-list-type-article-cards.mobile-images-list .image-list-item > div .image-wrapper-no-footer > img {
  box-shadow: unset;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.collection-share-view .collection-share-view-images-list.image-list-type-article-cards.mobile-images-list .image-list-item > div .image-wrapper img {
  box-shadow: unset;
}

.collection-share-view .paging-footer {
  display: flex;
  justify-content: center;
  padding: 16px 0;
}

.collection-share-view .paging-footer > div {
  flex: 0 0 auto;
}

.collection-share-view .paging-footer .btn-simple.btn-hidden {
  visibility: hidden;
}

.collection-share-view .paging-footer .paging-footer-input {
  display: flex;
  max-width: 100%;
  flex-wrap: wrap;
  padding-left: 16px;
  box-sizing: border-box;
}

.collection-share-view .paging-footer .paging-footer-input .rc-select {
  min-width: 200px;
  margin-left: 16px;
}

.collection-share-view .paging-footer .paging-footer-input .rc-select.rc-mobile-component {
  margin-left: unset;
}

.collection-share-view .paging-footer .paging-footer-input .rc-label-component {
  margin-right: 8px;
}

.collection-share-view .paging-footer .paging-footer-input .rc-input {
  min-width: unset;
  width: 50px;
  margin-right: 8px;
}

.collection-share-view .paging-footer .paging-footer-input .rc-input .numeric-buttons {
  display: none;
}

.collection-share-view .collection-share-view-footer {
  border-top: 1px solid #CCCCCC;
  background-color: #FFFFFF;
  padding: 32px 64px;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
}

.collection-share-view .collection-share-view-footer > div {
  flex: 1 0 auto;
}

.collection-share-view .collection-share-view-footer .footer-social-media {
  display: flex;
  flex-direction: row;
}

.collection-share-view .collection-share-view-footer .footer-social-media > div.footer-social-media-wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.collection-share-view .collection-share-view-footer .footer-social-media .footer-social-medial-buttons-wrapper {
  display: flex;
}

.collection-share-view .collection-share-view-footer .footer-social-media .footer-social-media-icon-button {
  width: 24px;
  height: 24px;
  margin-right: 8px;
  cursor: pointer;
}

.collection-share-view .collection-share-view-footer .footer-social-media .project-preview-author-hint {
  display: flex;
  font-size: 12px;
  line-height: 16px;
  align-items: center;
  padding-left: 0;
}

.collection-share-view .collection-share-view-footer .footer-social-media .project-preview-author-hint a {
  margin-left: 4px;
}

.collection-share-view .collection-share-view-footer.mobile-footer {
  flex-direction: column;
  height: unset;
  padding: 32px 16px;
}

.collection-share-view .collection-share-view-footer.mobile-footer .footer-social-media {
  justify-content: unset;
  margin-bottom: 8px;
}

.collection-share-view .collection-share-view-footer.mobile-footer .footer-social-media {
  padding: 0;
  margin-bottom: 16px;
}

.collection-share-view .collection-share-view-footer.mobile-footer .footer-social-media .project-preview-author-hint {
  font-size: 12px;
  display: block;
  height: unset;
  min-height: 24px;
  padding: 8px 0 0;
  margin-top: 8px;
}

.collection-share-view .collection-share-view-footer.mobile-footer .footer-social-media .project-preview-author-hint a {
  margin-left: 4px;
}

.collection-share-view .collection-share-view-footer.mobile-footer .footer-legal-links {
  align-items: unset;
  gap: 4px;
}

.collection-share-view .collection-share-view-footer.mobile-footer .footer-legal-links .project-preview-author-hint {
  padding: 0;
  height: 24px;
  max-height: 24px;
  font-size: 12px;
  display: flex;
  align-items: center;
}

.collection-share-view .collection-share-view-footer .footer-legal-links {
  display: flex;
  gap: 32px;
  justify-content: flex-end;
}

.collection-share-view .collection-share-view-footer .footer-legal-links button {
  padding: 0;
  height: 24px;
  max-height: 24px;
  font-size: 12px;
}

.collection-share-view .collection-share-view-footer.mobile-footer .footer-legal-links {
  flex-wrap: wrap;
  flex-direction: column;
}

.collection-share-view .collection-share-view-footer.mobile-footer .footer-legal-links button, .collection-share-view .collection-share-view-footer.mobile-footer .footer-legal-links button.btn-redesign {
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  text-align: left;
  max-height: 24px;
  font-size: 12px;
  border: unset;
  justify-content: unset;
  text-transform: unset;
  background-color: unset;
  color: inherit;
}

.collection-share-view .rc-image-overlay {
  position: absolute;
}

.collection-share-view .rc-image-overlay button {
  color: white;
}

.collection-share-view .rc-image-overlay button .rc-icon:before {
  color: white;
}

.collection-share-view .rc-image-overlay .right-corner-button {
  position: absolute;
  right: 0;
}

.collection-share-view .rc-image-overlay .left-corner-button {
  position: absolute;
  left: 0;
}

.collection-share-view .rc-image-overlay .left-corner-button button.btn-icon {
  padding: 0 4px;
}

.collection-share-view .rc-image-overlay .left-corner-button button.btn-icon:first-child {
  padding-left: 16px;
}

.collection-share-view .image-list-type-artboards .rc-image-overlay {
  /*&:not(.artboards-overlay):not(.artboards-title-overlay) {
  		bottom: -44px !important;
  }*/
  /*button {
  		color: #000000;

  		.rc-icon:before {
  				color: #000000;
  		}
  }*/
}

.collection-share-view .image-list-type-artboards .rc-image-overlay.artboards-title-overlay {
  bottom: unset !important;
  top: 0;
}

.collection-share-view .image-list-type-artboards .rc-image-overlay.artboards-overlay {
  bottom: 0;
}

.collection-share-view .image-list-type-artboards .rc-image-overlay .left-corner-button .btn-icon {
  padding-left: 4px;
}

.collection-share-view .image-list-type-artboards .rc-image-overlay .right-corner-button .btn-icon {
  padding-right: 8px;
}

.collection-share-view.dark-theme {
  background-color: #2B2B2B;
  /* .rc-icon:before {
  		 color: $DarkThemeFontColor;
   }*/
}

.collection-share-view.dark-theme .collection-share-view-body {
  background-color: #2B2B2B;
}

.collection-share-view.dark-theme .collection-share-view-header {
  background-color: #2B2B2B;
}

.collection-share-view.dark-theme .collection-share-view-header .collection-share-view-header-tabs button {
  color: #FFFFFF;
}

.collection-share-view.dark-theme .collection-share-view-header .collection-share-view-header-tab-control .rc-tabcontrol .rc-tabcontrol-tab {
  color: #FFFFFF;
}

.collection-share-view.dark-theme .collection-share-view-header .collection-share-view-header-tab-control .rc-tabcontrol .rc-tabcontrol-tab.rc-tabcontrol-tab-selected {
  border-bottom-color: #FFFFFF;
}

.collection-share-view.dark-theme .collection-share-view-buttons-row button, .collection-share-view.dark-theme .collection-share-view-buttons-row button.rc-mobile-component.btn-simple:not(.btn-icon-only) {
  border-color: #FFFFFF;
  background-color: #000000;
}

.collection-share-view.dark-theme .collection-share-view-buttons-row button .btn-label, .collection-share-view.dark-theme .collection-share-view-buttons-row button .rc-icon.sgw-icon:before, .collection-share-view.dark-theme .collection-share-view-buttons-row button.rc-mobile-component.btn-simple:not(.btn-icon-only) .btn-label, .collection-share-view.dark-theme .collection-share-view-buttons-row button.rc-mobile-component.btn-simple:not(.btn-icon-only) .rc-icon.sgw-icon:before {
  color: #FFFFFF;
}

.collection-share-view.dark-theme .collection-share-view-projects-item .collection-share-view-projects-item-image {
  background-color: #333333;
}

.collection-share-view.dark-theme .collection-share-view-mobile-menu {
  background-color: #2B2B2B;
}

.collection-share-view.dark-theme .collection-share-view-mobile-menu .collection-list-header {
  color: #FFFFFF;
}

.collection-share-view.dark-theme .collection-share-view-mobile-menu button {
  color: #FFFFFF;
  border-color: #FFFFFF;
}

.collection-share-view.dark-theme .collection-share-view-mobile-menu .collection-share-view-collections-list .content-card.collection-item {
  background-color: transparent;
  border-bottom-color: #FFFFFF;
}

.collection-share-view.dark-theme .collection-share-view-mobile-menu .collection-share-view-collections-list .content-card.collection-item .content-card-title .group-content-label {
  color: #FFFFFF;
}

.collection-share-view.dark-theme .collection-share-view-mobile-menu .collection-share-view-footer.mobile-footer .footer-legal-links {
  margin-top: unset;
  gap: unset;
}

.collection-share-view.dark-theme .collection-share-view-mobile-menu .collection-share-view-footer.mobile-footer .project-preview-author-hint {
  color: #FFFFFF;
}

.collection-share-view.dark-theme .collection-share-view-mobile-menu .collection-share-view-footer.mobile-footer button, .collection-share-view.dark-theme .collection-share-view-mobile-menu .collection-share-view-footer.mobile-footer button.btn-redesign {
  color: #FFFFFF;
}

.collection-share-view.dark-theme .project-preview-author-hint, .collection-share-view.dark-theme .own-page-website-url {
  font-size: 12px;
  color: #FFFFFF;
}

.collection-share-view.dark-theme .project-preview-author-hint a, .collection-share-view.dark-theme .own-page-website-url a {
  color: #FFFFFF;
  margin-left: 4px;
}

.collection-share-view.dark-theme .profile-page-url button {
  color: #FFFFFF;
}

.collection-share-view.dark-theme .collection-share-view-subcollections {
  /*&.image-list-type-articlecards {
  		.collection-share-data-section-list {
  				.collection-item.content-card {
  						box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.25);
  						background-color: transparent;

  						.content-card-image {
  								background-color: $DarkThemeCardTitleBackgroundColor;
  						}

  						.content-card-title {
  								background-color: #000000;
  								color: $DarkThemeFontColor;

  								.group-content-label {
  										color: $DarkThemeFontColor;
  								}


  						}
  				}
  		}
  }*/
}

.collection-share-view.dark-theme .collection-share-view-subcollections .collection-item.content-card .content-card-image {
  background-color: #FFFFFF;
}

.collection-share-view.dark-theme .collection-share-view-subcollections .collection-item.content-card .content-card-title {
  background-color: #333333;
  color: #FFFFFF;
}

.collection-share-view.dark-theme .collection-share-view-subcollections .collection-item.content-card .content-card-title .group-content-label {
  color: #FFFFFF;
}

.collection-share-view.dark-theme .collection-share-view-subcollections .rc-icon:before {
  color: #FFFFFF;
}

.collection-share-view.dark-theme .collection-share-view-subcollections .collection-share-data-section-list .collection-item.content-card {
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.25);
  background-color: transparent;
}

.collection-share-view.dark-theme .collection-share-view-subcollections .collection-share-data-section-list .collection-item.content-card .content-card-image {
  background-color: #333333;
}

.collection-share-view.dark-theme .collection-share-view-subcollections .collection-share-data-section-list .collection-item.content-card .content-card-title {
  background-color: #000000;
  color: #FFFFFF;
}

.collection-share-view.dark-theme .collection-share-view-subcollections .collection-share-data-section-list .collection-item.content-card .content-card-title .group-content-label {
  color: #FFFFFF;
}

.collection-share-view.dark-theme .footer-legal-links {
  color: #FFFFFF;
}

.collection-share-view.dark-theme .collection-share-details .group-content-label {
  color: #FFFFFF;
}

.collection-share-view.dark-theme .breadcrumb, .collection-share-view.dark-theme .breadcrumb.collection-share-breadcrumb-to-parent {
  background-color: #2B2B2B;
}

.collection-share-view.dark-theme .breadcrumb .rc-icon.sgw-icon:before, .collection-share-view.dark-theme .breadcrumb.collection-share-breadcrumb-to-parent .rc-icon.sgw-icon:before {
  color: #FFFFFF;
}

.collection-share-view.dark-theme .breadcrumb a, .collection-share-view.dark-theme .breadcrumb.collection-share-breadcrumb-to-parent a {
  color: #FFFFFF;
}

.collection-share-view.dark-theme .breadcrumb a:after, .collection-share-view.dark-theme .breadcrumb.collection-share-breadcrumb-to-parent a:after {
  border-bottom-color: #FFFFFF;
}

.collection-share-view.dark-theme .breadcrumb .sgw-icon.next:after, .collection-share-view.dark-theme .breadcrumb.collection-share-breadcrumb-to-parent .sgw-icon.next:after {
  color: #FFFFFF;
}

.collection-share-view.dark-theme .breadcrumb strong, .collection-share-view.dark-theme .breadcrumb.collection-share-breadcrumb-to-parent strong {
  color: #FFFFFF;
}

.collection-share-view.dark-theme .collection-share-view-banner-art-wrapper, .collection-share-view.dark-theme .collection-share-view-banner-cover-wrapper {
  background-color: #1D1D1D;
}

.collection-share-view.dark-theme .collection-share-view-banner-art-wrapper button.btn-icon.btn-icon-only .rc-icon:before, .collection-share-view.dark-theme .collection-share-view-banner-cover-wrapper button.btn-icon.btn-icon-only .rc-icon:before {
  color: #ffffff;
}

.collection-share-view.dark-theme .collection-share-title {
  color: #FFFFFF;
}

.collection-share-view.dark-theme .collection-share-view-footer {
  border-color: #6E6E6E;
  background-color: #2B2B2B;
}

.collection-share-view.dark-theme .right-corner-button button .btn-label, .collection-share-view.dark-theme .left-corner-button button .btn-label, .collection-share-view.dark-theme .collection-share-view-header-buttons button .btn-label, .collection-share-view.dark-theme .collection-share-view-header-logo button .btn-label {
  color: #FFFFFF;
}

.collection-share-view.dark-theme .right-corner-button button .rc-icon:before, .collection-share-view.dark-theme .left-corner-button button .rc-icon:before, .collection-share-view.dark-theme .collection-share-view-header-buttons button .rc-icon:before, .collection-share-view.dark-theme .collection-share-view-header-logo button .rc-icon:before {
  color: #FFFFFF;
}

.collection-share-view.dark-theme .collection-share-image-selection-footer {
  background-color: #2B2B2B;
}

.collection-share-view.dark-theme .collection-share-image-selection-footer button .btn-label {
  color: #FFFFFF;
}

.collection-share-view.dark-theme .collection-share-image-selection-footer button .rc-icon:before {
  color: #FFFFFF;
}

.collection-share-view.dark-theme .rc-label, .collection-share-view.dark-theme .content-group-table-row, .collection-share-view.dark-theme .rc-label-component {
  color: #FFFFFF;
}

.collection-share-view.dark-theme .rc-label .group-content-label, .collection-share-view.dark-theme .content-group-table-row .group-content-label, .collection-share-view.dark-theme .rc-label-component .group-content-label {
  color: #FFFFFF !important;
}

.collection-share-view.dark-theme .rc-label .group-content-label.article, .collection-share-view.dark-theme .content-group-table-row .group-content-label.article, .collection-share-view.dark-theme .rc-label-component .group-content-label.article {
  color: #EFEFEF !important;
}

.collection-share-view.dark-theme .context-menu .context-menu-body .rc-label-component {
  color: #000000;
}

.collection-share-view.dark-theme .rc-input .rc-label {
  color: inherit;
}

.collection-share-view.dark-theme .collection-share-view-upload-images button, .collection-share-view.dark-theme .collection-share-view-upload-images a, .collection-share-view.dark-theme .collection-share-view-upload-images a:active, .collection-share-view.dark-theme .collection-share-view-upload-images a:visited, .collection-share-view.dark-theme .collection-share-view-upload-images .rc-component.rc-checkbox, .collection-share-view.dark-theme .collection-share-view-visit-on-wallart button, .collection-share-view.dark-theme .collection-share-view-visit-on-wallart a, .collection-share-view.dark-theme .collection-share-view-visit-on-wallart a:active, .collection-share-view.dark-theme .collection-share-view-visit-on-wallart a:visited, .collection-share-view.dark-theme .collection-share-view-visit-on-wallart .rc-component.rc-checkbox {
  background-color: #2B2B2B;
  color: #FFFFFF;
}

.collection-share-view.dark-theme .collection-share-view-upload-images button .rc-icon:before, .collection-share-view.dark-theme .collection-share-view-upload-images a .rc-icon:before, .collection-share-view.dark-theme .collection-share-view-upload-images a:active .rc-icon:before, .collection-share-view.dark-theme .collection-share-view-upload-images a:visited .rc-icon:before, .collection-share-view.dark-theme .collection-share-view-upload-images .rc-component.rc-checkbox .rc-icon:before, .collection-share-view.dark-theme .collection-share-view-visit-on-wallart button .rc-icon:before, .collection-share-view.dark-theme .collection-share-view-visit-on-wallart a .rc-icon:before, .collection-share-view.dark-theme .collection-share-view-visit-on-wallart a:active .rc-icon:before, .collection-share-view.dark-theme .collection-share-view-visit-on-wallart a:visited .rc-icon:before, .collection-share-view.dark-theme .collection-share-view-visit-on-wallart .rc-component.rc-checkbox .rc-icon:before {
  color: #FFFFFF;
}

.collection-share-view.dark-theme .collection-share-view-upload-images button:hover, .collection-share-view.dark-theme .collection-share-view-upload-images a:hover, .collection-share-view.dark-theme .collection-share-view-upload-images a:active:hover, .collection-share-view.dark-theme .collection-share-view-upload-images a:visited:hover, .collection-share-view.dark-theme .collection-share-view-upload-images .rc-component.rc-checkbox:hover, .collection-share-view.dark-theme .collection-share-view-visit-on-wallart button:hover, .collection-share-view.dark-theme .collection-share-view-visit-on-wallart a:hover, .collection-share-view.dark-theme .collection-share-view-visit-on-wallart a:active:hover, .collection-share-view.dark-theme .collection-share-view-visit-on-wallart a:visited:hover, .collection-share-view.dark-theme .collection-share-view-visit-on-wallart .rc-component.rc-checkbox:hover {
  background-color: #2B2B2B;
}

.collection-share-view.dark-theme .collection-share-view-upload-images button:hover .rc-icon:before, .collection-share-view.dark-theme .collection-share-view-upload-images a:hover .rc-icon:before, .collection-share-view.dark-theme .collection-share-view-upload-images a:active:hover .rc-icon:before, .collection-share-view.dark-theme .collection-share-view-upload-images a:visited:hover .rc-icon:before, .collection-share-view.dark-theme .collection-share-view-upload-images .rc-component.rc-checkbox:hover .rc-icon:before, .collection-share-view.dark-theme .collection-share-view-visit-on-wallart button:hover .rc-icon:before, .collection-share-view.dark-theme .collection-share-view-visit-on-wallart a:hover .rc-icon:before, .collection-share-view.dark-theme .collection-share-view-visit-on-wallart a:active:hover .rc-icon:before, .collection-share-view.dark-theme .collection-share-view-visit-on-wallart a:visited:hover .rc-icon:before, .collection-share-view.dark-theme .collection-share-view-visit-on-wallart .rc-component.rc-checkbox:hover .rc-icon:before {
  color: #FFFFFF;
}

.collection-share-view.dark-theme .collection-share-view-images-list.image-list-type-artboards .image-list-item .image-wrapper img {
  box-shadow: unset;
}

.collection-share-view.dark-theme .collection-share-view-images-list.image-list-type-artboards .rc-image-overlay button {
  color: #FFFFFF;
}

.collection-share-view.dark-theme .collection-share-view-images-list.image-list-type-artboards .rc-image-overlay button .rc-icon:before {
  color: #FFFFFF;
}

.collection-share-view.dark-theme .collection-share-view-images-list.image-list-type-article-cards .image-list-item-article-card-footer {
  background-color: #000000;
}

.collection-share-view.dark-theme .collection-share-view-images-list.image-list-type-article-cards .image-list-item-article-card-footer .image-list-item-article-card-footer-left-buttons button, .collection-share-view.dark-theme .collection-share-view-images-list.image-list-type-article-cards .image-list-item-article-card-footer .image-list-item-article-card-footer-centered-buttons button {
  background-color: transparent;
  color: #FFFFFF;
}

.collection-share-view.dark-theme .collection-share-view-images-list.image-list-type-article-cards .image-list-item-article-card-footer .image-list-item-article-card-footer-left-buttons button .rc-icon:before, .collection-share-view.dark-theme .collection-share-view-images-list.image-list-type-article-cards .image-list-item-article-card-footer .image-list-item-article-card-footer-centered-buttons button .rc-icon:before {
  background-color: transparent;
  color: #FFFFFF;
}

.collection-share-view.dark-theme .collection-share-view-images-list.image-list-type-article-cards .image-list-item .image-wrapper img {
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.25);
}

.collection-share-view.dark-theme .collection-share-view-images-list.image-list-type-article-cards .image-list-item > div {
  background-color: #000000;
}

.collection-share-view.dark-theme .collection-share-view-images-list.image-list-type-article-cards .rc-image-overlay button {
  color: #FFFFFF;
}

.collection-share-view.dark-theme .collection-share-view-images-list.image-list-type-article-cards .rc-image-overlay button .rc-icon:before {
  color: #FFFFFF;
}

.collection-share-view.dark-theme .image-list-item-footer {
  color: #FFFFFF;
}

.collection-share-view.dark-theme .image-list-item-footer button {
  color: #FFFFFF;
}

.collection-share-view.dark-theme .image-list-item-footer button .rc-icon:before {
  color: #FFFFFF;
}

.collection-share-view.dark-theme .image-list-item-article-card-footer {
  background-color: #FFFFFF;
}

.collection-share-view.dark-theme .image-list-item-article-card-footer button {
  background-color: #6C9D0D;
}

.collection-share-view.dark-theme .image-list-item-article-card-footer button .rc-icon:before {
  background-color: #6C9D0D;
}

.collection-share-view.dark-theme .paging-footer-input .rc-component.rc-input {
  background-color: #676767;
}

.collection-share-view.dark-theme .paging-footer-input .rc-component.rc-input:hover, .collection-share-view.dark-theme .paging-footer-input .rc-component.rc-input.focus {
  border-color: #cccccc;
}

.collection-share-view.dark-theme .paging-footer-input .rc-component.rc-input .rc-input-wrapper input {
  color: #ffffff;
}

.collection-share-view.dark-theme .paging-footer-input .rc-component.rc-select {
  background-color: #676767;
}

.collection-share-view.dark-theme .paging-footer-input .rc-component.rc-select:hover .selected-option {
  border-color: #CCCCCC;
}

.collection-share-view.dark-theme .paging-footer-input .rc-component.rc-select label, .collection-share-view.dark-theme .paging-footer-input .rc-component.rc-select .selected-option-label, .collection-share-view.dark-theme .paging-footer-input .rc-component.rc-select .selected-option .sgw-icon:before {
  color: #ffffff;
}

.collection-share-view.dark-theme .paging-footer-input .btn-simple.btn-icon-only {
  background-color: #676767;
}

.collection-share-view.dark-theme .paging-footer-input .btn-simple.btn-icon-only .rc-icon.sgw-icon:before {
  color: #ffffff;
}

.collection-share-view .collection-share-view-wishlist-content {
  display: flex;
  flex-direction: column;
}

.collection-share-view .collection-share-view-wishlist-content .table-content-wrapper {
  height: 100%;
  min-height: unset;
  flex: 1;
}

.collection-share-image-selection-footer {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: white;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  box-sizing: border-box;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.28);
  z-index: 1;
}

.collection-share-image-selection-footer.dialog-v2-footer {
  position: sticky;
  position: -webkit-sticky;
  bottom: 0;
}

.collection-share-image-selection-footer.dialog-v2-footer > div {
  padding: unset;
}

.collection-share-image-selection-footer .control-wrapper {
  display: flex;
}

.collection-share-image-selection-footer .control-wrapper button {
  min-height: 44px;
  padding-right: 8px;
}

.collection-share-image-selection-footer .collection-share-image-order-button {
  height: 44px;
  border-radius: 22px;
  justify-content: center;
  width: 446px;
}

.collection-share-image-selection-footer.mobile-view {
  flex-direction: column;
  padding-top: 8px;
  gap: 8px;
}

.collection-share-image-selection-footer.mobile-view .control-wrapper {
  width: 100%;
  justify-content: left;
  gap: 8px;
}

.collection-share-image-selection-footer.mobile-view .control-wrapper button.rc-mobile-component.btn-simple:not(.btn-icon-only) {
  padding: 0;
}

.collection-share-image-selection-footer.mobile-view .collection-share-image-order-button {
  max-width: 100%;
}

#ImagesPresentation .rc-dialog-wrapper.full-screen, #CollectionShareOrder .rc-dialog-wrapper.full-screen, #BulkOrdererDialog.collection-share-bulk-orderer .rc-dialog-wrapper.full-screen, #ShareImagesSelectionDialog .rc-dialog-wrapper.full-screen {
  flex: unset;
  max-height: calc(100vh - 96px);
  height: calc(100vh - 96px);
  width: calc(100vw - 96px);
  max-width: calc(100vw - 96px);
  border-radius: 6px;
  overflow: hidden;
}

#ImagesPresentation .rc-dialog-wrapper .rc-dialog-content, #CollectionShareOrder .rc-dialog-wrapper .rc-dialog-content, #BulkOrdererDialog.collection-share-bulk-orderer .rc-dialog-wrapper .rc-dialog-content, #ShareImagesSelectionDialog .rc-dialog-wrapper .rc-dialog-content {
  background-color: transparent;
  box-shadow: unset;
  max-height: 100%;
  height: 100%;
}

#ImagesPresentation .rc-dialog-wrapper .rc-dialog-content .dialog-control, #CollectionShareOrder .rc-dialog-wrapper .rc-dialog-content .dialog-control, #BulkOrdererDialog.collection-share-bulk-orderer .rc-dialog-wrapper .rc-dialog-content .dialog-control, #ShareImagesSelectionDialog .rc-dialog-wrapper .rc-dialog-content .dialog-control {
  padding: 8px;
  box-sizing: border-box;
  margin: unset;
}

#ImagesPresentation .rc-dialog-wrapper .rc-dialog-content .dialog-control > div:not(.button-close), #CollectionShareOrder .rc-dialog-wrapper .rc-dialog-content .dialog-control > div:not(.button-close), #BulkOrdererDialog.collection-share-bulk-orderer .rc-dialog-wrapper .rc-dialog-content .dialog-control > div:not(.button-close), #ShareImagesSelectionDialog .rc-dialog-wrapper .rc-dialog-content .dialog-control > div:not(.button-close) {
  display: flex;
}

#ImagesPresentation .rc-dialog-wrapper .rc-dialog-content .dialog-control .close-button button, #CollectionShareOrder .rc-dialog-wrapper .rc-dialog-content .dialog-control .close-button button, #BulkOrdererDialog.collection-share-bulk-orderer .rc-dialog-wrapper .rc-dialog-content .dialog-control .close-button button, #ShareImagesSelectionDialog .rc-dialog-wrapper .rc-dialog-content .dialog-control .close-button button {
  height: 36px;
  padding-left: 0;
}

#ImagesPresentation .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content, #CollectionShareOrder .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content, #BulkOrdererDialog.collection-share-bulk-orderer .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content, #ShareImagesSelectionDialog .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content {
  margin-bottom: unset;
  border-radius: unset;
  padding: unset;
  height: calc(100vh - 96px - 52px);
  background-color: white;
}

#ImagesPresentation .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .desktop-view.feedback, #CollectionShareOrder .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .desktop-view.feedback, #BulkOrdererDialog.collection-share-bulk-orderer .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .desktop-view.feedback, #ShareImagesSelectionDialog .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .desktop-view.feedback {
  padding: 16px;
  gap: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#ImagesPresentation .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .desktop-view.feedback .desktop-presentation-feedback, #CollectionShareOrder .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .desktop-view.feedback .desktop-presentation-feedback, #BulkOrdererDialog.collection-share-bulk-orderer .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .desktop-view.feedback .desktop-presentation-feedback, #ShareImagesSelectionDialog .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .desktop-view.feedback .desktop-presentation-feedback {
  color: #2C2C2C;
  display: flex;
  justify-content: center;
}

#ImagesPresentation .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .desktop-view.feedback .desktop-presentation-img-label, #CollectionShareOrder .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .desktop-view.feedback .desktop-presentation-img-label, #BulkOrdererDialog.collection-share-bulk-orderer .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .desktop-view.feedback .desktop-presentation-img-label, #ShareImagesSelectionDialog .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .desktop-view.feedback .desktop-presentation-img-label {
  color: #2C2C2C;
  display: flex;
  justify-content: center;
}

#ImagesPresentation .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .desktop-view.feedback .desktop-presentation-img-label .rc-icon:before, #CollectionShareOrder .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .desktop-view.feedback .desktop-presentation-img-label .rc-icon:before, #BulkOrdererDialog.collection-share-bulk-orderer .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .desktop-view.feedback .desktop-presentation-img-label .rc-icon:before, #ShareImagesSelectionDialog .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .desktop-view.feedback .desktop-presentation-img-label .rc-icon:before {
  color: #2C2C2C;
}

#ImagesPresentation .rc-dialog-wrapper .rc-dialog-content > button.dialog-floated-button.close, #ImagesPresentation .rc-dialog-wrapper .rc-dialog-content > .dialog-buttons-right-top, #CollectionShareOrder .rc-dialog-wrapper .rc-dialog-content > button.dialog-floated-button.close, #CollectionShareOrder .rc-dialog-wrapper .rc-dialog-content > .dialog-buttons-right-top, #BulkOrdererDialog.collection-share-bulk-orderer .rc-dialog-wrapper .rc-dialog-content > button.dialog-floated-button.close, #BulkOrdererDialog.collection-share-bulk-orderer .rc-dialog-wrapper .rc-dialog-content > .dialog-buttons-right-top, #ShareImagesSelectionDialog .rc-dialog-wrapper .rc-dialog-content > button.dialog-floated-button.close, #ShareImagesSelectionDialog .rc-dialog-wrapper .rc-dialog-content > .dialog-buttons-right-top {
  top: 32px;
}

#ImagesPresentation .rc-dialog-wrapper .rc-dialog-content > button.dialog-floated-button.close, #ImagesPresentation .rc-dialog-wrapper .rc-dialog-content > .dialog-buttons-right-top button.btn-simple, #CollectionShareOrder .rc-dialog-wrapper .rc-dialog-content > button.dialog-floated-button.close, #CollectionShareOrder .rc-dialog-wrapper .rc-dialog-content > .dialog-buttons-right-top button.btn-simple, #BulkOrdererDialog.collection-share-bulk-orderer .rc-dialog-wrapper .rc-dialog-content > button.dialog-floated-button.close, #BulkOrdererDialog.collection-share-bulk-orderer .rc-dialog-wrapper .rc-dialog-content > .dialog-buttons-right-top button.btn-simple, #ShareImagesSelectionDialog .rc-dialog-wrapper .rc-dialog-content > button.dialog-floated-button.close, #ShareImagesSelectionDialog .rc-dialog-wrapper .rc-dialog-content > .dialog-buttons-right-top button.btn-simple {
  width: 32px;
  height: 32px;
}

@media (max-width: 1200px), (max-height: 800px) {
  #ImagesPresentation.rc-dialog .rc-dialog-wrapper.full-screen, #CollectionShareOrder.rc-dialog .rc-dialog-wrapper.full-screen, #BulkOrdererDialog.collection-share-bulk-orderer.rc-dialog .rc-dialog-wrapper.full-screen, #ShareImagesSelectionDialog.rc-dialog .rc-dialog-wrapper.full-screen {
    max-height: unset;
    height: 100%;
    width: 100%;
  }
  #ImagesPresentation.rc-dialog .rc-dialog-wrapper.full-screen .dialog-scrollable-content, #CollectionShareOrder.rc-dialog .rc-dialog-wrapper.full-screen .dialog-scrollable-content, #BulkOrdererDialog.collection-share-bulk-orderer.rc-dialog .rc-dialog-wrapper.full-screen .dialog-scrollable-content, #ShareImagesSelectionDialog.rc-dialog .rc-dialog-wrapper.full-screen .dialog-scrollable-content {
    height: calc(100vh - 52px);
  }
}
#ImagesPresentation.rc-dialog .rc-dialog-wrapper, #CollectionShareOrder.rc-dialog .rc-dialog-wrapper, #BulkOrdererDialog.collection-share-bulk-orderer.rc-dialog .rc-dialog-wrapper, #ShareImagesSelectionDialog.rc-dialog .rc-dialog-wrapper {
  max-width: unset;
  margin: 0 auto;
  /*@media (min-width: 500px) {
  		height: calc(100% - (16px * 2));
  }*/
  /*.rc-dialog-content {
  		max-height: 90%;
  		//max-width: calc(100% - 256px);
  		margin: 0 auto;
  		padding: 0;
  		width: unset;
  }*/
}

#ImagesPresentation.rc-dialog .rc-floating-button, #CollectionShareOrder.rc-dialog .rc-floating-button, #BulkOrdererDialog.collection-share-bulk-orderer.rc-dialog .rc-floating-button, #ShareImagesSelectionDialog.rc-dialog .rc-floating-button {
  padding-bottom: 0;
}

#ImagesPresentation.rc-dialog .rc-floating-button .has-no-title, #CollectionShareOrder.rc-dialog .rc-floating-button .has-no-title, #BulkOrdererDialog.collection-share-bulk-orderer.rc-dialog .rc-floating-button .has-no-title, #ShareImagesSelectionDialog.rc-dialog .rc-floating-button .has-no-title {
  margin-top: 16px;
}

#ImagesPresentation.rc-dialog.tablet-presentation .rc-dialog-wrapper .rc-dialog-content, #CollectionShareOrder.rc-dialog.tablet-presentation .rc-dialog-wrapper .rc-dialog-content, #BulkOrdererDialog.collection-share-bulk-orderer.rc-dialog.tablet-presentation .rc-dialog-wrapper .rc-dialog-content, #ShareImagesSelectionDialog.rc-dialog.tablet-presentation .rc-dialog-wrapper .rc-dialog-content {
  max-height: 72%;
  background-color: transparent;
  box-shadow: none;
}

#ImagesPresentation.rc-dialog.tablet-presentation .rc-dialog-wrapper .image-wrapper, #CollectionShareOrder.rc-dialog.tablet-presentation .rc-dialog-wrapper .image-wrapper, #BulkOrdererDialog.collection-share-bulk-orderer.rc-dialog.tablet-presentation .rc-dialog-wrapper .image-wrapper, #ShareImagesSelectionDialog.rc-dialog.tablet-presentation .rc-dialog-wrapper .image-wrapper {
  transform: translateY(-10%);
  box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.4);
}

#ImagesPresentation.rc-dialog img, #CollectionShareOrder.rc-dialog img, #BulkOrdererDialog.collection-share-bulk-orderer.rc-dialog img, #ShareImagesSelectionDialog.rc-dialog img {
  display: block;
  -webkit-touch-callout: none;
  flex: 0;
}

#ImagesPresentation.rc-dialog img {
  max-height: 100%;
  max-width: 100%;
}

#ImagesPresentation ul {
  display: flex;
  flex-wrap: nowrap;
}

#ImagesPresentation ul.transition {
  transition: transform 0.4s ease, background 0.4s ease;
}

#ImagesPresentation ul.transition.is-swiping {
  transition: unset;
}

#ImagesPresentation ul li {
  list-style: none;
  flex: 1 1 100%;
  min-width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
}

#ImagesPresentation ul li.collection-image-presentation-swipe-mobile-item {
  flex-direction: column;
}

#ImagesPresentation ul li.collection-image-presentation-swipe-mobile-item .rc-floating-button.ios-mobile-device {
  padding-bottom: 24px;
  position: relative;
}

#CollectionShareOrder .rc-dialog-wrapper .rc-dialog-content .dialog-control, #BulkOrdererDialog.collection-share-bulk-orderer .rc-dialog-wrapper .rc-dialog-content .dialog-control, #ShareImagesSelectionDialog .rc-dialog-wrapper .rc-dialog-content .dialog-control {
  border-bottom: 1px solid #CCCCCC;
}

#ShareImagesSelectionDialog .image-pool-browser .image-pool-image-list .image-item-name {
  color: #525252;
}

#ShareImagesSelectionDialog.rc-dialog .dialog-scrollable-content .noselect {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

#ShareImagesSelectionDialog.rc-dialog .dialog-scrollable-content .noselect .dialog-v2-body {
  overflow: auto;
}

#ShareImagesSelectionDialog.rc-dialog .dialog-scrollable-content #OpenShareView {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

#ShareImagesSelectionDialog.rc-dialog .dialog-scrollable-content #OpenShareView .btn-simple.btn-action {
  width: 100%;
}

#BulkOrdererDialog.collection-share-bulk-orderer .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

#BulkOrdererDialog.collection-share-bulk-orderer .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .dialog-v2-body {
  gap: 8px;
}

#BulkOrdererDialog.collection-share-bulk-orderer .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .dialog-v2-body .bulk-orderer-configurator-sidebar {
  padding: 8px 8px 8px 8px;
  flex: 1;
  max-width: 626px;
  overflow-y: auto;
}

#BulkOrdererDialog.collection-share-bulk-orderer .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .dialog-v2-footer {
  padding-top: 16px;
  background-color: transparent;
}

#ImagesPresentation .collection-share-order-desktop-content {
  display: flex;
  flex-direction: column;
  height: 100%;
}

#ImagesPresentation .collection-share-order-desktop-content .image-wrapper {
  flex: 1;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

#ImagesPresentation .collection-share-order-desktop-content .image-wrapper .navigation-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

#ImagesPresentation .collection-share-order-desktop-content .image-wrapper .navigation-button.previous {
  left: 16px;
}

#ImagesPresentation .collection-share-order-desktop-content .image-wrapper .navigation-button.next {
  right: 16px;
}

#ImagesPresentation .dialog-buttons-right-top .context-menu-body .project-preview-author-hint {
  padding: 0 16px;
  box-sizing: border-box;
  white-space: break-spaces;
}

.rc-mobile-menu.dark-mode .mobile-menu-content {
  background-color: #000000;
  color: #FFFFFF;
}

.rc-mobile-menu.dark-mode .mobile-menu-content .rc-icon.sgw-icon:before {
  color: #FFFFFF;
}

.rc-context-menu.rc-context-menu-v2.dark-mode .context-menu {
  background-color: #000000;
  color: #FFFFFF;
}

.rc-context-menu.rc-context-menu-v2.dark-mode .context-menu .rc-icon.sgw-icon:before {
  color: #FFFFFF;
}

#ImagesPresentation.rc-mobile-view.dark-mode main, #ImagesPresentation.rc-mobile-view.dark-mode header, #ImagesPresentation.rc-mobile-view.dark-mode footer {
  background-color: #2B2B2B;
  box-shadow: unset;
  border: unset;
}

#ImagesPresentation.rc-mobile-view.dark-mode header button .rc-icon, #ImagesPresentation.rc-mobile-view.dark-mode header button .rc-icon:before {
  color: white;
}

#ImagesPresentation.rc-mobile-view.dark-mode header .context-menu button .rc-icon, #ImagesPresentation.rc-mobile-view.dark-mode header .context-menu button .rc-icon:before {
  color: #6e6e6e;
}

#ImagesPresentation.rc-mobile-view.dark-mode header .context-menu .context-menu-body .project-preview-author-hint a.make-report {
  color: #000000;
  text-decoration: none;
}

#ImagesPresentation.rc-mobile-view.dark-mode .navigation-button {
  border-radius: 50%;
  margin: 0 8px;
  background-color: #000000;
  color: #FFFFFF;
}

#ImagesPresentation.rc-mobile-view main, #ImagesPresentation.rc-mobile-view header, #ImagesPresentation.rc-mobile-view footer {
  box-shadow: unset;
  border: unset;
}

#ImagesPresentation.rc-mobile-view main {
  overflow-y: hidden;
}

#ImagesPresentation.rc-mobile-view header {
  flex: 0 0 52px;
}

#ImagesPresentation.rc-mobile-view header .back-button {
  left: 8px;
}

#ImagesPresentation.rc-mobile-view footer {
  padding: 16px;
  box-sizing: border-box;
}

#ImagesPresentation.rc-mobile-view footer.mobile-ios-footer {
  padding-bottom: 66px;
}

#ImagesPresentation.rc-mobile-view footer button {
  width: 100%;
}

#ImagesPresentation.rc-mobile-view .navigation-button {
  width: 36px;
  border-radius: 50%;
  margin: 0 8px;
}

#ImagesPresentation.rc-mobile-view .rc-label-component.rc-mobile-component {
  min-height: 36px;
}

#ImagesPresentation.rc-mobile-view header .context-menu .context-menu-body .project-preview-author-hint-wrapper {
  cursor: pointer;
  padding: 16px 16px 0;
  max-width: 250px;
}

#ImagesPresentation.rc-mobile-view header .context-menu .context-menu-body .project-preview-author-hint {
  white-space: break-spaces;
  padding-left: 16px;
  padding-bottom: 0;
}

#ImagesPresentation.rc-mobile-view header .context-menu .context-menu-body .project-preview-author-hint a.make-report {
  text-decoration: none;
}

#ImagesPresentation.rc-mobile-view img {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  width: auto;
}

#ImagesPresentation.rc-mobile-view .dialog-floated-button.close {
  left: 8px;
  top: 8px;
}

#ImagesPresentation.rc-mobile-view .react-transform-component {
  height: 100%;
  width: 100%;
}

#ImagesPresentation.rc-mobile-view .collection-image-presentation-swipe {
  /*position: fixed;
  left: 0;
  right: 0;
  top: 52px;
  bottom: 90px;*/
  display: flex;
  flex-direction: column;
  max-height: 100%;
  width: 100%;
  box-sizing: border-box;
  position: relative;
  height: 100%;
}

#ImagesPresentation.rc-mobile-view ul {
  display: flex;
  flex-wrap: nowrap;
  flex: 1;
  max-height: 100%;
}

#ImagesPresentation.rc-mobile-view ul.transition {
  transition: transform 0.4s ease, background 0.4s ease;
}

#ImagesPresentation.rc-mobile-view ul.transition.is-swiping {
  transition: unset;
}

#ImagesPresentation.rc-mobile-view ul li {
  list-style: none;
  flex: 1 1 100%;
  min-width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  max-height: 100%;
}

#ImagesPresentation.rc-mobile-view ul li.collection-image-presentation-swipe-mobile-item > div:first-child {
  max-height: 100%;
  display: inline-block;
}

#ImagesPresentation.rc-mobile-view .image-presentation-mobile-footer {
  width: 100%;
  position: fixed;
  left: 0;
  bottom: 0;
  display: flex;
  flex-wrap: nowrap;
}

#ImagesPresentation.rc-mobile-view .image-presentation-mobile-footer .project-preview-author-hint {
  flex: 1;
  position: unset;
  inset: unset;
  font-size: 14px;
  max-width: 50%;
  padding: 0 0 8px 8px;
}

#ImagesPresentation.rc-mobile-view .image-presentation-mobile-footer .make-report-button {
  flex: 1;
  position: unset;
  inset: unset;
  display: flex;
  justify-content: right;
  align-items: flex-end;
  padding: 0 8px 8px 0;
}

#ImagesPresentation.rc-mobile-view .image-presentation-mobile-footer .make-report-button button {
  font-size: 14px;
  padding: 0;
  line-height: unset;
}

#ImagesPresentation .images-presentation-mobile-buttons {
  display: flex;
  gap: 8px;
}

#ImagesPresentation .make-report-button {
  position: fixed;
  bottom: 8px;
  right: 8px;
}

#ImagesPresentation .make-report-button button {
  height: auto;
  padding: 0;
}

#ImagesPresentation.mobile-presentation:before {
  opacity: unset;
}

#ImagesPresentation.mobile-presentation .project-preview-author-hint {
  left: 0;
  bottom: 0;
  font-size: 14px;
}

.rc-mobile-menu .mobile-menu-content .project-preview-author-hint-wrapper {
  padding: 16px 16px;
}

.rc-mobile-menu .mobile-menu-content .project-preview-author-hint-wrapper .project-preview-author-hint {
  padding: unset;
  white-space: break-spaces;
}

.rc-mobile-menu .mobile-menu-content .project-preview-author-hint-wrapper .project-preview-author-hint a.make-report {
  color: #000000;
  text-decoration: none;
}

.collection-share-image-description-dialog.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content {
  padding-top: 0;
}

.collection-share-image-description-dialog h2 {
  font-weight: bold;
  font-family: inherit;
}

.collection-share-image-description-dialog p, .collection-share-image-description-dialog .project-preview-author-hint {
  margin-bottom: 16px;
}

.collection-share-image-description-dialog .rc-floating-button {
  padding-bottom: 0;
}

.collection-share-article-added-to-cart-overlay-container {
  position: sticky;
  display: flex;
  z-index: 1000;
  top: 60px;
}

.collection-share-article-added-to-cart-overlay {
  position: absolute;
  right: -8px;
  top: 100%;
  display: flex;
  width: 343px;
  z-index: 1000;
  cursor: default;
  background-color: #FFFFFF;
  color: #000000;
  box-shadow: 3px 3px 12px 0 rgba(0, 0, 0, 0.75);
}

.overlay-top-arrow {
  border-bottom: solid 10px #FFFFFF;
  border-left: solid 10px transparent;
  border-right: solid 10px transparent;
  position: absolute;
  width: 0;
  height: 0;
  top: -10px;
  right: 15px;
}

.overlay-close-button {
  position: absolute;
  left: 305px;
  cursor: pointer;
  z-index: 2000;
}

.overlay-contents-no-image {
  position: sticky;
  width: 100%;
}

.overlay-contents-no-image .checkout-group-content > .checkout-group-content {
  background-color: #FFFFFF;
  padding-left: 20px;
  padding-top: 20px;
}

.overlay-contents-no-image .checkout-group-content > .checkout-group-content > .group-content-label > div {
  max-height: 50px;
  max-width: 280px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
}

.overlay-contents-no-image .checkout-group-content > .checkout-group-content > .group-content-horizontal-group > .checkout-group-content > .checkout-group-content {
  padding-top: 10px;
  display: flex;
}

.overlay-contents-no-image .checkout-group-content > .checkout-group-content > .group-content-horizontal-group > .group-content-icon {
  display: inline-block;
  min-width: 26px;
  max-width: 26px;
  align-self: center;
}

.overlay-contents-no-image .checkout-group-content > .checkout-group-content > .group-content-horizontal-group > .addedToCart {
  display: inline-block;
  min-width: 100px;
  max-width: 150px;
  min-height: 20px;
  align-self: center;
}

.overlay-contents-no-image .checkout-group-content > .checkout-group-content > .group-content-link-add {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0;
}

.overlay-contents-no-image .checkout-group-content > .checkout-group-content > .group-content-link-add > button {
  margin-right: 10px;
  padding: 0;
  font-size: 14px;
}

.overlay-contents-no-image .checkout-group-content > .checkout-group-content > .group-content-link-add > button .rc-icon {
  margin-right: 0;
}

.overlay-contents-no-image .checkout-group-content > .checkout-group-content > .group-content-link-add > .btn-icon .sgw-icon.add_big {
  display: none;
}

.overlay-contents-no-image .checkout-group-content > .checkout-group-content > .group-content-link-add > .btn-icon .btn-label {
  color: #3669c4;
}

.overlay-contents-with-image {
  position: sticky;
  width: 100%;
}

.overlay-contents-with-image .checkout-group-content {
  background-color: #FFFFFF;
}

.overlay-contents-with-image .checkout-group-content > .group-content-horizontal-group {
  margin-bottom: 0;
}

.overlay-contents-with-image .checkout-group-content > .group-content-horizontal-group > .group-content-image {
  max-width: 120px;
  align-items: center;
  margin-bottom: 0;
}

.overlay-contents-with-image .checkout-group-content > .group-content-horizontal-group > .group-content-image > img {
  width: auto;
  max-width: 100px;
  max-height: 100px;
  align-self: center;
  padding: 10px;
}

.overlay-contents-with-image .checkout-group-content > .group-content-horizontal-group > .checkout-group-content {
  padding-bottom: 0;
}

.overlay-contents-with-image .checkout-group-content > .group-content-horizontal-group > .checkout-group-content > .group-content-label > div {
  padding-top: 5px;
  max-height: 50px;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
}

.overlay-contents-with-image .checkout-group-content > .group-content-horizontal-group > .checkout-group-content > .group-content-horizontal-group {
  padding-top: 10px;
  display: flex;
}

.overlay-contents-with-image .checkout-group-content > .group-content-horizontal-group > .checkout-group-content > .group-content-horizontal-group > .group-content-icon {
  display: inline-block;
  min-width: 26px;
  max-width: 26px;
  align-self: center;
}

.overlay-contents-with-image .checkout-group-content > .group-content-horizontal-group > .checkout-group-content > .group-content-horizontal-group > .addedToCart {
  display: inline-block;
  min-width: 100px;
  max-width: 150px;
  min-height: 20px;
  align-self: center;
}

.overlay-contents-with-image .checkout-group-content > .group-content-horizontal-group > .checkout-group-content > .group-content-link-add {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0;
}

.overlay-contents-with-image .checkout-group-content > .group-content-horizontal-group > .checkout-group-content > .group-content-link-add > button {
  margin-right: 10px;
  padding: 0;
  font-size: 14px;
}

.overlay-contents-with-image .checkout-group-content > .group-content-horizontal-group > .checkout-group-content > .group-content-link-add > button > .rc-icon {
  margin-right: 0;
}

.overlay-contents-with-image .checkout-group-content > .group-content-horizontal-group > .checkout-group-content > .group-content-link-add > .btn-icon .sgw-icon.add_big {
  display: none;
}

.overlay-contents-with-image .checkout-group-content > .group-content-horizontal-group > .checkout-group-content > .group-content-link-add > .btn-icon .btn-label {
  color: #3669c4;
}

#DownloadAllImagesDialog .download-image-dialog-content .button-container {
  display: flex;
  align-items: center;
  justify-content: center;
}

#DownloadAllImagesDialogMobile .download-image-dialog-content {
  padding: 8px;
}

#DownloadAllImagesDialogMobile .download-image-dialog-content .button-container {
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-set-image-selection-dialog .breadcrumb {
  top: 47px;
  padding: 0 16px;
  box-sizing: border-box;
  align-items: unset;
  margin-top: 8px;
  background-color: transparent;
  margin-bottom: 16px;
  justify-content: unset;
}

.product-set-image-selection-dialog .breadcrumb strong {
  font-size: 14px;
  display: flex;
  align-items: center;
  white-space: normal;
  height: auto;
  text-align: center;
  line-height: 18px;
}

#CollectionShareLegalPageView .checkout-group-content .group-content.group-content-button {
  justify-content: center;
}

.gallery-multicode-access-view .project-edit-item .checkout-group-content, .collection-share-body .rc-dialog.gallery-multicode-access-view .checkout-group-content {
  width: 100%;
}

.gallery-multicode-access-view .project-edit-item .checkout-group-content .group-content-horizontal-group .group-content-icon, .collection-share-body .rc-dialog.gallery-multicode-access-view .checkout-group-content .group-content-horizontal-group .group-content-icon {
  flex: unset;
}

.gallery-multicode-access-view .project-edit-item .checkout-group-content .group-content-horizontal-group .group-content-icon + .group-content-label, .collection-share-body .rc-dialog.gallery-multicode-access-view .checkout-group-content .group-content-horizontal-group .group-content-icon + .group-content-label {
  padding-bottom: 0;
}

.gallery-multicode-access-view .project-edit-item button, .collection-share-body .rc-dialog.gallery-multicode-access-view button {
  width: 100%;
  border-radius: 24px;
}

.gallery-multicode-access-view .project-edit-item button .btn-label, .collection-share-body .rc-dialog.gallery-multicode-access-view button .btn-label {
  text-align: center;
}

.gallery-multicode-access-view .project-edit-item button.btn-default, .collection-share-body .rc-dialog.gallery-multicode-access-view button.btn-default {
  background-color: white;
  border: 1px solid #525252;
  border-radius: 24px;
}

.gallery-multicode-access-view .project-edit-item button.btn-default:hover, .collection-share-body .rc-dialog.gallery-multicode-access-view button.btn-default:hover {
  background-color: white;
}

.dialog-v2-breadcrumb.feedback-filter {
  margin-left: 16px;
  margin-top: 8px;
}

.collection-share-view-projects-item {
  display: flex;
  width: 394px;
  max-width: 100%;
  cursor: pointer;
  flex-direction: column;
}

.collection-share-view-projects-item .collection-share-view-projects-item-image {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  max-height: 394px;
  min-height: 394px;
  padding: 32px;
  aspect-ratio: 1/1;
  background-color: #EFEFEF;
  box-sizing: border-box;
  margin-bottom: 8px;
}

.collection-share-view-projects-item .collection-share-view-projects-item-image img {
  max-height: 100%;
  max-width: 100%;
}

.collection-share-view-projects-item .collection-share-view-projects-item-image img.landscape {
  width: 100%;
}

.collection-share-view-projects-item .collection-share-view-projects-item-image img.portrait {
  height: 100%;
}

.collection-share-view-projects-item .collection-share-view-projects-item-labels {
  flex: 0;
  padding: 0;
}

.collection-share-view-projects-item .collection-share-view-projects-item-labels .content-group-table-row .group-content-label {
  min-height: unset;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 20px;
  color: #000000;
}

.collection-share-view-projects-item .collection-share-view-projects-item-labels .content-group-table-row .group-content-label.article {
  color: #555555;
}

#CollectionMainCollections .collection-share-data-section-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-bottom: 16px;
  gap: 16px;
}
#CollectionMainCollections .collection-share-add-gallery-btn {
  width: 394px;
  max-width: 100%;
  min-width: unset;
  flex-shrink: 0;
  border-radius: 8px;
  overflow: hidden;
  height: 334px;
  box-sizing: border-box;
  background-color: #f8f8f8;
  color: #3669c4;
}
#CollectionMainCollections .collection-share-add-gallery-btn .rc-icon.sgw-icon::before {
  color: #3669c4;
}
#CollectionMainCollections.phone-view .collection-item {
  display: flex;
  max-height: 80px;
  box-sizing: border-box;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.25);
  flex-direction: row;
  margin: unset;
  width: 100%;
  border-radius: 0;
}
#CollectionMainCollections.phone-view .collection-item .content-card-image {
  max-width: 107px;
  min-width: 107px;
  height: 100%;
  flex: unset;
}
#CollectionMainCollections.phone-view .collection-item .content-card-title {
  display: flex;
  align-items: center;
  width: 100%;
  flex: 1;
}
#CollectionMainCollections.phone-view .collection-share-add-gallery-btn {
  width: 100%;
  max-width: unset;
  height: 80px;
  border-radius: 0;
}

.dark-theme #CollectionMainCollections .content-card.collection-item,
.dark-theme #CollectionMainCollections .collection-share-add-gallery-btn {
  background-color: #000000;
  color: #ffffff;
}
.dark-theme #CollectionMainCollections .content-card.collection-item .rc-icon.sgw-icon::before,
.dark-theme #CollectionMainCollections .collection-share-add-gallery-btn .rc-icon.sgw-icon::before {
  color: #ffffff;
}

#CollectionAddGalleryAccessKey {
  display: flex;
  flex-direction: column;
}
#CollectionAddGalleryAccessKey .collection-share-view-body {
  flex: 1;
  align-content: center;
}

body {
  touch-action: pan-x pan-y;
}

body.redesign {
  color: #2C2C2C;
}

.login-view-standalone {
  height: unset;
}
.login-view-standalone .login-view-standalone-view {
  width: 100%;
  max-width: unset;
}