/** Shopify CDN: Minification failed

Line 402:1 Unexpected ";"

**/
/*Photo printing START*/
.fjs__btn-layout.hidden,
#layout__label.hidden,
#desktop__layout.hidden,
.fjs__btns-wrapper.hidden{
  display: none;
}

.photo-printer__content-actions-wrappar,
.photo-print_modal-footer{
  z-index: 30;
}
.pp__overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; /* This ensures the overlay covers the full height of its parent */
  background: var(--primary_accent);
  z-index: 20;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  pointer-events: none;
  touch-action: auto; /* Allows scrolling on touch devices */
}


.fabric-js__edit-content-wrapper>*{
  background-color: var(--background_color);
}


photo-printing[aria-uploading="true"] .pp__has-events,
photo-printing[aria-uploading="true"] .photo-print__card-wrapper>* {
  pointer-events: none;
}



photo-printing button,
photo-printing a,
photo-printing{
  color: var(--primary_grey);
}

photo-printing{
  height: 100%;
}

.pp__inside-content{
  height: calc(100% - 52px);
}

.atc__popup-content{
  display: flex;
    gap: 0;
    flex-direction: column;
}

fabric-js .RevolutionSelectbox--Title,
.fjs__btn-layout {
  color: var(--primary_text);
}

.pp__crop-area {
  aspect-ratio: var(--ar);

  z-index: 2;
  margin: auto;

}

.crop__area {
  width: 100%;
  height: 100%;
  position: absolute;
  display: flex;
}

.crop__filler {
  background: repeating-linear-gradient(45deg,
      #94ccfa33,
      #94ccfa33 2px,
      #ffffff 2px,
      #ffffff 10px);
  z-index: 2;
  opacity: 0.4;
}

.landscape .crop__filler {
  height: 100%;
  width: -webkit-fill-available;
  width: -moz-available;
  width: fill-available;
}

.square .crop__filler {
  width: 100%;
  height: -webkit-fill-available;
  height: -moz-available;
  height: fill-available;
}

.portrait .crop__filler {
  width: 100%;
  height: -webkit-fill-available;
  height: -moz-available;
  height: fill-available;
}

.landscape .crop__area {
  flex-direction: row;
}

.portrait .crop__area {
  flex-direction: column;
}

.landscape .pp__crop-area {
  height: 100%;
}

.square .pp__crop-area {

  height: 100%;
}

.portrait .pp__crop-area {
  width: 100%;
}

.pp__additional-overlay {
  z-index: 10;
}

.pp__overlay.is-visible {
  opacity: 0.1;
}

.product-module__upload-btn {
  width: 100%;
}

#file-list--1:focus-visible,
#file-list--1>*,
#file-list--2:focus-visible,
#file-list--2>* {
  outline: none;
}


.pp__select-btn {
  margin-left: auto;
  margin-right: auto;
}

.pp__terms-link {
  text-decoration: underline;
  color: var(--primary_grey);
}

.pp__select-btn svg {
 width: 1rem;
 height: 1rem;
}

.pp__content-start-popup .pp__select-btn svg{
  width: 1rem;
  height: 1rem;
}

.pp__footer-product-info span {
  display: block;
}

#images_total {
  display: flex;
  align-items: center;
  margin-top: .25rem;
  gap: 0.25rem;
  flex-wrap: wrap;
}

.pp__edited {
  display: none;
  color: var(--primary_text);
  position: absolute;
  left: .75rem;
  top: .75rem;
}

.pp__edited.is-visible {
  display: flex;
}

.pp__card-action-info {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: space-between;
  flex-direction: column-reverse;
}

.photo-print__card-variant-lbl{
  margin-right: auto;
  display: flex;
}


.photo-printer__content-label {
  display: flex;
  justify-content: center;
  color: var(--primary_grey);
}

.Svg--img_picker {
  margin-left: auto;
  margin-right: auto;
}


.photo-printer__popup.Popup {
  width: var(--viewport-width);
  height: var(--viewport-height);
  max-height: unset;
  background-color: var(--background_color);
  color: var(--primary_text);
  transition: opacity 0.25s ease-in-out, height .25s ease-in-out;
  opacity: 0;
  left: 0;
  padding: 0 0rem 1rem 0rem;
}

