.p40x {
  border-color: black;
  border-width: 3px;
  border-style: solid;
  border-radius: 0px;
  margin: 10px;
  padding: 5px;
  width: var(--pwidth);
  height: calc(var(--pwidth) * 1.4142857143);
  min-width: 10ch;
  max-width: 20%;
  display: grid;
  grid-template-rows: auto auto auto 1fr auto;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-flow: dense;
  place-items: center center;
}
@media (max-width: 768px) {
  .p40x {
    --pwidth: clamp(10ch, 30ch, 20%);
  }
}
@media (min-width: 768px) {
  .p40x {
    --pwidth: 30ch;
  }
}
.p40x > * {
  font-size: 1.5rem;
  font-weight: 200;
}
.p40x__number {
  grid-area: -2/2/-1/3;
  align-self: end;
  font-size: 1rem;
  font-weight: 900;
}
.p40x__display {
  grid-area: 2/2/3/3;
  color: red;
  font-size: 5rem;
  font-weight: bold;
  font-variant-numeric: slashed-zero;
}
.p40x--vanish .p40x__vanished {
  visibility: hidden;
  order: 10;
  font-size: unset;
  grid-area: unset;
}

.p404 {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.p404__pages {
  display: flex;
  justify-content: space-evenly;
  align-items: baseline;
  flex-direction: row;
  width: 100%;
}
.p404__caption {
  text-align: center;
}

/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInA0MHguY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0UsbUJBQW1CO0VBQ25CLGlCQUFpQjtFQUNqQixtQkFBbUI7RUFDbkIsa0JBQWtCO0VBQ2xCLFlBQVk7RUFDWixZQUFZO0VBQ1osb0JBQW9CO0VBQ3BCLDBDQUEwQztFQUMxQyxlQUFlO0VBQ2YsY0FBYztFQUNkLGFBQWE7RUFDYiwyQ0FBMkM7RUFDM0MscUNBQXFDO0VBQ3JDLHFCQUFxQjtFQUNyQiwwQkFBMEI7QUFDNUI7QUFDQTtFQUNFO0lBQ0UsZ0NBQWdDO0VBQ2xDO0FBQ0Y7QUFDQTtFQUNFO0lBQ0UsY0FBYztFQUNoQjtBQUNGO0FBQ0E7RUFDRSxpQkFBaUI7RUFDakIsZ0JBQWdCO0FBQ2xCO0FBQ0E7RUFDRSxvQkFBb0I7RUFDcEIsZUFBZTtFQUNmLGVBQWU7RUFDZixnQkFBZ0I7QUFDbEI7QUFDQTtFQUNFLGtCQUFrQjtFQUNsQixVQUFVO0VBQ1YsZUFBZTtFQUNmLGlCQUFpQjtFQUNqQixrQ0FBa0M7QUFDcEM7QUFDQTtFQUNFLGtCQUFrQjtFQUNsQixTQUFTO0VBQ1QsZ0JBQWdCO0VBQ2hCLGdCQUFnQjtBQUNsQjs7QUFFQTtFQUNFLGFBQWE7RUFDYixzQkFBc0I7RUFDdEIsbUJBQW1CO0FBQ3JCO0FBQ0E7RUFDRSxhQUFhO0VBQ2IsNkJBQTZCO0VBQzdCLHFCQUFxQjtFQUNyQixtQkFBbUI7RUFDbkIsV0FBVztBQUNiO0FBQ0E7RUFDRSxrQkFBa0I7QUFDcEIiLCJmaWxlIjoicDQweC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIucDQweCB7XG4gIGJvcmRlci1jb2xvcjogYmxhY2s7XG4gIGJvcmRlci13aWR0aDogM3B4O1xuICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICBib3JkZXItcmFkaXVzOiAwcHg7XG4gIG1hcmdpbjogMTBweDtcbiAgcGFkZGluZzogNXB4O1xuICB3aWR0aDogdmFyKC0tcHdpZHRoKTtcbiAgaGVpZ2h0OiBjYWxjKHZhcigtLXB3aWR0aCkgKiAxLjQxNDI4NTcxNDMpO1xuICBtaW4td2lkdGg6IDEwY2g7XG4gIG1heC13aWR0aDogMjAlO1xuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLXRlbXBsYXRlLXJvd3M6IGF1dG8gYXV0byBhdXRvIDFmciBhdXRvO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCgzLCAxZnIpO1xuICBncmlkLWF1dG8tZmxvdzogZGVuc2U7XG4gIHBsYWNlLWl0ZW1zOiBjZW50ZXIgY2VudGVyO1xufVxuQG1lZGlhIChtYXgtd2lkdGg6IDc2OHB4KSB7XG4gIC5wNDB4IHtcbiAgICAtLXB3aWR0aDogY2xhbXAoMTBjaCwgMzBjaCwgMjAlKTtcbiAgfVxufVxuQG1lZGlhIChtaW4td2lkdGg6IDc2OHB4KSB7XG4gIC5wNDB4IHtcbiAgICAtLXB3aWR0aDogMzBjaDtcbiAgfVxufVxuLnA0MHggPiAqIHtcbiAgZm9udC1zaXplOiAxLjVyZW07XG4gIGZvbnQtd2VpZ2h0OiAyMDA7XG59XG4ucDQweF9fbnVtYmVyIHtcbiAgZ3JpZC1hcmVhOiAtMi8yLy0xLzM7XG4gIGFsaWduLXNlbGY6IGVuZDtcbiAgZm9udC1zaXplOiAxcmVtO1xuICBmb250LXdlaWdodDogOTAwO1xufVxuLnA0MHhfX2Rpc3BsYXkge1xuICBncmlkLWFyZWE6IDIvMi8zLzM7XG4gIGNvbG9yOiByZWQ7XG4gIGZvbnQtc2l6ZTogNXJlbTtcbiAgZm9udC13ZWlnaHQ6IGJvbGQ7XG4gIGZvbnQtdmFyaWFudC1udW1lcmljOiBzbGFzaGVkLXplcm87XG59XG4ucDQweC0tdmFuaXNoIC5wNDB4X192YW5pc2hlZCB7XG4gIHZpc2liaWxpdHk6IGhpZGRlbjtcbiAgb3JkZXI6IDEwO1xuICBmb250LXNpemU6IHVuc2V0O1xuICBncmlkLWFyZWE6IHVuc2V0O1xufVxuXG4ucDQwNCB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG59XG4ucDQwNF9fcGFnZXMge1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWV2ZW5seTtcbiAgYWxpZ24taXRlbXM6IGJhc2VsaW5lO1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICB3aWR0aDogMTAwJTtcbn1cbi5wNDA0X19jYXB0aW9uIHtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xufVxuIl19 */