@layer layout {
  .miz-footer {
    --footer-max-width: 100%;
    --footer-width: 100%;
    --footer-content-max-width: 1600px;
    --footer-min-padding-right: 16px;
    --footer-min-padding-left: 16px;
    width: var(--footer-width);
    max-width: var(--footer-max-width);
    padding-right: max(var(--footer-min-padding-right), (var(--footer-width) - var(--footer-content-max-width)) / 2);
    padding-left: max(var(--footer-min-padding-left), (var(--footer-width) - var(--footer-content-max-width)) / 2);
    margin-right: auto;
    margin-left: auto;
    background-color: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
  }
  .miz-footer a:hover {
    color: rgb(255, 255, 255);
  }
  .miz-footer-layer {
    padding: 2rem 0 2rem;
  }
  .miz-footer-layer:last-of-type {
    border-top: 1px solid rgb(253, 184, 25);
  }
}