.photo-print_info {
  color: var(--primary_grey);
  margin-left: auto;
  margin-right: auto;
  width: fit-content;
}

.photo-printer__content {
  background-color: var(--background_color_2);
  padding: 2rem 1rem;
  border: 1px dashed var(--secondary_grey);
  flex-direction: column;
  overflow-x: hidden;
  min-height: calc(var(--viewport-height) - 52px - 2rem);
  justify-content: center;
  margin-top: 1rem;
  max-width: calc(100vw - 2rem);
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.photo-printer__content[inert] {
  display: none;
}

.photo-printer__content:has(.uppy-DragDrop--isDraggingOver),
.pp__content-start-popup:has(.uppy-DragDrop--isDraggingOver){
  background: linear-gradient(0deg, rgba(142, 171, 194, 0.20) 0%, rgba(142, 171, 194, 0.20) 100%), var(--background_color);
}
.photo-printer__popup.Popup[aria-expanded='true'] {
  opacity: 1;
}

.photo-printer__header {
  display: flex;
  width: 100%;
  justify-content: space-between;
  padding: 1rem;
  align-items: center;
  position: sticky;
  top: 0;
  z-index: 5;
  background-color: var(--background_color);
}

.photo-printer__header a {
  color: var(--primary_text);
}

.photo-printer__close {
  display: flex;
  gap: 0.5rem;

}

.uppy-DashboardTab {
  max-width: 234px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.checked-icon svg path {
  fill: var(--primary_text);

}

.photo-print__card-checkboxes-wrapper {
  height: 28px;
  width: 28px;
}

.checked-icon svg {
  width: 20px;
  height: 20px;
}

.pp__card-checkbox-label {
  position: absolute;
  top: -0.5rem;
  right: -0.5rem;
  height: 2.75rem;
  width: 2.75rem;
  align-items: center;
  pointer-events: all;
  cursor: pointer;
  justify-content: center;
  transition: all 0.2 ease-in-out;
  opacity: 1;
  display: flex;
}


.pp__card-checkbox-label.hidden {
  opacity: 0;
}

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

.Svg--squere-checkmark path:first-child {
  fill: var(--primary_text);
}

.Svg--squere-checkmark path:last-child {
  fill: var(--secondary_text);
}

.checked-icon.hidden {
  display: none;
}

.photo-print__card-img-wrapper {
  top: 50%;
  transform: translateY(-50%);
  margin: auto;
  max-height: 39.2vw;
  max-width: 31.467vw;

}

.photo-print__card-helper {
  width: 100%;
  height: 100%;
  margin-block: .5rem;
}

.pp__border:after {
  content: "";
  width: 100%;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  border: 1px solid var(--background_color);
}

.photo-print__card-wrapper {
  position: relative;
  padding: 1.5rem 0.5rem 1rem 0.5rem;
  border: 1px solid var(--background_color_2);
  display: flex;
  flex-direction: column;
  transition: all 0.2s ease-in-out;
  transform-origin: center;
}

.photo-print__card-wrapper[aria-selected="false"] .color-content-update{
  color: var(--primary_grey);
  transition: color 0.2s ease-in-out;
}

.photo-print__card-wrapper[aria-selected="false"] .photo-print__card-quantity-btn,
.photo-print__card-wrapper[aria-selected="false"] .photo-print__card-img-wrapper[data-action="edit-img"],
.photo-print__card-wrapper[aria-selected="false"] button[data-action="edit-img"],
.photo-print__card-wrapper[aria-selected="false"] button[data-action="remove-item"] {
 pointer-events: none;
  cursor: not-allowed;

};



.photo-print__card-wrapper[aria-selected="false"] .color-icon-update path {
  fill: var(--primary_grey);
  transition: fill 0.2s ease-in-out;
}

.photo-print__card-wrapper[aria-selected="true"] .photo-print__card-content {
  color: var(--primary_text);
  transition: color 0.2s ease-in-out;
}

.photo-print__card-wrapper[aria-selected="true"] .color-icon-update path {
  fill: var(--primary_text);
  transition: fill 0.2s ease-in-out;
}

.photo-print__card-wrapper[aria-selected="false"] .photo-print__card-img-wrapper::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: var(--background_color_2);
  top: 0;
  left: 0;
  opacity: 0.5;

}

.photo-print__card-quantity-btn {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: center;
  padding: 4px 0;
}

.quantity-btn span {
  display: flex;
}

.quantity-btn {
  display: flex;
  position: relative;
  cursor: pointer;
}

.photo-print__card-delete-btn .quantity-btn::after,
.photo-print__card-delete-btn::after {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 28px;
  width: 28px;

}

.photo-print__card-quantity-input {
  width: 24px;
  min-width: 24px;
  border: none;
  padding: 0;
  text-align: center;
  background-color: transparent;
  color: var(--primary_text);
}

.photo-print__card-info-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
.photo-print__card-wrapper[aria-selected="true"] .quantity-btn[disabled] {
  pointer-events: none;
  cursor: default;
  
}

.photo-print__card-wrapper[aria-selected="true"] .quantity-btn[disabled] path{
  fill: var(--primary_grey);
  }


.photo-print__card-action-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 0.5rem;


}

