.product-selector-modal {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
@media screen and (max-width: 640px) {
  .product-selector-modal {
    padding: 0 !important;
  }
}

.product-selector-modal.uk-modal.uk-open {
  display: flex !important;
  align-items: center;
}

#product-selector-dialog {
  overflow-y: auto;
  height: 100dvh;
}
@media (min-width: 480px) {
  #product-selector-dialog {
    width: 100%;
    height: unset;
  }
}
@media (min-width: 600px) {
  #product-selector-dialog {
    width: 100%;
  }
}
@media (min-width: 768px) {
  #product-selector-dialog {
    width: 720px;
  }
}
@media (min-width: 960px) {
  #product-selector-dialog {
    width: 900px;
  }
}

.expand {
  transition: height 300ms cubic-bezier(0.3, 0, 0.6, 1);
}

.toggle-upload {
  font-size: 30px;
  margin: 3px;
}

.gallery .image {
  display: inline-block;
  margin: 2px;
  border: 1px solid #fff;
}

.gallery .image.selected {
  border: 1px solid #39f;
}

.gallery img {
  height: 80px;
}
@media (min-width: 600px) {
  .gallery img {
    height: 140px;
  }
}

.gallery .image:hover {
  background-color: #ffffff;
  border-color: rgb(94, 94, 94);
}

.img-checked {
  background-color: #39f;
  position: absolute;
  border-radius: 50%;
  border: 1px solid #fff;
  width: 20px;
  height: 20px;
  margin-top: -4px;
  margin-left: -4px;
  color: #fff;
}

.img-checked i {
  vertical-align: super;
}

.price-display {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 4px 4px;
  align-items: center;
}
.price-display div span {
  margin-right: 15px;
}
.price-display select {
  padding: 1px 1px 0px 8px;
  width: 70px;
  background-color: #fff;
}
.price-display input {
  height: 30px;
  width: 80px;
}

.expanded .price-display {
  width: 250px;
}

.in-cart-button {
  height: 52px;
  margin: 3px;
}
@media (min-width: 600px) {
  .in-cart-button {
    width: 280px;
  }
}

.price {
  min-width: 10px;
  display: inline-block;
}

/* HTML: <div class="loader"></div> */
.loader {
  width: 30px;
  aspect-ratio: 4;
  --_g: no-repeat radial-gradient(circle closest-side,#ffffff 90%,#0000);
  background: var(--_g) 0% 50%, var(--_g) 50% 50%, var(--_g) 100% 50%;
  background-size: 33.3333333333% 100%;
  animation: l7 1s infinite linear;
}

@keyframes l7 {
  33% {
    background-size: 33.3333333333% 0%, 33.3333333333% 100%, 33.3333333333% 100%;
  }
  50% {
    background-size: 33.3333333333% 100%, 33.3333333333% 0%, 33.3333333333% 100%;
  }
  66% {
    background-size: 33.3333333333% 100%, 33.3333333333% 100%, 33.3333333333% 0%;
  }
}
.fk-input[data-type=radio] fieldset {
  border: none;
  margin: 0;
  padding: 10px;
}
.fk-input[data-type=radio] ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.fk-input[data-type=radio] li label > span {
  margin-right: 10px;
}
.fk-input[data-type=radio] li label > span {
  vertical-align: text-bottom;
}
.fk-input[data-type=radio] li label input {
  vertical-align: inherit;
}

.fk-input.radio-float li {
  display: inline-block;
}

.fk-input[data-type=select] {
  margin: 8px 0 8px 0;
}

@media (min-width: 480px) {
  #country-select {
    width: 160px;
  }
}
@media (max-width: 479px) {
  #country-select {
    width: 46px;
  }
}

div.country-select {
  margin-left: 5px;
}
div.country-select label {
  margin-right: 8px;
}

.preview-title {
  margin: 4px;
  margin-top: 0px;
  height: 24px;
}

.preview-title > div {
  display: inline-flex;
  align-items: center;
}

.select-count {
  background-color: cornsilk;
  border-radius: 10px;
  padding: 0px;
  padding-left: 10px;
  padding-right: 10px;
  display: inline-block;
  box-shadow: 6px 6px 5px -4px rgba(0, 0, 0, 0.2);
}

.separate-button {
  color: #fff;
  background-color: #888;
  margin-left: 10px;
  width: 26px;
  height: 26px;
  padding-left: 4px;
  display: inline-block;
  cursor: pointer;
  box-shadow: 6px 6px 5px -4px rgba(0, 0, 0, 0.2);
}

#product-selector-dialog .final-product-info {
  display: none;
  padding: 10px;
  font-weight: bold;
}
@media (max-width: 479px) {
  #product-selector-dialog .ps-main-container:has(.final-product) {
    display: none;
  }
  #product-selector-dialog .final-product-info {
    display: block;
  }
}
#product-selector-dialog .ps-form {
  margin-top: 20px;
  flex: 1 1 auto;
}
@media (min-width: 600px) {
  #product-selector-dialog .ps-form {
    margin-top: 0;
  }
}
#product-selector-dialog .ps-element {
  box-shadow: 10px 5px 5px black;
}
@media (min-width: 600px) {
  #product-selector-dialog .ps-element {
    box-shadow: none;
  }
}
#product-selector-dialog .qs {
  flex: 0 1 auto;
}
@media (min-width: 600px) {
  #product-selector-dialog .ps-element .grid {
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    grid-template-rows: 1fr;
    gap: 0px 0px;
    grid-template-areas: "product-preview product-selector";
  }
}
@media (min-width: 960px) {
  #product-selector-dialog .ps-element .grid {
    grid-template-columns: 1fr 1fr;
  }
}
#product-selector-dialog .product-preview {
  grid-area: product-preview;
  width: 100%;
}
@media (min-width: 600px) {
  #product-selector-dialog .product-preview {
    border-bottom: 2px dotted #ddd;
  }
}
#product-selector-dialog .product-preview {
  background-color: rgba(255, 255, 255, 0.6666666667);
}
@media (min-width: 600px) {
  #product-selector-dialog .product-preview {
    background-color: rgba(170, 170, 170, 0.6666666667);
  }
}
#product-selector-dialog .expanded .product-preview {
  background-color: rgba(170, 170, 170, 0.6666666667);
}
#product-selector-dialog .expanded .product-preview .preview-image-container {
  background: none;
}
#product-selector-dialog .expanded .product-preview .preview-image-container > div {
  height: 260px;
}
#product-selector-dialog .preview-image-container {
  background-color: rgba(170, 170, 170, 0.6666666667);
}
@media (min-width: 600px) {
  #product-selector-dialog .preview-image-container {
    background: none;
  }
}
#product-selector-dialog .file-buttons {
  vertical-align: middle;
}
#product-selector-dialog .file-buttons.small {
  margin-left: 15px;
  width: 106px;
}
@media (min-width: 960px) {
  #product-selector-dialog .file-buttons.small {
    width: unset;
  }
}
#product-selector-dialog .active-preview {
  display: flex;
  align-items: center;
  height: 100%;
  min-height: 320px;
  justify-content: center;
}
@media (max-width: 479px) {
  #product-selector-dialog .active-preview {
    height: 280px;
    min-height: 280px;
    align-items: flex-start;
  }
}
#product-selector-dialog .active-preview > div {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
}
#product-selector-dialog .active-preview .no-media-placeholder {
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#product-selector-dialog .active-preview .preview-container {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  box-sizing: border-box;
  overflow: visible;
}
@media (max-width: 479px) {
  #product-selector-dialog .active-preview .preview-container {
    height: 280px;
    margin-top: 0 !important;
  }
}
#product-selector-dialog .active-preview .preview-image-wrapper {
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
}
#product-selector-dialog .active-preview .preview-image-tools {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 4px;
  padding-bottom: 8px;
  position: relative;
  z-index: 20;
}
@media (max-width: 479px) {
  #product-selector-dialog .active-preview .preview-image-tools {
    padding-top: 2px;
    padding-bottom: 6px;
  }
}
@media (max-width: 479px) {
  #product-selector-dialog .active-preview .preview-image-container {
    transform: scale(0.86);
    transform-origin: top center;
  }
}
@media (max-width: 479px) {
  #product-selector-dialog .active-preview .preview-title {
    position: absolute;
    top: 6px;
    left: 6px;
    z-index: 20;
    margin: 0;
    padding: 0;
    height: auto;
  }
}
@media (max-width: 479px) {
  #product-selector-dialog .active-preview .preview-title .select-count {
    padding-left: 8px;
    padding-right: 8px;
    font-size: 0.8rem;
  }
}
@media (max-width: 479px) {
  #product-selector-dialog .active-preview .preview-title .separate-button {
    margin-left: 6px;
  }
}
#product-selector-dialog .product-selector {
  grid-area: product-selector;
  border-bottom: 2px dotted #ddd;
}
#product-selector-dialog .product-selector > div {
  height: 100%;
}
#product-selector-dialog .product-selector div.active {
  display: flex;
  flex-flow: column;
  height: 100%;
}
@media (min-width: 600px) {
  #product-selector-dialog .ps-element:hover {
    background-color: #efefef;
  }
  #product-selector-dialog .ps-element.expanded:hover {
    background-color: #fff;
  }
}
#product-selector-dialog .align-right {
  text-align: right;
}
#product-selector-dialog .uk-modal-header {
  border: none;
}
@media (max-width: 479px) {
  #product-selector-dialog .uk-modal-header h3 {
    font-size: 1.2em;
  }
}
#product-selector-dialog div.inline {
  display: inline-block;
}
#product-selector-dialog .modal-header h3 {
  margin-bottom: 0px;
}
#product-selector-dialog .modal-header h3 {
  margin-bottom: 0px;
}
#product-selector-dialog .product-selection-text {
  margin-bottom: 14px;
  padding: 10px;
}
#product-selector-dialog .breadcrumbs-slider {
  display: flex;
  margin-bottom: 4px;
}
#product-selector-dialog .breadcrumbs-slider .num-dec,
#product-selector-dialog .breadcrumbs-slider .num-inc {
  width: 16px;
  height: 20px;
  overflow: hidden;
  padding: 0;
  margin: 0;
  padding-bottom: 2px;
  border: 1px solid #d0d0d0;
  color: #666;
  line-height: 15px;
  margin-top: 3px;
}
#product-selector-dialog .breadcrumbs-slider .num-dec {
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%;
  margin-right: 4px;
}
#product-selector-dialog .breadcrumbs-slider .num-inc {
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  margin-left: 4px;
}
#product-selector-dialog .bc-nav {
  display: none;
}
#product-selector-dialog .breadcrumbs-slider:has(.uk-slider-items [aria-hidden=true]) .bc-nav {
  display: block;
}
#product-selector-dialog .uk-slideshow-items > div.uk-active {
  overflow-y: auto;
}
#product-selector-dialog .qs-container {
  display: inline-block;
  margin: 0;
}
#product-selector-dialog .ps-small .product-select-form {
  display: grid;
  grid-template-columns: 1fr 200px;
  grid-template-rows: 1fr;
}
#product-selector-dialog .prod-small {
  display: inline-block;
}
#product-selector-dialog .prod-small > div {
  margin-left: 10px;
}
#product-selector-dialog .cart-button-container {
  background: #ebedef;
  padding-left: 15px;
  padding-right: 15px;
}
#product-selector-dialog .sticky {
  box-sizing: border-box;
  width: 100%;
  position: fixed;
  bottom: 0;
}
#product-selector-dialog .in-cart-button {
  margin-top: 5px;
  margin-bottom: 5px;
  height: 52px;
}
@media (max-width: 479px) {
  #product-selector-dialog .in-cart-button {
    padding-left: 15px;
    padding-right: 15px;
  }
}
#product-selector-dialog .abort-button {
  margin-top: 5px;
  margin-bottom: 5px;
  height: 52px;
}
@media (max-width: 479px) {
  #product-selector-dialog .abort-button {
    padding: 0;
  }
}
#product-selector-dialog .abort-button .abort-small {
  display: inline;
}
@media (min-width: 480px) {
  #product-selector-dialog .abort-button .abort-small {
    display: none;
  }
}
#product-selector-dialog .abort-button .abort-large {
  display: none;
}
@media (min-width: 480px) {
  #product-selector-dialog .abort-button .abort-large {
    display: inline;
  }
}
#product-selector-dialog .ps-footer {
  height: 62px;
  background: rgba(255, 255, 255, 0.6666666667);
  position: relative;
  z-index: 100;
}
#product-selector-dialog .ps-footer .uk-align-right {
  margin: 0;
}
#product-selector-dialog .fk-confirm .label {
  margin-left: 10px;
}

