.product-index-height {
  height: calc(100vh - 8rem);
}

.from-nav-height {
  height: calc(100vh - 3rem);
}

.admin-show-content-height {
  height: calc(100vh - 9rem);
}

.design-height {
  height: 100%;
}

.desktop-mobile-width {
  min-width: 900px;
}

@media (min-width: 768px) {
  .desktop-mobile-width {
    width: 100%;
  }
}

.desktop-mobile-height {
  max-height: 100vh;
}

@media (min-width: 768px) {
  .desktop-mobile-height {
    height: 100%;
  }
}

@media (min-width: 768px) {
  .design-height {
    height: calc(100vh - 16rem);
  }
}

.print-pricing-height {
  height: calc(100vh - 17rem);
}

@media (min-width: 768px) {
  .print-pricing-height {
    height: calc(100vh - 18rem);
  }
}

.uploads-panel {
  z-index: 100;
  padding-top: 0;
  height: 100vh;
  width: 0;
  transition: 0.6s;
}

@media (min-width: 768px) {
  .uploads-panel {
    padding-top: 3rem;
  }
}

.uploads-panel-open {
  width: 375px;
}

@media (max-width: 768px) {
  .uploads-panel-open {
    width: 100vw;
  }
}

.subscriptions-height {
  height: calc(100vh - 6rem);
}

.collections-gallery-size {
  width: 300px;
  height: 300px;
}

.collections-thumb-size {
  width: 30px;
  height: 30px;
}

.modal-max-w {
  max-width: 1020px;
}

.standard-text {
  font-size: 14px;
  line-height: 17px;
}

.collections-sidebar-text {
  font-size: 12px;
  line-height: 15px;
  letter-spacing: 0.05em;
}

.checkout-height {
  height: 94vh;
}

.extra-sm-text {
  font-size: 0.55rem;
  line-height: 0.75rem;
}

@media (min-width: 768px) {
  .pricing-list-height {
    height: 74vh;
  }
}

.admin-orders-height {
  height: calc(100vh - 14rem);
}

@media (min-width: 768px) {
  .user-profile-height {
    height: 90vh;
  }
}

.samples-width {
  max-width: 100vw;
}

@media (min-width: 768px) {
  .samples-width {
    max-width: calc(100vw - 9rem);
  }
}

.account-update-height {
  height: fit-content;
}

@media (min-width: 768px) {
  .account-update-height {
    min-height: 800px;
  }
}

@media (max-width: 768px) {
  .mobile-hidden {
    visibility: hidden;
    display: none;
  }
}

@media (min-width: 768px) {
  .desktop-hidden {
    visibility: hidden;
    display: none;
  }
}

@media (max-width: 930px) {
  .admin-mobile-hidden {
    visibility: hidden;
    display: none;
  }
}

@media (min-width: 930px) {
  .admin-desktop-hidden {
    visibility: hidden;
    display: none;
  }
}