.photo-print__card-delete-btn {
  width: 1rem;
  height: 1rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

photo-printing .Svg--trash{
  width: 1rem;
  height: 1rem;
}

.photo-print__card-delete-btn path {
  fill: var(--primary_grey);
}

.pp__images-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
  padding: 0 1rem 2rem 1rem;
}

.pp__header-remove-btn.Button.Button--TertiaryUnderline {
  color: var(--alert_error);
  display: flex;
  align-items: center;
}

.pp__header-remove-btn:hover.Button.Button--TertiaryUnderline .ButtonText {
  color: var(--alert_error);
}

.pp__header-remove-btn.Button.Button--TertiaryUnderline svg {
  height: 1rem;
  width: 1rem;
}

.pp__header-remove-btn.Button.Button--TertiaryUnderline svg path {
  fill: var(--alert_error);
}

.pp__upload-header {
  display: flex;
  justify-content: space-between;
  align-items: start;
  padding: 1rem;
}

.pp__img-count {
  color: var(--primary_grey);
}

.pp__img_select {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.checkbox-icon {
  display: flex;
}

.pp__img_select .checkbox {
  display: none;
}

.pp__img_select>div {
  pointer-events: none;
}

.checkbox-icon.unchecked {
  display: flex;
}

.checkbox-icon.checked {
  display: none;
}

.pp__img_select .checkbox:checked+.checkbox-icon.unchecked {
  display: none;
}

.pp__img_select .checkbox:checked+.checkbox-icon.unchecked+.checkbox-icon.checked {
  display: flex;
}

.pp__header-left {
  display: flex;
  gap: .5rem;
  flex-direction: column;
}

.pp__upload-footer {
  padding: 1rem;
  position: fixed;
  background-color: var(--background_color);
  border-top: 1px solid var(--background_color_2);
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 9;
}

/*Progress bar for images and footer start*/
.pp__upload-percentage-value,
.pp__img-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--secondary_text);
  display: flex;
  align-items: center;
  opacity: 1;
  transition: opacity 0.5s ease;

}

.pp__img-overlay {
  background-color: var(--primary_accent);
  opacity: .5;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.pp__upload-percentage-value {
  z-index: 3;
}

.Svg--img_overlay {
  display: flex;
  width: 100%;
  height: 100%;
}



.pp__global-progress-wrapper {
  width: 100%;
  margin: 0px auto;
  text-align: center;
  display: flex;
  gap: 1rem;
  flex-direction: column;
  justify-content: center;
}


.pp__global-progress {
  width: 100%;

  height: 0.75rem;
  background-color: var(--background_color_2);
  /* Light blue */
  overflow: hidden;
  position: relative;
}

.pp__label {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}

.photo-print__global-fill {
  width: 0%;
  height: 100%;
  background-color: var(--primary_accent);
  /* Darker blue */
  transition: width 0.2s ease-in-out;
}

/*Progress bar for images and footer start end*/


.photo-print__card-wrapper.removing {
  opacity: 0;
  transform: scale(0.9);
  transition: all 0.2s ease-in-out;
}

#modal-upload-photos.Popup{
  overflow: unset;
}
.fjs__variant--size .RevolutionSelectbox--Title .u-t3{
  display: none;
}