#product-selector-dialog > div {
  max-height: 100vh;
}

#pgr-icon {
  background-repeat: no-repeat;
  width: 100%;
  height: 180px;
  margin-bottom: 5px;
  background-position-x: center;
}

.pgr1 {
  background-image: url(/theme/public/assets/images/fotoabzuege.jpg);
}

.pgr2 {
  background-image: url(/theme/public/assets/images/postkarten.jpg);
}

.pgr3 {
  background-image: url(/theme/public/assets/images/postkarten.jpg);
}

.pgr4 {
  background-image: url(/theme/public/assets/images/poster.jpg);
}

.pgr5 {
  background-image: url(/theme/public/assets/images/fototasse.jpg);
}

.pgr6 {
  background-image: url(/theme/public/assets/images/prodicon_kalender_digitaldruck.jpg);
}

.pgr12 {
  background-image: url(/theme/public/assets/images/aludibond.jpg);
}

.pgr13 {
  background-image: url(/theme/public/assets/images/keilrahmen.jpg);
}

.final-product {
  font-weight: bold;
  margin-bottom: 5px;
}

.product-option {
  padding-left: 20px;
  padding-right: 6px;
  text-wrap: nowrap;
  float: left;
  background-repeat: no-repeat;
  background-size: 15px 15px;
  background-position: left center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='256' height='256' viewBox='0 0 256 256' xml:space='preserve'%3E%3Cg style='stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;' transform='translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)'%3E%3Cpath d='M 43.077 63.077 c -0.046 0 -0.093 -0.001 -0.14 -0.002 c -1.375 -0.039 -2.672 -0.642 -3.588 -1.666 L 23.195 43.332 c -1.84 -2.059 -1.663 -5.22 0.396 -7.06 c 2.059 -1.841 5.22 -1.664 7.06 0.396 l 12.63 14.133 l 38.184 -38.184 c 1.951 -1.952 5.119 -1.952 7.07 0 c 1.953 1.953 1.953 5.119 0 7.071 L 46.612 61.612 C 45.674 62.552 44.401 63.077 43.077 63.077 z' style='stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,165,16); fill-rule: nonzero; opacity: 1;' transform=' matrix(1 0 0 1 0 0) ' stroke-linecap='round'/%3E%3Cpath d='M 45 90 C 20.187 90 0 69.813 0 45 C 0 20.187 20.187 0 45 0 c 2.762 0 5 2.239 5 5 s -2.238 5 -5 5 c -19.299 0 -35 15.701 -35 35 s 15.701 35 35 35 s 35 -15.701 35 -35 c 0 -2.761 2.238 -5 5 -5 s 5 2.239 5 5 C 90 69.813 69.813 90 45 90 z' style='stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,165,16); fill-rule: nonzero; opacity: 1;' transform=' matrix(1 0 0 1 0 0) ' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E");
}

.hidden[data-v-075c14d8] {
  display: none;
}

.expand {
  transition: height 300ms cubic-bezier(0.3, 0, 0.6, 1);
}

.upload-container {
  padding: 5px 14px 5px 14px;
}

.select-tools {
  display: inline-block;
}
.select-tools button {
  margin-top: 4px;
}

.select-mod {
  display: inline-block;
  margin-right: 20px;
}
.select-mod .uk-badge {
  background-color: #e9e9ed;
  color: #666 !important;
  cursor: pointer;
}

.dir-select {
  display: inline-block;
  position: absolute;
  background-color: #fff;
  padding-right: 6px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
  min-width: 185px;
  margin-top: 32px;
}

.dir-select ul {
  padding-left: 4px;
  margin: 0;
}

.dir-select li {
  list-style-type: none;
  margin-left: 3px;
}

#gallery-selection-menue {
  position: sticky;
  top: 0px;
  background: rgb(255, 255, 255);
  border-bottom: 1px solid gray;
  z-index: 10;
}

#pp-shop .toggle-upload {
  font-size: 30px;
  margin: 3px;
  padding: 3px 10px;
}

#pp-shop .new-folder-name {
  max-width: 400px;
}

.gallery-image {
  width: min(140px, (100vw - 48px) / 3);
  height: min(140px, (100vw - 48px) / 3);
  display: inline-block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.gallery-preview {
  width: min(540px, 100vw - 70px);
  height: min(540px, 100vw - 70px);
  display: inline-block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.gallery .uk-thumbnail-caption {
  overflow: clip;
  white-space: nowrap;
  width: min(140px, (100vw - 48px) / 3);
}

.fitin .gallery-image {
  background-size: contain;
}

.gallery-image:hover {
  background-size: contain;
}

.gallery-image.cut {
  opacity: 0.3;
}

.gallery img {
  height: min(140px, (100vw - 46px) / 3);
}

.gallery .image:hover {
  background-color: #ffffff;
  border-color: rgb(94, 94, 94);
}

.img-checked {
  background-color: #39f;
  position: absolute;
  border-radius: 50%;
  border: 1px solid #fff;
  width: 20px;
  height: 20px;
  margin-top: -4px;
  margin-left: -4px;
  color: #fff;
}

.folder .img-checked {
  margin-top: 20px;
  margin-left: 8px;
}

.img-checked i {
  vertical-align: super;
}

.folder {
  width: min(140px, (100vw - 46px) / 3);
  height: min(145px, (100vw - 46px) / 3 + 18px);
  padding: 2px;
  display: flex;
  flex-direction: column;
  float: left;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.folder:last-child {
  float: none;
}

.folder-caption {
  margin-top: auto;
  padding-left: 10px;
  height: 1.5em;
  overflow: hidden;
}
@media (min-width: 600px) {
  .folder-caption {
    padding-left: 16px;
  }
}

.folder-caption:hover {
  overflow: visible;
  z-index: 100;
}
.folder-caption:hover div {
  background-color: rgba(255, 255, 255, 0.9333333333);
}

div.icon {
  display: inline-block;
  height: 25px;
  width: 25px;
}

div.icon[data-type="application/pdf"] {
  background-image: url(/theme/public/assets/images/Adobe-PDF.svg);
  background-size: 100% 100%;
  margin-right: 5px;
}

div.icon[data-module=calendar], div.icon[data-module=kalender] {
  background-image: url(/theme/public/assets/images/calendar.svg);
  background-size: 100% 100%;
  margin-right: 5px;
}

div.icon[data-type=Image] {
  background-image: url(/theme/public/assets/images/image.svg);
  background-size: 100% 100%;
  margin-right: 5px;
}

.preview-modal .uk-modal-dialog {
  background-color: #ccc;
}

.pp-cart-notification p:first-of-type:empty + p {
  display: block;
}

.pp-cart-notification p:first-of-type + p {
  display: none;
}

.pp-cart-infobox {
  text-transform: none;
}

.pp-info-bubble {
  position: absolute;
  background: #f39503;
  min-width: 14px;
  height: 20px;
  border-radius: 10px;
  margin-left: 10px;
  margin-top: -12px;
  z-index: 10;
  line-height: 18px;
  padding: 0 3px 0 3px;
  color: #fff;
  font-size: 14px;
  text-align: center;
}

#mobile-upload div.big {
  width: 132px;
  position: absolute;
}

.mobile-upload-source {
  display: none !important;
}

div.phone {
  background-image: url("data:image/svg+xml;base64,IAo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSItNiAtNiAzMiAzMiI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBkPSJNMTUuNSwxNyBDMTUuNSwxNy44IDE0LjgsMTguNSAxNCwxOC41IEw3LDE4LjUgQzYuMiwxOC41IDUuNSwxNy44IDUuNSwxNyBMNS41LDMgQzUuNSwyLjIgNi4yLDEuNSA3LDEuNSBMMTQsMS41IEMxNC44LDEuNSAxNS41LDIuMiAxNS41LDMgTDE1LjUsMTcgTDE1LjUsMTcgTDE1LjUsMTcgWiI+PC9wYXRoPjxjaXJjbGUgY3g9IjEwLjUiIGN5PSIxNi41IiByPSIuOCI+PC9jaXJjbGU+PC9zdmc+Cg==");
}

.mobile-connect {
  height: 550px;
  max-width: 750px;
  background-color: #f4f4f4;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.mobile-connect .qr-code {
  margin: 10px;
}
.mobile-connect div {
  padding: 10px;
}

/* Let Uppy inline dashboard shrink to content height */
div[id^=upload-] .uppy-Dashboard,
div[id^=upload-] .uppy-Dashboard-inner,
div[id^=upload-] .uppy-Dashboard-innerWrap,
div[id^=upload-] .uppy-Dashboard-AddFilesPanel,
div[id^=upload-] .uppy-Dashboard-AddFiles {
  height: auto !important;
  min-height: 0 !important;
}

div[id^=upload-] .uppy-DashboardTab {
  margin: 0 4px !important;
}

/* screen-mini: keep only compact source icons, hide drag/drop area text blocks */
@media (max-width: 479px) {
  div[id^=upload-] .uppy-Dashboard-AddFiles {
    min-height: 0 !important;
    padding: 8px !important;
    border: 0 !important;
  }
  div[id^=upload-] .uppy-Dashboard-AddFiles-title,
  div[id^=upload-] .uppy-Dashboard-AddFiles-info,
  div[id^=upload-] .uppy-Dashboard-dropFilesHereHint {
    display: none !important;
  }
  div[id^=upload-] .uppy-Dashboard-AddFiles-list {
    display: flex !important;
    flex-wrap: wrap;
    margin: 0 !important;
    justify-content: center;
    gap: 6px;
  }
  div[id^=upload-] .uppy-DashboardTab {
    display: block !important;
    width: auto !important;
    margin: 0 2px !important;
  }
  div[id^=upload-] .uppy-DashboardTab.mobile-upload-source {
    display: none !important;
  }
  div[id^=upload-] .uppy-DashboardTab-btn {
    min-height: 34px !important;
    padding: 6px !important;
  }
  div[id^=upload-] .uppy-Dashboard-inner {
    min-height: auto !important;
  }
}
.product-preview .preview-image-container {
  padding: 5px 30px 5px 30px;
  text-align: center;
}
.product-preview .preview-image-container .media-warning {
  z-index: 10;
}
.product-preview .methodButton {
  width: 260px;
}
.product-preview .swiper-slide-shadow {
  background-color: rgba(0, 0, 0, 0);
}

.dir-item {
  width: 100%;
}

.dir-select .chevron {
  position: absolute;
  margin-left: -24px;
}

.dir-action {
  padding-left: 5px;
}

li > a [uk-icon=chevron-down] {
  display: inline;
}

li > a [uk-icon=chevron-up] {
  display: none;
}

li.uk-open > a [uk-icon=chevron-down] {
  display: none;
}

li.uk-open > a [uk-icon=chevron-up] {
  display: inline;
}

.product-edit-modal.uk-modal.uk-open.uk-modal-full {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0;
  z-index: 2000;
  background: rgba(0, 0, 0, 0.25);
  opacity: 0;
  transition: opacity 220ms ease;
}

.product-edit-modal.uk-modal.uk-open.uk-modal-full.is-entered {
  opacity: 1;
}

.product-edit-zoom-layer {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2001;
}

.product-edit-dialog {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 2001;
  padding-bottom: 8px;
  width: 100%;
  height: 100vh;
  overflow: auto;
}

.product-edit-zoom-layer.is-animated {
  transform-origin: top left;
  transition: transform 260ms cubic-bezier(0.2, 0.75, 0.2, 1);
}

.product-edit-dialog {
  position: absolute;
  background-color: #fff;
  z-index: 10;
  padding-bottom: 8px;
}

.expand[data-v-714bdcba] {
  transition: height 300ms cubic-bezier(0.3, 0, 0.6, 1);
}

.upload-container[data-v-714bdcba] {
  margin: 5px 14px 5px 14px;
}

.add-button-container[data-v-714bdcba] {
  padding-left: 10px;
}

.select-tools[data-v-714bdcba] {
  display: inline-block;
}
.select-tools button[data-v-714bdcba] {
  margin-top: 4px;
}

.select-mod[data-v-714bdcba] {
  display: inline-block;
  margin-right: 20px;
}
.select-mod .uk-badge[data-v-714bdcba] {
  background-color: #e9e9ed;
  color: #666 !important;
  cursor: pointer;
}

.dir-select[data-v-714bdcba] {
  display: inline-block;
  position: absolute;
  background-color: #fff;
  padding-right: 6px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
  min-width: 185px;
  margin-top: 32px;
}

.dir-select ul[data-v-714bdcba] {
  padding-left: 4px;
  margin: 0;
}

.dir-select li[data-v-714bdcba] {
  list-style-type: none;
  margin-left: 3px;
}

#gallery-selection-menue[data-v-714bdcba] {
  position: sticky;
  top: 0px;
  background: rgb(255, 255, 255);
  border-bottom: 1px solid gray;
  z-index: 10;
}

#pp-shop .toggle-upload[data-v-714bdcba] {
  font-size: 30px;
  margin: 3px;
  padding: 3px 10px;
}

