/* CSS box-shadow pixel sprites */

.pixel-skull-wrap {
  width: 72px;
  height: 58px;
  position: relative;
  overflow: visible;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pixel-skull,
.pixel-skull-eyes {
  width: 1px;
  height: 1px;
  transform: scale(2.5);
  position: absolute;
  left: -36px;
  top: -32px;
}

.pixel-skull {
  box-shadow:
    3px 4px #d4705e,
    4px 4px #d4705e,
    8px 4px #e8dcd0,
    9px 4px #e8dcd0,
    10px 4px #e8dcd0,
    11px 4px #e8dcd0,
    12px 4px #e8dcd0,
    13px 4px #e8dcd0,
    14px 4px #e8dcd0,
    15px 4px #e8dcd0,
    16px 4px #e8dcd0,
    17px 4px #e8dcd0,
    18px 4px #e8dcd0,
    19px 4px #e8dcd0,
    20px 4px #e8dcd0,
    21px 4px #e8dcd0,
    22px 4px #e8dcd0,
    23px 4px #e8dcd0,
    27px 4px #d4705e,
    28px 4px #d4705e,
    3px 5px #d4705e,
    4px 5px #d4705e,
    8px 5px #e8dcd0,
    9px 5px #e8dcd0,
    10px 5px #e8dcd0,
    11px 5px #e8dcd0,
    12px 5px #e8dcd0,
    13px 5px #e8dcd0,
    14px 5px #e8dcd0,
    15px 5px #e8dcd0,
    16px 5px #e8dcd0,
    17px 5px #e8dcd0,
    18px 5px #e8dcd0,
    19px 5px #e8dcd0,
    20px 5px #e8dcd0,
    21px 5px #e8dcd0,
    22px 5px #e8dcd0,
    23px 5px #e8dcd0,
    27px 5px #d4705e,
    28px 5px #d4705e,
    4px 6px #c45c4a,
    5px 6px #c45c4a,
    6px 6px #e8dcd0,
    7px 6px #e8dcd0,
    8px 6px #e8dcd0,
    9px 6px #e8dcd0,
    10px 6px #e8dcd0,
    11px 6px #e8dcd0,
    12px 6px #e8dcd0,
    13px 6px #e8dcd0,
    14px 6px #e8dcd0,
    15px 6px #e8dcd0,
    16px 6px #e8dcd0,
    17px 6px #e8dcd0,
    18px 6px #e8dcd0,
    19px 6px #e8dcd0,
    20px 6px #e8dcd0,
    21px 6px #e8dcd0,
    22px 6px #e8dcd0,
    23px 6px #e8dcd0,
    24px 6px #e8dcd0,
    25px 6px #e8dcd0,
    26px 6px #c45c4a,
    27px 6px #c45c4a,
    4px 7px #c45c4a,
    5px 7px #c45c4a,
    6px 7px #e8dcd0,
    7px 7px #e8dcd0,
    8px 7px #e8dcd0,
    9px 7px #e8dcd0,
    10px 7px #e8dcd0,
    11px 7px #e8dcd0,
    12px 7px #e8dcd0,
    13px 7px #e8dcd0,
    14px 7px #e8dcd0,
    15px 7px #e8dcd0,
    16px 7px #e8dcd0,
    17px 7px #e8dcd0,
    18px 7px #e8dcd0,
    19px 7px #e8dcd0,
    20px 7px #e8dcd0,
    21px 7px #e8dcd0,
    22px 7px #e8dcd0,
    23px 7px #e8dcd0,
    24px 7px #e8dcd0,
    25px 7px #e8dcd0,
    26px 7px #c45c4a,
    27px 7px #c45c4a,
    4px 8px #c45c4a,
    5px 8px #c45c4a,
    6px 8px #e8dcd0,
    7px 8px #e8dcd0,
    8px 8px #e8dcd0,
    9px 8px #e8dcd0,
    10px 8px #e8dcd0,
    11px 8px #e8dcd0,
    12px 8px #e8dcd0,
    13px 8px #e8dcd0,
    14px 8px #c45c4a,
    15px 8px #c45c4a,
    16px 8px #c45c4a,
    17px 8px #c45c4a,
    18px 8px #e8dcd0,
    19px 8px #e8dcd0,
    20px 8px #e8dcd0,
    21px 8px #e8dcd0,
    22px 8px #e8dcd0,
    23px 8px #e8dcd0,
    24px 8px #e8dcd0,
    25px 8px #e8dcd0,
    26px 8px #c45c4a,
    27px 8px #c45c4a,
    4px 9px #c45c4a,
    5px 9px #c45c4a,
    6px 9px #e8dcd0,
    7px 9px #e8dcd0,
    8px 9px #e8dcd0,
    9px 9px #e8dcd0,
    10px 9px #e8dcd0,
    11px 9px #e8dcd0,
    12px 9px #e8dcd0,
    13px 9px #e8dcd0,
    14px 9px #c45c4a,
    15px 9px #c45c4a,
    16px 9px #c45c4a,
    17px 9px #c45c4a,
    18px 9px #e8dcd0,
    19px 9px #e8dcd0,
    20px 9px #e8dcd0,
    21px 9px #e8dcd0,
    22px 9px #e8dcd0,
    23px 9px #e8dcd0,
    24px 9px #e8dcd0,
    25px 9px #e8dcd0,
    26px 9px #c45c4a,
    27px 9px #c45c4a,
    5px 10px #e8dcd0,
    6px 10px #e8dcd0,
    7px 10px #e8dcd0,
    8px 10px #e8dcd0,
    9px 10px #e8dcd0,
    10px 10px #e8dcd0,
    11px 10px #e8dcd0,
    12px 10px #e8dcd0,
    13px 10px #c45c4a,
    14px 10px #c45c4a,
    15px 10px #e8dcd0,
    16px 10px #e8dcd0,
    17px 10px #c45c4a,
    18px 10px #c45c4a,
    19px 10px #e8dcd0,
    20px 10px #e8dcd0,
    21px 10px #e8dcd0,
    22px 10px #e8dcd0,
    23px 10px #e8dcd0,
    24px 10px #e8dcd0,
    25px 10px #e8dcd0,
    26px 10px #e8dcd0,
    5px 11px #e8dcd0,
    6px 11px #e8dcd0,
    7px 11px #e8dcd0,
    8px 11px #e8dcd0,
    9px 11px #e8dcd0,
    10px 11px #e8dcd0,
    11px 11px #e8dcd0,
    12px 11px #e8dcd0,
    13px 11px #c45c4a,
    14px 11px #c45c4a,
    15px 11px #e8dcd0,
    16px 11px #e8dcd0,
    17px 11px #c45c4a,
    18px 11px #c45c4a,
    19px 11px #e8dcd0,
    20px 11px #e8dcd0,
    21px 11px #e8dcd0,
    22px 11px #e8dcd0,
    23px 11px #e8dcd0,
    24px 11px #e8dcd0,
    25px 11px #e8dcd0,
    26px 11px #e8dcd0,
    5px 12px #e8dcd0,
    6px 12px #e8dcd0,
    7px 12px #e8dcd0,
    8px 12px #e8dcd0,
    13px 12px #e8dcd0,
    14px 12px #e8dcd0,
    15px 12px #e8dcd0,
    16px 12px #e8dcd0,
    17px 12px #e8dcd0,
    18px 12px #e8dcd0,
    23px 12px #e8dcd0,
    24px 12px #e8dcd0,
    25px 12px #e8dcd0,
    26px 12px #e8dcd0,
    5px 13px #e8dcd0,
    6px 13px #e8dcd0,
    7px 13px #e8dcd0,
    8px 13px #e8dcd0,
    13px 13px #e8dcd0,
    14px 13px #e8dcd0,
    15px 13px #e8dcd0,
    16px 13px #e8dcd0,
    17px 13px #e8dcd0,
    18px 13px #e8dcd0,
    23px 13px #e8dcd0,
    24px 13px #e8dcd0,
    25px 13px #e8dcd0,
    26px 13px #e8dcd0,
    14px 16px #c45c4a,
    15px 16px #c45c4a,
    16px 16px #c45c4a,
    17px 16px #c45c4a,
    14px 17px #c45c4a,
    15px 17px #c45c4a,
    16px 17px #c45c4a,
    17px 17px #c45c4a,
    7px 18px #e8dcd0,
    8px 18px #e8dcd0,
    9px 18px #e8dcd0,
    10px 18px #e8dcd0,
    11px 18px #e8dcd0,
    12px 18px #e8dcd0,
    13px 18px #e8dcd0,
    14px 18px #e8dcd0,
    15px 18px #e8dcd0,
    16px 18px #e8dcd0,
    17px 18px #e8dcd0,
    18px 18px #e8dcd0,
    19px 18px #e8dcd0,
    20px 18px #e8dcd0,
    21px 18px #e8dcd0,
    22px 18px #e8dcd0,
    23px 18px #e8dcd0,
    24px 18px #e8dcd0,
    7px 19px #e8dcd0,
    8px 19px #e8dcd0,
    9px 19px #e8dcd0,
    10px 19px #e8dcd0,
    11px 19px #e8dcd0,
    12px 19px #e8dcd0,
    13px 19px #e8dcd0,
    14px 19px #e8dcd0,
    15px 19px #e8dcd0,
    16px 19px #e8dcd0,
    17px 19px #e8dcd0,
    18px 19px #e8dcd0,
    19px 19px #e8dcd0,
    20px 19px #e8dcd0,
    21px 19px #e8dcd0,
    22px 19px #e8dcd0,
    23px 19px #e8dcd0,
    24px 19px #e8dcd0,
    8px 20px #e8dcd0,
    9px 20px #e8dcd0,
    10px 20px #16161a,
    11px 20px #16161a,
    12px 20px #e8dcd0,
    13px 20px #e8dcd0,
    14px 20px #16161a,
    15px 20px #16161a,
    16px 20px #e8dcd0,
    17px 20px #e8dcd0,
    18px 20px #16161a,
    19px 20px #16161a,
    20px 20px #e8dcd0,
    21px 20px #e8dcd0,
    22px 20px #e8dcd0,
    23px 20px #e8dcd0,
    8px 21px #e8dcd0,
    9px 21px #e8dcd0,
    10px 21px #16161a,
    11px 21px #16161a,
    12px 21px #e8dcd0,
    13px 21px #e8dcd0,
    14px 21px #16161a,
    15px 21px #16161a,
    16px 21px #e8dcd0,
    17px 21px #e8dcd0,
    18px 21px #16161a,
    19px 21px #16161a,
    20px 21px #e8dcd0,
    21px 21px #e8dcd0,
    22px 21px #e8dcd0,
    23px 21px #e8dcd0;
  filter: drop-shadow(0 0 10px rgba(125, 211, 168, 0.12));
}

.pixel-skull-eyes {
  box-shadow:
    9px 12px #16161a,
    10px 12px #16161a,
    11px 12px #16161a,
    12px 12px #16161a,
    19px 12px #16161a,
    20px 12px #16161a,
    21px 12px #16161a,
    22px 12px #16161a,
    9px 13px #16161a,
    10px 13px #7dd3a8,
    11px 13px #7dd3a8,
    12px 13px #16161a,
    19px 13px #16161a,
    20px 13px #7dd3a8,
    21px 13px #7dd3a8,
    22px 13px #16161a,
    9px 14px #16161a,
    10px 14px #7dd3a8,
    11px 14px #7dd3a8,
    12px 14px #16161a,
    19px 14px #16161a,
    20px 14px #7dd3a8,
    21px 14px #7dd3a8,
    22px 14px #16161a,
    9px 15px #16161a,
    10px 15px #16161a,
    11px 15px #16161a,
    12px 15px #16161a,
    19px 15px #16161a,
    20px 15px #16161a,
    21px 15px #16161a,
    22px 15px #16161a;
  animation: pixel-skull-blink 4s steps(1) infinite;
}

@keyframes pixel-skull-blink {
  0%, 20%, 26%, 100% {
    box-shadow:
    9px 12px #16161a,
    10px 12px #16161a,
    11px 12px #16161a,
    12px 12px #16161a,
    19px 12px #16161a,
    20px 12px #16161a,
    21px 12px #16161a,
    22px 12px #16161a,
    9px 13px #16161a,
    10px 13px #7dd3a8,
    11px 13px #7dd3a8,
    12px 13px #16161a,
    19px 13px #16161a,
    20px 13px #7dd3a8,
    21px 13px #7dd3a8,
    22px 13px #16161a,
    9px 14px #16161a,
    10px 14px #7dd3a8,
    11px 14px #7dd3a8,
    12px 14px #16161a,
    19px 14px #16161a,
    20px 14px #7dd3a8,
    21px 14px #7dd3a8,
    22px 14px #16161a,
    9px 15px #16161a,
    10px 15px #16161a,
    11px 15px #16161a,
    12px 15px #16161a,
    19px 15px #16161a,
    20px 15px #16161a,
    21px 15px #16161a,
    22px 15px #16161a;
  }
  8%, 10%, 14%, 16% {
    box-shadow:
    9px 12px #e8dcd0,
    10px 12px #e8dcd0,
    11px 12px #e8dcd0,
    12px 12px #e8dcd0,
    19px 12px #e8dcd0,
    20px 12px #e8dcd0,
    21px 12px #e8dcd0,
    22px 12px #e8dcd0,
    9px 13px #e8dcd0,
    10px 13px #e8dcd0,
    11px 13px #e8dcd0,
    12px 13px #e8dcd0,
    19px 13px #e8dcd0,
    20px 13px #e8dcd0,
    21px 13px #e8dcd0,
    22px 13px #e8dcd0,
    9px 14px #e8dcd0,
    10px 14px #e8dcd0,
    11px 14px #e8dcd0,
    12px 14px #e8dcd0,
    19px 14px #e8dcd0,
    20px 14px #e8dcd0,
    21px 14px #e8dcd0,
    22px 14px #e8dcd0,
    9px 15px #e8dcd0,
    10px 15px #e8dcd0,
    11px 15px #e8dcd0,
    12px 15px #e8dcd0,
    19px 15px #e8dcd0,
    20px 15px #e8dcd0,
    21px 15px #e8dcd0,
    22px 15px #e8dcd0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .pixel-skull-eyes {
    animation: none;
  }
}