.pp__uploaded-content {
  display: block;
  opacity: 1;
  padding-bottom: calc(var(--upload-footer-height) - 1rem);
  overflow: auto;
  height: 100%;

}

.pp__uploaded-content[inert] {
  display: none;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}

.pp__footer-default-state {
  flex-direction: column;
  gap: 1rem;

}

.pp__footer-product-actions button {
  width: 100%;
}

.pp__footer-default-state[aria-hidden='true'],
.pp__footer-uploade-state[aria-hidden='true'] {
  display: none;
}

.pp__footer-default-state[aria-hidden='false'],
.pp__footer-uploade-state[aria-hidden='false'] {
  display: flex;
}

.delete-conf__popup.Popup {
  background-color: var(--background_color);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: fit-content;
  padding: 2rem 1rem;
  max-width: 311px;
}

.pp__popup-content .Button--Normal {
  min-width: unset;
  flex: 1;
  width: 100%;
}

.pp__popup-header {
  text-align: center;
  padding-bottom: 2rem;
}

.pp__popup-content {
  display: flex;
  gap: 1rem;
  flex-direction: column;
}

.fabric-js__img-content {
  width: 100%;
  overflow: hidden;
}

.fjs__btns-wrapper {
  display: flex;
  align-items: center;
}

.fjs__mra {
  margin-right: auto;
}

.product-module__box-label.diff--size {
  min-width: unset;
  min-height: 30px;
}

.fjs__mla {
  margin-left: auto;
}

.fabric-js__edit-content {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 1rem 1rem 1rem 1rem;
}

.fabric-js__footer-content {
  padding: 1rem;
  display: flex;
  justify-content: space-between;
  width: 100%;
  border-top: 1px solid var(--background_color_2);
  background-color: var(--background_color);
}

.fabric-js__footer-content button {
  min-width: unset;
}

.fjs__option-selector {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}

.fjs__option-selector .product-module__dropdown-selector .RevolutionSelectbox--Button {
  padding: .5rem;
  width: 100%;
}

.fjs__option-selector .product-module__dropdown-selector {
  border: unset;
  border-bottom: 1px solid var(--primary_text);
  width: 100%;
}

.fjs__option-selector .product-module__dropdown-selector .RevolutionSelectbox--Button svg {
  width: 1rem;
  height: 1rem;
}

.fjs__option-selector .product-module__dropdown-selector .RevolutionSelectbox--Button svg path {
  fill: var(--primary_text);
}

.fjs__option-selector .product-module__dropdown-selector .RevolutionSelectbox--Content {
  border: unset;
}

.fjs__option-selector .product-module__dropdown-selector .RevolutionSelectbox--Item:first-child {
  border-top: unset;
}

.fjs__option-selector .product-module__dropdown-selector .RevolutionSelectbox--Item,
.fjs__option-selector .RevolutionSelectbox--Item:not([selected="selected"]):focus,
.RevolutionSelectbox--Item:not([selected="selected"]):hover {
  border-bottom: 1px solid var(--background_color_2);
}


.fjs__option-selector .RevolutionSelectbox--Item[disabled='true'],
.fjs__option-selector .RevolutionSelectbox--Item:hover,
.fjs__option-selector .RevolutionSelectbox--Item:active,
.fjs__option-selector .RevolutionSelectbox--Item:focus {
  background-color: var(--background_color_2);
  border-bottom: 1px solid var(--background_color_2);
  font-size: 0.875rem;
  line-height: 1.125rem;
  font-family: var(--type_secondary_paragraph_font);
}



.fjs__btn-layout.selected {
  border-color: var(--primary_text);
}