#pp-shop .new-folder-name[data-v-714bdcba] {
  max-width: 400px;
}

.gallery[data-v-714bdcba] {
  padding-left: 10px;
  padding-right: 10px;
}

.gallery-image[data-v-714bdcba] {
  width: min(140px, (100vw - 48px) / 3);
  height: min(140px, (100vw - 48px) / 3);
  display: inline-block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.gallery .uk-thumbnail-caption[data-v-714bdcba] {
  overflow: clip;
  white-space: nowrap;
  width: min(140px, (100vw - 48px) / 3);
}

.fitin .gallery-image[data-v-714bdcba] {
  background-size: contain;
}

.gallery-image[data-v-714bdcba]:hover {
  background-size: contain;
}

.gallery-image.cut[data-v-714bdcba] {
  opacity: 0.3;
}

.gallery img[data-v-714bdcba] {
  height: 80px;
}
@media (min-width: 600px) {
  .gallery img[data-v-714bdcba] {
    height: 140px;
  }
}

.gallery .image[data-v-714bdcba]:hover {
  background-color: #ffffff;
  border-color: rgb(94, 94, 94);
}

.img-checked[data-v-714bdcba] {
  background-color: #39f;
  position: absolute;
  border-radius: 50%;
  border: 1px solid #fff;
  width: 20px;
  height: 20px;
  margin-top: -4px;
  margin-left: -4px;
  color: #fff;
}

.folder .img-checked[data-v-714bdcba] {
  margin-top: 20px;
  margin-left: 8px;
}

.img-checked i[data-v-714bdcba] {
  vertical-align: super;
}

.folder[data-v-714bdcba] {
  width: 80px;
  height: 98px;
  padding: 2px;
  display: flex;
  flex-direction: column;
  float: left;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' enable-background='new 0 0 48 48'%3E%3Cpath fill='%23FFA000' d='M40,12H22l-4-4H8c-2.2,0-4,1.8-4,4v8h40v-4C44,13.8,42.2,12,40,12z'/%3E%3Cpath fill='%23FFCA28' d='M40,12H8c-2.2,0-4,1.8-4,4v20c0,2.2,1.8,4,4,4h32c2.2,0,4-1.8,4-4V16C44,13.8,42.2,12,40,12z'/%3E%3C/svg%3E");
}
@media (min-width: 600px) {
  .folder[data-v-714bdcba] {
    width: 140px;
    height: 145px;
  }
}

.folder[data-v-714bdcba]:last-child {
  float: none;
}

.folder-caption[data-v-714bdcba] {
  margin-top: auto;
  padding-left: 10px;
  height: 1.5em;
  overflow: hidden;
}
@media (min-width: 600px) {
  .folder-caption[data-v-714bdcba] {
    padding-left: 16px;
  }
}

.folder-caption:hover[data-v-714bdcba] {
  overflow: visible;
  z-index: 100;
}
.folder-caption:hover div[data-v-714bdcba] {
  background-color: rgba(255, 255, 255, 0.9333333333);
}

.folder[data-oid="1"][data-v-714bdcba] {
  background-image: url("data:image/svg+xml,%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' enable-background='new 0 0 48 48'%3E%3Cpath fill='%23FFA000' d='M40,12H22l-4-4H8c-2.2,0-4,1.8-4,4v8h40v-4C44,13.8,42.2,12,40,12z'/%3E%3Cpath fill='%23FFCA28' d='M40,12H8c-2.2,0-4,1.8-4,4v20c0,2.2,1.8,4,4,4h32c2.2,0,4-1.8,4-4V16C44,13.8,42.2,12,40,12z'/%3E%3Cg transform='translate(15,15)'%3E%3Cpath transform='scale(0.04)' d='M0 84V56c0-13.3 10.7-24 24-24h112l9.4-18.7c4-8.2 12.3-13.3 21.4-13.3h114.3c9.1 0 17.4 5.1 21.5 13.3L312 32h112c13.3 0 24 10.7 24 24v28c0 6.6-5.4 12-12 12H12C5.4 96 0 90.6 0 84zm416 56v324c0 26.5-21.5 48-48 48H80c-26.5 0-48-21.5-48-48V140c0-6.6 5.4-12 12-12h360c6.6 0 12 5.4 12 12zm-272 68c0-8.8-7.2-16-16-16s-16 7.2-16 16v224c0 8.8 7.2 16 16 16s16-7.2 16-16V208zm96 0c0-8.8-7.2-16-16-16s-16 7.2-16 16v224c0 8.8 7.2 16 16 16s16-7.2 16-16V208zm96 0c0-8.8-7.2-16-16-16s-16 7.2-16 16v224c0 8.8 7.2 16 16 16s16-7.2 16-16V208z'/%3E%3C/g%3E%3C/svg%3E");
}

.orders-content[data-v-104548c0] {
  max-width: 760px;
}

.orders-year-group[data-v-104548c0] {
  margin-bottom: 10px;
}

.orders-year-switch[data-v-104548c0] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 4px;
}

.orders-year-switch .uk-button[data-v-104548c0] {
  min-width: 74px;
}

.orders-more-link[data-v-104548c0] {
  border: 0;
  background: transparent;
  padding: 0;
  color: #1e87f0;
  text-decoration: underline;
  cursor: pointer;
}

.orders-more-link[data-v-104548c0]:disabled {
  color: #999;
  text-decoration: none;
  cursor: default;
}

.custom-filter-panel[data-v-104548c0] {
  margin-bottom: 14px;
  padding: 12px;
  border: 1px solid #ddd;
  border-radius: 6px;
  background: #f8f8f8;
}

.custom-filter-grid[data-v-104548c0] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.custom-filter-actions[data-v-104548c0] {
  display: flex;
  gap: 8px;
  margin-top: 10px;
}

.au[data-v-104548c0] {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #aaa;
}

.purchase-row-layout[data-v-104548c0] {
  display: grid;
  grid-template-columns: 72px 1fr auto;
  gap: 12px;
  align-items: start;
}

.purchase-thumb-column[data-v-104548c0] {
  display: grid;
  gap: 10px;
}

.purchase-main-column[data-v-104548c0] {
  display: grid;
  gap: 6px;
  width: 100%;
}

.purchase[data-v-104548c0] {
  display: flex !important;
  align-items: center;
  gap: 0;
  min-height: 54px;
  width: 100%;
}

.purchase > div[data-v-104548c0] {
  display: block;
}

.purchase-number[data-v-104548c0] {
  flex: 0 0 190px;
  width: 190px;
  padding-right: 12px;
  white-space: nowrap;
}

.purchase-payment[data-v-104548c0] {
  white-space: normal;
}

.purchase-proof-info[data-v-104548c0] {
  display: grid;
  gap: 6px;
  margin-top: 6px;
}

.purchase-proof-status[data-v-104548c0] {
  color: #344054;
  font-weight: 600;
  line-height: 1.3;
}

.purchase-proof-button[data-v-104548c0] {
  justify-self: start;
}

.purchase-status[data-v-104548c0] {
  min-width: 0;
  white-space: nowrap;
}

.purchase-thumb-wrapper[data-v-104548c0] {
  position: relative;
  width: 72px;
  height: 54px;
  flex: 0 0 72px;
}

.purchase-thumb-wrapper.has-stack[data-v-104548c0]::before {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 72px;
  height: 54px;
  border: 1px solid #aaa;
  border-radius: 4px;
  background: #fff;
  z-index: 0;
}

.purchase-thumb[data-v-104548c0],
.purchase-thumb-empty[data-v-104548c0] {
  position: relative;
  z-index: 1;
  width: 72px;
  height: 54px;
  border-radius: 4px;
}

.purchase-thumb[data-v-104548c0] {
  object-fit: contain;
  border: 1px solid #aaa;
  background: #fff;
}

.purchase-thumb-empty[data-v-104548c0] {
  border: 1px dashed #ddd;
  background: #f8f8f8;
}

.purchase-meta-column[data-v-104548c0] {
  display: grid;
  gap: 4px;
  justify-items: end;
  text-align: right;
  min-width: 130px;
}

@media (max-width: 640px) {
  .custom-filter-grid[data-v-104548c0] {
    grid-template-columns: 1fr;
  }
  .custom-filter-actions[data-v-104548c0] {
    flex-direction: column;
  }
  .purchase-row-layout[data-v-104548c0] {
    grid-template-columns: 72px 1fr;
    gap: 10px;
  }
  .purchase-thumb-column[data-v-104548c0] {
    gap: 8px;
  }
  .purchase-main-column[data-v-104548c0],
  .purchase-meta-column[data-v-104548c0] {
    grid-column: 2;
  }
  .purchase[data-v-104548c0] {
    display: flex !important;
    align-items: center;
    gap: 8px;
    width: 100%;
    min-height: 0;
  }
  .purchase-number[data-v-104548c0] {
    flex: 0 1 auto;
    min-width: 0;
    width: auto;
    padding-right: 0;
    white-space: normal;
  }
  .purchase-proof-button[data-v-104548c0] {
    width: 100%;
    justify-self: stretch;
  }
  .purchase-status[data-v-104548c0] {
    flex: 0 0 auto;
  }
  .purchase-meta-column[data-v-104548c0] {
    display: grid;
    gap: 4px;
    justify-items: start;
    text-align: left;
    min-width: 0;
    margin-top: 4px;
  }
}
.orders-content[data-v-305531a2] {
  max-width: 760px;
}

.au-details[data-v-305531a2] {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  flex-wrap: wrap;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ddd;
}
@media (min-width: 600px) {
  .au-details[data-v-305531a2] {
    gap: 12px;
    flex-wrap: nowrap;
  }
}

.address-grid[data-v-305531a2] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 12px;
}

.address-card[data-v-305531a2] {
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 10px;
  text-align: left;
}

.address-title[data-v-305531a2] {
  font-weight: 600;
  margin-bottom: 6px;
}

.address-body[data-v-305531a2] {
  margin-bottom: 8px;
}

.address-tracking-number[data-v-305531a2] {
  font-weight: 600;
  margin-bottom: 4px;
  color: var(--address-tracking-color, #555);
}

.purchases-header[data-v-305531a2] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin: 16px 0 8px;
}

.purchases-title[data-v-305531a2] {
  text-align: left;
}

.purchases-view-toggle[data-v-305531a2] {
  white-space: nowrap;
}

.all-files-view[data-v-305531a2] {
  display: grid;
  gap: 10px;
}

.all-files-delivery[data-v-305531a2] {
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 10px;
  text-align: left;
}

.all-files-delivery-title[data-v-305531a2] {
  font-weight: 700;
  margin-bottom: 8px;
}

