<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">body {
  align-items: center;
  background: #708fd4;
  display: flex;
  font-family: 'Inconsolata', monospace;
  height: 100%;
  justify-content: center;
  margin: 0;
  position: absolute;
  width: 100%;
}

.filter {
  position: absolute;
  left: -9999px;
}

.gooeyland {
  display: flex;
}

.checkboxes {
  display: flex;
  filter: url('#gooeyness');
  flex-direction: column;
}

.checkbox {
  margin: 10px;
}

path {
  fill: none;
  stroke-linecap: round;
  stroke-width: 12;
  stroke: #fff;
}

.check {
  stroke-dasharray: 322px;
  stroke-dashoffset: 0;
  transform-origin: 50%;
  transition: transform 500ms, stroke-dashoffset 500ms;
}

.check4 {
  stroke-dasharray: 189.24px;
  stroke-dashoffset: 181px;
  transition: stroke-dashoffset 500ms;
}

svg {
  user-select: none;
}

svg.checked .check {
  transform: translateX(-13px) translateY(-40px) rotate(32deg);
  stroke-dashoffset: 219px;
}

svg.checked .check4 {
  stroke-dashoffset: -94px;
}

.labels {
  color: white;
  display: flex;
  flex-direction: column;
  font-size: 28px;
}

.label {
  line-height: 100px;
  margin-left: 10px;
}</pre></body></html>