canvas {
  touch-action: none;
}


#modal-edit-img.Popup {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  transform: translateY(100%);
  transition: none;
  height: fit-content;
  overflow: hidden;
  min-height: 517px;
  max-height: fit-content;
}

#modal-edit-img.Popup[aria-expanded="true"] {
  animation: slideInUp 0.2s ease-out forwards;
}

#modal-edit-img.Popup[aria-expanded="false"] {
  animation: slideOutDown 0.2s ease-in forwards;
}

.fjs__close-btn {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  z-index: 3;
  width: 1rem;
  height: 1rem;
}

.fjs__close-btn svg {
  width: 1rem;
  height: 1rem;
}

#modal-more-imgs.Popup {
  background-color: var(--background_color);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: fit-content;
  padding: 1rem;
  max-width: calc(100% - 2rem);
  overflow: hidden;
}

.pp__content-start-popup {
  padding: 2rem 1rem;
  background-color: var(--background_color_2);
  border: 1px dashed var(--secondary_grey);
  flex-direction: column;
  overflow-x: hidden;
  justify-content: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.pp__popup-fade-in-out.Popup[aria-expanded="true"] {
  animation: fadeIn 0.2s ease-out forwards;
  pointer-events: auto;
}

.pp__popup-fade-in-out.Popup[aria-expanded="false"] {
  animation: fadeOut 0.2s ease-in forwards;
  pointer-events: none;
}

#modal-more-imgs .fjs__close-btn {
  top: 1.5rem;
  right: 1.5rem;
}

#modal-more-imgs .uppy-DragDrop-inner svg{
    max-width: 120px;
    width: 100%;
    height: 95.7px;
}
.uppy-DragDrop-inner::after{
  position: fixed;
  content: '';
  top: calc(1rem + 52px);
  left: 1rem;
  width: calc(var(--viewport-width) - 2rem);
  height: calc(var(--viewport-height) / 2);

}


/*PHOTO printing END*/

/*KEYFRAMES START*/
@keyframes slideInUp {
  from {
    transform: translateY(100%);
  }

  to {
    transform: translateY(0%);
  }
}

@keyframes slideOutDown {
  from {
    transform: translateY(0%);
  }

  to {
    transform: translateY(100%);
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.95);
  }

  to {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }

  to {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.95);
  }
}
@media screen and (min-width: 768px) {
.pp__images-grid{
  grid-template-columns: 1fr 1fr 1fr;
}
}

@media screen and (max-width: 1024px) {
  .fjs__option-selector .product-module__dropdown-selector .RevolutionSelectbox--Content {
    top: unset;
    bottom: 100%;
  }


  .fabric-js__footer-content{
      position: fixed;
      bottom: 0;
      left: 0;
  }

  .fabric-js__edit-content-wrapper{
    overflow-x: auto;
    height: calc(100% - 67px);
  }

  #modal-edit-img.Popup{
    height: fit-content;
    max-height: calc(var(--viewport-height) - 52px);
  }
}

/*KEYGRAMES END*/

