.layout {
  padding: 32px; }
  .layout .section {
    margin: 0 auto;
    max-width: 1200px; }
  .layout .header {
    display: grid;
    grid-template-columns: 2fr 1fr; }
    .layout .header .info {
      padding: 32px; }
    .layout .header .eyebrow {
      margin-bottom: 4px;
      text-transform: uppercase; }
  .layout .content {
    display: grid;
    grid-template-columns: 2fr 1fr; }
  .layout .content-actions {
    grid-column: 1 / span 2;
    position: sticky;
    top: 64px;
    z-index: 1; }
    .layout .content-actions .actions-content {
      display: grid;
      grid-template-columns: 2fr 1fr; }
    .layout .content-actions .actions-meta {
      font: var(--md-type-scale-h6-font);
      letter-spacing: var(--md-type-scale-h6-letter-spacing);
      padding: 16px 32px; }
    .layout .content-actions .actions-cta {
      padding: 16px 32px; }
  .layout .main {
    padding: 32px; }
  .layout .aside {
    padding: 32px; }
    .layout .aside .nav {
      display: flex;
      flex-flow: column;
      gap: 16px; }
      .layout .aside .nav li {
        list-style: none;
        font-size: 16px;
        font-weight: 600; }
    .layout .aside .fixed-nav {
      position: fixed; }
      @media (max-width: 768px) {
        .layout .aside .fixed-nav {
          position: relative; } }
  .layout .full {
    grid-column: 1 / span 2; }
  @media (max-width: 1200px) {
    .layout {
      padding: 0; } }
  @media (max-width: 768px) {
    .layout .header {
      display: block; }
    .layout .content {
      display: block; }
    .layout .content-actions .actions-content {
      display: grid;
      grid-template-columns: auto auto; }
    .layout .content-actions .actions-meta {
      font: var(--md-type-scale-body1-font);
      letter-spacing: var(--md-type-scale-body1-letter-spacing); } }

.layout-mini {
  max-width: 640px;
  margin: 0 auto;
  padding: 32px; }
  .layout-mini .md-form {
    background: var(--md-bg);
    padding: 32px; }
  .layout-mini .md-legend {
    background-color: var(--md-bg-on-f);
    margin: -32px -32px 32px;
    padding: 32px; }
  .layout-mini .header {
    background: var(--md-bg-on-h);
    padding: 32px; }
    .layout-mini .header .eyebrow {
      margin-bottom: 4px;
      text-transform: uppercase; }
  .layout-mini .main {
    background: var(--md-bg);
    padding: 32px; }
    .layout-mini .main.md-table td:first-child, .layout-mini .main.md-table th:first-child {
      padding-left: 32px; }
    .layout-mini .main.md-table td:last-child, .layout-mini .main.md-table th:last-child {
      padding-right: 32px; }
  @media (max-width: 640px) {
    .layout-mini {
      padding: 0; } }

/*# sourceMappingURL=class.css.map */