.all-files-position[data-v-305531a2] {
  padding: 8px 0;
  text-align: left;
}

.all-files-position + .all-files-position[data-v-305531a2] {
  border-top: 1px solid #ddd;
}

.all-files-position-title[data-v-305531a2] {
  font-weight: 600;
  margin-bottom: 8px;
}

.all-files-position-options[data-v-305531a2] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 6px;
  margin-bottom: 8px;
}

.all-files-position-option[data-v-305531a2] {
  display: inline-block;
  padding: 1px 7px;
  border-radius: 999px;
  background: #f2f4f7;
  border: 1px solid #d0d5dd;
  color: #344054;
  font-size: 0.78rem;
  line-height: 1.3;
}

.all-files-position-option--neutral[data-v-305531a2] {
  background: transparent;
  border-color: #e0e3ea;
  color: #98a2b3;
  font-style: italic;
}

.all-files-images[data-v-305531a2] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.all-files-image-group[data-v-305531a2] {
  margin-top: 8px;
}

.all-files-image-group + .all-files-image-group[data-v-305531a2] {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px dashed #e0e3ea;
}

.all-files-image-group-options[data-v-305531a2] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 6px;
  margin-bottom: 6px;
}

.all-files-image[data-v-305531a2] {
  width: 96px;
  height: 72px;
  object-fit: contain;
  border-radius: 6px;
  border: 1px solid #d0d5dd;
  background: #f8f9fb;
  display: block;
  cursor: pointer;
}

.purchase-list[data-v-305531a2] {
  display: grid;
  gap: 12px;
}

.purchase-card[data-v-305531a2] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  align-items: start;
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 10px;
}
@media (min-width: 600px) {
  .purchase-card[data-v-305531a2] {
    grid-template-columns: 110px 1fr;
  }
}

.purchase-thumb-wrap[data-v-305531a2] {
  position: relative;
  width: 96px;
  height: 72px;
}

.purchase-thumb[data-v-305531a2] {
  width: 96px;
  height: 72px;
  object-fit: contain;
  border-radius: 6px;
  border: 1px solid #d0d5dd;
  background: #f8f9fb;
  position: relative;
  z-index: 2;
}

.purchase-thumb-stack[data-v-305531a2]::before {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 96px;
  height: 72px;
  border-radius: 6px;
  border: 1px solid #d0d5dd;
  background: #f8f9fb;
  z-index: 1;
}

.purchase-thumb-badge[data-v-305531a2] {
  position: absolute;
  right: 2px;
  bottom: 2px;
  z-index: 3;
}

.purchase-thumb-badge-btn[data-v-305531a2] {
  border: 0;
  cursor: pointer;
  line-height: 1;
  padding: 2px 4px;
}

.purchase-thumb-clickable[data-v-305531a2] {
  cursor: pointer;
}

.purchase-thumb-empty[data-v-305531a2] {
  display: none;
}

.purchase-thumbs[data-v-305531a2] {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding-bottom: 2px;
}
@media (min-width: 600px) {
  .purchase-thumbs[data-v-305531a2] {
    display: grid;
    gap: 6px;
    overflow-x: visible;
    padding-bottom: 0;
    justify-items: start;
  }
}

.purchase-thumb-row[data-v-305531a2] {
  width: auto;
  flex: 0 0 auto;
}
@media (min-width: 600px) {
  .purchase-thumb-row[data-v-305531a2] {
    width: 100%;
    flex: initial;
  }
}

.purchase-details[data-v-305531a2] {
  text-align: left;
}

.purchase-headline[data-v-305531a2] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 10px;
  padding: 8px 10px;
  border-radius: 8px;
  border: 1px solid #e4e7ec;
  background: #f2f4f7;
}
@media (min-width: 600px) {
  .purchase-headline[data-v-305531a2] {
    align-items: center;
  }
}

.purchase-id[data-v-305531a2] {
  font-weight: 700;
  color: #101828;
}

.purchase-id-group[data-v-305531a2] {
  display: inline-flex;
  align-items: baseline;
  gap: 8px;
}

.purchase-id-separator[data-v-305531a2] {
  color: #98a2b3;
  font-weight: 500;
}

.purchase-date[data-v-305531a2] {
  font-size: 1rem;
  font-weight: 600;
  color: #175cd3;
}

.purchase-total[data-v-305531a2] {
  margin-left: 0;
}
@media (min-width: 600px) {
  .purchase-total[data-v-305531a2] {
    margin-left: auto;
  }
}

.label[data-v-305531a2] {
  font-weight: 600;
}

.product-pid[data-v-305531a2] {
  color: #667085;
}

.item-quantity[data-v-305531a2] {
  font-weight: 600;
  color: #667085;
}

.purchase-products[data-v-305531a2] {
  display: grid;
  gap: 6px;
  margin-bottom: 8px;
}

.purchase-product-row[data-v-305531a2] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  width: 100%;
}
@media (min-width: 600px) {
  .purchase-product-row[data-v-305531a2] {
    flex-direction: row;
    justify-content: space-between;
    gap: 12px;
    align-items: baseline;
  }
}

.purchase-product-name[data-v-305531a2] {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.purchase-option-inline[data-v-305531a2] {
  color: #344054;
}

.purchase-product-main[data-v-305531a2] {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.purchase-product-options[data-v-305531a2] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 6px;
}

.purchase-product-option[data-v-305531a2] {
  display: inline-block;
  padding: 1px 7px;
  border-radius: 999px;
  background: #f2f4f7;
  border: 1px solid #d0d5dd;
  color: #344054;
  font-size: 0.78rem;
  line-height: 1.3;
}

.item-single-price[data-v-305531a2] {
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
}
@media (min-width: 600px) {
  .item-single-price[data-v-305531a2] {
    text-align: right;
  }
}

.purchase-meta[data-v-305531a2] {
  display: grid;
  gap: 4px;
}

.purchase-proof-info[data-v-305531a2] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 8px 10px;
  border: 1px solid #e4e7ec;
  border-radius: 8px;
  background: #fffce2;
}

.purchase-proof-summary[data-v-305531a2] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 8px;
  min-width: 0;
}

.purchase-proof-status[data-v-305531a2] {
  font-weight: 700;
  color: #101828;
}

.purchase-delivery-info[data-v-305531a2] {
  display: flex;
  align-items: center;
  gap: 4px;
}

.tracking-info-button[data-v-305531a2] {
  margin-left: 2px;
}

.purchase-delivery-logo[data-v-305531a2] {
  width: auto;
  height: 24px;
  flex: 0 0 auto;
  display: block;
  object-fit: contain;
  border-radius: 3px;
}

.tracking-iframe[data-v-305531a2] {
  width: 100%;
  min-height: 480px;
  border: 0;
  display: block;
}

.tracking-numbers-modal[data-v-305531a2] .uk-modal-dialog {
  width: min(460px, 100vw - 24px);
}

.tracking-numbers-panel[data-v-305531a2] {
  min-width: min(420px, 100vw - 52px);
}

.tracking-numbers-title[data-v-305531a2] {
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 10px;
}

.tracking-numbers-table[data-v-305531a2] {
  display: grid;
  gap: 6px;
}

.tracking-numbers-row[data-v-305531a2] {
  display: grid;
  grid-template-columns: minmax(110px, 1fr) minmax(140px, 2fr);
  gap: 8px;
  align-items: center;
  padding: 8px 10px;
  border: 1px solid #e4e7ec;
  border-radius: 8px;
}

.tracking-numbers-row-head[data-v-305531a2] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #475467;
  background: #f8f9fb;
}

.tracking-numbers-carrier[data-v-305531a2] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  font-weight: 600;
  overflow: hidden;
}

.tracking-numbers-carrier-label[data-v-305531a2] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tracking-numbers-number[data-v-305531a2] {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  word-break: break-all;
}

.image-overlay-backdrop[data-v-305531a2] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
}

.image-overlay-panel[data-v-305531a2] {
  background: #fff;
  border-radius: 8px;
  padding: 16px;
  max-height: 90vh;
  width: min(520px, 95vw);
  max-width: 95vw;
  display: flex;
  flex-direction: column;
  position: relative;
}

.image-overlay-close[data-v-305531a2] {
  position: absolute;
  top: 8px;
  right: 12px;
  background: transparent;
  border: 0;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
  color: #333;
}
.image-overlay-close[data-v-305531a2]:hover {
  color: #000;
}

.image-overlay-scroll[data-v-305531a2] {
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-top: 12px;
}

.image-overlay-slider[data-v-305531a2] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 200px;
}

.image-overlay-img[data-v-305531a2] {
  max-width: 100%;
  max-height: 70vh;
  object-fit: contain;
  display: block;
  border-radius: 4px;
}

.image-overlay-nav[data-v-305531a2] {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0, 0, 0, 0.35);
  color: #fff;
  border: 0;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  transition: background 0.15s;
}
.image-overlay-nav[data-v-305531a2]:hover {
  background: rgba(0, 0, 0, 0.6);
}

.image-overlay-nav-prev[data-v-305531a2] {
  left: 4px;
}

.image-overlay-nav-next[data-v-305531a2] {
  right: 4px;
}

.image-overlay-counter[data-v-305531a2] {
  text-align: center;
  font-size: 12px;
  color: #667085;
}

.print-approval-panel[data-v-5a33c7f8] {
  padding: 4px 0;
  min-width: 320px;
}

.print-approval-title[data-v-5a33c7f8] {
  font-size: 1.1rem;
  font-weight: 700;
  margin-bottom: 8px;
}

.print-approval-intro[data-v-5a33c7f8] {
  margin-bottom: 16px;
  color: #475467;
}

.print-approval-question[data-v-5a33c7f8] {
  font-weight: 600;
  margin-bottom: 12px;
}

.print-approval-choice[data-v-5a33c7f8] {
  display: flex;
  gap: 12px;
}

.print-approval-back[data-v-5a33c7f8] {
  margin-bottom: 12px;
  padding: 0;
  font-size: 0.85rem;
}

.print-approval-hint[data-v-5a33c7f8] {
  margin-bottom: 16px;
}

.print-approval-inline-link[data-v-5a33c7f8] {
  font-weight: 700;
  text-decoration: underline;
}

.print-approval-preview-status[data-v-5a33c7f8] {
  margin-top: -8px;
  margin-bottom: 12px;
}

.print-approval-checkbox-label[data-v-5a33c7f8] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 20px;
  cursor: pointer;
}
.print-approval-checkbox-label .uk-checkbox[data-v-5a33c7f8] {
  margin-top: 2px;
  flex-shrink: 0;
}

.print-approval-actions[data-v-5a33c7f8] {
  display: flex;
  justify-content: flex-end;
  margin-top: 8px;
}

.proplist[data-v-3252c90c] {
  text-align: left;
}

.orderstate {
  display: inline-block;
  width: 15px;
  height: 15px;
  line-height: 15px;
  flex: 0 0 15px;
}

.orderstate-wrap {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  gap: 10px;
  white-space: nowrap;
}

.orderstate-text {
  display: inline-block;
  line-height: 1.2;
}

.orderstate.versandfertig {
  background-color: #8bc811;
}

.orderstate.storno {
  background-color: #df2855;
}

.orderstate.bestellt, .orderstate.kontrolle, .orderstate.pruefung, .orderstate.neu {
  background-color: #207bd7;
}

.orderstate.abgeholt, .orderstate.uebertragen {
  background-color: #f0ca0b;
}

.orderstate.wartend {
  background-color: #bebebe;
}

img.gal[data-v-6b8b08c6] {
  max-width: 100%;
  max-height: 100%;
}

img.th[data-v-6b8b08c6] {
  max-width: 240px;
  max-height: 240px;
}

.hidden[data-v-6b8b08c6] {
  visibility: hidden;
  margin: 0 !important;
}

.orders-content {
  max-width: 600px;
}
.orders-content .red {
  color: rgb(193, 2, 2);
}

.orders-year-group {
  margin-bottom: 10px;
}

.orders-year-switch {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 4px;
}

.orders-year-switch .uk-button {
  min-width: 74px;
}

