/* Dedicated page layout for subscription instead of the old overlay modal. */

.subscription-page-shell {
  padding: clamp(12px, 1.8vw, 22px) 0 clamp(72px, 8vw, 108px);
}

#subscription .subscription-dialog {
  width: min(1198px, 100%);
  max-height: none;
  margin: 0 auto;
  animation: none;
}

#subscription .subscription-main-panel {
  overflow: visible;
}

#subscription .subscription-side-rail {
  position: sticky;
  top: calc(var(--dashboard-gutter, 24px) + 8px);
  align-self: start;
}

@media (max-width: 1140px) {
  #subscription .subscription-dialog {
    grid-template-columns: 1fr;
  }

  #subscription .subscription-side-rail {
    position: relative;
    top: auto;
  }
}

@media (max-width: 760px) {
  .subscription-page-shell {
    padding: 0 0 48px;
  }
}