/* [project]/app/(public)/r/[slug]/page.module.scss.module.css [app-client] (css) */
.page-module-scss-module__LcEqYq__content {
  padding-top: var(--publicHeaderHeight);
  min-height: 100vh;
}

/* [project]/components/App/App/AppResultLayout.module.scss.module.css [app-client] (css) */
.AppResultLayout-module-scss-module__HWxaEW__container {
  justify-content: center;
  padding: 1.5rem;
  display: grid;
}

@media (min-width: 80rem) {
  .AppResultLayout-module-scss-module__HWxaEW__container {
    padding: 3.75rem 6.25rem;
  }
}

.AppResultLayout-module-scss-module__HWxaEW__content {
  width: 100%;
  max-width: 75rem;
}

.AppResultLayout-module-scss-module__HWxaEW__wantToTry {
  font-size: 1.5rem;
  line-height: 1.4;
  font-weight: var(--fontWeightRegular);
  margin-bottom: var(--spacing2);
}

.AppResultLayout-module-scss-module__HWxaEW__resultActionWrapper {
  justify-content: start;
  display: grid;
}

.AppResultLayout-module-scss-module__HWxaEW__tryThisAppButton {
  border-radius: var(--borderRadius1);
  height: 3.125rem;
  padding: 0 var(--spacing5);
  font-weight: var(--fontWeightMedium);
  transition: opacity var(--defaultTransitionDuration) ease;
  margin-bottom: var(--spacing5);
  border: .1875rem solid #0000;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: center;
  align-items: center;
  display: grid;
}

.AppResultLayout-module-scss-module__HWxaEW__tryThisAppButton:hover {
  opacity: .7;
}

.AppResultLayout-module-scss-module__HWxaEW__separator {
  border-radius: var(--borderRadius1);
  margin-bottom: var(--spacing5);
  border: .125rem solid #0000;
}

.AppResultLayout-module-scss-module__HWxaEW__inputOutputLayout, .AppResultLayout-module-scss-module__HWxaEW__inputLayout {
  grid-gap: 3.75rem;
  display: grid;
}

@media (min-width: 80rem) {
  .AppResultLayout-module-scss-module__HWxaEW__inputLayout {
    grid-gap: 5rem;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
  }
}

.AppResultLayout-module-scss-module__HWxaEW__inputs {
  margin-bottom: var(--spacing4);
  grid-gap: var(--spacing5);
  display: grid;
}

.AppResultLayout-module-scss-module__HWxaEW__inputLabel {
  font-size: 1.25rem;
  font-weight: var(--fontWeightMedium);
  opacity: .6;
  line-height: 1.4;
}

.AppResultLayout-module-scss-module__HWxaEW__inputValue {
  font-size: 1.875rem;
  font-weight: var(--fontWeightBold);
  line-height: 1.2;
}

.AppResultLayout-module-scss-module__HWxaEW__sections {
  grid-gap: var(--spacing4);
  display: grid;
}

.AppResultLayout-module-scss-module__HWxaEW__sectionHeader {
  margin-bottom: var(--spacing4);
  font-size: 1.5rem;
  line-height: 1.4;
  font-weight: var(--fontWeightBold);
}