.orders-more-link {
  border: 0;
  background: transparent;
  padding: 0;
  color: #1e87f0;
  text-decoration: underline;
  cursor: pointer;
}

.orders-more-link:disabled {
  color: #999;
  text-decoration: none;
  cursor: default;
}

.custom-filter-panel {
  margin-bottom: 14px;
  padding: 12px;
  border: 1px solid #ddd;
  border-radius: 6px;
  background: #f8f8f8;
}

.custom-filter-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.custom-filter-actions {
  display: flex;
  gap: 8px;
  margin-top: 10px;
}

.ac {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #aaa;
}

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

.atype {
  flex-grow: 2;
  padding-left: 10px;
}

@media (max-width: 640px) {
  .custom-filter-grid {
    grid-template-columns: 1fr;
  }
  .custom-filter-actions {
    flex-direction: column;
  }
}
.button[data-v-7b517278] {
  cursor: pointer;
}

.console-title[data-v-7b517278] {
  margin: 0 0 8px;
  font-size: 14px;
  font-weight: 700;
}

.mercure-console[data-v-7b517278] {
  position: fixed;
  bottom: 62px;
  right: 12px;
  width: 300px;
  height: 400px;
  overflow-y: auto;
  background-color: #f8f9fa;
  border: 1px solid #dee2e6;
  padding: 10px;
  z-index: 1000;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18);
}
.mercure-console .uk-list[data-v-7b517278] {
  margin: 0;
  padding: 0;
}
.mercure-console .uk-list li[data-v-7b517278] {
  margin-bottom: 0px;
  margin-top: 0px;
}
.mercure-console .uk-list li .uk-badge[data-v-7b517278] {
  margin-right: 10px;
}
.mercure-console .uk-list li [uk-icon="icon:upload"][data-v-7b517278] {
  color: #e6333c;
}
.mercure-console .uk-list li [uk-icon="icon:download"][data-v-7b517278] {
  color: #048b24;
}
.mercure-console .uk-list li [uk-icon="icon:close"][data-v-7b517278] {
  color: #e6333c;
}
.mercure-console .uk-list li [uk-icon="icon:check"][data-v-7b517278] {
  color: #048b24;
}

.uk-badge.image[data-v-7b517278] {
  background-color: #007bff;
  color: #fff;
}

.uk-badge.media[data-v-7b517278] {
  background-color: rgba(247, 63, 189, 0.8509803922);
  color: #fff;
}

.uk-badge.state[data-v-7b517278] {
  background-color: #27af47;
  color: #fff;
}

.uk-badge.folder[data-v-7b517278] {
  background-color: #ffc107;
  color: #fff;
}

.uk-list input[data-v-7b517278] {
  border: none;
  width: 200px;
  background-color: transparent;
  padding: 5px;
  font-size: 14px;
}

.developer-dock[data-v-7eeb0c19] {
  position: fixed;
  right: 12px;
  bottom: 12px;
  z-index: 1200;
  display: flex;
  align-items: center;
  gap: 8px;
}

.developer-dock-toggle[data-v-7eeb0c19] {
  width: 34px;
  height: 34px;
  border: 1px solid #1f2937;
  border-radius: 999px;
  background: #ffffff;
  color: #1f2937;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.developer-dock-toggle[data-v-7eeb0c19]:hover {
  background: #f3f4f6;
}

.developer-dock-menu[data-v-7eeb0c19] {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px;
  border: 1px solid #d1d5db;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.developer-dock-item[data-v-7eeb0c19] {
  width: 34px;
  height: 34px;
  border: 1px solid #9ca3af;
  border-radius: 999px;
  background: #f9fafb;
  color: #111827;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
}

.developer-dock-item.is-active[data-v-7eeb0c19] {
  border-color: #111827;
  background: #111827;
  color: #ffffff;
}

.developer-panel[data-v-7eeb0c19] {
  position: fixed;
  right: 12px;
  bottom: 62px;
  width: 300px;
  border: 1px solid #d1d5db;
  border-radius: 10px;
  background: #ffffff;
  padding: 12px;
  z-index: 1190;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18);
}

.developer-panel-title[data-v-7eeb0c19] {
  margin: 0 0 8px;
  font-size: 14px;
  font-weight: 700;
}

.developer-label[data-v-7eeb0c19] {
  display: block;
  margin-bottom: 4px;
  font-size: 12px;
  color: #374151;
}

.developer-input[data-v-7eeb0c19] {
  width: 100%;
  box-sizing: border-box;
  height: 34px;
  border: 1px solid #9ca3af;
  border-radius: 8px;
  padding: 0 10px;
  font-size: 12px;
}

.developer-actions[data-v-7eeb0c19] {
  display: flex;
  gap: 8px;
  margin-top: 10px;
}

.developer-button[data-v-7eeb0c19] {
  border: 1px solid #111827;
  border-radius: 8px;
  background: #111827;
  color: #ffffff;
  padding: 6px 10px;
  font-size: 12px;
  cursor: pointer;
}

.developer-button.secondary[data-v-7eeb0c19] {
  border-color: #9ca3af;
  background: #f9fafb;
  color: #111827;
}

.developer-hint[data-v-7eeb0c19] {
  display: block;
  margin-top: 8px;
  color: #4b5563;
}

@media only screen and (max-width: 720px) {
  .pp-cart {
    padding: 0 !important;
    box-shadow: none;
    border: none;
  }
}
.pp-cart .item-grid {
  display: grid;
  column-gap: 5px;
  row-gap: 10px;
  grid-template-columns: 1fr 3fr auto;
  grid-template-rows: 1fr;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ccc;
}
@media (max-width: 479px) {
  .pp-cart .item-grid {
    font-size: 0.9em;
    grid-template-columns: 1fr 3fr;
    grid-template-rows: 2fr;
  }
}
@media (max-width: 479px) {
  .pp-cart .item-preview {
    grid-row: 1/span 2;
    text-align: right;
  }
}
.pp-cart .item-preview .subgrid {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto;
}
@media (max-width: 479px) {
  .pp-cart .item-preview .subgrid {
    grid-template-columns: auto;
    grid-template-rows: auto auto;
  }
}
.pp-cart .item-preview .subgrid > div:first-child {
  grid-row: auto;
}
@media (max-width: 479px) {
  .pp-cart .item-preview .subgrid > div:first-child {
    grid-row: 2;
  }
}
.pp-cart .item-price {
  text-align: right;
}
.pp-cart .summary-grid {
  display: grid;
  grid-template-columns: 1fr auto;
  margin-top: 15px;
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 1.1em;
}
.pp-cart .item-tools {
  width: 20px;
  white-space: break-spaces;
  display: inline-block;
  vertical-align: top;
  text-align: left;
}
@media (max-width: 479px) {
  .pp-cart .item-tools {
    width: auto;
    vertical-align: bottom;
  }
  .pp-cart .item-tools button {
    margin-right: 5px;
    margin-top: 10px;
  }
}
.pp-cart .item-description,
.pp-cart .item-preview {
  display: inline-block;
  vertical-align: top;
}
.pp-cart .item-description .pid,
.pp-cart .item-preview .pid {
  white-space: nowrap;
}
.pp-cart .item-preview {
  white-space: nowrap;
  margin-right: 10px;
}
.pp-cart .item-description > div:first-child {
  padding-left: 6px;
}
.pp-cart .item-options {
  margin-top: 4px;
  margin-bottom: 4px;
}
.pp-cart .item-options::after {
  content: "";
  display: block;
  clear: both;
}
.pp-cart .product-option {
  padding-left: 20px;
  padding-right: 6px;
  text-wrap: nowrap;
  float: left;
  background-repeat: no-repeat;
  background-size: 15px 15px;
  background-position: left center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='256' height='256' viewBox='0 0 256 256' xml:space='preserve'%3E%3Cg style='stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;' transform='translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)'%3E%3Cpath d='M 43.077 63.077 c -0.046 0 -0.093 -0.001 -0.14 -0.002 c -1.375 -0.039 -2.672 -0.642 -3.588 -1.666 L 23.195 43.332 c -1.84 -2.059 -1.663 -5.22 0.396 -7.06 c 2.059 -1.841 5.22 -1.664 7.06 0.396 l 12.63 14.133 l 38.184 -38.184 c 1.951 -1.952 5.119 -1.952 7.07 0 c 1.953 1.953 1.953 5.119 0 7.071 L 46.612 61.612 C 45.674 62.552 44.401 63.077 43.077 63.077 z' style='stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,165,16); fill-rule: nonzero; opacity: 1;' transform=' matrix(1 0 0 1 0 0) ' stroke-linecap='round'/%3E%3Cpath d='M 45 90 C 20.187 90 0 69.813 0 45 C 0 20.187 20.187 0 45 0 c 2.762 0 5 2.239 5 5 s -2.238 5 -5 5 c -19.299 0 -35 15.701 -35 35 s 15.701 35 35 35 s 35 -15.701 35 -35 c 0 -2.761 2.238 -5 5 -5 s 5 2.239 5 5 C 90 69.813 69.813 90 45 90 z' style='stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,165,16); fill-rule: nonzero; opacity: 1;' transform=' matrix(1 0 0 1 0 0) ' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E");
}
.pp-cart [class^=prod-] {
  display: inline-block;
  padding: 3px;
  text-align: center;
}
.pp-cart [class^=prod-] .uk-text-small {
  font-size: 0.8em;
}
.pp-cart .prod-img {
  margin-left: 15px;
  margin-right: 15px;
  padding: 0;
  min-width: 110px;
}
@media (max-width: 479px) {
  .pp-cart .prod-img {
    margin-left: 4px;
    margin-right: 0px;
  }
}
@media (min-width: 768px) {
  .pp-cart .prod-img {
    margin-left: 30px;
    margin-right: 30px;
  }
}
.pp-cart .prod-quant,
.pp-cart .prod-copies {
  border-right: 1px solid #ccc;
  padding-right: 8px;
  margin-right: 8px;
}
@media (min-width: 480px) {
  .pp-cart .prod-quant,
  .pp-cart .prod-copies {
    padding-right: 15px;
    margin-right: 15px;
  }
}
.pp-cart tfoot .uk-text-large {
  font-size: 1.3em;
}
.pp-cart .num-dec,
.pp-cart .num-inc {
  width: 18px;
  height: 18px;
  overflow: hidden;
  padding: 0;
  margin: 0;
  padding-bottom: 2px;
  border: 1px solid #d0d0d0;
  color: #666;
}
.pp-cart .num-dec {
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%;
}
.pp-cart .num-inc {
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
}
.pp-cart .num-input span {
  margin: 5px;
}
.pp-cart table.cart td:last-of-type {
  text-align: right;
  padding-left: 12px;
}
@media (max-width: 479px) {
  .pp-cart table.cart td:last-of-type {
    padding-left: 0px;
  }
}

.wmax300 {
  max-width: 300px;
}

:root {
  --swiper-navigation-size: 16px ;
}

