:root {
  --vh: 1vh;
  --psc-sel-step-height: 36px;
  --psc-sel-step-border-bottom: 10px;
  --psc-header-height: 45px;
  --psc-menu-header-height: 45px;
  --psc-expand-header-height: 56px;
  --psc-footer-height: 50px;
  --psc-sel-head-height: 40px;
  --psc-sel-sub-height: 32px;
  --psc-content-panel-margin: 15px;
  --psc-mobile-panel-height: 305px;
  --available-height: calc(100vh - var(--psc-header-height) - 2* var(--psc-content-panel-margin));

  --psc-content-panel-width: 450px;
  --psc-nav-panel-width: 100px;

  --psc-zoombox-height: 56px;
}
html {
  height: 100%;
}
#psc-wrap-configurator-pop p,
#psc-wrap-configurator-pop a,
#psc-wrap-configurator-pop samp,
#psc-wrap-configurator-pop div,
#psc-wrap-configurator-pop h2,
#psc-wrap-configurator-pop h3,
#psc-wrap-configurator-pop h4 {
  font-family: Graphik,sans-serif;
}
.psc-open-editor,
.psc-get-preconfig {
  display: flex;
  align-items: center;
  width: initial;
  width: max-content;
}
.psc-open-editor svg,
.psc-get-preconfig svg {
  width: 26px;
  margin-right: 10px;
}
#psc-responsive-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: none;
  line-height: normal;
  overflow-wrap: initial;
  word-break: initial;
  white-space: normal;
}
#psc-sel-options {
  max-height: calc(var(--available-height) - var(--psc-sel-head-height) - var(--psc-sel-sub-height));
  overflow-y: auto;
}
#psc-sel-options li{
  caret-color: transparent;
}
@media only screen and (max-width: 980px) {
  #psc-sel-options {
    height: initial;
  }
}
#psc-sel-text{
  display: none;
  position: relative;
  max-height: calc(var(--available-height) - var(--psc-sel-head-height) - var(--psc-sel-sub-height));
  width: 100%;
  overflow-y: auto;
}
#psc-sel-pics {
  display: none!important;
  position: relative;
  max-height: calc(var(--available-height) - var(--psc-sel-head-height) - var(--psc-sel-sub-height));
  width: 100%;
  overflow-y: auto;
}
#psc-sel-options ul, 
#psc-sel-pics ul, 
.psc-modal-dialog[label=zone] ul, 
#psc-context-mobile ul:not(.psc-list-size-menu),
#psc-sel-text ul {
  position: relative;
  width: 100%;
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 10px 0 0 10px;
  overflow: auto;
}
@media only screen and (max-width: 980px) {
  #psc-sel-options ul, 
  #psc-sel-pics ul, 
  .psc-modal-dialog[label=zone] ul, 
  #psc-context-mobile ul:not(.psc-list-size-menu),
  #psc-sel-text ul {
    white-space: nowrap;
  }
}
.psc-modal-dialog[label=zone] ul {
  margin-top: 20px;
}
.psc-modal-dialog[label=sub-information] {
  font-size: 13px;
}
.psc-modal-dialog[label=sub-information] h1:not(:first-child),
.psc-modal-dialog[label=sub-information] h2:not(:first-child),
.psc-modal-dialog[label=sub-information] h3:not(:first-child),
.psc-modal-dialog[label=sub-information] h4:not(:first-child),
.psc-modal-dialog[label=sub-information] h5:not(:first-child),
.psc-modal-dialog[label=sub-information] h6:not(:first-child)
{
  margin-top: 30px;
}
.psc-image-tool, .psc-position-tool {
  display: none;
}
#psc-sel-options li, 
#psc-sel-pics li, 
.psc-modal-dialog[label=zone] li, 
#psc-context-mobile ul:not(.psc-list-size-menu) li,
#psc-sel-text li {
  overflow: hidden;
  background: #f8f8f8;
  margin-right: 10px;
  margin-bottom: 10px;
  position: relative;
  float: left;
  width: calc(100% / 3 - 30px / 3);
  border: 1px solid #d6dce0;
  border-radius: 10px;
}
#psc-sel-options li,
.psc-modal-dialog[label=zone] li,
#psc-sel-text li,
#psc-sel-pics li{
  height: 148px;
}
@media only screen and (max-width: 600px) {
  .psc-modal-dialog[label=zone] ul {
    padding: 0;
  }
  .psc-modal-dialog[label=zone] li {
    width: calc(100% / 2 - 20px / 2);
  }
  .psc-modal-dialog[label=zone] li:nth-of-type(2n) {
    margin-right: 0px;
  }
}
@media only screen and (max-width: 980px) {
  #psc-sel-options li, 
  #psc-sel-pics li, 
  #psc-context-mobile ul:not(.psc-list-size-menu) li,
  #psc-sel-text li {
    display: inline-block;
    float: none;
    width: 130px;
    height: 148px;
  }
}
@media only screen and (min-width: 981px) {
  .psc-user-thumb[id-zone] .psc-upload-hide-button {
    display: flex!important;
  }
}
.psc-thumb-img a, .psc-circle-img {
  display: block;
  position: relative;
  height: 60px;
  width: 60px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
  border-radius: 50%;
  border: 3px solid #c5c5c5;
  box-sizing: content-box;
}
.psc-circle-img {
  background-color: white;
}
.psc-upload-img {
  position: relative;
  width: 100%;
  height: 60px;
  -webkit-background-repeat: no-repeat;
  -moz-background-repeat: no-repeat;
  -o-background-repeat: no-repeat;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-position: center;
}
.psc-upload-fa {
  position: absolute;
  width: 100%;
  height: 60px;
}
#psc-sel-options .psc-thumb-action a {
  margin: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 30px;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 1px solid #494a4a;
  box-sizing: content-box;
}
#psc-sel-options li a img {
  display: none;
}
.psc-fa-plus, 
.psc-fa-minus {
  width: 100%;
  height: 100%;
  font-size: 23px;
  text-align: center;
  line-height: 60px;
  color: #fff;
  position: absolute;
  display: none;
  background: rgba(0, 0, 0, .3) none repeat scroll 0 0;
  border-radius: 50%;
}
.psc-user-thumb .psc-fa-plus, 
.psc-user-thumb .psc-fa-minus {
  border-radius: 0;
}
#psc-sel-options li > a, 
.psc-modal-dialog[label=zone] li > a {
  position: absolute;
  width: 100%;
  height: 100%;
}
@media (hover: hover) and (pointer: fine) {
  li:not(.psc-current-img) .psc-option-btn:hover .psc-fa-plus,
  .psc-upload-to-zone:hover .psc-fa-plus,
  .psc-user-thumb:not(.psc-current-img):hover .psc-fa-plus,
  li:not(.psc-current-img) .psc-text-btn:hover .psc-fa-plus
  {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  li.psc-current-img .psc-option-btn:hover .psc-fa-minus,
  .psc-user-thumb.psc-current-img:hover .psc-fa-minus,
  li.psc-current-img:hover .psc-fa-minus
  {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.psc-input-gen {
  position: absolute;
  background: none;
  color: #333333;
  overflow: hidden !important;
  -webkit-transform-origin: top left;
  -moz-transform-origin: top left;
  -ms-transform-origin: top left;
  -o-transform-origin: top left;
  transform-origin: top left;
}
.sqr .psc-wrap-img {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  background-position: center;
}
.sqr .psc-wrap-img img {
  display: none;
  width: 100%;
  height: 100%;
  max-width: inherit !important;
}
.psc-transition {
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}
.psc-canvas-mask {
  display: none;
  width: 100%;
  height: 100%;
}
#psc-responsive-wrapper article[type=upload] .sqr .psc-wrap-img img {
  max-width: 100%!important;
  visibility: hidden;
}
.psc-flash, .psc-flash img {
  position: absolute;
  width: 100%;
}
.psc-sqr-flash {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
}
article[type=upload] .sqr {
  position: absolute;
}
.psc-modal-dialog[label=share] .psc-preview {
  margin: auto;
  position: relative;
  width: 100%;
  aspect-ratio: 1;
  max-width: 440px;
}
.psc-preview {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
#psc-responsive-wrapper-prev, 
#psc-responsive-wrapper-save {
  width: 100%;
  height: 100%;
}
.hide {
  display: none!important;
}
.psc-hide{
  display: block!important;
  visibility: hidden!important;
  height: 0!important;
  padding: 0!important;
}
.psc-upload-hide{
  visibility: hidden!important;
  height: 0!important;
}
a:hover, a:active, a:focus {
  outline: none;
  text-decoration: none;
}
#layer_cart {
    top: 35%;
}
#psc-wrap-configurator .col {
  position: relative;
}
.step {
  margin-bottom: 3px;
}
#accordion-step .list {
  background: #fff;
  overflow: hidden;
}
.disabled .list {
  display: none;
}
#psc-wrap-configurator {
  padding-bottom: 40px;
  overflow: hidden;
}
#psc-cover {
  z-index: 11;
  position: absolute;
}
#psc-sel-step {
  display: none;
  border-bottom: var(--psc-sel-step-border-bottom) solid white;
  box-sizing: content-box;
  position: relative;
  background:#494a4a;
  z-index: 50;
  height: var(--psc-sel-step-height);
}
@media only screen and (max-width: 980px) {
  #psc-sel-step {
    display: none;
  }
}
#psc-sel-step ul {
  display: flex;
  align-items: center;
  border-right: 1px solid white;
  box-sizing: content-box;
  margin: 0;
  height: 100%;
  float: left;
}
.psc-sidebar-button-icon {
  margin-bottom: 5px;
  display: flex;
  justify-content: center;
}
.psc-sidebar-button-icon img {
  max-width: 100%;
  max-height: 100%;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}
.psc-sidebar-button-label {
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: capitalize;
  padding-bottom: 10px;
  color: grey;
  font-size: 12px;
  text-align: center;
}
#psc-nav-panel ul {
  align-items: center;
  box-sizing: content-box;
  margin: 0;
  width: 100%;
  float: left;
}
.psc-next-button {
  padding: 10px;
  text-align: center;
  color: grey;
  box-sizing: border-box;
  border-top: 1px solid #dfdfdf;
  float: left;
  width: 100%;
}
.psc-prev-button {
  padding: 10px;
  text-align: center;
  color: grey;
  box-sizing: border-box;
  border-bottom: 1px solid #dfdfdf;
  float: left;
  width: 100%;
}
.psc-next-button a, .psc-prev-button a {
  width: 100%;
  height: 100%;
}
#psc-sel-step li {
  display: flex;
  float: left;
  height: 100%;
  aspect-ratio: 1;
}
#psc-nav-panel li {
  box-sizing: border-box;
  padding: 8px;
  width: 100%;
}
#psc-sel-step a {
  aspect-ratio: 1;
  display: flex!important;
  align-items: center;
  justify-content: center;
  height: 100%;
  overflow: hidden;
  background-size: 70%;
  background-repeat: no-repeat;
  background-position: center;
}
#psc-nav-panel a {
  align-items: center;
  justify-content: center;
  width: 100%;
  caret-color: transparent;
}
#psc-nav-panel .psc-swan-display-block {
  display: block;
  border-bottom: 1px solid white;
}
#psc-nav-panel .psc-swan-display-block[level="2"] {
  background: #f8f8f8;
}
#psc-nav-panel .psc-swan-display-none {
  display: none;
}
#psc-nav-panel .psc-sidebar-button-icon {
  width: 32px;
  aspect-ratio: 1;
  border-radius: 50%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
#psc-nav-panel .psc-sidebar-button-icon img {
  -webkit-filter: grayscale(1);
  -moz-filter: grayscale(1);
  -ms-filter: grayscale(1);
  -o-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}
