.container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: var(--layout-width);
}

.container-edge {
  background-color: transparent;
  position: fixed;
  top: 0;
  left: 50%;
  width: calc(var(--layout-width) + var(--layout-width-gutter));
  height: 100vh;
  transform: translate(-50%, 0);
  z-index: var(--z-container-edge);
  pointer-events: none;
  box-shadow: inset 0 0 0 var(--line-width) rgb(var(--accent)), inset 0 0 0 calc(var(--line-width) * 2) rgba(var(--accent), 0.25);
}

@media (min-width: 550px) {}

@media (min-width: 900px) {}

@media (min-width: 1100px) {}

@media (min-width: 1600px) {}

@media (min-width: 1600px) {}