.cart-item-preview {
  max-width: 128px;
}
.cart-item-preview [class^=swiper-button-] {
  width: 5px;
  position: absolute;
  bottom: -50px;
}
.cart-item-preview img {
  max-height: 90px;
}
.cart-item-preview .sw-prev,
.cart-item-preview .sw-next {
  display: inline-block;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.cart-item-preview .swp {
  width: 80px;
  display: inline-block;
}
.cart-item-preview .swiper-slide-shadow {
  background-color: rgba(0, 0, 0, 0);
}
.cart-item-preview .swiper-slide img {
  box-shadow: 1px 1px 10px 1px #bbb;
  -moz-box-shadow: 1px 1px 10px 1px #bbb;
  -webkit-box-shadow: 1px 1px 10px 1px #bbb;
}

.slide-down-enter-active[data-v-9170ea10],
.slide-down-leave-active[data-v-9170ea10] {
  transition: all 0.3s ease;
}

.slide-down-enter-from[data-v-9170ea10] {
  opacity: 0;
  transform: translateY(-10px);
}

.slide-down-leave-to[data-v-9170ea10] {
  opacity: 0;
  transform: translateY(-10px);
}

.uk-alert-small[data-v-9170ea10] {
  padding: 10px 15px;
  margin: 0;
}

.uk-text-small[data-v-9170ea10] {
  font-size: 0.875rem;
}

.uk-text-danger[data-v-9170ea10] {
  color: #f0506e;
}

.uk-text-muted[data-v-9170ea10] {
  color: #999;
}

.cart-confirm .large-view {
  display: none;
}
@media (min-width: 600px) {
  .cart-confirm .large-view {
    display: block;
  }
}
.cart-confirm .tr-large-view {
  display: none;
}
@media (min-width: 600px) {
  .cart-confirm .tr-large-view {
    display: contents;
  }
}
.cart-confirm .small-view {
  display: block;
}
@media (min-width: 600px) {
  .cart-confirm .small-view {
    display: none;
  }
}
.cart-confirm .singleprice-row {
  display: block;
  clear: both;
  padding-top: 6px;
}
@media (min-width: 600px) {
  .cart-confirm .singleprice-row {
    display: none;
  }
}
.cart-confirm .tr-small-view {
  display: contents;
}
@media (min-width: 600px) {
  .cart-confirm .tr-small-view {
    display: none;
  }
}
.cart-confirm .item-options {
  margin-top: 4px;
}
.cart-confirm .item-options:empty {
  display: none;
}
.cart-confirm .product-option {
  display: inline-block;
  margin-right: 8px;
  font-size: 0.9em;
  color: #666;
}
.cart-confirm tfoot {
  font-size: 1.3em;
}

.infinite-loader[data-v-b6c5893c] {
  width: 500px;
  margin: 0 auto;
  border-radius: 10px;
  border: 4px solid transparent;
  position: relative;
  padding: 1px !important;
}

.infinite-loader[data-v-b6c5893c]:before {
  content: "";
  border: 1px solid #888;
  border-radius: 10px;
  position: absolute;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
}

.infinite-loader .loaderBar[data-v-b6c5893c] {
  position: absolute;
  border-radius: 10px;
  top: 0;
  right: 100%;
  bottom: 0;
  left: 0;
  background: #888;
  width: 0;
  animation: borealisBar-b6c5893c 2s linear infinite;
  padding: 0 !important;
}

@keyframes borealisBar-b6c5893c {
  0% {
    left: 0%;
    right: 100%;
    width: 0%;
  }
  10% {
    left: 0%;
    right: 75%;
    width: 25%;
  }
  90% {
    right: 0%;
    left: 75%;
    width: 25%;
  }
  100% {
    left: 100%;
    right: 0%;
    width: 0%;
  }
}
.add-filter {
  height: 20px;
  width: 20px;
  display: inline-block;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjIiIHdpZHRoPSI2MG1tIiBoZWlnaHQ9IjYwbW0iIHZpZXdCb3g9IjAgMCA2MDAwIDYwMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS13aWR0aD0iMjguMjIyIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOm9vbz0iaHR0cDovL3htbC5vcGVub2ZmaWNlLm9yZy9zdmcvZXhwb3J0IiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6cHJlc2VudGF0aW9uPSJodHRwOi8vc3VuLmNvbS94bWxucy9zdGFyb2ZmaWNlL3ByZXNlbnRhdGlvbiIgeG1sbnM6c21pbD0iaHR0cDovL3d3dy53My5vcmcvMjAwMS9TTUlMMjAvIiB4bWxuczphbmltPSJ1cm46b2FzaXM6bmFtZXM6dGM6b3BlbmRvY3VtZW50OnhtbG5zOmFuaW1hdGlvbjoxLjAiIHhtbG5zOnN2Zz0idXJuOm9hc2lzOm5hbWVzOnRjOm9wZW5kb2N1bWVudDp4bWxuczpzdmctY29tcGF0aWJsZToxLjAiIHhtbDpzcGFjZT0icHJlc2VydmUiPgogPGRlZnMgY2xhc3M9IkNsaXBQYXRoR3JvdXAiPgogIDxjbGlwUGF0aCBpZD0icHJlc2VudGF0aW9uX2NsaXBfcGF0aCIgY2xpcFBhdGhVbml0cz0idXNlclNwYWNlT25Vc2UiPgogICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iNjAwMCIgaGVpZ2h0PSI2MDAwIi8+CiAgPC9jbGlwUGF0aD4KICA8Y2xpcFBhdGggaWQ9InByZXNlbnRhdGlvbl9jbGlwX3BhdGhfc2hyaW5rIiBjbGlwUGF0aFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CiAgIDxyZWN0IHg9IjYiIHk9IjYiIHdpZHRoPSI1OTg4IiBoZWlnaHQ9IjU5ODgiLz4KICA8L2NsaXBQYXRoPgogPC9kZWZzPgogPGRlZnMgY2xhc3M9IlRleHRTaGFwZUluZGV4Ij4KICA8ZyBvb286c2xpZGU9ImlkMSIgb29vOmlkLWxpc3Q9ImlkMyBpZDQgaWQ1IGlkNiIvPgogPC9kZWZzPgogPGRlZnMgY2xhc3M9IkVtYmVkZGVkQnVsbGV0Q2hhcnMiPgogIDxnIGlkPSJidWxsZXQtY2hhci10ZW1wbGF0ZS01NzM1NiIgdHJhbnNmb3JtPSJzY2FsZSgwLjAwMDQ4ODI4MTI1LC0wLjAwMDQ4ODI4MTI1KSI+CiAgIDxwYXRoIGQ9Ik0gNTgwLDExNDEgTCAxMTYzLDU3MSA1ODAsMCAtNCw1NzEgNTgwLDExNDEgWiIvPgogIDwvZz4KICA8ZyBpZD0iYnVsbGV0LWNoYXItdGVtcGxhdGUtNTczNTQiIHRyYW5zZm9ybT0ic2NhbGUoMC4wMDA0ODgyODEyNSwtMC4wMDA0ODgyODEyNSkiPgogICA8cGF0aCBkPSJNIDgsMTEyOCBMIDExMzcsMTEyOCAxMTM3LDAgOCwwIDgsMTEyOCBaIi8+CiAgPC9nPgogIDxnIGlkPSJidWxsZXQtY2hhci10ZW1wbGF0ZS0xMDE0NiIgdHJhbnNmb3JtPSJzY2FsZSgwLjAwMDQ4ODI4MTI1LC0wLjAwMDQ4ODI4MTI1KSI+CiAgIDxwYXRoIGQ9Ik0gMTc0LDAgTCA2MDIsNzM5IDE3NCwxNDgxIDE0NTYsNzM5IDE3NCwwIFogTSAxMzU4LDczOSBMIDMwOSwxMzQ2IDY1OSw3MzkgMTM1OCw3MzkgWiIvPgogIDwvZz4KICA8ZyBpZD0iYnVsbGV0LWNoYXItdGVtcGxhdGUtMTAxMzIiIHRyYW5zZm9ybT0ic2NhbGUoMC4wMDA0ODgyODEyNSwtMC4wMDA0ODgyODEyNSkiPgogICA8cGF0aCBkPSJNIDIwMTUsNzM5IEwgMTI3NiwwIDcxNywwIDEyNjAsNTQzIDE3NCw1NDMgMTc0LDkzNiAxMjYwLDkzNiA3MTcsMTQ4MSAxMjc0LDE0ODEgMjAxNSw3MzkgWiIvPgogIDwvZz4KICA8ZyBpZD0iYnVsbGV0LWNoYXItdGVtcGxhdGUtMTAwMDciIHRyYW5zZm9ybT0ic2NhbGUoMC4wMDA0ODgyODEyNSwtMC4wMDA0ODgyODEyNSkiPgogICA8cGF0aCBkPSJNIDAsLTIgQyAtNywxNCAtMTYsMjcgLTI1LDM3IEwgMzU2LDU2NyBDIDI2Miw4MjMgMjE1LDk1MiAyMTUsOTU0IDIxNSw5NzkgMjI4LDk5MiAyNTUsOTkyIDI2NCw5OTIgMjc2LDk5MCAyODksOTg3IDMxMCw5OTEgMzMxLDk5OSAzNTQsMTAxMiBMIDM4MSw5OTkgNDkyLDc0OCA3NzIsMTA0OSA4MzYsMTAyNCA4NjAsMTA0OSBDIDg4MSwxMDM5IDkwMSwxMDI1IDkyMiwxMDA2IDg4Niw5MzcgODM1LDg2MyA3NzAsNzg0IDc2OSw3ODMgNzEwLDcxNiA1OTQsNTg0IEwgNzc0LDIyMyBDIDc3NCwxOTYgNzUzLDE2OCA3MTEsMTM5IEwgNzI3LDExOSBDIDcxNyw5MCA2OTksNzYgNjcyLDc2IDY0MSw3NiA1NzAsMTc4IDQ1NywzODEgTCAxNjQsLTc2IEMgMTQyLC0xMTAgMTExLC0xMjcgNzIsLTEyNyAzMCwtMTI3IDksLTExMCA4LC03NiAxLC02NyAtMiwtNTIgLTIsLTMyIC0yLC0yMyAtMSwtMTMgMCwtMiBaIi8+CiAgPC9nPgogIDxnIGlkPSJidWxsZXQtY2hhci10ZW1wbGF0ZS0xMDAwNCIgdHJhbnNmb3JtPSJzY2FsZSgwLjAwMDQ4ODI4MTI1LC0wLjAwMDQ4ODI4MTI1KSI+CiAgIDxwYXRoIGQ9Ik0gMjg1LC0zMyBDIDE4MiwtMzMgMTExLDMwIDc0LDE1NiA1MiwyMjggNDEsMzMzIDQxLDQ3MSA0MSw1NDkgNTUsNjE2IDgyLDY3MiAxMTYsNzQzIDE2OSw3NzggMjQwLDc3OCAyOTMsNzc4IDMyOCw3NDcgMzQ2LDY4NCBMIDM2OSw1MDggQyAzNzcsNDQ0IDM5Nyw0MTEgNDI4LDQxMCBMIDExNjMsMTExNiBDIDExNzQsMTEyNyAxMTk2LDExMzMgMTIyOSwxMTMzIDEyNzEsMTEzMyAxMjkyLDExMTggMTI5MiwxMDg3IEwgMTI5Miw5NjUgQyAxMjkyLDkyOSAxMjgyLDkwMSAxMjYyLDg4MSBMIDQ0Miw0NyBDIDM5MCwtNiAzMzgsLTMzIDI4NSwtMzMgWiIvPgogIDwvZz4KICA8ZyBpZD0iYnVsbGV0LWNoYXItdGVtcGxhdGUtOTY3OSIgdHJhbnNmb3JtPSJzY2FsZSgwLjAwMDQ4ODI4MTI1LC0wLjAwMDQ4ODI4MTI1KSI+CiAgIDxwYXRoIGQ9Ik0gODEzLDAgQyA2MzIsMCA0ODksNTQgMzgzLDE2MSAyNzYsMjY4IDIyMyw0MTEgMjIzLDU5MiAyMjMsNzczIDI3Niw5MTYgMzgzLDEwMjMgNDg5LDExMzAgNjMyLDExODQgODEzLDExODQgOTkyLDExODQgMTEzNiwxMTMwIDEyNDUsMTAyMyAxMzUzLDkxNiAxNDA3LDc3MiAxNDA3LDU5MiAxNDA3LDQxMiAxMzUzLDI2OCAxMjQ1LDE2MSAxMTM2LDU0IDk5MiwwIDgxMywwIFoiLz4KICA8L2c+CiAgPGcgaWQ9ImJ1bGxldC1jaGFyLXRlbXBsYXRlLTgyMjYiIHRyYW5zZm9ybT0ic2NhbGUoMC4wMDA0ODgyODEyNSwtMC4wMDA0ODgyODEyNSkiPgogICA8cGF0aCBkPSJNIDM0Niw0NTcgQyAyNzMsNDU3IDIwOSw0ODMgMTU1LDUzNSAxMDEsNTg2IDc0LDY0OSA3NCw3MjMgNzQsNzk2IDEwMSw4NTkgMTU1LDkxMSAyMDksOTYzIDI3Myw5ODkgMzQ2LDk4OSA0MTksOTg5IDQ4MCw5NjMgNTMxLDkxMCA1ODIsODU5IDYwOCw3OTYgNjA4LDcyMyA2MDgsNjQ4IDU4Myw1ODYgNTMyLDUzNSA0ODIsNDgzIDQyMCw0NTcgMzQ2LDQ1NyBaIi8+CiAgPC9nPgogIDxnIGlkPSJidWxsZXQtY2hhci10ZW1wbGF0ZS04MjExIiB0cmFuc2Zvcm09InNjYWxlKDAuMDAwNDg4MjgxMjUsLTAuMDAwNDg4MjgxMjUpIj4KICAgPHBhdGggZD0iTSAtNCw0NTkgTCAxMTM1LDQ1OSAxMTM1LDYwNiAtNCw2MDYgLTQsNDU5IFoiLz4KICA8L2c+CiAgPGcgaWQ9ImJ1bGxldC1jaGFyLXRlbXBsYXRlLTYxNTQ4IiB0cmFuc2Zvcm09InNjYWxlKDAuMDAwNDg4MjgxMjUsLTAuMDAwNDg4MjgxMjUpIj4KICAgPHBhdGggZD0iTSAxNzMsNzQwIEMgMTczLDkwMyAyMzEsMTA0MyAzNDYsMTE1OSA0NjIsMTI3NCA2MDEsMTMzMiA3NjUsMTMzMiA5MjgsMTMzMiAxMDY3LDEyNzQgMTE4MywxMTU5IDEyOTksMTA0MyAxMzU3LDkwMyAxMzU3LDc0MCAxMzU3LDU3NyAxMjk5LDQzNyAxMTgzLDMyMiAxMDY3LDIwNiA5MjgsMTQ4IDc2NSwxNDggNjAxLDE0OCA0NjIsMjA2IDM0NiwzMjIgMjMxLDQzNyAxNzMsNTc3IDE3Myw3NDAgWiIvPgogIDwvZz4KIDwvZGVmcz4KIDxnPgogIDxnIGlkPSJpZDIiIGNsYXNzPSJNYXN0ZXJfU2xpZGUiPgogICA8ZyBpZD0iYmctaWQyIiBjbGFzcz0iQmFja2dyb3VuZCIvPgogICA8ZyBpZD0iYm8taWQyIiBjbGFzcz0iQmFja2dyb3VuZE9iamVjdHMiLz4KICA8L2c+CiA8L2c+CiA8ZyBjbGFzcz0iU2xpZGVHcm91cCI+CiAgPGc+CiAgIDxnIGlkPSJjb250YWluZXItaWQxIj4KICAgIDxnIGlkPSJpZDEiIGNsYXNzPSJTbGlkZSIgY2xpcC1wYXRoPSJ1cmwoI3ByZXNlbnRhdGlvbl9jbGlwX3BhdGgpIj4KICAgICA8ZyBjbGFzcz0iUGFnZSI+CiAgICAgIDxnIGNsYXNzPSJHcm91cCI+CiAgICAgICA8ZyBjbGFzcz0iY29tLnN1bi5zdGFyLmRyYXdpbmcuUG9seVBvbHlnb25TaGFwZSI+CiAgICAgICAgPGcgaWQ9ImlkMyI+CiAgICAgICAgIDxyZWN0IGNsYXNzPSJCb3VuZGluZ0JveCIgc3Ryb2tlPSJub25lIiBmaWxsPSJub25lIiB4PSIxMzgiIHk9IjU1NSIgd2lkdGg9IjUyMTMiIGhlaWdodD0iNDk2MyIvPgogICAgICAgICA8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9InJnYigwLDAsMCkiIHN0cm9rZS13aWR0aD0iMjEyIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBkPSJNIDI0NCw2NjEgTCAyMjQ0LDMxNjEgMjI0NCw1NDExIDMyNDQsNTQxMSAzMjQ0LDMxNjEgNTI0NCw2NjEgMjQ0LDY2MSBaIi8+CiAgICAgICAgPC9nPgogICAgICAgPC9nPgogICAgICAgPGcgY2xhc3M9Ikdyb3VwIj4KICAgICAgICA8ZyBjbGFzcz0iY29tLnN1bi5zdGFyLmRyYXdpbmcuQ3VzdG9tU2hhcGUiPgogICAgICAgICA8ZyBpZD0iaWQ0Ij4KICAgICAgICAgIDxyZWN0IGNsYXNzPSJCb3VuZGluZ0JveCIgc3Ryb2tlPSJub25lIiBmaWxsPSJub25lIiB4PSIyNjE0IiB5PSIxMDY3IiB3aWR0aD0iMzI3NCIgaGVpZ2h0PSIzMjc0Ii8+CiAgICAgICAgICA8cGF0aCBmaWxsPSJyZ2IoMjU1LDI1NSwyNTUpIiBzdHJva2U9Im5vbmUiIGQ9Ik0gNTc4MSwyNzA0IEMgNTc4MSwyOTcyIDU3MTAsMzIzNiA1NTc2LDM0NjkgNTQ0MiwzNzAxIDUyNDgsMzg5NSA1MDE2LDQwMjkgNDc4Myw0MTYzIDQ1MTksNDIzNCA0MjUxLDQyMzQgMzk4Miw0MjM0IDM3MTgsNDE2MyAzNDg1LDQwMjkgMzI1MywzODk1IDMwNTksMzcwMSAyOTI1LDM0NjkgMjc5MSwzMjM2IDI3MjAsMjk3MiAyNzIwLDI3MDQgMjcyMCwyNDM1IDI3OTEsMjE3MSAyOTI1LDE5MzggMzA1OSwxNzA2IDMyNTMsMTUxMiAzNDg1LDEzNzggMzcxOCwxMjQ0IDM5ODIsMTE3MyA0MjUwLDExNzMgNDUxOSwxMTczIDQ3ODMsMTI0NCA1MDE2LDEzNzggNTI0OCwxNTEyIDU0NDIsMTcwNiA1NTc2LDE5MzggNTcxMCwyMTcxIDU3ODEsMjQzNSA1NzgxLDI3MDMgTCA1NzgxLDI3MDQgWiIvPgogICAgICAgICAgPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSJyZ2IoMCwwLDApIiBzdHJva2Utd2lkdGg9IjIxMiIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgZD0iTSA1NzgxLDI3MDQgQyA1NzgxLDI5NzIgNTcxMCwzMjM2IDU1NzYsMzQ2OSA1NDQyLDM3MDEgNTI0OCwzODk1IDUwMTYsNDAyOSA0NzgzLDQxNjMgNDUxOSw0MjM0IDQyNTEsNDIzNCAzOTgyLDQyMzQgMzcxOCw0MTYzIDM0ODUsNDAyOSAzMjUzLDM4OTUgMzA1OSwzNzAxIDI5MjUsMzQ2OSAyNzkxLDMyMzYgMjcyMCwyOTcyIDI3MjAsMjcwNCAyNzIwLDI0MzUgMjc5MSwyMTcxIDI5MjUsMTkzOCAzMDU5LDE3MDYgMzI1MywxNTEyIDM0ODUsMTM3OCAzNzE4LDEyNDQgMzk4MiwxMTczIDQyNTAsMTE3MyA0NTE5LDExNzMgNDc4MywxMjQ0IDUwMTYsMTM3OCA1MjQ4LDE1MTIgNTQ0MiwxNzA2IDU1NzYsMTkzOCA1NzEwLDIxNzEgNTc4MSwyNDM1IDU3ODEsMjcwMyBMIDU3ODEsMjcwNCBaIi8+CiAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICAgICAgPGcgY2xhc3M9ImNvbS5zdW4uc3Rhci5kcmF3aW5nLkxpbmVTaGFwZSI+CiAgICAgICAgIDxnIGlkPSJpZDUiPgogICAgICAgICAgPHJlY3QgY2xhc3M9IkJvdW5kaW5nQm94IiBzdHJva2U9Im5vbmUiIGZpbGw9Im5vbmUiIHg9IjMyNzQiIHk9IjI2MTMiIHdpZHRoPSIxODY4IiBoZWlnaHQ9IjIxNCIvPgogICAgICAgICAgPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSJyZ2IoMCwwLDApIiBzdHJva2Utd2lkdGg9IjIxMiIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgZD0iTSAzMzgxLDI3MTkgTCA1MDM1LDI3MTkiLz4KICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgICAgICA8ZyBjbGFzcz0iY29tLnN1bi5zdGFyLmRyYXdpbmcuTGluZVNoYXBlIj4KICAgICAgICAgPGcgaWQ9ImlkNiI+CiAgICAgICAgICA8cmVjdCBjbGFzcz0iQm91bmRpbmdCb3giIHN0cm9rZT0ibm9uZSIgZmlsbD0ibm9uZSIgeD0iNDEwMSIgeT0iMTgxNyIgd2lkdGg9IjIxNCIgaGVpZ2h0PSIxODY4Ii8+CiAgICAgICAgICA8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9InJnYigwLDAsMCkiIHN0cm9rZS13aWR0aD0iMjEyIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBkPSJNIDQyMDgsMzU3NyBMIDQyMDgsMTkyNCIvPgogICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgICAgPC9nPgogICAgICA8L2c+CiAgICAgPC9nPgogICAgPC9nPgogICA8L2c+CiAgPC9nPgogPC9nPgo8L3N2Zz4=");
}

.chips-box {
  display: inline-block;
  min-width: 160px;
  height: 16px;
  padding: 2px;
  border: 1px solid #ddd;
}

.chips-selector {
  display: inline-block;
}

.uk-badge.chip {
  vertical-align: top;
  height: 16px;
  text-transform: none;
}
.uk-badge.chip a span {
  height: 12px;
  width: 12px;
  color: white;
}

.num-input .num-dec,
.num-input .num-inc {
  width: 18px;
  height: 18px;
  overflow: hidden;
  padding: 0;
  margin: 0;
  border: 1px solid #d0d0d0;
  color: #666;
}
.num-input .num-dec {
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%;
}
.num-input .num-inc {
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
}
.num-input span {
  margin: 4px;
}
.num-input .num-input-field {
  width: 40px;
  margin: 0 6px;
  text-align: center;
  border: 1px solid #d0d0d0;
  border-radius: 4px;
  color: #666;
  height: 24px;
}

.slide img {
  max-width: 100%;
  max-height: calc(80vh - 60px);
  width: auto;
  height: auto;
  object-fit: contain;
}

.center {
  text-align: center;
  height: 100%;
}

.info-box {
  transition: transform 0.5s ease-in-out;
  transform: translateY(100%);
}

.slide {
  flex-direction: column;
  height: 100%;
}

.slide > div {
  overflow: hidden;
}

.slide > div:hover .info-box {
  transform: translateY(0);
}

.page-control {
  padding-top: 4px;
  color: #000;
}

.page-inc {
  display: inline-block;
  vertical-align: middle;
}

.multi-page {
  max-width: calc(100% - var(--uk-position-margin-offset) * 2 - 120px);
  max-height: calc(80vh - 80px);
}

.multi-page .pages {
  height: 100%;
  overflow-y: auto;
}
.multi-page .pages img {
  margin: 2px;
}

.box {
  width: 150px;
  background-color: black;
  color: #fff;
  padding: 20px;
  position: relative;
  margin: 4px;
  float: left;
}

.v-enter-active,
.v-leave-active {
  transition: opacity 0.5s ease;
}

.v-enter-from,
.v-leave-to {
  opacity: 0;
}

.box[class*=arrow-top] {
  margin-top: 40px;
}

.box[class*=arrow-top-]:after {
  content: " ";
  position: absolute;
  top: -15px;
  border-top: none;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
  border-bottom: 15px solid black;
}

.box.arrow-top-left:after {
  left: 20px;
}

.box.arrow-top-right:after {
  right: 20px;
}

.box[class*=arrow-right-]:after {
  content: " ";
  position: absolute;
  right: -15px;
  border-top: 15px solid transparent;
  border-right: none;
  border-left: 15px solid black;
  border-bottom: 15px solid transparent;
}

.box.arrow-right-top:after {
  top: 15px;
}

.box.arrow-right-bottom:after {
  bottom: 15px;
}

.box[class*=arrow-bottom-]:after {
  content: " ";
  position: absolute;
  bottom: -15px;
  border-top: 15px solid black;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
  border-bottom: none;
}

.box.arrow-bottom-left:after {
  left: 20px;
}

.box.arrow-bottom-right:after {
  right: 20px;
}

.box[class*=arrow-left-]:after {
  content: " ";
  position: absolute;
  left: -15px;
  border-top: 15px solid transparent;
  border-right: 15px solid black;
  border-left: none;
  border-bottom: 15px solid transparent;
}

.box.arrow-left-top:after {
  top: 15px;
}

.box.arrow-left-bottom:after {
  bottom: 15px;
}

[contenteditable][placeholder]:empty:before {
  content: attr(placeholder);
  position: absolute;
  color: gray;
  font-style: italic;
  font-size: 13px;
  background-color: transparent;
}

.qedit-bottom {
  position: absolute;
  bottom: 0px;
  width: 100%;
}

.qedit {
  width: 100%;
  box-sizing: border-box;
}

.qedit-shell {
  width: 100%;
  box-sizing: border-box;
}

.vidge {
  width: 100%;
}

.vidge-shell {
  width: min(100%, 1720px);
  margin: 0 auto;
  padding: 14px 14px 6px 14px;
  box-sizing: border-box;
}

.vidge-titlebar {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  width: 100%;
  max-width: 1600px;
  margin: 0 auto 8px auto;
}

.vidge-titletext {
  font-size: 16px;
  line-height: 1.2;
  color: #2f3b4a;
  font-weight: 600;
}

.swap-layout {
  display: grid;
  grid-template-columns: minmax(600px, 1fr) auto;
  gap: 14px;
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  align-items: start;
}

.pages-strip {
  grid-column: 1/-1;
  min-width: 280px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  padding: 4px 6px;
  border: 1px solid #d9d9d9;
  border-radius: 10px;
  background: #f9fafb;
  box-sizing: border-box;
}

.page-chip {
  border: 1px solid #c9ced6;
  background: #ffffff;
  border-radius: 7px;
  min-height: 34px;
  padding: 4px 12px;
  font-size: 12px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.page-chip:hover {
  border-color: #1e87f0;
}

.page-chip.active {
  background: #1e87f0;
  color: #fff;
  border-color: #1e87f0;
}

.preview3D-card {
  will-change: transform;
  border: 1px solid #d9d9d9;
  border-radius: 10px;
  background: #fff;
  padding: 6px;
  box-sizing: border-box;
  position: relative;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);
}

.preview3D-card.card-top {
  grid-column: 1/-1;
  grid-row: 1;
  width: 100%;
}

.preview3D-card.card-main {
  grid-column: 1;
  grid-row: 2;
  width: 100%;
}

.preview3D-card.minified.card-top {
  max-width: 320px;
  justify-self: flex-start;
}

.preview3D-card.enlarged {
  max-width: 100%;
}

.preview3D-canvas-stack {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.preview3D-canvas {
  max-width: 100%;
  border-radius: 6px;
}

.preview3D-card.minified .preview3D-canvas-stack {
  height: 112px;
  max-height: 112px;
}

.preview3D-card.minified .preview3D-canvas {
  max-height: 112px;
  width: auto;
  height: auto;
}

.preview-fallback {
  color: #777;
  padding: 0 10px;
  text-align: center;
}

.editor-stage {
  will-change: transform;
  border-radius: 8px;
  padding: 20px;
  background-color: rgba(255, 255, 255, 0.94);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);
  position: relative;
  box-sizing: border-box;
  min-width: 0;
}

.editor-stage.card-main {
  grid-column: 1;
  grid-row: 2;
  width: 100%;
}

.editor-stage.card-top {
  grid-column: 1/-1;
  grid-row: 1;
  width: 100%;
}

/* .editor-stage.enlarged {
    min-height: 400px;
} */
.editor-stage.minified.card-top {
  max-width: 320px;
  justify-self: flex-start;
  min-height: 0;
  padding: 6px;
  border-radius: 10px;
  background: #fff;
}

.edit-img-shell {
  width: 100%;
  border-radius: 10px;
  background: #fff;
  padding: 10px;
  box-sizing: border-box;
}

.editor-stage.card-top.minified .edit-img-shell {
  height: 112px;
  max-height: 112px;
  padding: 0;
  border: 0;
  background: transparent;
  overflow: hidden;
}

.editor-stage.card-top.minified .edit-img-container {
  height: 112px;
  max-height: 112px;
  padding: 0;
}

.palette-img {
  display: flex;
  flex-flow: row wrap;
  gap: 10px;
  align-items: flex-start;
}

.tool-suite {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 8px;
  border: 1px solid #dbe3eb;
  border-radius: 8px;
  background: #fbfcff;
  height: auto;
  align-self: flex-start;
  box-sizing: border-box;
  min-width: 0;
}

.toolbox {
  display: inline-block;
}

.tool {
  display: inline-block;
  min-width: 180px;
  flex: 1 1 240px;
}

.tool-title {
  font-weight: bold;
  margin-bottom: 6px;
}

.palette-img .last-box {
  flex-grow: 99;
  text-align: right;
  min-width: 120px;
}

.save-button {
  position: static;
}

.step {
  color: #ccc;
}

.step.act {
  color: #888;
}

.vidge.large {
  max-width: 100%;
}

.vidge.wide {
  width: 100%;
}

.toggle-view-icon {
  position: absolute;
  top: 6px;
  right: 6px;
  margin: 0;
  width: 28px;
  min-width: 28px;
  height: 28px;
  min-height: 28px;
  padding: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  cursor: pointer;
  color: #3a4b5d;
  z-index: 3;
}

.toggle-view-icon svg {
  width: 16px;
  height: 16px;
}

.toggle-view-icon:hover {
  color: #1e87f0;
}

.center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.edit-img-container {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 12px;
  transition: all 0.6s ease;
}

.edit-img-container.large {
  max-width: 1100px;
}

.edit-img-container.wide {
  max-width: 1260px;
  width: 100%;
}

.edit-img-container svg {
  margin: 0;
  width: 100%;
  height: 100%;
  text-align: left;
}

.edit-controls {
  grid-column: 2;
  grid-row: 2;
  border-radius: 8px;
  width: 360px;
  min-width: 280px;
  padding: 8px;
  background: rgba(255, 255, 255, 0.94);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);
  box-sizing: border-box;
}