@media screen and (min-width: 1025px) {
 
  /*Photo printing START*/
  .pp__select-btn svg{
    width: 20px;
    height: 20px;
  }
  .pp__content-start-popup .pp__select-btn svg{
    width: 1rem;
    height: 1rem;
  }
  .delete-conf__popup.Popup{
    padding-left: 2rem;
    padding-right: 2rem;
    max-width: 550px;
  }
  .photo-print__card-action-footer{
    margin-top: 1rem;
  }
  .pp__content-start-popup{
    padding-left: 2rem;
    padding-right: 2rem;
  }
  #modal-more-imgs .uppy-DragDrop-inner svg{
    max-width: 170px;
    width: 100%;
    height: 135.57px;
}

  .photo-print__card-quantity-btn{
    padding: 0.5rem 0;
  }

  .atc__popup-content{
    flex-direction: row;
    gap: 1rem;
  }

  .atc__popup-content button.Button--Normal{
    min-width: unset;
    flex: 1;

  }

  #modal-more-imgs.Popup {
    max-width: 676px;
    padding: 2rem;
  }

  .pp__btns-external-wrapper {
    display: flex;
    gap: 1.5rem;
    justify-content: center;
    margin-top: 2rem;
  }

  .uppy-DragDrop-inner svg {
    max-width: 202px;
    width: 100%;
    height: 161px;
  }



  .pp__btns-external-wrapper button {
    margin-left: unset;
    margin-right: unset;
    margin-bottom: unset;
  }

  .fabric-js__img-content {
    width: 100%;
    border-right: 1px solid var(--background_color_2);
  }

  .fjs__close-btn {
    top: 1rem;
    right: 1rem;
  }
  #modal-edit-img.Popup{
    left: 50%;
    top: 50%;
    width: 100%;
    max-width: 874px;
    transform: unset;
  }
  #modal-edit-img.Popup .fabric-js__edit-content-wrapper{
    display: flex;
    flex-direction: row;
  

  }

  #modal-more-imgs .fjs__close-btn{
    top: 3rem;
    right: 3rem;
  }
  #modal-edit-img.Popup[aria-expanded=true] {
    animation: fadeIn 0.2s ease-out forwards;
    pointer-events: auto;
  }

  #modal-edit-img.Popup[aria-expanded=false] {
    animation: fadeOut 0.2s ease-in forwards;
    pointer-events: none;
  }


  .fabric-js__footer-content {
    margin-top: auto;
    gap: 1.5rem;
    padding: 2rem;
    
  }

  .fabric-js__footer-content button {
    min-width: 134px;
  }

  .fjs__action-content {
    display: flex;
    flex-direction: column;
    padding-top: 4rem;
    width: 100%;
    max-width: 357px;
  }

  .fabric-js__edit-content {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding: 0 2rem 1rem 2rem;

  }

  .photo-printer__header {
    padding: 1rem 2rem;
    border-bottom: 1px solid var(--background_color_2);


  }

  .photo-printer__content {
    margin-top: 2rem;
    max-width: calc(100vw - 4rem);
    min-height: calc(var(--viewport-height) - 52px - 4rem);
  }

  .header__logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

  }

  .pp__upload-header {
    padding: 2rem 2rem 1.5rem 2rem;
  }

  .pp__images-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    padding: 0 2rem 2rem 2rem;
    gap: 1rem;
  }

  .pp__global-progress-wrapper {
    flex-direction: row;
    align-items: center;
    max-width: unset;
    justify-content: center;
  }

  .pp__global-progress {
    width: 42vw;
    max-width: unset;
    gap: 1.5rem;
  }

  .pp__header-left {
    flex-direction: row;
    gap: 1.5rem;
  }

  .pp__popup-content {
    display: flex;
    gap: 1rem;
    flex-direction: row;
  }

  .pp__parent-img {
    display: flex;
  }

  .photo-print__card-img-wrapper {
    margin: auto;
    max-height: 12.013vw;
    max-width: 9.622vw;
    cursor: pointer;
  }

  .pp__card-action-info {
    margin-top: 3.5rem;
    flex-direction: row;
    gap: 1rem;
  }

  .photo-print__card-wrapper {
    padding: 2rem 1rem 1rem 1rem;
    transition: all 0.2s ease-in-out;
  }

  [aria-uploading="false"] .photo-print__card-wrapper:hover{
    border-color: var(--secondary_grey);
    transition: all 0.2s ease-in-out;
  }

  .pp__footer-default-state {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }

  .pp__footer-product-actions {
    display: flex;
    gap: 1rem;
    height: fit-content;
  }

  photo-printing .product-module__product-atc-wrapper {
    margin-top: 0;
    height: 100%;
  }

  .pp__upload-footer {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .photo-printer__popup.Popup {
    padding-bottom: 2rem;
    transition: opacity 0.25s ease-in-out;
  }
  #modal-atc-pp{
    padding: 2rem;
  }



  .pp__uploaded-content{
    padding-bottom: calc(var(--upload-footer-height) - 2rem);
  }
  
  /*Photo printing END*/
}


@media screen and (min-width: 1200px) {
  .pp__images-grid{
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }
  }