#psc-nav-panel a.active .psc-sidebar-button-icon img {
  -webkit-filter: grayscale(1) invert(1);
  -moz-filter: grayscale(1) invert(1);
  -ms-filter: grayscale(1) invert(1);
  -o-filter: grayscale(1) invert(1);
  filter: grayscale(1) invert(1);
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}
#psc-nav-panel a.psc-group-discover .psc-sidebar-button-icon img {
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}
.psc-title-step .psc-title {
  margin: 0 0 20px;
}
.psc-title-step-det {
  margin-top: 29px;
  float: left;
  padding-top: 29px;
  position: relative;
  width: 350px;
}
.psc-title-step-det span {
  font-size: 20px;
  color: #464646;
  font-weight: 300;
}
.psc-title-step-det:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 120px;
  height: 1px;
  overflow: hidden;
  background: #464646;
}
.psc-list-font-menu, .psc-list-size-menu {
  font-size: 14px;
  width: 100%;
  margin: 15px 0;
}
.psc-list-font-menu a {
  margin: 10px 0;
  text-transform: capitalize;
  padding-left: 20px;
  padding-right: 60px;
  height: 28px;
  display: flex;
  align-items: center;
  width: 100%;
  border-radius: 14px;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}
.psc-list-font-menu-mobile button {
  height: 100%;
  width: 100%;
  border-radius: 14px;
}
.psc-font-button-mobile .psc-att-active {
  display: none;
}
.psc-color-palette-mobile .psc-color-palette-colorchoice .psc-att-active {
  display: none;
}
.psc-color-palette-mobile .psc-color-palette-colorchoice.title {
  display: none;
}
.psc-font-button-mobile.active .psc-att-active {
  display: flex;
}
.psc-font-button-mobile-text {
  height: 40px;
  line-height: 40px;
  font-size: 20px;
  overflow: hidden;
  margin-bottom: 5px;
}
.psc-font-button-mobile-svg {
  width: 62%;
  margin: 10px auto;
  overflow: hidden;
  margin-bottom: 5px;
}
.psc-font-button-mobile-label {
  text-transform: capitalize;
}
.psc-list-font-menu a:hover,
.psc-list-size-menu a:hover {
  background: #f8f8f8;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}
.psc-list-font-menu a.active, .psc-list-size-menu a.active,
.psc-list-font-menu-mobile a.active,
.psc-list-size-menu-mobile a.active {
  background: black;
  color: white;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}
.psc-list-size-menu a {
  margin: 10px 0;
  padding-left: 20px;
  padding-right: 20px;
  height: 28px;
  display: flex;
  align-items: center;
  width: 100%;
  border-radius: 14px;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}
.psc-item-row-editor-mobile {
  border-radius: 20px;
  border: 1px solid #dfdfdf;
  background: white;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  box-shadow: 0 5px 10px #0000001a;
  padding: 2px 15px;
}
.psc-textarea-mobile-backdrop {
  display: none;
  z-index: -1;
  background-color: black;
  opacity: .8;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.psc-item-row-editor {
  border-bottom: 1px solid #dfdfdf;
  display: flex;
}
.psc-item-row-editor:hover, .psc-item-row-editor.onfocus {
  border-bottom: 1px solid #232323!important;
}
.psc-item-row-editor:hover .psc-txt-delete-btn, 
.psc-item-row-editor.onfocus .psc-txt-delete-btn {
  opacity: 1!important;
}
.psc-item-row-editor:hover .psc-txt-price-preview, 
.psc-item-row-editor.onfocus .psc-txt-price-preview {
  opacity: 1!important;
}
.psc-txt-delete-btn {
  opacity: .5;
  margin-top: 2px;
  display: none;
  height: 100%;
}
.psc-txt-price-preview {
  color: #232323;
  opacity: .5;
  font-size: 16px;
  margin-top: 2px;
}
.psc-input-txt {
  color: #232323;
  min-height: 30px;
  line-height: 26px;
  width: 100%;
  overflow: hidden;
  outline: none;
  border: none;
  resize: none;
  background: none;
  padding: 0;
  padding-right: 10px;
}
.psc-input-txt-mobile {
  height: 0;
  color: #232323;
  min-height: 26px;
  max-height: 200px;
  line-height: 26px;
  width: 100%;
  outline: none;
  border: none;
  resize: none;
  background: none;
  padding: 0;
  padding-right: 15px;
}
.psc-input-txt::placeholder, 
.psc-input-txt:active, 
.psc-input-txt-mobile::placeholder, 
.psc-input-txt-mobile:active {
  opacity: initial;
  color: #808080!important;
  caret-color: #232323!important;
}
.psc-input-txt:focus, .psc-input-txt-mobile:focus {
  color: #232323!important;
}

.psc-input-txt:focus .psc-item-row-editor {
  border-bottom: 1px solid #232323;
}
#psc-nav-panel {
  z-index: 3;
  background-color: #ececec;
  box-shadow: 0 5px 10px #0000001a;
  border-radius: 10px;
  display: block;
  width: var(--psc-nav-panel-width);
  position: relative;
  float: left;
  margin: var(--psc-content-panel-margin);
  height: var(--available-height);
  overflow: hidden;
}
@media only screen and (max-width: 980px) {
  #psc-nav-panel {
    display: none;
  }
}
#psc-content-panel {
  z-index: 3;
  background-color: #ececec;
  display: block;
  box-shadow: 0 5px 10px #0000001a;
  border-radius: 10px;
  width: var(--psc-content-panel-width);
  position: relative;
  float: left;
  margin: var(--psc-content-panel-margin) 0;
  min-height: 179px;
  max-height: var(--available-height);
  overflow: hidden; /* important to display psc-sel-menu*/
}
@media only screen and (max-width: 980px) {
  #psc-content-panel {
    width: 100%;
    margin: 0;
    border-radius: 0;
    height: var(--psc-mobile-panel-height);
    bottom: 0;
    position: absolute;
    overflow: initial;
  }
}
#psc-content-panel p {
  color: grey;
  font-size: 14px;
  margin-bottom: 18px;
}
#psc-modal-yslider p {
  color: black;
  font-size: 14px;
  margin-bottom: 18px;
}
#psc-content-panel>div {
  height: 100%;
  width: 100%;
}
#psc-content-panel #step-text {
  background: white;
  z-index: 1;
}
#psc-product {
  display: none;
  position: relative;
  margin: var(--psc-content-panel-margin);
  float: left;
  width: calc(100% - var(--psc-content-panel-width) - 4 * var(--psc-content-panel-margin) - var(--psc-nav-panel-width));
  height: calc(var(--available-height));
  caret-color: transparent;
}
@media only screen and (max-width: 980px) {
  #psc-product {
    width: 100%;
    margin: 0px;
    height: calc(100% - var(--psc-mobile-panel-height));
    overflow: hidden;
  }
  #psc-body.psc-random-mode #psc-product {
    height: calc(100% - var(--psc-footer-height));
  }
}
#psc-random-bkg {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: silver;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}
#psc-wrap-configurator-pop {
  visibility: hidden;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background: white;
  overflow: hidden!important;
}
#psc-wrap-configurator {
  height: 100%;
  overflow: hidden;
  position: relative;
  padding: 0 !important;
}
#psc-wrap-configurator *,
#psc-wrap-configurator {
    -moz-squared-sizing: border-squared;
}
.psc-bkg-img {
    position: absolute;
    width: 100%;
}
.psc-input-gen .ui-rotatable-handle {
  left: -18px;
  bottom: -15px;
}
@media only screen and (max-width: 980px) {
  .psc-input-gen {
    cursor: pointer;
  }
  #psc-wrap-configurator {
    overflow: hidden;
    position: relative;
  }
  #psc-wrap-configurator-pop,
  #psc-wrap-configurator
  {
    width: 100% !important;
  }
}
#psc-sel-device {
  width: 100%;
  height: 100%;
}
.psc-on-process-load {
  content: "";
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -15px;
  margin-top: -15px;
  width: 30px;
  height: 30px;
  border: 2px solid #3d3d3d;
  border-radius: 50%;
  -webkit-animation: psc-lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  -moz-animation: psc-lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  -ms-animation: psc-lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  -o-animation: psc-lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  animation: psc-lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #3d3d3d transparent transparent transparent;
}
.psc-favorite-white-spinner {
  content: "";
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  border: 2px solid;
  border-radius: 50%;
  -webkit-animation: psc-lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  -moz-animation: psc-lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  -ms-animation: psc-lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  -o-animation: psc-lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  animation: psc-lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
}
.psc-success-svg,
.psc-fail-svg
{
  margin-bottom: 20px;
}
.psc-process-spinner {
  display: inline-block;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  font-size: 0;
  color: white;
  background-color: white;
  border-style: solid;
  border-top-color: #bbcdd2;
  border-left-color: #bbcdd2;
  outline: none;
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
}
.psc-employee-content .psc-process-spinner {
  color: unset!important;
  background-color: unset!important;
  border-top: 2px solid white;
  border-left: 2px solid white;
}
.psc-employee-content .psc-spinner-wrap {
  width: 20px;
  height: 20px;
}
.psc-input-gen .wr-pre {
  display: table !important;
  width: 100%;
  height: 100%;
}
.psc-txt-render {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  display: block;
  overflow-wrap: break-word;
  line-height: normal;
}
.psc-txt-border {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  border: 1px dashed;
  -webkit-transform-origin: top left;
  -moz-transform-origin: top left;
  -ms-transform-origin: top left;
  -o-transform-origin: top left;
  transform-origin: top left;
}
.psc-input-gen .psc-txt-flash {
  opacity: .5;
  display: none;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
}
#psc-textarea-wrap {
    margin: 15px;
}
#psc-menu {
  z-index: 20;
  visibility: hidden;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
#psc-menu.active {
  visibility: visible;
}
#psc-menu .psc-menu-slider {
  position: absolute;
  left: -300px;
  width: 300px;
  height: 100%;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
  background: white;
}
#psc-menu.active .psc-menu-slider {
  left: 0;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}
#psc-menu .psc-menu-slider-header {
  width: 100%;
  height: var(--psc-header-height);
  display: flex;
  align-items: center;
  justify-content: right;
  border-bottom: 1px solid silver;
}
#psc-menu .psc-menu-slider-body {
  height: calc(100% - var(--psc-header-height) - 45px);
  padding: 0 20px;
}
#psc-menu .psc-menu-slider-footer {
  display: flex;
  align-items: center;
  height: 45px;
  color: silver;
  font-size: 12px;
}
#psc-menu .psc-menu-slider-footer .psc-menu-copyright {
  padding: 0 20px;
}
#psc-menu .psc-menu-slider-footer .psc-employee-content {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: right;
  width: 100%;
  height: 100%;
  color: white;
  background: #f11c1f;
}
#psc-menu .psc-menu-slider-footer .psc-key-result {
  position: absolute;
  top: -45px;
  height: 45px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #f11c1f;
}
#psc-menu .psc-menu-slider-footer .psc-employee-content button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
}
#psc-menu .psc-menu-close-button {
  height: 100%;
  aspect-ratio: 1;
}
#psc-menu .psc-menu-close-button i {
  font-size: 22px;
}
#psc-menu .psc-menu-backdrop {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .8);
}
#psc-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  height: var(--psc-header-height);
  width: 100%;
  padding-right: 30px;
}
#psc-header>div {
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
}
#psc-header .psc-wrap-price, #psc-footer .psc-wrap-price {
  margin: 0 20px;
}
@media only screen and (max-width: 980px) {
  #psc-header {
    background: none;
    border-bottom: none;
    padding-right: 15px;
  }
  #psc-header .psc-add-to-cart, #psc-header .psc-wrap-price {
    display: none;
  }
}
@media only screen and (max-width: 400px) {
  #psc-footer {
    justify-content: space-between!important;
  }

  #psc-footer .psc-wrap-price {
    margin: 0;
  }
}
#psc-header h3 {
  display: none;
}
#psc-header .psc-configurator-menu {
  height: 100%;
  aspect-ratio: 1;
}
#psc-header .psc-configurator-menu button {
  height: 100%;
  width: 100%;
}
#psc-header .psc-logo img {
  height: 60%;
}
.psc-loader, .psc-ring-wrap {
  position: absolute;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  z-index: 9;
}
.psc-lds-ring {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
}
.psc-lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 44px;
  height: 44px;
  margin: 8px;
  border: 2px solid ;
  border-radius: 50%;
  -webkit-animation: psc-lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  -moz-animation: psc-lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  -ms-animation: psc-lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  -o-animation: psc-lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  animation: psc-lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
}
.psc-loader-number {
  color: white;
  font-size: 12px;
}
.psc-upload-progress-value {
  color: #25b9d7;
  font-size: 16px;
  margin-top: 5px;
  margin-bottom: 20px;
}
#psc-sel-pics .psc-lds-ring div {
  border-color: white transparent transparent transparent;
}
.psc-lds-ring div:nth-child(1) {
  -webkit-animation-delay: -0.45s;
  -moz-animation-delay: -0.45s;
  -ms-animation-delay: -0.45s;
  -o-animation-delay: -0.45s;
  animation-delay: -0.45s;
}
.psc-lds-ring div:nth-child(2) {
  -webkit-animation-delay: -0.3s;
  -moz-animation-delay: -0.3s;
  -ms-animation-delay: -0.3s;
  -o-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
.psc-lds-ring div:nth-child(3) {
  -webkit-animation-delay: -0.15s;
  -moz-animation-delay: -0.15s;
  -ms-animation-delay: -0.15s;
  -o-animation-delay: -0.15s;
  animation-delay: -0.15s;
}
@keyframes psc-lds-ring {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.sign-cur {
  padding-left: 5px;
}
#psc-header .psc-price, #psc-footer .psc-price {
  margin: 0;
  font-size: 18px;
  position: relative;
}
#psc-header .psc-price samp {
  font-size: 18px;
  font-weight: initial;
}
.psc-locked {
  opacity: .35;
  pointer-events: none!important;
  cursor: default!important;
}
.psc-noevent {
  pointer-events: none!important;
  cursor: default!important;
}
.psc-locked.psc-btn-switch {
  opacity: 1;
}
.psc-att-active {
  font-size: 12px;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  position: absolute;
  right: 4px;
  top: 4px;
}
.psc-flag-new {
  z-index: 3;
  padding: 0 6px;
  font-size: 12px;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 9px;
  height: 18px;
  position: absolute;
  left: 4px;
  top: 4px;
}
.psc-resolution-warning {
  display: none;
}
.psc-current-img .psc-resolution-warning {
  opacity: 0;
  visibility: hidden;
  display: flex;
  background: orange;
  font-size: 12px;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  position: absolute;
  right: -7px;
  top: -7px;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}