.edit-controls.large {
  margin: 0;
}

.edit-controls.wide {
  margin-top: 0;
  width: 100%;
  max-width: 430px;
  padding: 10px;
  box-sizing: border-box;
}

.tool-button {
  width: 50px;
  height: 40px;
  font-size: 18px;
}

.tool-button.active {
  background-color: #1e87f0;
  color: #fff;
}

.tab-header {
  background: #1e87f0;
  width: fit-content;
  font-size: 11px;
  padding: 0 6px 0 6px;
  color: aliceblue;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding-bottom: 10px;
  /* we extend the header by 10px to the bottom */
}

.tab-body {
  border: 1px solid #1e87f0;
  background: white;
  margin-top: -10px;
}

svg .ql-editor {
  padding: 0px;
}

svg .ql-container.ql-snow {
  border: 0px;
}

.vidge-actionbar {
  min-height: 42px;
  display: flex;
  align-items: center;
}

.vidge-actionbar-buttons {
  display: flex;
  align-items: center;
  gap: 6px;
}

#qtoolbar {
  display: flow-root;
  max-width: 100%;
}

@media (max-width: 1000px) {
  .swap-layout {
    grid-template-columns: 1fr;
  }
  .pages-strip {
    grid-column: 1;
  }
  .preview3D-card.card-top,
  .preview3D-card.card-main {
    grid-column: 1;
  }
  .editor-stage.card-top,
  .editor-stage.card-main {
    grid-column: 1;
  }
  .edit-controls {
    grid-column: 1;
    grid-row: auto;
    width: 100%;
    max-width: 100%;
  }
  .edit-controls.wide,
  .edit-controls.large {
    width: 100%;
    max-width: none;
  }
  .palette-img {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
  }
  .tool-suite {
    width: 100%;
    flex-direction: column;
    align-self: stretch;
  }
  .toolbox,
  .tool {
    width: 100%;
    min-width: 0;
  }
  .tool {
    display: block;
    flex: 0 1 auto;
  }
  .palette-img .last-box {
    width: 100%;
  }
}
@media (max-width: 740px) {
  .vidge-shell {
    padding: 8px;
  }
  .pages-strip,
  .preview3D-card,
  .editor-stage,
  .edit-controls {
    min-width: 0;
    width: 100%;
  }
  .edit-img-shell {
    min-height: 0;
    height: auto;
  }
  .edit-img-container {
    min-height: 0;
    height: auto;
    padding: 4px;
  }
  .editor-stage.enlarged {
    min-height: 0;
  }
}
.size-tool {
  margin-bottom: 16px;
}

