@layer blades {
.container, .container-fluid {
  width: 100%;
  padding-right: var(--pico-spacing);
  padding-left: var(--pico-spacing);
  margin-left: auto;
  margin-right: auto;
}

@media (width >= 576px) {
  .container {
    max-width: 510px;
    padding-left: 0;
    padding-right: 0;
  }
}

@media (width >= 768px) {
  .container {
    max-width: 700px;
  }
}

@media (width >= 1024px) {
  .container {
    max-width: 950px;
  }
}

@media (width >= 1280px) {
  .container {
    max-width: 1200px;
  }
}

@media (width >= 1536px) {
  .container {
    max-width: 1450px;
  }
}

}