.psc-current-img .psc-resolution-warning.active {
  opacity: 1;
  visibility: visible;
  display: flex;
  background: orange;
  font-size: 12px;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  position: absolute;
  right: 4px;
  top: 4px;
  cursor: pointer;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}
.psc-att-active,
.psc-current-img .psc-resolution-warning,
.psc-current-img .psc-resolution-warning.active{
  z-index: 3;
}
.psc-text-btn .psc-att-active {
  padding: 0 4px;
  border-radius: 9px;
  min-width: 18px;
  width: auto;
}
.psc-att-active{
  display: none;
}
.psc-current-img .psc-att-active,
.psc-current-zone .psc-att-active
{
  display: flex;
}
#psc-sel-head {
  display: flex;
  align-items: center;
  position: relative;
  color: #494a4a;
  height: var(--psc-sel-head-height);
  width: 100%;
  border-bottom: 1px solid white;
}
#psc-sel-sub {
  color: #494a4a!important;
  width: 100%;
  overflow: hidden;
  display: flex;
}
#psc-nav-panel a, #psc-sel-head a, #psc-sel-sub a {
  color: #494a4a;
}
.psc-responsive-print-box {
  position: relative;
}
.psc-responsive-print-box.active .psc-drag-backdrop{
  display: flex;
}
.psc-drag-backdrop{
  z-index: 2;
  display: none;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
#psc-print {
  width: 100%;
  height: 100%;
  pointer-events: none;
}
#psc-responsive-wrapper #psc-print.psc-animation-discover {
  -webkit-animation-name: psc-animation-discover;
  -moz-animation-name: psc-animation-discover;
  -ms-animation-name: psc-animation-discover;
  -o-animation-name: psc-animation-discover;
  animation-name: psc-animation-discover;
  -webkit-animation-duration: 1.6s;
  -moz-animation-duration: 1.6s;
  -ms-animation-duration: 1.6s;
  -o-animation-duration: 1.6s;
  animation-duration: 1.6s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -ms-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@keyframes psc-animation-discover {
  from {top: 0; opacity: 1;}
  to {top: 0; opacity: 1;}
}
#psc-print-cloned {
  visibility: hidden;
  z-index: 2;
  position: fixed;
  top: 0; 
  left: 0;
}
#psc-print #side-1 .psc-mask-img {
  position: absolute;
  height: 100%;
  width: 100%;
}
.tag-picture {
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.sqr-mask {
  width: 100%;
  height: 100%;
  position: absolute;
  -webkit-mask-size: 100%;
  -moz-mask-size: 100%;
  -ms-mask-size: 100%;
  -o-mask-size: 100%;
  mask-size: 100%;
}
.psc-article img.extra {
  width: 100%;
  height: 100%;
  opacity: .3;
}
.psc-article {
  display: none;
  position: absolute;
  height: 100%;
  width: 100%;
}
.psc-article .sqr-flash {
  display: none;
  opacity: .25;
  position: absolute;
  width: 100%;
  height: 100%;
}
.psc-article .sqr-flash img {
  width: 100%;
}
.psc-flash img {
  opacity: 0;
}
.psc-animation-flash {
  -webkit-animation-name: psc-animation-flash;
  -moz-animation-name: psc-animation-flash;
  -ms-animation-name: psc-animation-flash;
  -o-animation-name: psc-animation-flash;
  animation-name: psc-animation-flash;
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -ms-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s;
}
@keyframes psc-animation-flash {
  0%    {opacity: 0;}
  10%   {opacity: .85;}
  20%   {opacity: 0;}
  30%   {opacity: .85;}
  100%  {opacity: 0;}
}
.psc-btn-control-footer {
  pointer-events: auto;
  z-index: 2;
  height: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.psc-btn-control-body {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}
.psc-close-random-mode-btn {
  -webkit-filter: invert(1);
  -moz-filter: invert(1);
  -ms-filter: invert(1);
  -o-filter: invert(1);
  filter: invert(1);
}
.psc-btn-control-footer button {
  justify-content: center;
  align-items: center;
  height: 30px;
  text-align: center;
}
.psc-btn-control-footer .psc-btn-switch {
  position: relative;
  bottom: 24px;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  text-align: center;
}
.psc-btn-control-footer button.psc-btn-switch {
  display: flex;
}
button.psc-btn-switch svg.psc-animation-switch {
  -webkit-animation-name: psc-animation-switch;
  -moz-animation-name: psc-animation-switch;
  -ms-animation-name: psc-animation-switch;
  -o-animation-name: psc-animation-switch;
  animation-name: psc-animation-switch;
  -webkit-animation-duration: .5s;
  -moz-animation-duration: .5s;
  -ms-animation-duration: .5s;
  -o-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: backwards;
  -moz-animation-fill-mode: backwards;
  -ms-animation-fill-mode: backwards;
  -o-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -ms-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@keyframes psc-animation-switch {
  from {rotate: 0deg;}
  to {rotate: 180deg;}
}
.psc-btn-control-footer a samp i {
  font-size: 20px;
}
.psc-btn-control-footer a samp img {
  max-width: 20px;
  -webkit-filter: invert(1);
  -moz-filter: invert(1);
  -ms-filter: invert(1);
  -o-filter: invert(1);
  filter: invert(1);
}
@media only screen and (max-width: 980px) {
  .psc-btn-control-footer a samp {
    width: 70px;
    height: 70px;
  }
  .psc-btn-control-footer a samp i {
    font-size: 30px;
  }
  .psc-btn-control-footer a samp img {
    max-width: 30px;
  }
}
#psc-canvas, 
#psc-canvas canvas {
  position: absolute;
  width:100%;
  height:100%;
}
#psc-body {
  height: calc(100% - var(--psc-header-height));
  position: relative;
  overflow: hidden;
}
#psc-footer {
  display: none;
}
@media only screen and (max-width: 980px) {
  #psc-footer {
    z-index: 19;
    position: absolute;
    width: 100%;
    height: var(--psc-footer-height);
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: right;
    padding: 0 15px;
  }
}
#psc-content-panel .psc-title {
  text-transform: capitalize;
  position: relative;
  left: 5px;
  float: left;
  display: flex;
  align-items: center;
  height: 100%;
  font-family: Graphik,sans-serif;
  font-size: 18px;
}
.psc-group {
  height: 100%;
  position: relative;
  left: 12px;
  float: left;
  display: flex;
  align-items: center;
}
.psc-ungroup-btn, 
.psc-regroup-btn {
  text-transform: inherit;
  font-size: 12px;
  font-weight: 400;
  padding: 2px 8px;
  white-space: inherit;
  border: none;
  text-decoration: none !important;
  border-radius: 46px;
  -webkit-transition: all .3s cubic-bezier(.39, .58, .57, 1);
  -moz-transition: all .3s cubic-bezier(.39, .58, .57, 1);
  -ms-transition: all .3s cubic-bezier(.39, .58, .57, 1);
  -o-transition: all .3s cubic-bezier(.39, .58, .57, 1);
  transition: all .3s cubic-bezier(.39, .58, .57, 1);
  box-shadow: none !important;
  -webkit-transform: perspective(1px) translateZ(0);
  -moz-transform: perspective(1px) translateZ(0);
  -ms-transform: perspective(1px) translateZ(0);
  -o-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  cursor: pointer;
  line-height: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  max-height: 38px;
  max-width: 224px;
}
@media only screen and (max-width: 980px) {
  .psc-ungroup-btn, 
  .psc-regroup-btn {
    max-width: 165px;
  }
}
#psc-content-panel .psc-icon {
  opacity: .75;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  margin-left: 6px;
  float: left;
  height: 82%;
  aspect-ratio: 1;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-filter: grayscale(1);
  -moz-filter: grayscale(1);
  -ms-filter: grayscale(1);
  -o-filter: grayscale(1);
  filter: grayscale(1);
}
#psc-content-panel .psc-navigation {
  position: absolute;
  right: 0;
  display: flex;
  align-items: center;
  height: 100%;
  font-size: 20px;
}
#psc-content-panel .psc-navigation a {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 100%;
  aspect-ratio: 1;
}
.psc-sub-list-control {
  width: 100%;
  height: 100%;
  display: flex;
}
.psc-sub-list-slider {
  margin: 0 10px 0 10px;
  border-bottom: 1px solid #dfdfdf;
  width: 100%;
  overflow: hidden;
}
#psc-sel-sub .psc-sub-list-handle {
  width: 100%;
  display: flex;
  position: relative;
  left: 0;
  -webkit-transition: left .2s;
  -moz-transition: left .2s;
  -ms-transition: left .2s;
  -o-transition: left .2s;
  transition: left .2s;
}
#psc-sel-sub button {
  height: var(--psc-sel-sub-height);
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
#psc-sub-slide-left {
  left: 0;
}
#psc-sub-slide-right {
  right: 0;
}
#psc-sub-slide-right svg {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
#psc-sel-sub .psc-sub-btn {
  display: flex;
  align-items: center;
  float: left;
  font-size: 14px;
  white-space: nowrap;
  text-transform: capitalize;
  margin-right: 22px;
  height: var(--psc-sel-sub-height);
  line-height: var(--psc-sel-sub-height);
}
#psc-sel-sub .psc-sub-btn .psc-help-box {
    margin-left: 5px;
    display: flex;
}
#psc-sel-sub .psc-sub-list-handle a.active {
  border-bottom: 3px solid #494a4a;
}
.psc-thumb-img {
  position: relative;
  margin-top: 10px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.psc-thumb-img svg{
  height: 100%;
}
.psc-thumb-name {
  word-break: break-word;
  white-space: normal;
  color: #494a4a;
  overflow: hidden;
  text-align: center;
  font-size: 14px;
  text-transform: capitalize;
  margin-top: 5px;
  display: flex;
  justify-content: center;
}
.psc-thumb-zone {
  word-break: break-word;
  white-space: normal;
  color: #494a4a;
  overflow: hidden;
  text-align: center;
  font-size: 14px;
  text-transform: capitalize;
  display: flex;
  justify-content: center;
}
.psc-thumb-zone svg{
  position: relative;
  bottom: -2px;
}
.psc-thumb-minsize {
  word-break: break-word;
  white-space: normal;
  color: gray;
  overflow: hidden;
  text-align: center;
  display: flex;
  justify-content: center;
  font-size: 11px;
}
.psc-thumb-price, .psc-thumb-action {
  text-align: center;
  color: #494a4a;
  font-size: 14px;
  height: 20px;
  position: absolute;
  bottom: 10px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.psc-thumb-load {
  z-index: 3;
  background: white;
  color: #494a4a;
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.psc-main-fileinput {
  display: none;
}
#psc-nogrid-bloc {
  color: grey;
  padding-top: 20px;
  margin-bottom: 15px;
}
#psc-sel-text #psc-nogrid-bloc{
  padding: 10px;
  padding-top: 20px;
}
@media only screen and (max-width: 980px) {
  #psc-sel-pics #psc-nogrid-bloc {
    padding-top: 0;
    margin-bottom: 0;
  }
  #psc-sel-text #psc-nogrid-bloc{
    display: none;
  }
}
#psc-validation {
  display: none;
  align-items: center;
  justify-content: center;
  opacity: .95;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background:black;
  z-index: 101;
}
#psc-background {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
#psc-validation.active {
  display: flex;
}
.psc-loader-cart .psc-loader-cart-error-message {
  display: none;
  text-align: center;
  color: red;
  font-size: 12px;
}
.psc-cartloader-close-button {
  background: white!important;
  display: block;
  margin: auto;
  color: white;
}
.psc-loader-cart .psc-loader-cart-error-message.active {
  display: block;
}
.psc-loader-cart-state-box {
  padding: 20px;
  margin-top: 20px;
}
#psc-validation .psc-loader-cart img {
  max-height: 150px; 
  max-width: 160px; 
  display: block; 
  margin-left: auto; 
  margin-right: auto;
}
#psc-validation .psc-loader-cart .psc-loader-cart-title {
  display: block;
  font-size: 16px;
  color: #fff;
  text-align: center;
}
#psc-validation .psc-loader-cart .psc-loader-cart-progress {
  display: none;
  font-size: 42px;
  color: #fff;
  text-align: center;
}
#psc-validation .psc-loader-cart .psc-progress-row {
  opacity: .1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  color: #fff;
  text-align: center;
  margin-bottom: 6px;
}
#psc-validation .psc-loader-cart .psc-progress-row.active {
  opacity: .5;
}
.psc-progress-row-icon {
  display: flex;
  align-items: center;
  margin-left: 5px;
  position: relative;
  width: 16px;
  height: 16px;
  color: white;
}
.psc-progress-row-state {
  display: none;
  position: relative;
  align-items: center;
  height: 16px;
  width: 16px;
  aspect-ratio: 1;
}
.psc-progress-row-state.active {
  display: flex;
}
.psc-progress-row-icon .psc-lds-ring {
  width: 100%;
  height: 100%;
}
.psc-progress-row-icon .psc-lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 8px;
  border: 1px solid #ffffff;
  border-radius: 50%;
  -webkit-animation: psc-lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  -moz-animation: psc-lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  -ms-animation: psc-lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  -o-animation: psc-lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  animation: psc-lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #ffffff transparent transparent transparent;
}
.psc-upload-button-container {
  display: none!important;
  margin-top: 20px;
  margin-bottom: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.psc-upload-button-mobile-title {
  white-space: pre-line;
  font-size: 14px;
  font-weight: bold;
}
.psc-upload-button-desktop {
  display: none;
  font-size: 14px;
  font-weight: bold;
  padding: 0 32px;
  color: white;
  background: black!important;
  height: 60px;
  border-radius: 30px;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}
.psc-upload-button-desktop:hover {
  background: #262626;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}
.psc-swan-divider {
  border-top: 1px solid #dfdfdf;
}
.psc-swan-title {
  margin-bottom: 4px;
  font-size: 16px;
}
.psc-upload-img-control {
  z-index: 2;
  border-radius: 10px;
  position: absolute;
  width: 100%;
  height: 100%;
}
.psc-upload-img-control svg{
  position: absolute;
  top: 20%;
  left: 20%;
  height: 60%;
  width: 60%;
}
.psc-rotate-btn svg{
  position: absolute;
  top: 20%;
  left: 20%;
  height: 60%;
  width: 60%;
}
.psc-upload-trash-button{
  font-size: 10px;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 50%;
  background: black!important;
  color: white;
  width: 18px;
  height: 18px;
  position: absolute;
  right: 4px;
  bottom: 4px;
}
.psc-upload-option-button{
  font-size: 10px;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 50%;
  background: black!important;
  color: white;
  width: 18px;
  height: 18px;
  position: absolute;
  left: 4px;
  bottom: 4px;
}
.psc-upload-trash-button,
.psc-upload-option-button{
  display: none;
}
@media (hover: hover) and (pointer: fine) {
  .psc-user-thumb:not(.ctx-active):hover .psc-upload-trash-button{
    display: flex;
  }
  .psc-user-thumb.psc-current-img:not(.ctx-active):hover .psc-upload-option-button{
    display: flex;
  }
}
.psc-upload-hide-button {
  font-size: 10px;
  display: none;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 50%;
  background: black!important;
  color: white;
  width: 18px;
  height: 18px;
  position: absolute;
  left: 8px;
  bottom: 8px;
}
.psc-rotate-btn {
  font-size: 10px;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 50%;
  background: black!important;
  color: white;
  width: 18px;
  height: 18px;
  position: absolute;
  left: 8px;
  bottom: 8px;
}
.ui-rotatable-handle {
  z-index: 91;
  position: absolute;
  height: 18px!important;
  width: 18px!important;
  cursor: pointer;
  border-radius: 50%;
  background-image: url(../fonts/img/rotate-handle.svg)!important;
  background-size: 100%;
  background-position: center!important;
  left: -9px!important;
  bottom: -9px!important;
}
.ui-resizable-n, 
.ui-resizable-s, 
.ui-resizable-e, 
.ui-resizable-w, 
.ui-resizable-ne, 
.ui-resizable-se, 
.ui-resizable-sw, 
.ui-resizable-nw 
{
  width: 10px!important;
  height: 10px!important;
  background-color: #ffffff;
  border: 1px solid #000000;
}
.ui-resizable-nw{
  left: -5px!important;
  top: -5px!important;
}
.ui-resizable-ne{
   top: -5px!important;
   right: -5px!important;
}
.ui-resizable-sw{
  bottom: -5px!important;
  left: -5px!important;
}
.ui-resizable-se{
  bottom: -5px!important;
  right: -5px!important;
}
.ui-resizable-n{
  top: -5px!important;
  left: calc(50% - 5px)!important;
}
.ui-resizable-s{
  bottom: -5px!important;
  left: calc(50% - 5px)!important;
}
.ui-resizable-w{
   left: -5px!important;
   top: calc(50% - 5px)!important;
}
.ui-resizable-e{
   right: -5px!important;
   top: calc(50% - 5px)!important;
}
.psc-upload-trash-button:hover {
  font-size: 14px;
  width: 24px;
  height: 24px;
  right: 1px;
  bottom: 1px;
}
.psc-upload-option-button:hover {
  font-size: 14px;
  width: 24px;
  height: 24px;
  left: 1px;
  bottom: 1px;
}
.psc-rotate-btn:hover {
  font-size: 14px;
  width: 24px;
  height: 24px;
  left: 6px;
  bottom: 6px;
}
.psc-upload-select-button {
  position: absolute;
  width: 100%;
  height: 100%;
}
.psc-upload-loader {
  background: rgba(0, 0, 0, .5);
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
#psc-modal {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.psc-modal-yslider {
  position: absolute;
  width: 100%;
  height: 100%;
}
.psc-modal-yslider.psc-animation-open-modal {
  -webkit-animation-name: psc-animation-open-modal;
  -moz-animation-name: psc-animation-open-modal;
  -ms-animation-name: psc-animation-open-modal;
  -o-animation-name: psc-animation-open-modal;
  animation-name: psc-animation-open-modal;
  -webkit-animation-duration: .2s;
  -moz-animation-duration: .2s;
  -ms-animation-duration: .2s;
  -o-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.psc-modal-yslider.psc-animation-close-modal {
  -webkit-animation-name: psc-animation-close-modal;
  -moz-animation-name: psc-animation-close-modal;
  -ms-animation-name: psc-animation-close-modal;
  -o-animation-name: psc-animation-close-modal;
  animation-name: psc-animation-close-modal;
  -webkit-animation-duration: .2s;
  -moz-animation-duration: .2s;
  -ms-animation-duration: .2s;
  -o-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@keyframes psc-animation-open-modal {
  from {top: 20%; opacity: 0;}
  to {top: 0; opacity: 1;}
}
@keyframes psc-animation-close-modal {
  from {top: 0; opacity: 1;}
  to {top: 20%; opacity: 0;}
}
.psc-modal-dialog {
  visibility: hidden;
  max-height: calc(100% - 100px);
  overflow-y: auto;
  position: absolute;
  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%);
  width: calc(100% - 30px);
  max-width: 600px;
  min-height: 300px;
  background: white;
  border-radius: 10px;
}
.psc-favorite-progress-container, 
.psc-upload-progress-container 
{
  max-height: calc(100% - 100px);
  overflow-y: auto;
  position: absolute;
  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%);
  width: calc(100% - 30px);
  max-width: 600px;
  min-height: 300px;
  background: white;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.psc-modal-dialog.active {
  visibility: initial;
}
.psc-swan-modal-dialog-title {
  font-weight: normal;
  font-size: 30px;
}
.psc-modal-dialog[label="info-upload-option"] .psc-swan-modal-dialog-title {
  margin-bottom: -1px;
}
.psc-swan-modal-dialog-title::first-letter {
  text-transform: capitalize;
}
.psc-modal-backdrop {
  width: 100%;
  height: 100%;
  background: rgba(0, 0 ,0 , .8);
}
.psc-cartloader-close-button-wrap {
  display: none;
}
.psc-cartloader-close-button-wrap.active {
  display: block;
}
.psc-swan-modal-dialog-header {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
.psc-swan-modal-dialog-header svg {
  width: 50px;
  height: 50px;
  margin-right: 15px;
}
.psc-swan-modal-dialog-close-btn,
.psc-cartloader-close-button,
.psc-swan-close-btn 
{
  z-index: 2;
  position: absolute;
  top: 20px;
  right: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  border-radius: 50%;
}
.psc-close-context-btn {
  z-index: 2;
  position: absolute;
  right: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  border-radius: 50%;
}
.psc-swan-ctx-mobile-close-button {
  position: absolute;
  right: 1px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  aspect-ratio: 1;
  border-radius: 50%;
  font-size: 22px;
}
.psc-swan-menu-close-button {
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  float: right;
  height: 100%;
  aspect-ratio: 1;
}
.psc-swan-menu-close-button i {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-size: 22px;
  color: black;
}
.psc-swan-modal-dialog-question {
  font-size: 20px;
  color: black;
}
.psc-swan-modal-dialog-footer {
  width: 100%;
}
.psc-swan-modal-dialog-buttons {
  display: flex;
  align-items: center;
}
.psc-hide-resolution-message{
  margin: 15px auto 0 auto !important;
}
.psc-hide-resolution-message{
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  padding: 20px 20px;
  border-radius: 20px;
  height: 40px;
}
.psc-modal-button-confirm, 
.psc-modal-button-cancel, 
.psc-modal-button-hide,
.psc-backup-delete-btn
{
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  padding: 20px 40px;
  border-radius: 20px;
  height: 40px;
}
.psc-modal-button-cancel,
.psc-modal-button-hide,
.psc-hide-resolution-message,
.psc-modal-button-prev,
.psc-backup-delete-btn {
  color: black;
  background: white;
  border: 1px solid #dfdfdf;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}
.psc-modal-button-cancel:hover,
.psc-modal-button-hide:hover,
.psc-hide-resolution-message:hover,
.psc-modal-button-prev:hover,
.psc-backup-delete-btn:hover {
  border-color: black;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}
.psc-clipboard-copy.active {
  color: white;
  background: green!important;
  border: 1px solid #dfdfdf;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
  pointer-events: none;
}
.psc-modal-button-next, 
.psc-modal-button-confirm {
  color: white;
  background: black;
  border: 1px solid black;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}
.psc-modal-button-next:hover, 
.psc-modal-button-confirm:hover{
  background: #262626;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}
.psc-swan-modal-dialog-body {
  margin-bottom: 32px;
}
.psc-swan-text {
  font-size: 14px;
}
.psc-modal-warning-icon, 
.psc-modal-check-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 30px;
  width: 60px;
  aspect-ratio: 1;
}
.psc-modal-warning-icon {
  margin: 40px auto;
  color: #ffcd00;
}
.psc-modal-check-icon {
  margin: 40px auto;
  color: #10c611;
  border: 3px solid #10c611;
}

.psc-modal-warning-icon i {
  font-size: 56px;
}
.psc-modal-check-icon i {
  font-size: 26px;
}
.psc-report {
  margin-top: 30px;
}
.psc-report-list {
  list-style: decimal;
  padding-left: 35px;
  font-weight: 600;
  color: #494a4a;
}
.psc-report-list li {
  margin-top: 10px;
}
.psc-report-list li div::first-letter {
  text-transform: capitalize;
}
.psc-option-list {
  color: grey;
  font-weight: normal;
}
.psc-option-list li{
  margin-top: 0;
  list-style-type: disc;
}
.psc-wrap-padding {
  padding: 80px 80px;
}
@media only screen and (max-width: 600px) {
  .psc-wrap-padding {
    padding: 80px 40px;
  }
}
#psc-toast {
  max-height: calc(100% - var(--psc-header-height));
  max-width: 100vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 12;
  margin-top: 10px;
  position: absolute;
}
.psc-alert-box {
  width: 550px;
  max-width: 550px;
  position: relative;
  display: none;
  box-shadow: 0 5px 10px grey;
  background: #d24345;
  padding: 15px 45px;
  border-radius: 10px;
}
.psc-alert-resolution {
  display: none;
  z-index: 2;
  width: 550px;
  max-width: 90%;
  position: absolute;
  top: 56px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  box-shadow: 0 5px 10px silver;
  background: orange;
  padding: 15px 45px;
  border-radius: 10px;
}
.psc-resolution-tag{
  min-width: 60px;
  z-index: 91;
  display: flex;
  border: none;
  opacity: 0;
  align-items: center;
  justify-content: center;
  height: 18px;
  position: absolute;
  bottom: -9px;
  left: 12px;
  background: orange;
  border-radius: 9px;
  padding-right: 8px;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}
.psc-margin-tag{
  min-width: 60px;
  z-index: 91;
  display: flex;
  border: none;
  opacity: 1;
  align-items: center;
  justify-content: center;
  position: absolute;
  min-height: 18px;
  bottom: 0;
  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%);
  border-radius: 9px;
}
.psc-margin-tag-title{
  font-size: 12px;
}
.psc-resolution-tag.active{
  opacity: 1;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}
.psc-resolution-tag-dpi{
  color: white;
  font-size: 12px;
}
@media only screen and (max-width: 980px) {
  .psc-alert-resolution {
    top: 10px;
  }
}
@media only screen and (max-width: 980px) {
  .psc-alert-box {
    box-shadow: none;
    margin: 0 15px;
  }
}
.psc-alert-box-close-button {
  color: white;
  font-size: 14px;
  position: absolute;
  right: 10px;
  top: 16px;
  width: 22px;
  height: 22px;
  aspect-ratio: 1;
}
.psc-alert-row {
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.psc-message-alert-container {
  color: white;
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
}
@media only screen and (max-width: 980px) {
  .psc-message-alert-container {
    font-size: 12px;
  }
}
#psc-contextual-container-img, 
#psc-contextual-container-txt, 
#psc-textarea-container-mobile {
  visibility: hidden;
  box-shadow: 0 5px 10px #0000001a;
  opacity: 0;
  top: -56px;
  pointer-events: all;
  z-index: 20;
  position: absolute;
  height: 56px;
  background: white;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #dfdfdf;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}
#psc-textarea-container-mobile {
  background: none;
  padding: 0 15px;
  border-bottom: none;
  box-shadow: none;
  align-items: flex-start;
  height: auto;
}
#psc-contextual-container-img.active, #psc-contextual-container-txt.active, #psc-textarea-container-mobile.active {
  visibility: visible;
  opacity: 1;
  top: 0;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}
@media only screen and (max-width: 980px) {
  #psc-contextual-container-img, #psc-contextual-container-txt {
    min-width: fit-content;
  }
}
.psc-ctx-button-tool {
  height: 100%;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.psc-expand-img-btn {
  display: none;
}
.psc-ctx-button-tool.psc-txt-align {
  padding: 0 10px;
}
.psc-ctx-button-validate-txt {
  height: 100%;
  padding-left: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.psc-ctx-button-tool.psc-txt-resize {
  width: 30px;
  height: 30px;
  border-radius: 15px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.psc-ctx-button-tool.psc-txt-resize:hover {
  background: #f8f8f8;
}
.psc-ctx-button-label {
  text-transform: capitalize;
  font-size: 14px;
  font-weight: bold;
  margin-left: 8px;
}
.psc-edit-size-input {
  margin-left: 0;
  width: 20px;
}
.psc-ctx-button-tool[label="font-family"] .psc-ctx-button-label {
  width: 70px;
  text-align: left;
}
.psc-expanding-button-popper {
  padding: 0 20px;
  display: flex;
  visibility: hidden;
  min-height: 56px;
  background: white;
  position: absolute;
  top: var(--psc-expand-header-height)!important;
  border-radius: 28px;
  box-shadow: 0 5px 10px #0000001a;
  align-items: center;
  justify-content: center;
}
.psc-expanding-button-menu {
  max-height: 360px;
  overflow: auto;
  padding: 0 20px;
  display: none;
  background: white;
  position: absolute;
  top: calc(var(--psc-expand-header-height) - 1px)!important;
  border-radius: 0 0 8px 8px;
  box-shadow: 0 5px 10px #0000001a;
}
.psc-expanding-button-menu a {
  color: #7a7a7a;
}
.psc-expanding-button-popper.active {
  visibility: unset;
}
.psc-expanding-button-menu.active {
  display: block;
}
.psc-expanding-target-button {
  height: 100%;
  display: none;
  text-transform: capitalize;
  padding: 0 20px;
  font-size: 14px;
  font-weight: bold;
}
.psc-expanding-target-button.active {
  display: block;
}
.psc-contextual-tool {
  height: 100%;
  display: flex;
  align-items: center;
}
.psc-contextual-tool-img {
  margin: 0 15px;
  border-radius: 5px;
  width: 40px;
  aspect-ratio: 1;
  -webkit-filter: hue-rotate(0deg) saturate(1) brightness(1);
  -moz-filter: hue-rotate(0deg) saturate(1) brightness(1);
  -ms-filter: hue-rotate(0deg) saturate(1) brightness(1);
  -o-filter: hue-rotate(0deg) saturate(1) brightness(1);
  filter: hue-rotate(0deg) saturate(1) brightness(1);
  background-size: cover;
  background-position: center;
}
.psc-contextual-tool-img-mobile {
  margin: 0 15px;
  border-radius: 2.5px;
  width: 20px;
  min-width: 20px;
  aspect-ratio: 1;
  -webkit-filter: hue-rotate(0deg) saturate(1) brightness(1);
  -moz-filter: hue-rotate(0deg) saturate(1) brightness(1);
  -ms-filter: hue-rotate(0deg) saturate(1) brightness(1);
  -o-filter: hue-rotate(0deg) saturate(1) brightness(1);
  filter: hue-rotate(0deg) saturate(1) brightness(1);
  background-size: cover;
  background-position: center;
}
.psc-contextual-tool-txt-mobile {
  margin: 0 15px;
  width: 20px;
  min-width: 20px;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
}
.psc-expanding-recolorization-wrapper,
.psc-expanding-rotation-wrapper{
  display: flex;
  align-items: center;
  padding: 0 15px;
}
@media only screen and (max-width: 980px) {
  .psc-expanding-recolorization-wrapper {
    margin-bottom: 15px;
  }
}
.psc-slider-container {
  margin: 0 10px;
  width: 180px;
  height: 26px;
  position: relative;
}
@media only screen and (max-width: 980px) {
  .psc-slider-container {
    width: 100%;
    max-width: 400px;
  }
}
.psc-slider-cap-startswatch, 
.psc-slider-cap-endswatch {
  background: black;
  border: 1px solid #dfdfdf;
  border-radius: 100%;
  height: 26px;
  width: 26px;
}
.psc-slider-cap-endswatch {
  position: absolute;
  right: 0;
  top: 0;
}
.psc-slider-bar {
  z-index: 1;
  background: black;
  border-bottom: 1px solid #dfdfdf;
  border-top: 1px solid #dfdfdf;
  cursor: pointer;
  height: 26px;
  left: 13px;
  position: absolute;
  top: 0;
  touch-action: none;
  width: calc(100% - 26px);
}
.psc-expanding-recolorization-label {
  font-size: 12px;
  font-weight: bold;
}
@media only screen and (max-width: 980px) {
  .psc-expanding-recolorization-label {
    min-width: 80px;
  }
}
.psc-slider-handle-base {
  top: -4px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  border-radius: 100%;
  cursor: grab;
  height: 32px;
  position: absolute;
  width: 32px;
  z-index: 1;
}
.psc-slider-handle-border {
  border: 1px solid black;
  width: 100%;
  height: 100%;
  background: white;
  border-radius: 100%;
}
.psc-slider-handle-color {
  border-radius: 100%;
  cursor: grab;
  height: 26px;
  left: 3px;
  position: absolute;
  top: 3px;
  width: 26px;
  z-index: 2;
}
.psc-rotation-btn-reset{
  border-top: 1px solid silver !important;
  border-bottom: 1px solid silver !important;
}
.psc-recolorization-btn-reset, 
.psc-textsize-btn-reset,
.psc-rotation-btn-reset,
.psc-rotation-btn-validate
{
  height: 100%;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.psc-recolorization-btn-reset svg, 
.psc-textsize-btn-reset svg,
.psc-rotation-btn-reset svg,
.psc-rotation-btn-validate svg
{
  width: 16px;
}
@media only screen and (max-width: 980px) {
  .psc-recolorization-btn-reset svg, 
  .psc-textsize-btn-reset svg,
  .psc-rotation-btn-reset svg,
  .psc-rotation-btn-validate svg
  {
    width: 22px;
  }
}
.psc-vertical-divider {
  border-left: 1px solid #dfdfdf;
  height: 32px;
}
.psc-random-vertical-divider {
  border-left: 1px solid #dfdfdf;
  height: 26px;
  margin: 5px;
}
.psc-dropdown-menu-icon {
  margin-left: 20px;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}
.psc-dropdown-menu-icon.active {
  -webkit-transform: scaleY(-1);
  -moz-transform: scaleY(-1);
  -ms-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  transform: scaleY(-1);
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}
.psc-color-palette {
  margin: 15px 0;
  display: grid;
  grid-template-columns: repeat(7,1fr);
  grid-auto-flow: column;
  grid-template-rows: repeat(4,1fr);
}
.psc-color-palette-colorchoice {
  border: 1px solid #0000001a;
  border-radius: 2px;
  cursor: pointer;
  width: 29px;
  aspect-ratio: 1;
  margin: 5px;
}
.psc-color-palette-mobile .psc-color-palette-colorchoice {
  border: 1px solid #0000001a;
  border-radius: 2px;
  cursor: pointer;
  width: 100%;
  height: 100%;
  aspect-ratio: 1;
  margin: 0;
}
.psc-color-palette-mobile .psc-color-palette-colorchoice.active .psc-att-active {
  display: flex;
  box-shadow: none;
}
.psc-color-palette-colorchoice.active {
  box-shadow: 0 0 0 2.5px #fff, 0 0 0 4px #000;
}
.psc-color-palette-colorchoice:focus {
  outline: none;
}
.psc-global-toolbar-container {
  margin-left: 15px;
  flex-grow: 1;
}
@media only screen and (max-width: 980px) {
  .psc-global-toolbar-container {
    justify-content: right;
  }
}
@media only screen and (max-width: 580px) {
  .psc-global-toolbar-container .psc-generic-header-button-label {
    display: none;
  }
}
.psc-total-backup {
  margin-left: 5px;
  width: 18px;
  height: 18px;
  border-radius: 9px;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.psc-total-backup.psc-animation-historical {
  -webkit-animation-name: psc-animation-historical;
  -moz-animation-name: psc-animation-historical;
  -ms-animation-name: psc-animation-historical;
  -o-animation-name: psc-animation-historical;
  animation-name: psc-animation-historical;
  -webkit-animation-duration: .2s;
  -moz-animation-duration: .2s;
  -ms-animation-duration: .2s;
  -o-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -ms-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@keyframes psc-animation-historical {
  from {
    opacity: 0;
    margin-left: -8.5px;
    margin-right: -12.5px;
    width: 44px;
    height: 44px;
    border-radius: 22px;
  }
  to {
    opacity: 1;
    margin-left: 5px;
    margin-right: 0;
    width: 18px;
    height: 18px;
    border-radius: 9px;
  }
}
.psc-global-toolbar-tool {
  margin: 0 5px;
  height: 100%;
}
.psc-global-menu-tool {
  width: 100%;
  height: 44px;
  margin-bottom: 5px;
}
@media only screen and (min-width: 980px) {
  .psc-global-menu-tool:has(.psc-generic-menu-button[label=info]){
    display: none;
  }
}
.psc-generic-header-button, 
.psc-generic-menu-button {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
}
.psc-generic-header-button-label, 
.psc-generic-menu-button-label {
  margin-left: 6px;
  font-size: 14px;
}
.psc-tick-mark-slider:before {
  background-color: #fff;
  content: "";
  height: 26px;
  left: 50%;
  pointer-events: unset;
  position: absolute;
  width: 2px;
  z-index: 1;
}
.psc-security-margin-wrap {
  min-width: fit-content;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.psc-security-margin-button {
  z-index: 2;
  border-radius: 14px;
  padding: 0 14px;
  border: none;
  cursor: pointer;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: black;
  color: white;
}
.psc-security-margin-button svg {
  margin-right: 8px;
}
.psc-security-margin-info {
  z-index: 2;
  display: none;
  border-radius: 5px;
  padding: 10px;
  line-height: normal;
  text-align: left;
  position: absolute;
  top: 32px;
  width: 180px;
  color: black;
  background-color: white;
}
.psc-security-margin-info.active {
  display: block;
}
.psc-success-request {
  color: green;
  margin-top: 20px;
}
#psc-sel-menu, #psc-info-product {
  display: none;
  width: 100%;
  height: 100%;
  background-color: #ececec;
}
#psc-sel-menu.active, #psc-info-product.active {
  display: block;
}
@media only screen and (max-width: 980px) {
  #psc-sel-menu, #psc-info-product {
    position: fixed;
    top: var(--psc-header-height);
    z-index: 3;
    height: calc(100% - var(--psc-header-height) - var(--psc-footer-height));
  }
}
.psc-menu-list {
  margin-left: 30px;
  max-height: calc(var(--available-height) - var(--psc-sel-head-height) - var(--psc-sel-sub-height));
  overflow: auto;
  margin-bottom: 0;
}
@media only screen and (max-width: 980px) {
  .psc-menu-list {
    height: calc(100% - var(--psc-footer-height));
  }
}
.psc-menu-list-elem {
  display: flex;
  align-items: center;
  float: left;
  width: 100%;
  height: 40px;
  margin: 5px 0;
}
.psc-menu-list-button-icon {
  height: 100%;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.psc-menu-list-button-icon img {
  height: 100%;
}
.psc-menu-list-button-icon i {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  aspect-ratio: 1;
  font-size: 22px;
}
.psc-menu-list-button-label {
  text-transform: capitalize;
  margin-left: 10px;
  white-space: nowrap;
}
.psc-menu-list-button {
  display: flex;
  align-items: center;
  border: none;
  height: 100%;
}
.psc-step-page-header {
  height: var(--psc-menu-header-height);
}
.psc-step-page-body {
  padding: 0 15px;
  max-height: calc(100vh - 2* var(--psc-menu-header-height) - 2* var(--psc-content-panel-margin));
  overflow: auto;
}
@media only screen and (max-width: 980px) {
  .psc-step-page-body {
    max-height: calc(100% - var(--psc-menu-header-height));
  }
}
@media only screen and (max-width: 980px) {
  .psc-download-area {
    display: block!important;
  }
}
.psc-upload-button-mobile, 
.psc-context-button-mobile {
  width: 100%;
  height: 100%;
  aspect-ratio: 1;
}
.psc-upload-button-mobile-icon {
  position: relative;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  width: 50px;
  margin-left: auto;
  margin-right: auto;
}
.psc-svg-wrap {
  position: relative;
  width: 16px;
  height: 16px;
}
.psc-svg-wrap svg {
  position: absolute;
  left: 0%;
  top: 0%;
  width: 100%;
  height: 100%;
}
.psc-upload-button-mobile-label {
  white-space: normal;
  color: #494a4a;
  font-size: 14px;
}
#psc-context-mobile {
  top: var(--psc-mobile-panel-height);
  z-index: 4;
  position: absolute;
  background: white;
  width: 100%;
  height: calc(100% - var(--psc-footer-height) - var(--psc-sel-head-height));
  overflow: hidden;
  -webkit-transition: top .2s;
  -moz-transition: top .2s;
  -ms-transition: top .2s;
  -o-transition: top .2s;
  transition: top .2s;
}
#psc-context-mobile.active {
  top: 40px;
  -webkit-transition: top .2s;
  -moz-transition: top .2s;
  -ms-transition: top .2s;
  -o-transition: top .2s;
  transition: top .2s;
}
#psc-context-mobile .psc-free-css {
  background: none;
  border: none;
}
#psc-contextual-container-img-mobile, 
#psc-contextual-container-txt-mobile {
  display: none;
  width: 100%;
  height: 100%;
  background: white;
  position: absolute;
}
#psc-contextual-container-img-mobile.active, #psc-contextual-container-txt-mobile.active {
  display: block;
}
.psc-expanding-mobile-popper {
  visibility: hidden;
  background: white;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
.psc-expanding-mobile-popper.active {
  visibility: visible;
}
.psc-expanding-mobile-header {
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: left;
}
.psc-expanding-mobile-back-button {
  height: 100%;
  display: flex;
  align-items: center;
}
.psc-expanding-mobile-label {
  font-size: 16px;
}
.psc-expanding-mobile-icon {
  margin: 0 8px;
}
.psc-contextual-tool-img-label, 
.psc-contextual-tool-txt-label, 
.psc-contextual-tool-txt-title, 
.psc-contextual-tool-img-title {
  font-size: 16px;
  color: #494a4a;
}
.psc-contextual-tool-txt-label {
  font-style: italic;
  font-weight: 800;
}
.psc-contextual-mobile-first-row {
  height: 34px;
  display: flex;
  align-items: center;
  position: relative;
}
#psc-mobile-backdrop {
  visibility: hidden;
  opacity: 0;
  z-index: 3;
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}
#psc-mobile-backdrop.active {
  visibility: visible;
  opacity: 1;
  background: rgba(0 ,0 ,0 , .8);
  -webkit-transition: opacity .2s;
  -moz-transition: opacity .2s;
  -ms-transition: opacity .2s;
  -o-transition: opacity .2s;
  transition: opacity .2s;
}
.psc-swan-btn {
  background: none;
  border: none!important;
  cursor: pointer!important;
  outline: none!important;
}
.psc-add-txt-button.active, 
.psc-modify-txt-button.active {
  display: flex;
}
.psc-add-txt-button, 
.psc-modify-txt-button {
  display: none;
}
.psc-expanding-mobile-tool {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
}
.psc-expanding-mobile-tool.active {
  display: block;
}
.psc-expanding-mobile-body {
  height: calc(100% - 34px);
}
.psc-mobile-container {
  width: 100%;
}
.psc-mobile-container[label=rotate]{
  display: flex;
  align-items: center;
  justify-content: center;
}
.psc-swan-flex {
  display: flex;
  align-items: center;
}
.psc-fontsize-toolbar-track-container
{
  width: 260px;
  padding-right: 15px;
  padding-left: 15px;
}
.psc-rotation-toolbar-wheel
{
  max-width: 400px;
  padding: 15px;
}
.psc-zoom-toolbar-track-container {
  width: calc(100% - 240px);
  max-width: 240px;
  min-width: 140px;
}
@media only screen and (max-width: 500px) {
  .psc-zoom-toolbar-track-container {
    display: none;
  }
}
.psc-fontsize-toolbar-track,
.psc-zoom-toolbar-track
{
  position: relative;
  border-radius: 7px;
  height: 14px;
  width: 100%;
}
.psc-rotation-toolbar-track{
  border: 4px solid rgb(223, 223, 223);
  position: relative;
  border-radius: 7px;
  height: 14px;
  width: 100px;
  height: 100px;
  border-radius: 50px;
}
.psc-mobile-container .psc-rotation-toolbar-track{
  border: 4px solid rgb(223, 223, 223);
  position: relative;
  border-radius: 7px;
  height: 14px;
  width: 150px;
  height: 150px;
  border-radius: 75px;
}
.psc-fontsize-toolbar{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
}
.psc-rotation-toolbar{
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
}
.psc-zoom-toolbar{
  width: 0;
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
}
.psc-zoom-toolbar.active{
  width: calc(100% - 40px);
}
.psc-fontsize-toolbar-handle,
.psc-zoom-toolbar-handle
{
  border: 2px solid #f8f8f8;
  background-color: #212121;
  border-radius: 16px;
  height: 32px;
  width: 32px;
  position: absolute;
  z-index: 0;
  cursor: grab;
  user-select: none;
  touch-action: none;
  -webkit-transform: translate(-16px, -9px);
  -moz-transform: translate(-16px, -9px);
  -ms-transform: translate(-16px, -9px);
  -o-transform: translate(-16px, -9px);
  transform: translate(-16px, -9px);
}
.psc-rotation-toolbar-handle
{
  cursor: grab;
  position: absolute;
  border: 2px solid #f8f8f8;
  background-color: #000;
  border-radius: 16px;
  height: 32px;
  width: 32px;
  -webkit-transform: translate(-15px, -15px);
  -moz-transform: translate(-15px, -15px);
  -ms-transform: translate(-15px, -15px);
  -o-transform: translate(-15px, -15px);
  transform: translate(-15px, -15px);
}
.psc-rotation-toolbar-hand{
  position: absolute;
  left: calc(50% - 1px);
  top: 0;
  height: 50%;
  width: 2px;
  -webkit-transform-origin: bottom;
  -moz-transform-origin: bottom;
  -ms-transform-origin: bottom;
  -o-transform-origin: bottom;
  transform-origin: bottom;
  background-color: #000;
}
.psc-swan-visually-hidden, 
.psc-step-visually-hidden {
  clip: rect(1px,1px,1px,1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px!important;
  width: 1px!important;
  margin: -1px!important;
  border: none!important;
  overflow: hidden;
  padding: 0!important;
  position: absolute;
}
.psc-fontsize-toolbar-label,
.psc-rotation-toolbar-label
{
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 0;
}
.psc-rotation-toolbar-column{
  width: 36px;
  display: flex;
  flex-direction: column;
}
.psc-rotation-toolbar-label
{
  width: 100%;
  text-align: center;
  line-height: 36px;
}
.psc-color-palette-label {
  font-size: 12px;
  color: #cfd1d4;
  outline: 1px solid #cfd1d4;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 25px;
  background-color: #292a2d;
  padding: 5px;
}
.psc-text-btn {
  width: 100%;
  height: 100%;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.psc-text-btn {
  padding: 0;
  display: contents;
}
.psc-random-control {
  position: relative;
  display: none;
}
.psc-random-progress-bar {
  background: grey;
  height: 2px;
  width: 50px;
}
.psc-random-progress-bar .psc-remaining-time-bar {
  background-color: black;
  height: 100%;
  width: 100%;
}
.psc-confirm-proposal-btn {
  font-size: 14px;
  padding: 0 16px;
  color: black;
  border-radius: 15px;
  font-weight: bold;
}
.psc-articles-list.psc-articles-list-discover {
  -webkit-animation-name: psc-articles-list-discover;
  -moz-animation-name: psc-articles-list-discover;
  -ms-animation-name: psc-articles-list-discover;
  -o-animation-name: psc-articles-list-discover;
  animation-name: psc-articles-list-discover;
  -webkit-animation-duration: .5s;
  -moz-animation-duration: .5s;
  -ms-animation-duration: .5s;
  -o-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -ms-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  -ms-animation-direction: normal;
  -o-animation-direction: normal;
  animation-direction: normal;
}
@keyframes psc-articles-list-discover {
  from {opacity: 0;}
  to {opacity: 1;}
}
.psc-articles-list.psc-articles-list-discover-reverse {
  -webkit-animation-name: psc-articles-list-discover-reverse;
  -moz-animation-name: psc-articles-list-discover-reverse;
  -ms-animation-name: psc-articles-list-discover-reverse;
  -o-animation-name: psc-articles-list-discover-reverse;
  animation-name: psc-articles-list-discover-reverse;
  -webkit-animation-duration: .5s;
  -moz-animation-duration: .5s;
  -ms-animation-duration: .5s;
  -o-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -ms-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@keyframes psc-articles-list-discover-reverse {
  from {opacity: 1;}
  to {opacity: 0;}
}
.psc-svg-container {
  height: 100%;
}
.psc-svg-next-container {
  height: 38px;
}
.psc-svg-pause-container {
  display: none;
}
.psc-btn-control-body .psc-svg-play-container, 
.psc-btn-control-body .psc-svg-pause-container {
  position: absolute;
  width: 10%;
  height: 10%;
  background: black;
  border-radius: 50%;
  opacity: 0;
}
.psc-svg-play-container.psc-animation-play, 
.psc-svg-pause-container.psc-animation-play {
  -webkit-animation-name: psc-animation-play;
  -moz-animation-name: psc-animation-play;
  -ms-animation-name: psc-animation-play;
  -o-animation-name: psc-animation-play;
  animation-name: psc-animation-play;
  -webkit-animation-duration: .5s;
  -moz-animation-duration: .5s;
  -ms-animation-duration: .5s;
  -o-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -ms-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@keyframes psc-animation-play {
  0%    {opacity: .5; width: 10%; height: 10%;}
  50%   {opacity: .25; width: 15%; height: 15%;}
  100%  {opacity: 0; width: 20%; height: 20%;}
}
.psc-svg-fill {
  fill: white;
}
.psc-fullsize-product-btn {
  position: absolute;
  width: 100%;
  height: 100%;
  cursor: default;
}
.psc-save-tools {
  display: flex;
  height: 100%;
}
.psc-backup {
  cursor: pointer;
}
.psc-backup.active .psc-att-active {
  display: flex;
}
.psc-backup-image-wrap {
  position: relative;
  width: 100px;
  height: 100px;
}
.psc-backup-image-wrap img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.psc-backup-delete button, 
.psc-backup-open button {
  width: 30px;
}
.psc-backup-table {
  color: #666;
  width: 100%;
  font-size: 14px;
}
.psc-backup-list{
  caret-color: transparent;
}
.psc-backup-table thead>tr>th {
  padding: 8px;
  font-weight: 500;
  vertical-align: top;
  border: none;
  border-bottom: solid 1px #e7e7e7;
}
.psc-backup-table tbody>tr>td, 
.psc-backup-table tbody>tr>th {
  padding: 3px 7px;
  vertical-align: middle;
}
.psc-sub-information table {
  margin-bottom: 15px;
}
.psc-sub-information table tbody>tr>td, 
.psc-sub-information table tbody>tr>th {
  padding: 3px 7px;
  vertical-align: middle;
}
.psc-sub-information table tr:first-child{
  border-bottom: 1px solid lightgrey;
}
.psc-sub-information table, 
.psc-sub-information table span,
.psc-sub-information table a {
  font-size: 9pt!important;
  font-family: Graphik, sans-serif!important;
}
.psc-backup-table tbody>tr:hover {
  background-color: #f2f2f2;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}
.psc-favorite-process-load {
  position: relative;
  display: none;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
}
.psc-running-process .psc-favorite-process-load {
  display: flex;
}
.psc-running-process svg {
  display: none;
}
.psc-loader-favorite-progress {
  font-size: 10px;
  position: absolute;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.psc-random-backdrop {
  z-index: 21;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.psc-favorite-process, 
.psc-upload-process 
{
  z-index: 21;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0 ,0 , .8);
}
.psc-filenotfound-backdrop {
  z-index: 21;
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #262626;
}
.psc-filenotfound-backdrop svg {
  margin-bottom: 15px;
}
.psc-filenotfound-backdrop p {
  margin-bottom: 10px;
  color: white;
}
.psc-warning-svg {
  width: 16px;
  height: 16px;
}
.psc-menu-svg {
  width: 32px;
  height: 32px;
}
.psc-navigation .psc-menu-svg {
  width: 22px;
  height: 22px;
}
.psc-btn-prev .psc-line-nav-svg {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.psc-column-nav-svg {
  width: 16px;
  height: 16px;
}
.psc-next-button .psc-column-nav-svg {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.psc-prev-button .psc-column-nav-svg {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.psc-check-svg {
  width: 12px;
  height: 12px;
}
.psc-plus-svg, 
.psc-minus-svg {
  width: 32px;
  height: 32px;
}
.psc-svg-white-stroke path {
  stroke: white;
}
.psc-svg-white-fill path {
  fill: white;
}
.psc-btn-save-head {
  text-transform: inherit;
  font-weight: 400;
  padding: 7px 14px;
  white-space: inherit;
  border: none;
  text-decoration: none !important;
  border-radius: 46px;
  -webkit-transition: all .3s cubic-bezier(.39, .58, .57, 1);
  -moz-transition: all .3s cubic-bezier(.39, .58, .57, 1);
  -ms-transition: all .3s cubic-bezier(.39, .58, .57, 1);
  -o-transition: all .3s cubic-bezier(.39, .58, .57, 1);
  transition: all .3s cubic-bezier(.39, .58, .57, 1);
  box-shadow: none !important;
  letter-spacing: .5px;
  -webkit-transform: perspective(1px) translateZ(0);
  -moz-transform: perspective(1px) translateZ(0);
  -ms-transform: perspective(1px) translateZ(0);
  -o-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  cursor: pointer;
}
.psc-work-window{
  position: relative;
  padding: 10px;
  overflow: hidden;
  width: 100%;
  height: calc(100% - var(--psc-zoombox-height));
}
.psc-work-center{
  display: none;
  z-index: 2;
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-image: url("../fonts/img/plus-large-svgrepo-com.svg");
  background-position: center;
  background-size: 15px;
  background-repeat: no-repeat;
}
.psc-work-center.invert{
  -webkit-filter: invert(1);
  -moz-filter: invert(1);
  -ms-filter: invert(1);
  -o-filter: invert(1);
  filter: invert(1);
}
.psc-work-station
{
  position: relative;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
}
.psc-workstation-transition{
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}
.psc-full-drag {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: calc(var(--psc-nav-panel-width) + var(--psc-content-panel-margin) * 3 + var(--psc-content-panel-width));
  pointer-events: none;
}
@media only screen and (max-width: 980px) {
  .psc-full-drag {
    left: 0;
  }
}
.psc-work-station.active .psc-full-drag
{
  cursor: grab;
  pointer-events: auto;
}
.psc-work-station.active .psc-image-event
{
  pointer-events: none;
}
.psc-user-image{
  display: none;
  position: absolute!important;
}
.psc-user-image.active{
  display: block;
  position: absolute!important;
}
.psc-user-image:hover{
  background-color: #10c611;
  border: 1px solid black;
}
.psc-ws-toolbox {
  z-index: 2;
  position: relative;
  height: var(--psc-zoombox-height);
  display: none;
  align-items: center;
  padding: 0 10px;
}
.ui-wrapper {
  pointer-events: none;
  overflow: unset!important;
}
.ui-wrapper.active {
  pointer-events: auto;
}
.psc-zoom-listbox-wrap{
  position: relative;
  width: 90px;
}
.psc-position-toolbox{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 20px;
}
@media only screen and (max-width: 500px) {
  .psc-position-toolbox{
    margin-left: 0;
  }
}
.psc-move-scene,
.psc-scene-reset,
.psc-image-autofocus,
.psc-btn-switch
{
  height: 40px;
  width: 40px;
  position: relative;
  color: #686868;
  background-color: #f8f8f8;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  border-width: 1px!important;
  border-color: #686868!important;
  border-style: solid!important;
  border-radius: 5px;
  margin-left: 10px;
}
.psc-random-toolbar{
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  background-color: #f8f8f8;
  width: 40px;
  height: 40px;
  border-radius: 5px;
}
.psc-random-toolbar.active{
  width: 100%;
}
.psc-timed-markers-container{
  position: absolute;
  top: 0;
  width: 100%;
  height: 1px;
  background: #dfdfdf;
}
.psc-random-time-wrapper{
  margin-left: 10px;
  color: #b2b2b2;
  white-space: nowrap;
}
.psc-random-toolbar button svg path,
.psc-random-toolbar button svg polygon
{
  fill: #262626;
}
.psc-random-toolbar.active .psc-random-play-btn,
.psc-random-toolbar.active .psc-random-next-btn,
.psc-random-toolbar.active div,
.psc-random-toolbar.active span
{
  display: flex;
}
.psc-random-toolbar .psc-random-play-btn,
.psc-random-toolbar .psc-random-pause-btn,
.psc-random-toolbar .psc-random-next-btn,
.psc-random-toolbar .psc-close-random-toolbar-btn,
.psc-random-toolbar div,
.psc-random-toolbar span
{
  display: none;
}
.psc-random-toolbar button{
  height: 40px;
  width: 40px;
  position: relative;
  color: #686868;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
}
.psc-random-btn{
  display: flex;
}
.psc-random-toolbar .psc-random-btn svg{
  -webkit-transform: rotate(15deg);
  -moz-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  -o-transform: rotate(15deg);
  transform: rotate(15deg);
  rotate: 0deg;
  -webkit-transition: all .4s;
  -moz-transition: all .4s;
  -ms-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
}
.psc-random-toolbar.active .psc-random-btn svg{
  rotate: -720deg;
}
.psc-random-pause-btn{
  display: none;
}
.psc-close-random-toolbar-btn{
  position: absolute!important;
  right: 0;
  white-space: nowrap;
}
.psc-image-autofocus{
  margin-left: 0;
  margin-right: 10px;
}
.psc-zoom-listbox-btn {
  position: relative;
  width: 100%;
  height: 40px;
  background: #212121;
  border: 1px solid #898989;
  color: #cecece;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ie-zoom-listbox-btn {
  position: relative;
  width: 120px;
  height: 40px;
  background: #212121;
  border: 1px solid #898989;
  color: #cecece;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ie-zoom-listbox-btn svg,
.psc-zoom-listbox-btn svg
{
  margin-right: 5px;
}
.psc-zoom-listbox-box{
  display: none;
  position: absolute;
  bottom: 55px;
  width: 100%;
  overflow: hidden;
  border-radius: 8px;
  background: #f8f8f8;
  border: 1px solid #898989;
}
.ie-zoom-listbox-box{
  display: none;
  position: absolute;
  bottom: 55px;
  right: 30px;
  width: 102px;
  overflow: hidden;
  border-radius: 8px;
  background: #212121;
  border: 1px solid #898989;
}
.ie-zoom-listbox-box[aria-expanded=true],
.psc-zoom-listbox-box[aria-expanded=true]
{
  display: block;
}
.ie-zoom-listbox-box ul,
.psc-zoom-listbox-box ul
{
  max-height: 245px;
  overflow: auto;
  margin: 1rem 0;
}
.ie-zoom-listbox-box li,
.psc-zoom-listbox-box li
{
  cursor: pointer;
  display: flex;
  align-items: center;
  margin: 0 5px;
  padding: 10px 5px;
  border-radius: 5px;
}
.ie-zoom-listbox-box li[aria-selected=true],
.ie-zoom-listbox-box li:hover,
.psc-zoom-listbox-box li[aria-selected=true],
.psc-zoom-listbox-box li:hover
{
  background: grey;
}
.psc-image-event-list,
.psc-image-event-layer,
.psc-image-overflow-list,
.psc-image-buttons{
  height: 100%;
  width: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
.psc-image-event{
  position: relative!important;
  pointer-events: none;
  outline: 1px solid transparent!important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.eventable{
  pointer-events: auto;
}
.psc-image-overflow{
  display: none;
}
.psc-image-overflow.hover,
.psc-image-overflow.active
{
  display: block;
}
.ie-image-event.active
{
  cursor: move;
  visibility: visible;
  pointer-events: auto;
}
.psc-image-event>div{
  display: none!important;
}
.psc-image-event.hover
{
  cursor: pointer;
  outline: 1px dashed #212121!important;
}
.psc-image-event.active
{
  cursor: move!important;
  outline: 1px dashed #212121!important;
}
.psc-image-event.active>div
{
  display: block!important;
}
.ie-image-overflow {
  position: absolute;
}
.ie-image-overflow:before {
  content: '';
  background-color: rgba(0 ,0 ,0 , .85);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ie-image-overflow img{
  width: 100%;
  height: 100%;
}
.psc-image-overflow {
  opacity: .1;
  -webkit-filter: grayscale(1);
  -moz-filter: grayscale(1);
  -ms-filter: grayscale(1);
  -o-filter: grayscale(1);
  filter: grayscale(1);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}
button.ie-header-back svg path{
  stroke: #cecece;
}
.ie-header {
  height: 42px;
  display: flex;
  align-items: center;
}
.ie-tool {
  height: 280px;
}
.ie-option {
  height: 28px;
}
.ie-preview {
  height: 28px;
}
.ie-tool-mode{
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #cecece;
  margin-bottom: 10px;
}
button.ie-move-image
{
  margin-right: 15px;
}
button.ie-move-image,
button.ie-move-scene
{
  position: relative;
  color: #686868;
  display: flex;
  align-items: center;
  padding: 5px;
  border-width: 1px 1px 0 1px!important;
  border-color: #686868!important;
  border-style: solid!important;
  border-radius: 5px 5px 0 0;
}
button.psc-move-image.active,
button.psc-move-scene.active,
button.psc-image-autofocus.active
{
  color: #cecece;
  border-color: #cecece!important;
  background-color: #212121;
}
button.psc-move-image.active svg path,
button.psc-move-scene.active svg path,
button.psc-image-autofocus.active svg path
{
  fill: #cecece;
}
button.ie-move-image svg,
button.ie-move-scene svg
{
  margin-right: 5px;
}
button.ie-move-image svg path,
button.ie-move-scene svg path
{
  fill: #cecece;
}
button.psc-move-image svg path,
button.psc-move-scene svg path,
button.psc-scene-reset svg path
{
  stroke: #212121;
  fill: #212121;
}
.psc-zonename-btn{
  cursor: pointer;
  position: absolute;
  width: 100%;
  height: 26px;
  top: 0;
  left: 0;
  border: none;
  outline: none;
  color: #494a4a;
  background: #f8f8f8;
  font-size: 12px;
  text-transform: capitalize;
  z-index: 2;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}
.psc-zonename-btn:hover {
  background: #262626;
  color: white;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}
.StartInteraction_interactionActive__ofUQm {
  -webkit-animation: StartInteraction_fadeIn__nO20u .2s ease-in-out;
  -moz-animation: StartInteraction_fadeIn__nO20u .2s ease-in-out;
  -ms-animation: StartInteraction_fadeIn__nO20u .2s ease-in-out;
  -o-animation: StartInteraction_fadeIn__nO20u .2s ease-in-out;
  animation: StartInteraction_fadeIn__nO20u .2s ease-in-out;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -ms-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  pointer-events: auto;
}
@keyframes StartInteraction_fadeIn__nO20u {
  0% {
    opacity: 0;
  }
  100% {
      opacity: 1;
  }
}
.psc-drag-interaction-message{
  z-index: 3;
  display: none;
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.psc-start-interaction-wrapper {
  cursor: pointer;
  position: absolute;
  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%);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  opacity: 0;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  pointer-events: none;
}
.StartInteraction_interactionTooltip___F7_R {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  background-color: #fff;
  gap: 12px;
  border-radius: 28px;
  padding: 4px 12px 4px 8px;
}
.StartInteraction_interactionIcon__s2nok {
  width: 28px;
  height: 28px;
  display: block;
}
@media (pointer: fine) {
  .StartInteraction_interactionIcon__s2nok {
      display: none;
  }
}
.StartInteraction_interactionIconDesktop__UG3dt {
  width: 28px;
  height: 28px;
  display: none;
}
@media (pointer: fine) {
  .StartInteraction_interactionIconDesktop__UG3dt {
      display: block;
  }
}
.AnimatedMouse_wrapper__a_0k_ {
  position: relative;
  width: 100%;
  height: 100%;
}
.AnimatedMouse_animatedMouse__L2ZWG {
  width: 100%;
  height: 100%;
  -webkit-animation: AnimatedMouse_moveAround__WRE7k 1.5s ease-in-out;
  -moz-animation: AnimatedMouse_moveAround__WRE7k 1.5s ease-in-out;
  -ms-animation: AnimatedMouse_moveAround__WRE7k 1.5s ease-in-out;
  -o-animation: AnimatedMouse_moveAround__WRE7k 1.5s ease-in-out;
  animation: AnimatedMouse_moveAround__WRE7k 1.5s ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
@keyframes AnimatedMouse_moveAround__WRE7k {
  0% {
    -webkit-transform: translateX(0) rotate(-10deg);
    -moz-transform: translateX(0) rotate(-10deg);
    -ms-transform: translateX(0) rotate(-10deg);
    -o-transform: translateX(0) rotate(-10deg);
    transform: translateX(0) rotate(-10deg);
  }
  30% {
    -webkit-transform: translateX(0) rotate(-10deg);
    -moz-transform: translateX(0) rotate(-10deg);
    -ms-transform: translateX(0) rotate(-10deg);
    -o-transform: translateX(0) rotate(-10deg);
    transform: translateX(0) rotate(-10deg);
  }
  75% {
    -webkit-transform: translateX(10px) rotate(10deg);
    -moz-transform: translateX(10px) rotate(10deg);
    -ms-transform: translateX(10px) rotate(10deg);
    -o-transform: translateX(10px) rotate(10deg);
    transform: translateX(10px) rotate(10deg);
  }
  80% {
    -webkit-transform: translateX(10px) rotate(10deg);
    -moz-transform: translateX(10px) rotate(10deg);
    -ms-transform: translateX(10px) rotate(10deg);
    -o-transform: translateX(10px) rotate(10deg);
    transform: translateX(10px) rotate(10deg);
  }
  100% {
    -webkit-transform: translateX(0) rotate(-10deg);
    -moz-transform: translateX(0) rotate(-10deg);
    -ms-transform: translateX(0) rotate(-10deg);
    -o-transform: translateX(0) rotate(-10deg);
    transform: translateX(0) rotate(-10deg);
  }
}
.AnimatedMouse_mouse__ISiMM {
  position: absolute;
  width: 100%;
  height: 100%;
}
.AnimatedMouse_mouseClicked__HsWrK {
  -webkit-animation: AnimatedMouse_fadeInOut__nsTYc 1.5s ease-in-out;
  -moz-animation: AnimatedMouse_fadeInOut__nsTYc 1.5s ease-in-out;
  -ms-animation: AnimatedMouse_fadeInOut__nsTYc 1.5s ease-in-out;
  -o-animation: AnimatedMouse_fadeInOut__nsTYc 1.5s ease-in-out;
  animation: AnimatedMouse_fadeInOut__nsTYc 1.5s ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
@keyframes AnimatedMouse_fadeInOut__nsTYc {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 0;
  }
  35% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  85% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.AnimatedTap_wrapper__87oTG {
  position: relative;
  width: 100%;
  height: 100%;
}
.AnimatedTap_animatedTap__fSmEM {
  width: 100%;
  height: 100%;
  -webkit-animation: AnimatedTap_moveAround__kZHKy 1.5s ease-in-out;
  -moz-animation: AnimatedTap_moveAround__kZHKy 1.5s ease-in-out;
  -ms-animation: AnimatedTap_moveAround__kZHKy 1.5s ease-in-out;
  -o-animation: AnimatedTap_moveAround__kZHKy 1.5s ease-in-out;
  animation: AnimatedTap_moveAround__kZHKy 1.5s ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
@keyframes AnimatedTap_moveAround__kZHKy {
  0% {
    -webkit-transform: translateX(0) rotate(-10deg);
    -moz-transform: translateX(0) rotate(-10deg);
    -ms-transform: translateX(0) rotate(-10deg);
    -o-transform: translateX(0) rotate(-10deg);
    transform: translateX(0) rotate(-10deg);
  }
  40% {
    -webkit-transform: translateX(0) rotate(-10deg);
    -moz-transform: translateX(0) rotate(-10deg);
    -ms-transform: translateX(0) rotate(-10deg);
    -o-transform: translateX(0) rotate(-10deg);
    transform: translateX(0) rotate(-10deg);
  }
  75% {
    -webkit-transform: translateX(10px) rotate(10deg);
    -moz-transform: translateX(10px) rotate(10deg);
    -ms-transform: translateX(10px) rotate(10deg);
    -o-transform: translateX(10px) rotate(10deg);
    transform: translateX(10px) rotate(10deg);
  }
  80% {
    -webkit-transform: translateX(10px) rotate(10deg);
    -moz-transform: translateX(10px) rotate(10deg);
    -ms-transform: translateX(10px) rotate(10deg);
    -o-transform: translateX(10px) rotate(10deg);
    transform: translateX(10px) rotate(10deg);
  }
  100% {
    -webkit-transform: translateX(0) rotate(-10deg);
    -moz-transform: translateX(0) rotate(-10deg);
    -ms-transform: translateX(0) rotate(-10deg);
    -o-transform: translateX(0) rotate(-10deg);
    transform: translateX(0) rotate(-10deg);
  }
}
.AnimatedTap_tap__zlaXf {
  width: 100%;
  height: 100%;
}
.AnimatedTap_tap__zlaXf>circle {
  -webkit-animation: AnimatedTap_fadeInOut__booZ0 1.5s ease-in-out;
  -moz-animation: AnimatedTap_fadeInOut__booZ0 1.5s ease-in-out;
  -ms-animation: AnimatedTap_fadeInOut__booZ0 1.5s ease-in-out;
  -o-animation: AnimatedTap_fadeInOut__booZ0 1.5s ease-in-out;
  animation: AnimatedTap_fadeInOut__booZ0 1.5s ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
@keyframes AnimatedTap_fadeInOut__booZ0 {
  0% {
    opacity: 0;
  }
  35% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.StartInteraction_interactionText__uwrWH {
  font-size: .75rem;
  font-weight: 600;
  line-height: 16px;
  white-space: nowrap;
}
.psc-subcomponents-list {
  list-style: auto;
  margin-left: 18px;
  color: #7a7a7a;
  font-size: .9375rem;
  font-weight: 600;
}
.psc-assembly-name {
  font-weight: 600;
}