.size-tool .input-ruler {
  display: inline-block;
}

.vector-tool label {
  width: 100px;
  display: inline-block;
  font-size: 14px;
  line-height: 11px;
}

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

.angle-tool .input-ruler {
  display: inline-block;
}

.input-ruler {
  width: 85px;
}

.input-ruler input {
  height: 25px;
  width: 50px;
  border: 1px solid #bbb;
  border-right: 0;
  text-align: right;
}

.ruler-container {
  display: inline-block;
  position: absolute;
  z-index: 10;
  overflow: hidden;
  border: 1px solid #bbb;
  background-color: #fff;
  margin-right: 30px;
}

.ruler-container.expanded {
  box-shadow: inset 2px 2px 4px #bbb;
}

.ruler-container .overlay {
  position: absolute;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.5) 10%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.5) 90%, rgba(0, 0, 0, 0.9) 100%);
  z-index: 10;
}

.ruler-pointer {
  position: absolute;
  width: 27px;
}

/* Default value */
.ql-editor {
  font-family: "Open Sans";
  color: #333;
}

.ql-container em {
  color: unset;
}

.ql-formats .ql-font.wide {
  width: 160px !important;
}

#q-save-button {
  background-color: #1e87f0;
  color: #fff;
  width: 100px;
  height: 20px;
  padding: 0;
}

.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: attr(data-value) !important;
}

.qedit-shell[data-v-a139a68e] {
  position: relative;
}

.qedit-debug-controls[data-v-a139a68e] {
  position: absolute;
  top: 6px;
  right: 6px;
  z-index: 25;
  pointer-events: auto;
}

.qedit-debug-overlay[data-v-a139a68e] {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 10;
}

.qedit-debug-svg[data-v-a139a68e] {
  width: 100%;
  height: 100%;
  display: block;
}

.qedit-debug-box[data-v-a139a68e] {
  fill: rgba(207, 39, 77, 0.08);
  stroke: #cf274d;
  stroke-width: 0.6;
  stroke-dasharray: 1.5 1.2;
}

.qedit-debug-label[data-v-a139a68e] {
  fill: #cf274d;
  font-size: 6px;
  font-weight: 700;
}

.qedit-debug-panel[data-v-a139a68e] {
  margin-top: 8px;
  padding: 8px 10px;
  border: 1px solid rgba(207, 39, 77, 0.2);
  background: rgba(255, 247, 249, 0.96);
  color: #5b1e2a;
  font-size: 11px;
  line-height: 1.4;
}

.qedit-debug-toolbar[data-v-a139a68e] {
  display: flex;
  align-items: baseline;
  gap: 10px;
  margin-bottom: 6px;
}

.qedit-debug-summary[data-v-a139a68e] {
  flex: 1;
  font-weight: 600;
}

.qedit-debug-render-btn[data-v-a139a68e] {
  flex-shrink: 0;
  padding: 2px 8px;
  border: 1px solid #cf274d;
  background: #cf274d;
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  border-radius: 3px;
  cursor: pointer;
  white-space: nowrap;
}

.qedit-debug-row + .qedit-debug-row[data-v-a139a68e] {
  margin-top: 3px;
}