.hln-laptop-lid {
  --c: var(--hln-color, #ff4f2e);
  font-size: var(--hln-size, 16px);
  position: relative;
  display: grid;
  place-items: center;
  width: 22em;
  height: 12em;
  border-radius: 0.75em;
  background: #f6f5f1;
  overflow: hidden;
}
.hln-laptop-lid svg {
  width: 100%;
  height: 100%;
  overflow: visible;
  fill: #ffffff;
  stroke: #1c1d21;
  stroke-width: 1.25;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.hln-laptop-lid svg * {
  vector-effect: non-scaling-stroke;
}
.hln-laptop-lid .hln-laptop-lid-l {
  stroke: #9a9ca3;
}
.hln-laptop-lid .hln-laptop-lid-af {
  fill: var(--c);
  stroke: var(--c);
}
@property --hln-laptop-lid-t {
  syntax: "<angle>";
  inherits: true;
  initial-value: 105deg;
}
.hln-laptop-lid .hln-laptop-lid-lid {
  --hln-laptop-lid-t: 105deg;
  transform: scale(1.118, calc((cos(var(--hln-laptop-lid-t)) - sin(var(--hln-laptop-lid-t))) * 0.8944)) skewX(atan((-1.5 * cos(var(--hln-laptop-lid-t)) - sin(var(--hln-laptop-lid-t))) * 0.4));
  animation: hln-laptop-lid-open 6s infinite;
}
.hln-laptop-lid .hln-laptop-lid-scr {
  opacity: clamp(0, (sin(var(--hln-laptop-lid-t)) - cos(var(--hln-laptop-lid-t))) * 30, 1);
}
.hln-laptop-lid .hln-laptop-lid-back {
  opacity: clamp(0, (cos(var(--hln-laptop-lid-t)) - sin(var(--hln-laptop-lid-t))) * 30, 1);
}
.hln-laptop-lid .hln-laptop-lid-c {
  stroke: #9a9ca3;
  transform-box: fill-box;
  transform-origin: 0 50%;
  animation: hln-laptop-lid-type 6s calc(var(--i) * 0.11s) infinite both;
}
.hln-laptop-lid .hln-laptop-lid-cur {
  animation: hln-laptop-lid-blink 6s infinite;
}
@keyframes hln-laptop-lid-open {
  0% { --hln-laptop-lid-t: 0deg; }
  8.33% { --hln-laptop-lid-t: 0deg; animation-timing-function: linear(0, 0.035, 0.125, 0.247, 0.384, 0.524, 0.655, 0.771, 0.87, 0.948, 1.008, 1.05, 1.077, 1.091, 1.095, 1.091, 1.083, 1.071, 1.058, 1.045, 1.032, 1.021, 1.012, 1.005, 0.999, 0.995, 0.993, 0.991, 0.991, 0.991, 0.992, 0.993, 1); }
  31.67% { --hln-laptop-lid-t: 105deg; }
  78.33% { --hln-laptop-lid-t: 105deg; animation-timing-function: cubic-bezier(.65,0,.35,1); }
  93.33% { --hln-laptop-lid-t: 0deg; }
  100% { --hln-laptop-lid-t: 0deg; }
}
@keyframes hln-laptop-lid-type {
  0% { transform: scaleX(0); }
  24.17% { transform: scaleX(0); animation-timing-function: cubic-bezier(.22,1,.36,1); }
  30.83% { transform: scaleX(1); }
  86.67% { transform: scaleX(1); }
  87.5% { transform: scaleX(0); }
  100% { transform: scaleX(0); }
}
@keyframes hln-laptop-lid-blink {
  0% { opacity: 0; }
  38.33% { opacity: 0; }
  38.67% { opacity: 1; }
  50% { opacity: 1; }
  50.33% { opacity: 0; }
  56.67% { opacity: 0; }
  57% { opacity: 1; }
  100% { opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
  .hln-laptop-lid * {
    animation: none !important;
  }
}

.hln-phone-notification {
  --c: var(--hln-color, #ff4f2e);
  font-size: var(--hln-size, 16px);
  position: relative;
  display: grid;
  place-items: center;
  width: 22em;
  height: 12em;
  border-radius: 0.75em;
  background: #f6f5f1;
  overflow: hidden;
}
.hln-phone-notification svg {
  width: 100%;
  height: 100%;
  overflow: visible;
  fill: #ffffff;
  stroke: #1c1d21;
  stroke-width: 1.25;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.hln-phone-notification svg * {
  vector-effect: non-scaling-stroke;
}
.hln-phone-notification .hln-phone-notification-l {
  stroke: #9a9ca3;
}
.hln-phone-notification .hln-phone-notification-af {
  fill: var(--c);
  stroke: var(--c);
}
.hln-phone-notification .hln-phone-notification-card {
  animation: hln-phone-notification-in 5s infinite;
}
@keyframes hln-phone-notification-in {
  0% { transform: matrix(1, 0, 0, 1, 14, -7); opacity: 0; }
  12% { transform: matrix(1, 0, 0, 1, 14, -7); opacity: 0; animation-timing-function: linear(0, 0.035, 0.125, 0.247, 0.384, 0.524, 0.655, 0.771, 0.87, 0.948, 1.008, 1.05, 1.077, 1.091, 1.095, 1.091, 1.083, 1.071, 1.058, 1.045, 1.032, 1.021, 1.012, 1.005, 0.999, 0.995, 0.993, 0.991, 0.991, 0.991, 0.992, 0.993, 1); }
  32% { transform: matrix(1, 0, 0, 1, 0, 0); opacity: 1; }
  78% { transform: matrix(1, 0, 0, 1, 0, 0); opacity: 1; animation-timing-function: cubic-bezier(.65,0,.35,1); }
  90% { transform: matrix(1, 0, 0, 1, 14, -7); opacity: 0; }
  100% { transform: matrix(1, 0, 0, 1, 14, -7); opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .hln-phone-notification * {
    animation: none !important;
  }
}

.hln-server-blade {
  --c: var(--hln-color, #ff4f2e);
  font-size: var(--hln-size, 16px);
  position: relative;
  display: grid;
  place-items: center;
  width: 22em;
  height: 12em;
  border-radius: 0.75em;
  background: #f6f5f1;
  overflow: hidden;
}
.hln-server-blade svg {
  width: 100%;
  height: 100%;
  overflow: visible;
  fill: #ffffff;
  stroke: #1c1d21;
  stroke-width: 1.25;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.hln-server-blade svg * {
  vector-effect: non-scaling-stroke;
}
.hln-server-blade .hln-server-blade-l {
  stroke: #9a9ca3;
}
.hln-server-blade .hln-server-blade-af {
  fill: var(--c);
  stroke: var(--c);
}
@property --hln-server-blade-e {
  syntax: "<number>";
  inherits: true;
  initial-value: 16;
}
.hln-server-blade svg {
  --hln-server-blade-e: 16;
  animation: hln-server-blade-pull 5s infinite;
}
.hln-server-blade .hln-server-blade-s {
  transform: scale(var(--hln-server-blade-e), 1);
}
.hln-server-blade .hln-server-blade-f {
  transform: matrix(1, 0, 0, 1, var(--hln-server-blade-e), calc(var(--hln-server-blade-e) / 2));
}
@keyframes hln-server-blade-pull {
  0% { --hln-server-blade-e: 0; }
  12% { --hln-server-blade-e: 0; animation-timing-function: linear(0, 0.035, 0.125, 0.247, 0.384, 0.524, 0.655, 0.771, 0.87, 0.948, 1.008, 1.05, 1.077, 1.091, 1.095, 1.091, 1.083, 1.071, 1.058, 1.045, 1.032, 1.021, 1.012, 1.005, 0.999, 0.995, 0.993, 0.991, 0.991, 0.991, 0.992, 0.993, 1); }
  34% { --hln-server-blade-e: 16; }
  76% { --hln-server-blade-e: 16; animation-timing-function: cubic-bezier(.65,0,.35,1); }
  90% { --hln-server-blade-e: 0; }
  100% { --hln-server-blade-e: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .hln-server-blade * {
    animation: none !important;
  }
}

.hln-keyboard-typing {
  --c: var(--hln-color, #ff4f2e);
  font-size: var(--hln-size, 16px);
  position: relative;
  display: grid;
  place-items: center;
  width: 22em;
  height: 12em;
  border-radius: 0.75em;
  background: #f6f5f1;
  overflow: hidden;
}
.hln-keyboard-typing svg {
  width: 100%;
  height: 100%;
  overflow: visible;
  fill: #ffffff;
  stroke: #1c1d21;
  stroke-width: 1.25;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.hln-keyboard-typing svg * {
  vector-effect: non-scaling-stroke;
}
.hln-keyboard-typing .hln-keyboard-typing-a {
  stroke: var(--c);
}
.hln-keyboard-typing .hln-keyboard-typing-key {
  animation: hln-keyboard-typing-press 4.5s calc(var(--i) * 0.26s) infinite both;
}
.hln-keyboard-typing .hln-keyboard-typing-ret {
  animation-delay: 1.3s;
}
@keyframes hln-keyboard-typing-press {
  0% { transform: matrix(1, 0, 0, 1, 0, 0); }
  11.11% { transform: matrix(1, 0, 0, 1, 0, 0); animation-timing-function: cubic-bezier(.55,0,.85,.3); }
  12.89% { transform: matrix(1, 0, 0, 1, 0, 1.7); animation-timing-function: linear(0, 0.035, 0.125, 0.247, 0.384, 0.524, 0.655, 0.771, 0.87, 0.948, 1.008, 1.05, 1.077, 1.091, 1.095, 1.091, 1.083, 1.071, 1.058, 1.045, 1.032, 1.021, 1.012, 1.005, 0.999, 0.995, 0.993, 0.991, 0.991, 0.991, 0.992, 0.993, 1); }
  25.56% { transform: matrix(1, 0, 0, 1, 0, 0); }
  100% { transform: matrix(1, 0, 0, 1, 0, 0); }
}
@media (prefers-reduced-motion: reduce) {
  .hln-keyboard-typing * {
    animation: none !important;
  }
}

.hln-camera-shutter {
  --c: var(--hln-color, #ff4f2e);
  font-size: var(--hln-size, 16px);
  position: relative;
  display: grid;
  place-items: center;
  width: 22em;
  height: 12em;
  border-radius: 0.75em;
  background: #f6f5f1;
  overflow: hidden;
}
.hln-camera-shutter svg {
  width: 100%;
  height: 100%;
  overflow: visible;
  fill: #ffffff;
  stroke: #1c1d21;
  stroke-width: 1.25;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.hln-camera-shutter svg * {
  vector-effect: non-scaling-stroke;
}
.hln-camera-shutter .hln-camera-shutter-l {
  stroke: #9a9ca3;
}
.hln-camera-shutter .hln-camera-shutter-af {
  fill: var(--c);
  stroke: var(--c);
}
.hln-camera-shutter .hln-camera-shutter-iris {
  transform: rotate(0deg) scale(9.4);
  animation: hln-camera-shutter-iris 4s infinite;
}
.hln-camera-shutter .hln-camera-shutter-btn {
  animation: hln-camera-shutter-btn 4s infinite;
}
@keyframes hln-camera-shutter-btn {
  0% { transform: matrix(1, 0, 0, 1, 0, 0); }
  17.5% { transform: matrix(1, 0, 0, 1, 0, 0); animation-timing-function: cubic-bezier(.55,0,.85,.3); }
  20% { transform: matrix(1, 0, 0, 1, 0, 1); }
  23.75% { transform: matrix(1, 0, 0, 1, 0, 1); animation-timing-function: linear(0, 0.035, 0.125, 0.247, 0.384, 0.524, 0.655, 0.771, 0.87, 0.948, 1.008, 1.05, 1.077, 1.091, 1.095, 1.091, 1.083, 1.071, 1.058, 1.045, 1.032, 1.021, 1.012, 1.005, 0.999, 0.995, 0.993, 0.991, 0.991, 0.991, 0.992, 0.993, 1); }
  37.5% { transform: matrix(1, 0, 0, 1, 0, 0); }
  100% { transform: matrix(1, 0, 0, 1, 0, 0); }
}
@keyframes hln-camera-shutter-iris {
  0% { transform: rotate(0deg) scale(9.4); }
  21.25% { transform: rotate(0deg) scale(9.4); animation-timing-function: cubic-bezier(.55,0,.85,.3); }
  27.5% { transform: rotate(34deg) scale(2.2); }
  31.25% { transform: rotate(34deg) scale(2.2); animation-timing-function: linear(0, 0.035, 0.125, 0.247, 0.384, 0.524, 0.655, 0.771, 0.87, 0.948, 1.008, 1.05, 1.077, 1.091, 1.095, 1.091, 1.083, 1.071, 1.058, 1.045, 1.032, 1.021, 1.012, 1.005, 0.999, 0.995, 0.993, 0.991, 0.991, 0.991, 0.992, 0.993, 1); }
  55% { transform: rotate(0deg) scale(9.4); }
  100% { transform: rotate(0deg) scale(9.4); }
}
@media (prefers-reduced-motion: reduce) {
  .hln-camera-shutter * {
    animation: none !important;
  }
}

.hln-router-signal {
  --c: var(--hln-color, #ff4f2e);
  font-size: var(--hln-size, 16px);
  position: relative;
  display: grid;
  place-items: center;
  width: 22em;
  height: 12em;
  border-radius: 0.75em;
  background: #f6f5f1;
  overflow: hidden;
}
.hln-router-signal svg {
  width: 100%;
  height: 100%;
  overflow: visible;
  fill: #ffffff;
  stroke: #1c1d21;
  stroke-width: 1.25;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.hln-router-signal svg * {
  vector-effect: non-scaling-stroke;
}
.hln-router-signal .hln-router-signal-o {
  fill: none;
}
.hln-router-signal .hln-router-signal-l {
  stroke: #9a9ca3;
}
.hln-router-signal .hln-router-signal-af {
  fill: var(--c);
  stroke: var(--c);
}
.hln-router-signal .hln-router-signal-ring {
  animation: hln-router-signal-wave 4.5s calc(var(--i) * 0.18s) infinite both;
}
@keyframes hln-router-signal-wave {
  0% { transform: scale(.82); opacity: 0; }
  11.11% { transform: scale(.82); opacity: 0; animation-timing-function: linear(0, 0.035, 0.125, 0.247, 0.384, 0.524, 0.655, 0.771, 0.87, 0.948, 1.008, 1.05, 1.077, 1.091, 1.095, 1.091, 1.083, 1.071, 1.058, 1.045, 1.032, 1.021, 1.012, 1.005, 0.999, 0.995, 0.993, 0.991, 0.991, 0.991, 0.992, 0.993, 1); }
  28.89% { transform: scale(1); opacity: 1; }
  77.78% { transform: scale(1); opacity: 1; animation-timing-function: cubic-bezier(.65,0,.35,1); }
  87.78% { transform: scale(1.04); opacity: 0; }
  100% { transform: scale(.82); opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .hln-router-signal * {
    animation: none !important;
  }
}

.hln-drone-hover {
  --c: var(--hln-color, #ff4f2e);
  font-size: var(--hln-size, 16px);
  position: relative;
  display: grid;
  place-items: center;
  width: 22em;
  height: 12em;
  border-radius: 0.75em;
  background: #f6f5f1;
  overflow: hidden;
}
.hln-drone-hover svg {
  width: 100%;
  height: 100%;
  overflow: visible;
  fill: #ffffff;
  stroke: #1c1d21;
  stroke-width: 1.25;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.hln-drone-hover svg * {
  vector-effect: non-scaling-stroke;
}
.hln-drone-hover .hln-drone-hover-l {
  stroke: #9a9ca3;
}
.hln-drone-hover .hln-drone-hover-af {
  fill: var(--c);
  stroke: var(--c);
}
.hln-drone-hover .hln-drone-hover-fly {
  transform: matrix(1, 0, 0, 1, 0, -16);
  animation: hln-drone-hover-lift 6s infinite;
}
.hln-drone-hover .hln-drone-hover-rot {
  animation: hln-drone-hover-spin 0.5s linear infinite;
}
.hln-drone-hover .hln-drone-hover-ccw {
  animation-direction: reverse;
}
@keyframes hln-drone-hover-spin {
  to { transform: rotate(360deg); }
}
@keyframes hln-drone-hover-lift {
  0% { transform: matrix(1, 0, 0, 1, 0, 0); }
  10% { transform: matrix(1, 0, 0, 1, 0, 0); animation-timing-function: linear(0, 0.035, 0.125, 0.247, 0.384, 0.524, 0.655, 0.771, 0.87, 0.948, 1.008, 1.05, 1.077, 1.091, 1.095, 1.091, 1.083, 1.071, 1.058, 1.045, 1.032, 1.021, 1.012, 1.005, 0.999, 0.995, 0.993, 0.991, 0.991, 0.991, 0.992, 0.993, 1); }
  35% { transform: matrix(1, 0, 0, 1, 0, -16); }
  76.67% { transform: matrix(1, 0, 0, 1, 0, -16); animation-timing-function: cubic-bezier(.65,0,.35,1); }
  91.67% { transform: matrix(1, 0, 0, 1, 0, 0); }
  100% { transform: matrix(1, 0, 0, 1, 0, 0); }
}
@media (prefers-reduced-motion: reduce) {
  .hln-drone-hover * {
    animation: none !important;
  }
}

.hln-printer-layers {
  --c: var(--hln-color, #ff4f2e);
  font-size: var(--hln-size, 16px);
  position: relative;
  display: grid;
  place-items: center;
  width: 22em;
  height: 12em;
  border-radius: 0.75em;
  background: #f6f5f1;
  overflow: hidden;
}
.hln-printer-layers svg {
  width: 100%;
  height: 100%;
  overflow: visible;
  fill: #ffffff;
  stroke: #1c1d21;
  stroke-width: 1.25;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.hln-printer-layers svg * {
  vector-effect: non-scaling-stroke;
}
.hln-printer-layers .hln-printer-layers-l {
  stroke: #9a9ca3;
}
.hln-printer-layers .hln-printer-layers-a {
  stroke: var(--c);
}
.hln-printer-layers .hln-printer-layers-gan {
  transform: matrix(1, 0, 0, 1, 0, -11);
  animation: hln-printer-layers-gan 6s infinite;
}
.hln-printer-layers .hln-printer-layers-head {
  animation: hln-printer-layers-head 6s infinite;
}
@keyframes hln-printer-layers-gan {
  0% { transform: matrix(1, 0, 0, 1, 0, 0); }
  15% { transform: matrix(1, 0, 0, 1, 0, 0); animation-timing-function: cubic-bezier(.22,1,.36,1); }
  17% { transform: matrix(1, 0, 0, 1, 0, -2.2); }
  25.33% { transform: matrix(1, 0, 0, 1, 0, -2.2); animation-timing-function: cubic-bezier(.22,1,.36,1); }
  27.33% { transform: matrix(1, 0, 0, 1, 0, -4.4); }
  35.67% { transform: matrix(1, 0, 0, 1, 0, -4.4); animation-timing-function: cubic-bezier(.22,1,.36,1); }
  37.67% { transform: matrix(1, 0, 0, 1, 0, -6.6); }
  46% { transform: matrix(1, 0, 0, 1, 0, -6.6); animation-timing-function: cubic-bezier(.22,1,.36,1); }
  48% { transform: matrix(1, 0, 0, 1, 0, -8.8); }
  56.33% { transform: matrix(1, 0, 0, 1, 0, -8.8); animation-timing-function: cubic-bezier(.22,1,.36,1); }
  58.33% { transform: matrix(1, 0, 0, 1, 0, -11); }
  85% { transform: matrix(1, 0, 0, 1, 0, -11); animation-timing-function: cubic-bezier(.65,0,.35,1); }
  96.67% { transform: matrix(1, 0, 0, 1, 0, 0); }
  100% { transform: matrix(1, 0, 0, 1, 0, 0); }
}
@keyframes hln-printer-layers-head {
  0% { transform: matrix(1, 0, 0, 1, 0, 0); }
  6.67% { transform: matrix(1, 0, 0, 1, 0, 0); animation-timing-function: cubic-bezier(.65,0,.35,1); }
  15% { transform: matrix(1, 0, 0, 1, 12, 6); }
  17% { transform: matrix(1, 0, 0, 1, 12, 6); animation-timing-function: cubic-bezier(.65,0,.35,1); }
  25.33% { transform: matrix(1, 0, 0, 1, 0, 0); }
  27.33% { transform: matrix(1, 0, 0, 1, 0, 0); animation-timing-function: cubic-bezier(.65,0,.35,1); }
  35.67% { transform: matrix(1, 0, 0, 1, 12, 6); }
  37.67% { transform: matrix(1, 0, 0, 1, 12, 6); animation-timing-function: cubic-bezier(.65,0,.35,1); }
  46% { transform: matrix(1, 0, 0, 1, 0, 0); }
  48% { transform: matrix(1, 0, 0, 1, 0, 0); animation-timing-function: cubic-bezier(.65,0,.35,1); }
  56.33% { transform: matrix(1, 0, 0, 1, 12, 6); }
  58.33% { transform: matrix(1, 0, 0, 1, 12, 6); animation-timing-function: cubic-bezier(.65,0,.35,1); }
  66.67% { transform: matrix(1, 0, 0, 1, 0, 0); }
  100% { transform: matrix(1, 0, 0, 1, 0, 0); }
}
.hln-printer-layers .hln-printer-layers-ly0 {
  animation: hln-printer-layers-ly0 6s infinite;
}
@keyframes hln-printer-layers-ly0 {
  0% { opacity: 0; }
  14.67% { opacity: 0; }
  16.33% { opacity: 1; }
  85% { opacity: 1; }
  89.17% { opacity: 0; }
  100% { opacity: 0; }
}
.hln-printer-layers .hln-printer-layers-ly1 {
  animation: hln-printer-layers-ly1 6s infinite;
}
@keyframes hln-printer-layers-ly1 {
  0% { opacity: 0; }
  25% { opacity: 0; }
  26.67% { opacity: 1; }
  85% { opacity: 1; }
  89.17% { opacity: 0; }
  100% { opacity: 0; }
}
.hln-printer-layers .hln-printer-layers-ly2 {
  animation: hln-printer-layers-ly2 6s infinite;
}
@keyframes hln-printer-layers-ly2 {
  0% { opacity: 0; }
  35.33% { opacity: 0; }
  37% { opacity: 1; }
  85% { opacity: 1; }
  89.17% { opacity: 0; }
  100% { opacity: 0; }
}
.hln-printer-layers .hln-printer-layers-ly3 {
  animation: hln-printer-layers-ly3 6s infinite;
}
@keyframes hln-printer-layers-ly3 {
  0% { opacity: 0; }
  45.67% { opacity: 0; }
  47.33% { opacity: 1; }
  85% { opacity: 1; }
  89.17% { opacity: 0; }
  100% { opacity: 0; }
}
.hln-printer-layers .hln-printer-layers-ly4 {
  animation: hln-printer-layers-ly4 6s infinite;
}
@keyframes hln-printer-layers-ly4 {
  0% { opacity: 0; }
  56% { opacity: 0; }
  57.67% { opacity: 1; }
  85% { opacity: 1; }
  89.17% { opacity: 0; }
  100% { opacity: 0; }
}
.hln-printer-layers .hln-printer-layers-ly5 {
  animation: hln-printer-layers-ly5 6s infinite;
}
@keyframes hln-printer-layers-ly5 {
  0% { opacity: 0; }
  66.33% { opacity: 0; }
  68% { opacity: 1; }
  85% { opacity: 1; }
  89.17% { opacity: 0; }
  100% { opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .hln-printer-layers * {
    animation: none !important;
  }
}

.hln-watch-tick {
  --c: var(--hln-color, #ff4f2e);
  font-size: var(--hln-size, 16px);
  position: relative;
  display: grid;
  place-items: center;
  width: 22em;
  height: 12em;
  border-radius: 0.75em;
  background: #f6f5f1;
  overflow: hidden;
}
.hln-watch-tick svg {
  width: 100%;
  height: 100%;
  overflow: visible;
  fill: #ffffff;
  stroke: #1c1d21;
  stroke-width: 1.25;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.hln-watch-tick svg * {
  vector-effect: non-scaling-stroke;
}
.hln-watch-tick .hln-watch-tick-l {
  stroke: #9a9ca3;
}
.hln-watch-tick .hln-watch-tick-a {
  stroke: var(--c);
}
.hln-watch-tick .hln-watch-tick-hand {
  animation: hln-watch-tick-tick 6s infinite;
}
@keyframes hln-watch-tick-tick {
  0% { transform: rotate(0deg); }
  1.67% { transform: rotate(0deg); animation-timing-function: linear(0, 0.035, 0.125, 0.247, 0.384, 0.524, 0.655, 0.771, 0.87, 0.948, 1.008, 1.05, 1.077, 1.091, 1.095, 1.091, 1.083, 1.071, 1.058, 1.045, 1.032, 1.021, 1.012, 1.005, 0.999, 0.995, 0.993, 0.991, 0.991, 0.991, 0.992, 0.993, 1); }
  8% { transform: rotate(30deg); }
  10% { transform: rotate(30deg); animation-timing-function: linear(0, 0.035, 0.125, 0.247, 0.384, 0.524, 0.655, 0.771, 0.87, 0.948, 1.008, 1.05, 1.077, 1.091, 1.095, 1.091, 1.083, 1.071, 1.058, 1.045, 1.032, 1.021, 1.012, 1.005, 0.999, 0.995, 0.993, 0.991, 0.991, 0.991, 0.992, 0.993, 1); }
  16.33% { transform: rotate(60deg); }
  18.33% { transform: rotate(60deg); animation-timing-function: linear(0, 0.035, 0.125, 0.247, 0.384, 0.524, 0.655, 0.771, 0.87, 0.948, 1.008, 1.05, 1.077, 1.091, 1.095, 1.091, 1.083, 1.071, 1.058, 1.045, 1.032, 1.021, 1.012, 1.005, 0.999, 0.995, 0.993, 0.991, 0.991, 0.991, 0.992, 0.993, 1); }
  24.67% { transform: rotate(90deg); }
  26.67% { transform: rotate(90deg); animation-timing-function: linear(0, 0.035, 0.125, 0.247, 0.384, 0.524, 0.655, 0.771, 0.87, 0.948, 1.008, 1.05, 1.077, 1.091, 1.095, 1.091, 1.083, 1.071, 1.058, 1.045, 1.032, 1.021, 1.012, 1.005, 0.999, 0.995, 0.993, 0.991, 0.991, 0.991, 0.992, 0.993, 1); }
  33% { transform: rotate(120deg); }
  35% { transform: rotate(120deg); animation-timing-function: linear(0, 0.035, 0.125, 0.247, 0.384, 0.524, 0.655, 0.771, 0.87, 0.948, 1.008, 1.05, 1.077, 1.091, 1.095, 1.091, 1.083, 1.071, 1.058, 1.045, 1.032, 1.021, 1.012, 1.005, 0.999, 0.995, 0.993, 0.991, 0.991, 0.991, 0.992, 0.993, 1); }
  41.33% { transform: rotate(150deg); }
  43.33% { transform: rotate(150deg); animation-timing-function: linear(0, 0.035, 0.125, 0.247, 0.384, 0.524, 0.655, 0.771, 0.87, 0.948, 1.008, 1.05, 1.077, 1.091, 1.095, 1.091, 1.083, 1.071, 1.058, 1.045, 1.032, 1.021, 1.012, 1.005, 0.999, 0.995, 0.993, 0.991, 0.991, 0.991, 0.992, 0.993, 1); }
  49.67% { transform: rotate(180deg); }
  51.67% { transform: rotate(180deg); animation-timing-function: linear(0, 0.035, 0.125, 0.247, 0.384, 0.524, 0.655, 0.771, 0.87, 0.948, 1.008, 1.05, 1.077, 1.091, 1.095, 1.091, 1.083, 1.071, 1.058, 1.045, 1.032, 1.021, 1.012, 1.005, 0.999, 0.995, 0.993, 0.991, 0.991, 0.991, 0.992, 0.993, 1); }
  58% { transform: rotate(210deg); }
  60% { transform: rotate(210deg); animation-timing-function: linear(0, 0.035, 0.125, 0.247, 0.384, 0.524, 0.655, 0.771, 0.87, 0.948, 1.008, 1.05, 1.077, 1.091, 1.095, 1.091, 1.083, 1.071, 1.058, 1.045, 1.032, 1.021, 1.012, 1.005, 0.999, 0.995, 0.993, 0.991, 0.991, 0.991, 0.992, 0.993, 1); }
  66.33% { transform: rotate(240deg); }
  68.33% { transform: rotate(240deg); animation-timing-function: linear(0, 0.035, 0.125, 0.247, 0.384, 0.524, 0.655, 0.771, 0.87, 0.948, 1.008, 1.05, 1.077, 1.091, 1.095, 1.091, 1.083, 1.071, 1.058, 1.045, 1.032, 1.021, 1.012, 1.005, 0.999, 0.995, 0.993, 0.991, 0.991, 0.991, 0.992, 0.993, 1); }
  74.67% { transform: rotate(270deg); }
  76.67% { transform: rotate(270deg); animation-timing-function: linear(0, 0.035, 0.125, 0.247, 0.384, 0.524, 0.655, 0.771, 0.87, 0.948, 1.008, 1.05, 1.077, 1.091, 1.095, 1.091, 1.083, 1.071, 1.058, 1.045, 1.032, 1.021, 1.012, 1.005, 0.999, 0.995, 0.993, 0.991, 0.991, 0.991, 0.992, 0.993, 1); }
  83% { transform: rotate(300deg); }
  85% { transform: rotate(300deg); animation-timing-function: linear(0, 0.035, 0.125, 0.247, 0.384, 0.524, 0.655, 0.771, 0.87, 0.948, 1.008, 1.05, 1.077, 1.091, 1.095, 1.091, 1.083, 1.071, 1.058, 1.045, 1.032, 1.021, 1.012, 1.005, 0.999, 0.995, 0.993, 0.991, 0.991, 0.991, 0.992, 0.993, 1); }
  91.33% { transform: rotate(330deg); }
  93.33% { transform: rotate(330deg); animation-timing-function: linear(0, 0.035, 0.125, 0.247, 0.384, 0.524, 0.655, 0.771, 0.87, 0.948, 1.008, 1.05, 1.077, 1.091, 1.095, 1.091, 1.083, 1.071, 1.058, 1.045, 1.032, 1.021, 1.012, 1.005, 0.999, 0.995, 0.993, 0.991, 0.991, 0.991, 0.992, 0.993, 1); }
  99.67% { transform: rotate(360deg); }
  100% { transform: rotate(360deg); }
}
@media (prefers-reduced-motion: reduce) {
  .hln-watch-tick * {
    animation: none !important;
  }
}

.hln-headphones-eq {
  --c: var(--hln-color, #ff4f2e);
  font-size: var(--hln-size, 16px);
  position: relative;
  display: grid;
  place-items: center;
  width: 22em;
  height: 12em;
  border-radius: 0.75em;
  background: #f6f5f1;
  overflow: hidden;
}
.hln-headphones-eq svg {
  width: 100%;
  height: 100%;
  overflow: visible;
  fill: #ffffff;
  stroke: #1c1d21;
  stroke-width: 1.25;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.hln-headphones-eq svg * {
  vector-effect: non-scaling-stroke;
}
.hln-headphones-eq .hln-headphones-eq-l {
  stroke: #9a9ca3;
}
.hln-headphones-eq .hln-headphones-eq-a {
  stroke: var(--c);
}
.hln-headphones-eq .hln-headphones-eq-bar {
  transform: scale(1, var(--h));
  animation: hln-headphones-eq-eq 5s calc(var(--i) * 0.07s) infinite both;
}
@keyframes hln-headphones-eq-eq {
  0% { transform: scale(1, 1); }
  12% { transform: scale(1, 1); animation-timing-function: linear(0, 0.035, 0.125, 0.247, 0.384, 0.524, 0.655, 0.771, 0.87, 0.948, 1.008, 1.05, 1.077, 1.091, 1.095, 1.091, 1.083, 1.071, 1.058, 1.045, 1.032, 1.021, 1.012, 1.005, 0.999, 0.995, 0.993, 0.991, 0.991, 0.991, 0.992, 0.993, 1); }
  32% { transform: scale(1, var(--h)); }
  76% { transform: scale(1, var(--h)); animation-timing-function: cubic-bezier(.65,0,.35,1); }
  90% { transform: scale(1, 1); }
  100% { transform: scale(1, 1); }
}
@media (prefers-reduced-motion: reduce) {
  .hln-headphones-eq * {
    animation: none !important;
  }
}

.hln-coffee-pour {
  --c: var(--hln-color, #ff4f2e);
  font-size: var(--hln-size, 16px);
  position: relative;
  display: grid;
  place-items: center;
  width: 22em;
  height: 12em;
  border-radius: 0.75em;
  background: #f6f5f1;
  overflow: hidden;
}
.hln-coffee-pour svg {
  width: 100%;
  height: 100%;
  overflow: visible;
  fill: #ffffff;
  stroke: #1c1d21;
  stroke-width: 1.25;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.hln-coffee-pour svg * {
  vector-effect: non-scaling-stroke;
}
.hln-coffee-pour .hln-coffee-pour-o {
  fill: none;
}
.hln-coffee-pour .hln-coffee-pour-l {
  stroke: #9a9ca3;
}
.hln-coffee-pour .hln-coffee-pour-a {
  stroke: var(--c);
}
.hln-coffee-pour .hln-coffee-pour-flow {
  transform-box: fill-box;
  transform-origin: 50% 0;
  animation: hln-coffee-pour-flow 6s infinite;
}
.hln-coffee-pour .hln-coffee-pour-pour {
  transform-box: fill-box;
  transform-origin: 50% 100%;
  animation: hln-coffee-pour-stop 6s infinite;
}
.hln-coffee-pour .hln-coffee-pour-lvl {
  transform: matrix(1, 0, 0, 1, 0, -2.2);
  animation: hln-coffee-pour-fill 6s infinite;
}
@keyframes hln-coffee-pour-flow {
  0% { transform: scale(1, 0); }
  8.33% { transform: scale(1, 0); animation-timing-function: cubic-bezier(.55,0,.85,.3); }
  14.17% { transform: scale(1, 1); }
  100% { transform: scale(1, 1); }
}
@keyframes hln-coffee-pour-stop {
  0% { transform: scale(1, 1); }
  55% { transform: scale(1, 1); animation-timing-function: cubic-bezier(.55,0,.85,.3); }
  60.83% { transform: scale(1, 0); }
  100% { transform: scale(1, 0); }
}
@keyframes hln-coffee-pour-fill {
  0% { transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0; }
  13.33% { transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0; }
  15% { transform: matrix(1, 0, 0, 1, 0, 0); opacity: 1; animation-timing-function: cubic-bezier(.65,0,.35,1); }
  60% { transform: matrix(1, 0, 0, 1, 0, -2.2); opacity: 1; }
  85% { transform: matrix(1, 0, 0, 1, 0, -2.2); opacity: 1; animation-timing-function: cubic-bezier(.65,0,.35,1); }
  91.67% { transform: matrix(1, 0, 0, 1, 0, -2.2); opacity: 0; }
  100% { transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .hln-coffee-pour * {
    animation: none !important;
  }
}

.hln-desk-lamp {
  --c: var(--hln-color, #ff4f2e);
  font-size: var(--hln-size, 16px);
  position: relative;
  display: grid;
  place-items: center;
  width: 22em;
  height: 12em;
  border-radius: 0.75em;
  background: #f6f5f1;
  overflow: hidden;
}
.hln-desk-lamp svg {
  width: 100%;
  height: 100%;
  overflow: visible;
  fill: #ffffff;
  stroke: #1c1d21;
  stroke-width: 1.25;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.hln-desk-lamp svg * {
  vector-effect: non-scaling-stroke;
}
.hln-desk-lamp .hln-desk-lamp-l {
  stroke: #9a9ca3;
}
.hln-desk-lamp .hln-desk-lamp-a {
  stroke: var(--c);
}
@property --hln-desk-lamp-a {
  syntax: "<angle>";
  inherits: true;
  initial-value: 90deg;
}
.hln-desk-lamp svg {
  --hln-desk-lamp-a: 90deg;
  animation: hln-desk-lamp-swing 6s infinite;
}
.hln-desk-lamp .hln-desk-lamp-arm {
  transform: rotate(var(--hln-desk-lamp-a));
}
.hln-desk-lamp .hln-desk-lamp-head {
  transform: matrix(1, 0, 0, 1, calc(28 * cos(var(--hln-desk-lamp-a)) - 28 - 28 * sin(var(--hln-desk-lamp-a))), calc(14 * cos(var(--hln-desk-lamp-a)) - 14 + 14 * sin(var(--hln-desk-lamp-a))));
}
.hln-desk-lamp .hln-desk-lamp-ray {
  stroke-dasharray: 2 3;
}
.hln-desk-lamp .hln-desk-lamp-light {
  animation: hln-desk-lamp-on 6s infinite;
}
.hln-desk-lamp .hln-desk-lamp-pool {
  animation: hln-desk-lamp-pool 6s infinite;
}
@keyframes hln-desk-lamp-swing {
  0% { --hln-desk-lamp-a: 0deg; }
  8.33% { --hln-desk-lamp-a: 0deg; animation-timing-function: linear(0, 0.035, 0.125, 0.247, 0.384, 0.524, 0.655, 0.771, 0.87, 0.948, 1.008, 1.05, 1.077, 1.091, 1.095, 1.091, 1.083, 1.071, 1.058, 1.045, 1.032, 1.021, 1.012, 1.005, 0.999, 0.995, 0.993, 0.991, 0.991, 0.991, 0.992, 0.993, 1); }
  30% { --hln-desk-lamp-a: 90deg; }
  80% { --hln-desk-lamp-a: 90deg; animation-timing-function: cubic-bezier(.65,0,.35,1); }
  95% { --hln-desk-lamp-a: 0deg; }
  100% { --hln-desk-lamp-a: 0deg; }
}
@keyframes hln-desk-lamp-on {
  0% { opacity: 0; }
  31.67% { opacity: 0; }
  32.67% { opacity: 1; }
  75% { opacity: 1; }
  76% { opacity: 0; }
  100% { opacity: 0; }
}
@keyframes hln-desk-lamp-pool {
  0% { transform: scale(.4); }
  31.67% { transform: scale(.4); animation-timing-function: linear(0, 0.035, 0.125, 0.247, 0.384, 0.524, 0.655, 0.771, 0.87, 0.948, 1.008, 1.05, 1.077, 1.091, 1.095, 1.091, 1.083, 1.071, 1.058, 1.045, 1.032, 1.021, 1.012, 1.005, 0.999, 0.995, 0.993, 0.991, 0.991, 0.991, 0.992, 0.993, 1); }
  45% { transform: scale(1); }
  100% { transform: scale(1); }
}
@media (prefers-reduced-motion: reduce) {
  .hln-desk-lamp * {
    animation: none !important;
  }
}

.hln-vending-drop {
  --c: var(--hln-color, #ff4f2e);
  font-size: var(--hln-size, 16px);
  position: relative;
  display: grid;
  place-items: center;
  width: 22em;
  height: 12em;
  border-radius: 0.75em;
  background: #f6f5f1;
  overflow: hidden;
}
.hln-vending-drop svg {
  width: 100%;
  height: 100%;
  overflow: visible;
  fill: #ffffff;
  stroke: #1c1d21;
  stroke-width: 1.25;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.hln-vending-drop svg * {
  vector-effect: non-scaling-stroke;
}
.hln-vending-drop .hln-vending-drop-o {
  fill: none;
}
.hln-vending-drop .hln-vending-drop-l {
  stroke: #9a9ca3;
}
.hln-vending-drop .hln-vending-drop-w {
  fill: #ffffff;
  stroke: none;
}
.hln-vending-drop .hln-vending-drop-a {
  stroke: var(--c);
}
.hln-vending-drop .hln-vending-drop-can {
  transform: matrix(1, 0, 0, 1, 0, 17);
  animation: hln-vending-drop-drop 5s infinite;
}
@keyframes hln-vending-drop-drop {
  0% { transform: matrix(1, 0, 0, 1, 0, -3); opacity: 0; }
  3% { transform: matrix(1, 0, 0, 1, 0, -3); opacity: 0; animation-timing-function: cubic-bezier(.22,1,.36,1); }
  10% { transform: matrix(1, 0, 0, 1, 0, 0); opacity: 1; }
  20% { transform: matrix(1, 0, 0, 1, 0, 0); opacity: 1; animation-timing-function: cubic-bezier(.55,0,.85,.3); }
  29% { transform: matrix(1, 0, 0, 1, 0, 17); opacity: 1; animation-timing-function: linear(0, 0.035, 0.125, 0.247, 0.384, 0.524, 0.655, 0.771, 0.87, 0.948, 1.008, 1.05, 1.077, 1.091, 1.095, 1.091, 1.083, 1.071, 1.058, 1.045, 1.032, 1.021, 1.012, 1.005, 0.999, 0.995, 0.993, 0.991, 0.991, 0.991, 0.992, 0.993, 1); }
  42% { transform: matrix(1, 0, 0, 1, 0, 17); opacity: 1; }
  84% { transform: matrix(1, 0, 0, 1, 0, 17); opacity: 1; }
  90% { transform: matrix(1, 0, 0, 1, 0, 17); opacity: 0; }
  100% { transform: matrix(1, 0, 0, 1, 0, -3); opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .hln-vending-drop * {
    animation: none !important;
  }
}

.hln-controller-press {
  --c: var(--hln-color, #ff4f2e);
  font-size: var(--hln-size, 16px);
  position: relative;
  display: grid;
  place-items: center;
  width: 22em;
  height: 12em;
  border-radius: 0.75em;
  background: #f6f5f1;
  overflow: hidden;
}
.hln-controller-press svg {
  width: 100%;
  height: 100%;
  overflow: visible;
  fill: #ffffff;
  stroke: #1c1d21;
  stroke-width: 1.25;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.hln-controller-press svg * {
  vector-effect: non-scaling-stroke;
}
.hln-controller-press .hln-controller-press-l {
  stroke: #9a9ca3;
}
.hln-controller-press .hln-controller-press-af {
  fill: var(--c);
  stroke: var(--c);
}
.hln-controller-press .hln-controller-press-b {
  animation: hln-controller-press-press 4.5s calc(var(--i) * 0.32s) infinite both;
}
@keyframes hln-controller-press-press {
  0% { transform: matrix(1, 0, 0, 1, 0, 0); }
  11.11% { transform: matrix(1, 0, 0, 1, 0, 0); animation-timing-function: cubic-bezier(.55,0,.85,.3); }
  12.89% { transform: matrix(1, 0, 0, 1, 0, 1.2); }
  13.78% { transform: matrix(1, 0, 0, 1, 0, 1.2); animation-timing-function: linear(0, 0.035, 0.125, 0.247, 0.384, 0.524, 0.655, 0.771, 0.87, 0.948, 1.008, 1.05, 1.077, 1.091, 1.095, 1.091, 1.083, 1.071, 1.058, 1.045, 1.032, 1.021, 1.012, 1.005, 0.999, 0.995, 0.993, 0.991, 0.991, 0.991, 0.992, 0.993, 1); }
  26.67% { transform: matrix(1, 0, 0, 1, 0, 0); }
  100% { transform: matrix(1, 0, 0, 1, 0, 0); }
}
@media (prefers-reduced-motion: reduce) {
  .hln-controller-press * {
    animation: none !important;
  }
}

.hln-robot-arm-pick {
  --c: var(--hln-color, #ff4f2e);
  font-size: var(--hln-size, 16px);
  position: relative;
  display: grid;
  place-items: center;
  width: 22em;
  height: 12em;
  border-radius: 0.75em;
  background: #f6f5f1;
  overflow: hidden;
}
.hln-robot-arm-pick svg {
  width: 100%;
  height: 100%;
  overflow: visible;
  fill: #ffffff;
  stroke: #1c1d21;
  stroke-width: 1.25;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.hln-robot-arm-pick svg * {
  vector-effect: non-scaling-stroke;
}
.hln-robot-arm-pick .hln-robot-arm-pick-l {
  stroke: #9a9ca3;
}
.hln-robot-arm-pick .hln-robot-arm-pick-w {
  fill: #ffffff;
  stroke: none;
}
.hln-robot-arm-pick .hln-robot-arm-pick-a {
  stroke: var(--c);
}
@property --hln-robot-arm-pick-a {
  syntax: "<angle>";
  inherits: true;
  initial-value: 144.56deg;
}
@property --hln-robot-arm-pick-b {
  syntax: "<angle>";
  inherits: true;
  initial-value: -117.28deg;
}
.hln-robot-arm-pick svg {
  animation: hln-robot-arm-pick-move 6s infinite;
}
.hln-robot-arm-pick .hln-robot-arm-pick-s {
  transform: rotate(var(--hln-robot-arm-pick-a));
}
.hln-robot-arm-pick .hln-robot-arm-pick-e {
  transform: rotate(var(--hln-robot-arm-pick-b));
}
.hln-robot-arm-pick .hln-robot-arm-pick-w {
  transform: rotate(calc(-1 * (var(--hln-robot-arm-pick-a) + var(--hln-robot-arm-pick-b))));
}
.hln-robot-arm-pick .hln-robot-arm-pick-held {
  opacity: 0;
  animation: hln-robot-arm-pick-held 6s infinite;
}
.hln-robot-arm-pick .hln-robot-arm-pick-pa {
  animation: hln-robot-arm-pick-pa 6s infinite;
}
.hln-robot-arm-pick .hln-robot-arm-pick-pb {
  opacity: 0;
  animation: hln-robot-arm-pick-pb 6s infinite;
}
.hln-robot-arm-pick .hln-robot-arm-pick-fl {
  animation: hln-robot-arm-pick-fl 6s infinite;
}
.hln-robot-arm-pick .hln-robot-arm-pick-fr {
  animation: hln-robot-arm-pick-fr 6s infinite;
}
@keyframes hln-robot-arm-pick-move {
  0% { --hln-robot-arm-pick-a: 144.56deg; --hln-robot-arm-pick-b: -117.28deg; }
  3.33% { --hln-robot-arm-pick-a: 144.56deg; --hln-robot-arm-pick-b: -117.28deg; }
  4.67% { --hln-robot-arm-pick-a: 35.64deg; --hln-robot-arm-pick-b: 117.49deg; }
  6% { --hln-robot-arm-pick-a: 37.11deg; --hln-robot-arm-pick-b: 118.9deg; }
  7.33% { --hln-robot-arm-pick-a: 41.75deg; --hln-robot-arm-pick-b: 122.22deg; }
  8.67% { --hln-robot-arm-pick-a: 53.37deg; --hln-robot-arm-pick-b: 126.29deg; }
  10% { --hln-robot-arm-pick-a: 77.16deg; --hln-robot-arm-pick-b: 125.29deg; }
  11.33% { --hln-robot-arm-pick-a: 100.91deg; --hln-robot-arm-pick-b: 115.18deg; }
  12.67% { --hln-robot-arm-pick-a: 114.02deg; --hln-robot-arm-pick-b: 105.42deg; }
  14% { --hln-robot-arm-pick-a: 120.45deg; --hln-robot-arm-pick-b: 99.45deg; }
  15.33% { --hln-robot-arm-pick-a: 122.79deg; --hln-robot-arm-pick-b: 97.09deg; }
  16.67% { --hln-robot-arm-pick-a: 123.12deg; --hln-robot-arm-pick-b: 96.74deg; }
  16.67% { --hln-robot-arm-pick-a: 123.12deg; --hln-robot-arm-pick-b: 96.74deg; }
  17.33% { --hln-robot-arm-pick-a: 123.18deg; --hln-robot-arm-pick-b: 96.77deg; }
  18% { --hln-robot-arm-pick-a: 123.62deg; --hln-robot-arm-pick-b: 96.95deg; }
  18.67% { --hln-robot-arm-pick-a: 124.82deg; --hln-robot-arm-pick-b: 97.39deg; }
  19.33% { --hln-robot-arm-pick-a: 127.29deg; --hln-robot-arm-pick-b: 98.07deg; }
  20% { --hln-robot-arm-pick-a: 131.66deg; --hln-robot-arm-pick-b: 98.66deg; }
  20.67% { --hln-robot-arm-pick-a: -223.66deg; --hln-robot-arm-pick-b: 98.6deg; }
  21.33% { --hln-robot-arm-pick-a: -220.69deg; --hln-robot-arm-pick-b: 98.25deg; }
  22% { --hln-robot-arm-pick-a: -219.13deg; --hln-robot-arm-pick-b: 97.97deg; }
  22.67% { --hln-robot-arm-pick-a: -218.55deg; --hln-robot-arm-pick-b: 97.85deg; }
  23.33% { --hln-robot-arm-pick-a: -218.47deg; --hln-robot-arm-pick-b: 97.84deg; }
  27.5% { --hln-robot-arm-pick-a: -218.47deg; --hln-robot-arm-pick-b: 97.84deg; }
  28.17% { --hln-robot-arm-pick-a: -218.55deg; --hln-robot-arm-pick-b: 97.85deg; }
  28.83% { --hln-robot-arm-pick-a: -219.13deg; --hln-robot-arm-pick-b: 97.97deg; }
  29.5% { --hln-robot-arm-pick-a: -220.69deg; --hln-robot-arm-pick-b: 98.25deg; }
  30.17% { --hln-robot-arm-pick-a: -223.66deg; --hln-robot-arm-pick-b: 98.6deg; }
  30.83% { --hln-robot-arm-pick-a: 131.66deg; --hln-robot-arm-pick-b: 98.66deg; }
  31.5% { --hln-robot-arm-pick-a: 127.29deg; --hln-robot-arm-pick-b: 98.07deg; }
  32.17% { --hln-robot-arm-pick-a: 124.82deg; --hln-robot-arm-pick-b: 97.39deg; }
  32.83% { --hln-robot-arm-pick-a: 123.62deg; --hln-robot-arm-pick-b: 96.95deg; }
  33.5% { --hln-robot-arm-pick-a: 123.18deg; --hln-robot-arm-pick-b: 96.77deg; }
  34.17% { --hln-robot-arm-pick-a: 123.12deg; --hln-robot-arm-pick-b: 96.74deg; }
  34.17% { --hln-robot-arm-pick-a: 123.12deg; --hln-robot-arm-pick-b: 96.74deg; }
  36% { --hln-robot-arm-pick-a: 85.01deg; --hln-robot-arm-pick-b: 128.8deg; }
  37.83% { --hln-robot-arm-pick-a: 134.58deg; --hln-robot-arm-pick-b: -143.23deg; }
  39.67% { --hln-robot-arm-pick-a: 83.93deg; --hln-robot-arm-pick-b: -121.5deg; }
  41.5% { --hln-robot-arm-pick-a: 62.83deg; --hln-robot-arm-pick-b: -103.04deg; }
  43.33% { --hln-robot-arm-pick-a: 55.09deg; --hln-robot-arm-pick-b: -94.75deg; }
  45.17% { --hln-robot-arm-pick-a: 53.69deg; --hln-robot-arm-pick-b: -93.17deg; }
  47% { --hln-robot-arm-pick-a: 54.53deg; --hln-robot-arm-pick-b: -94.12deg; }
  48.83% { --hln-robot-arm-pick-a: 55.64deg; --hln-robot-arm-pick-b: -95.37deg; }
  50.67% { --hln-robot-arm-pick-a: 56.4deg; --hln-robot-arm-pick-b: -96.22deg; }
  52.5% { --hln-robot-arm-pick-a: 56.88deg; --hln-robot-arm-pick-b: -96.74deg; }
  52.5% { --hln-robot-arm-pick-a: 56.88deg; --hln-robot-arm-pick-b: -96.74deg; }
  53.17% { --hln-robot-arm-pick-a: 56.82deg; --hln-robot-arm-pick-b: -96.77deg; }
  53.83% { --hln-robot-arm-pick-a: 56.38deg; --hln-robot-arm-pick-b: -96.95deg; }
  54.5% { --hln-robot-arm-pick-a: 55.18deg; --hln-robot-arm-pick-b: -97.39deg; }
  55.17% { --hln-robot-arm-pick-a: 52.71deg; --hln-robot-arm-pick-b: -98.07deg; }
  55.83% { --hln-robot-arm-pick-a: 48.34deg; --hln-robot-arm-pick-b: -98.66deg; }
  56.5% { --hln-robot-arm-pick-a: 43.66deg; --hln-robot-arm-pick-b: -98.6deg; }
  57.17% { --hln-robot-arm-pick-a: 40.69deg; --hln-robot-arm-pick-b: -98.25deg; }
  57.83% { --hln-robot-arm-pick-a: 39.13deg; --hln-robot-arm-pick-b: -97.97deg; }
  58.5% { --hln-robot-arm-pick-a: 38.55deg; --hln-robot-arm-pick-b: -97.85deg; }
  59.17% { --hln-robot-arm-pick-a: 38.47deg; --hln-robot-arm-pick-b: -97.84deg; }
  63.33% { --hln-robot-arm-pick-a: 38.47deg; --hln-robot-arm-pick-b: -97.84deg; }
  64% { --hln-robot-arm-pick-a: 38.55deg; --hln-robot-arm-pick-b: -97.85deg; }
  64.67% { --hln-robot-arm-pick-a: 39.13deg; --hln-robot-arm-pick-b: -97.97deg; }
  65.33% { --hln-robot-arm-pick-a: 40.69deg; --hln-robot-arm-pick-b: -98.25deg; }
  66% { --hln-robot-arm-pick-a: 43.66deg; --hln-robot-arm-pick-b: -98.6deg; }
  66.67% { --hln-robot-arm-pick-a: 48.34deg; --hln-robot-arm-pick-b: -98.66deg; }
  67.33% { --hln-robot-arm-pick-a: 52.71deg; --hln-robot-arm-pick-b: -98.07deg; }
  68% { --hln-robot-arm-pick-a: 55.18deg; --hln-robot-arm-pick-b: -97.39deg; }
  68.67% { --hln-robot-arm-pick-a: 56.38deg; --hln-robot-arm-pick-b: -96.95deg; }
  69.33% { --hln-robot-arm-pick-a: 56.82deg; --hln-robot-arm-pick-b: -96.77deg; }
  70% { --hln-robot-arm-pick-a: 56.88deg; --hln-robot-arm-pick-b: -96.74deg; }
  70% { --hln-robot-arm-pick-a: 56.88deg; --hln-robot-arm-pick-b: -96.74deg; }
  71.33% { --hln-robot-arm-pick-a: 76.73deg; --hln-robot-arm-pick-b: -113.66deg; }
  72.67% { --hln-robot-arm-pick-a: 111.1deg; --hln-robot-arm-pick-b: -126.71deg; }
  74% { --hln-robot-arm-pick-a: 133.99deg; --hln-robot-arm-pick-b: -124.24deg; }
  75.33% { --hln-robot-arm-pick-a: 142.6deg; --hln-robot-arm-pick-b: -119.16deg; }
  76.67% { --hln-robot-arm-pick-a: 36.49deg; --hln-robot-arm-pick-b: 116.68deg; }
  78% { --hln-robot-arm-pick-a: 37.29deg; --hln-robot-arm-pick-b: 116.21deg; }
  79.33% { --hln-robot-arm-pick-a: 36.81deg; --hln-robot-arm-pick-b: 116.49deg; }
  80.67% { --hln-robot-arm-pick-a: 36.17deg; --hln-robot-arm-pick-b: 116.87deg; }
  82% { --hln-robot-arm-pick-a: 35.72deg; --hln-robot-arm-pick-b: 117.12deg; }
  83.33% { --hln-robot-arm-pick-a: 144.56deg; --hln-robot-arm-pick-b: -117.28deg; }
  100% { --hln-robot-arm-pick-a: 144.56deg; --hln-robot-arm-pick-b: -117.28deg; }
}
@keyframes hln-robot-arm-pick-held {
  0% { opacity: 0; }
  25% { opacity: 0; }
  25.17% { opacity: 1; }
  60.83% { opacity: 1; }
  61% { opacity: 0; }
  100% { opacity: 0; }
}
@keyframes hln-robot-arm-pick-pa {
  0% { transform: matrix(1, 0, 0, 1, 0, 0); opacity: 1; }
  25% { transform: matrix(1, 0, 0, 1, 0, 0); opacity: 1; }
  25.17% { transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0; }
  88.33% { transform: matrix(1, 0, 0, 1, 0, -10); opacity: 0; animation-timing-function: cubic-bezier(.22,1,.36,1); }
  90.83% { transform: matrix(1, 0, 0, 1, 0, -4); opacity: 1; animation-timing-function: cubic-bezier(.55,0,.85,.3); }
  94.17% { transform: matrix(1, 0, 0, 1, 0, 0); opacity: 1; }
  100% { transform: matrix(1, 0, 0, 1, 0, 0); opacity: 1; }
}
@keyframes hln-robot-arm-pick-pb {
  0% { opacity: 0; }
  60.83% { opacity: 0; }
  61% { opacity: 1; }
  81.67% { opacity: 1; }
  86.67% { opacity: 0; }
  100% { opacity: 0; }
}
@keyframes hln-robot-arm-pick-fl {
  0% { transform: matrix(1, 0, 0, 1, 0, 0); }
  23.33% { transform: matrix(1, 0, 0, 1, 0, 0); animation-timing-function: cubic-bezier(.65,0,.35,1); }
  25.83% { transform: matrix(1, 0, 0, 1, 1.4, 0); }
  59.17% { transform: matrix(1, 0, 0, 1, 1.4, 0); animation-timing-function: cubic-bezier(.65,0,.35,1); }
  61.67% { transform: matrix(1, 0, 0, 1, 0, 0); }
  100% { transform: matrix(1, 0, 0, 1, 0, 0); }
}
@keyframes hln-robot-arm-pick-fr {
  0% { transform: matrix(1, 0, 0, 1, 0, 0); }
  23.33% { transform: matrix(1, 0, 0, 1, 0, 0); animation-timing-function: cubic-bezier(.65,0,.35,1); }
  25.83% { transform: matrix(1, 0, 0, 1, -1.4, 0); }
  59.17% { transform: matrix(1, 0, 0, 1, -1.4, 0); animation-timing-function: cubic-bezier(.65,0,.35,1); }
  61.67% { transform: matrix(1, 0, 0, 1, 0, 0); }
  100% { transform: matrix(1, 0, 0, 1, 0, 0); }
}
@media (prefers-reduced-motion: reduce) {
  .hln-robot-arm-pick * {
    animation: none !important;
  }
}

.hln-speaker-ring {
  --c: var(--hln-color, #ff4f2e);
  font-size: var(--hln-size, 16px);
  position: relative;
  display: grid;
  place-items: center;
  width: 22em;
  height: 12em;
  border-radius: 0.75em;
  background: #f6f5f1;
  overflow: hidden;
}
.hln-speaker-ring svg {
  width: 100%;
  height: 100%;
  overflow: visible;
  fill: #ffffff;
  stroke: #1c1d21;
  stroke-width: 1.25;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.hln-speaker-ring svg * {
  vector-effect: non-scaling-stroke;
}
.hln-speaker-ring .hln-speaker-ring-o {
  fill: none;
}
.hln-speaker-ring .hln-speaker-ring-l {
  stroke: #9a9ca3;
}
.hln-speaker-ring .hln-speaker-ring-a {
  stroke: var(--c);
}
.hln-speaker-ring .hln-speaker-ring-sweep {
  animation: hln-speaker-ring-sweep 5s infinite;
}
@keyframes hln-speaker-ring-sweep {
  0% { transform: rotate(-120deg); opacity: 0; }
  8% { transform: rotate(-120deg); opacity: 0; }
  11% { transform: rotate(-90deg); opacity: 1; animation-timing-function: linear(0, 0.031, 0.107, 0.208, 0.321, 0.434, 0.541, 0.639, 0.724, 0.796, 0.855, 0.903, 0.94, 0.968, 0.988, 1.002, 1.011, 1.017, 1.019, 1.02, 1.019, 1.018, 1.016, 1.013, 1.011, 1.009, 1.007, 1.005, 1.004, 1.003, 1.002, 1.001, 1); }
  40% { transform: rotate(270deg); opacity: 1; }
  82% { transform: rotate(270deg); opacity: 1; animation-timing-function: cubic-bezier(.65,0,.35,1); }
  90% { transform: rotate(290deg); opacity: 0; }
  100% { transform: rotate(-120deg); opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .hln-speaker-ring * {
    animation: none !important;
  }
}

.hln-card-terminal-tap {
  --c: var(--hln-color, #ff4f2e);
  font-size: var(--hln-size, 16px);
  position: relative;
  display: grid;
  place-items: center;
  width: 22em;
  height: 12em;
  border-radius: 0.75em;
  background: #f6f5f1;
  overflow: hidden;
}
.hln-card-terminal-tap svg {
  width: 100%;
  height: 100%;
  overflow: visible;
  fill: #ffffff;
  stroke: #1c1d21;
  stroke-width: 1.25;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.hln-card-terminal-tap svg * {
  vector-effect: non-scaling-stroke;
}
.hln-card-terminal-tap polyline,
.hln-card-terminal-tap .hln-card-terminal-tap-o {
  fill: none;
}
.hln-card-terminal-tap .hln-card-terminal-tap-l {
  stroke: #9a9ca3;
}
.hln-card-terminal-tap .hln-card-terminal-tap-a {
  stroke: var(--c);
}
.hln-card-terminal-tap .hln-card-terminal-tap-card {
  transform: matrix(1, 0, 0, 1, 36, 12); opacity: 0;
  animation: hln-card-terminal-tap-card 6s infinite;
}
.hln-card-terminal-tap .hln-card-terminal-tap-ok {
  animation: hln-card-terminal-tap-ok 6s infinite;
}
.hln-card-terminal-tap .hln-card-terminal-tap-nfc {
  opacity: 0;
  animation: hln-card-terminal-tap-nfc 6s infinite;
}
@keyframes hln-card-terminal-tap-card {
  0% { transform: matrix(1, 0, 0, 1, 36, 12); opacity: 0; }
  5% { transform: matrix(1, 0, 0, 1, 36, 12); opacity: 0; animation-timing-function: linear(0, 0.031, 0.107, 0.208, 0.321, 0.434, 0.541, 0.639, 0.724, 0.796, 0.855, 0.903, 0.94, 0.968, 0.988, 1.002, 1.011, 1.017, 1.019, 1.02, 1.019, 1.018, 1.016, 1.013, 1.011, 1.009, 1.007, 1.005, 1.004, 1.003, 1.002, 1.001, 1); }
  21.67% { transform: matrix(1, 0, 0, 1, 0, 0); opacity: 1; }
  24.17% { transform: matrix(1, 0, 0, 1, 0, 0); opacity: 1; animation-timing-function: cubic-bezier(.55,0,.85,.3); }
  27.5% { transform: matrix(1, 0, 0, 1, 0, 5); opacity: 1; animation-timing-function: linear(0, 0.035, 0.125, 0.247, 0.384, 0.524, 0.655, 0.771, 0.87, 0.948, 1.008, 1.05, 1.077, 1.091, 1.095, 1.091, 1.083, 1.071, 1.058, 1.045, 1.032, 1.021, 1.012, 1.005, 0.999, 0.995, 0.993, 0.991, 0.991, 0.991, 0.992, 0.993, 1); }
  38.33% { transform: matrix(1, 0, 0, 1, 0, 0); opacity: 1; }
  40.83% { transform: matrix(1, 0, 0, 1, 0, 0); opacity: 1; animation-timing-function: cubic-bezier(.65,0,.35,1); }
  51.67% { transform: matrix(1, 0, 0, 1, 36, 12); opacity: 0; }
  100% { transform: matrix(1, 0, 0, 1, 36, 12); opacity: 0; }
}
@keyframes hln-card-terminal-tap-ok {
  0% { transform: scale(0); opacity: 0; }
  48.33% { transform: scale(0); opacity: 0; animation-timing-function: linear(0, 0.035, 0.125, 0.247, 0.384, 0.524, 0.655, 0.771, 0.87, 0.948, 1.008, 1.05, 1.077, 1.091, 1.095, 1.091, 1.083, 1.071, 1.058, 1.045, 1.032, 1.021, 1.012, 1.005, 0.999, 0.995, 0.993, 0.991, 0.991, 0.991, 0.992, 0.993, 1); }
  60% { transform: scale(1); opacity: 1; }
  88.33% { transform: scale(1); opacity: 1; animation-timing-function: cubic-bezier(.65,0,.35,1); }
  93.33% { transform: scale(.6); opacity: 0; }
  100% { transform: scale(0); opacity: 0; }
}
@keyframes hln-card-terminal-tap-nfc {
  0% { opacity: 1; }
  43.33% { opacity: 1; }
  46.67% { opacity: 0; }
  93.33% { opacity: 0; }
  98.33% { opacity: 1; }
  100% { opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
  .hln-card-terminal-tap * {
    animation: none !important;
  }
}

.hln-monitor-chart {
  --c: var(--hln-color, #ff4f2e);
  font-size: var(--hln-size, 16px);
  position: relative;
  display: grid;
  place-items: center;
  width: 22em;
  height: 12em;
  border-radius: 0.75em;
  background: #f6f5f1;
  overflow: hidden;
}
.hln-monitor-chart svg {
  width: 100%;
  height: 100%;
  overflow: visible;
  fill: #ffffff;
  stroke: #1c1d21;
  stroke-width: 1.25;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.hln-monitor-chart svg * {
  vector-effect: non-scaling-stroke;
}
.hln-monitor-chart polyline {
  fill: none;
}
.hln-monitor-chart .hln-monitor-chart-l {
  stroke: #9a9ca3;
}
.hln-monitor-chart .hln-monitor-chart-w {
  fill: #ffffff;
  stroke: none;
}
.hln-monitor-chart .hln-monitor-chart-af {
  fill: var(--c);
  stroke: var(--c);
}
.hln-monitor-chart .hln-monitor-chart-wipe {
  transform-box: fill-box;
  transform-origin: 100% 50%;
  transform: scaleX(0);
  animation: hln-monitor-chart-wipe 5.5s infinite;
}
.hln-monitor-chart .hln-monitor-chart-ln {
  animation: hln-monitor-chart-ln 5.5s infinite;
}
.hln-monitor-chart .hln-monitor-chart-dot {
  transform-box: fill-box;
  transform-origin: 50% 50%;
  animation: hln-monitor-chart-dot 5.5s infinite;
}
@keyframes hln-monitor-chart-wipe {
  0% { transform: scaleX(1); }
  9.09% { transform: scaleX(1); animation-timing-function: cubic-bezier(.65,0,.35,1); }
  34.55% { transform: scaleX(0); }
  89.09% { transform: scaleX(0); }
  89.45% { transform: scaleX(1); }
  100% { transform: scaleX(1); }
}
@keyframes hln-monitor-chart-ln {
  0% { opacity: 1; }
  83.64% { opacity: 1; animation-timing-function: cubic-bezier(.65,0,.35,1); }
  88.18% { opacity: 0; }
  90% { opacity: 0; }
  90.91% { opacity: 1; }
  100% { opacity: 1; }
}
@keyframes hln-monitor-chart-dot {
  0% { transform: scale(0); }
  32.73% { transform: scale(0); animation-timing-function: linear(0, 0.035, 0.125, 0.247, 0.384, 0.524, 0.655, 0.771, 0.87, 0.948, 1.008, 1.05, 1.077, 1.091, 1.095, 1.091, 1.083, 1.071, 1.058, 1.045, 1.032, 1.021, 1.012, 1.005, 0.999, 0.995, 0.993, 0.991, 0.991, 0.991, 0.992, 0.993, 1); }
  43.64% { transform: scale(1); }
  83.64% { transform: scale(1); animation-timing-function: cubic-bezier(.65,0,.35,1); }
  88.18% { transform: scale(0); }
  100% { transform: scale(0); }
}
@media (prefers-reduced-motion: reduce) {
  .hln-monitor-chart * {
    animation: none !important;
  }
}

.hln-battery-charge {
  --c: var(--hln-color, #ff4f2e);
  font-size: var(--hln-size, 16px);
  position: relative;
  display: grid;
  place-items: center;
  width: 22em;
  height: 12em;
  border-radius: 0.75em;
  background: #f6f5f1;
  overflow: hidden;
}
.hln-battery-charge svg {
  width: 100%;
  height: 100%;
  overflow: visible;
  fill: #ffffff;
  stroke: #1c1d21;
  stroke-width: 1.25;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.hln-battery-charge svg * {
  vector-effect: non-scaling-stroke;
}
.hln-battery-charge .hln-battery-charge-o {
  fill: none;
}
.hln-battery-charge .hln-battery-charge-l {
  stroke: #9a9ca3;
}
.hln-battery-charge .hln-battery-charge-k {
  fill: #1c1d21;
}
.hln-battery-charge .hln-battery-charge-af {
  fill: var(--c);
  stroke: var(--c);
}
@property --hln-battery-charge-o {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
.hln-battery-charge svg {
  animation: hln-battery-charge-plug 6s infinite;
}
.hln-battery-charge .hln-battery-charge-s {
  transform: matrix(min(var(--hln-battery-charge-o), 5), 0, 0, 1, max(0, var(--hln-battery-charge-o) - 5), 0);
}
.hln-battery-charge .hln-battery-charge-plug {
  transform: matrix(1, 0, 0, 1, var(--hln-battery-charge-o), calc(var(--hln-battery-charge-o) / 2));
}
.hln-battery-charge .hln-battery-charge-led {
  animation: hln-battery-charge-led 6s calc(var(--i) * 0.45s) infinite both;
}
@keyframes hln-battery-charge-plug {
  0% { --hln-battery-charge-o: 12; }
  8.33% { --hln-battery-charge-o: 12; animation-timing-function: linear(0, 0.035, 0.125, 0.247, 0.384, 0.524, 0.655, 0.771, 0.87, 0.948, 1.008, 1.05, 1.077, 1.091, 1.095, 1.091, 1.083, 1.071, 1.058, 1.045, 1.032, 1.021, 1.012, 1.005, 0.999, 0.995, 0.993, 0.991, 0.991, 0.991, 0.992, 0.993, 1); }
  23.33% { --hln-battery-charge-o: 0; }
  81.67% { --hln-battery-charge-o: 0; animation-timing-function: cubic-bezier(.65,0,.35,1); }
  91.67% { --hln-battery-charge-o: 12; }
  100% { --hln-battery-charge-o: 12; }
}
@keyframes hln-battery-charge-led {
  0% { opacity: 0; }
  25% { opacity: 0; }
  28.33% { opacity: 1; }
  78.33% { opacity: 1; }
  81.67% { opacity: 0; }
  100% { opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .hln-battery-charge * {
    animation: none !important;
  }
}

.hln-turntable-arm {
  --c: var(--hln-color, #ff4f2e);
  font-size: var(--hln-size, 16px);
  position: relative;
  display: grid;
  place-items: center;
  width: 22em;
  height: 12em;
  border-radius: 0.75em;
  background: #f6f5f1;
  overflow: hidden;
}
.hln-turntable-arm svg {
  width: 100%;
  height: 100%;
  overflow: visible;
  fill: #ffffff;
  stroke: #1c1d21;
  stroke-width: 1.25;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.hln-turntable-arm svg * {
  vector-effect: non-scaling-stroke;
}
.hln-turntable-arm .hln-turntable-arm-l {
  stroke: #9a9ca3;
}
.hln-turntable-arm .hln-turntable-arm-a {
  stroke: var(--c);
}
.hln-turntable-arm .hln-turntable-arm-spin {
  animation: hln-turntable-arm-spin 1.8s linear infinite;
}
.hln-turntable-arm .hln-turntable-arm-arm {
  transform: rotate(28deg);
  animation: hln-turntable-arm-arm 6s infinite;
}
.hln-turntable-arm .hln-turntable-arm-cue {
  transform: matrix(1, 0, 0, 1, 0, 1.2);
  animation: hln-turntable-arm-cue 6s infinite;
}
@keyframes hln-turntable-arm-spin {
  to { transform: rotate(360deg); }
}
@keyframes hln-turntable-arm-arm {
  0% { transform: rotate(0deg); }
  8.33% { transform: rotate(0deg); animation-timing-function: linear(0, 0.035, 0.125, 0.247, 0.384, 0.524, 0.655, 0.771, 0.87, 0.948, 1.008, 1.05, 1.077, 1.091, 1.095, 1.091, 1.083, 1.071, 1.058, 1.045, 1.032, 1.021, 1.012, 1.005, 0.999, 0.995, 0.993, 0.991, 0.991, 0.991, 0.992, 0.993, 1); }
  28.33% { transform: rotate(28deg); }
  81.67% { transform: rotate(28deg); animation-timing-function: cubic-bezier(.65,0,.35,1); }
  95% { transform: rotate(0deg); }
  100% { transform: rotate(0deg); }
}
@keyframes hln-turntable-arm-cue {
  0% { transform: matrix(1, 0, 0, 1, 0, 0); }
  30% { transform: matrix(1, 0, 0, 1, 0, 0); animation-timing-function: linear(0, 0.035, 0.125, 0.247, 0.384, 0.524, 0.655, 0.771, 0.87, 0.948, 1.008, 1.05, 1.077, 1.091, 1.095, 1.091, 1.083, 1.071, 1.058, 1.045, 1.032, 1.021, 1.012, 1.005, 0.999, 0.995, 0.993, 0.991, 0.991, 0.991, 0.992, 0.993, 1); }
  40% { transform: matrix(1, 0, 0, 1, 0, 1.2); }
  76.67% { transform: matrix(1, 0, 0, 1, 0, 1.2); animation-timing-function: cubic-bezier(.65,0,.35,1); }
  80.83% { transform: matrix(1, 0, 0, 1, 0, 0); }
  100% { transform: matrix(1, 0, 0, 1, 0, 0); }
}
@media (prefers-reduced-motion: reduce) {
  .hln-turntable-arm * {
    animation: none !important;
  }
}

.hln-parcel-to-doorstep {
  --c: var(--hln-color, #ff4f2e);
  font-size: var(--hln-size, 16px);
  position: relative;
  display: grid;
  place-items: center;
  width: 22em;
  height: 12em;
  border-radius: 0.75em;
  background: #f6f5f1;
  overflow: hidden;
  --u: 1px;
}
.hln-parcel-to-doorstep svg {
  width: 100%;
  height: 100%;
  overflow: visible;
  fill: #ffffff;
  stroke: #1c1d21;
  stroke-width: 1.25;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.hln-parcel-to-doorstep svg * {
  vector-effect: non-scaling-stroke;
}
.hln-parcel-to-doorstep-l {
  stroke: #9a9ca3;
}
.hln-parcel-to-doorstep-a {
  fill: var(--c);
}
.hln-parcel-to-doorstep-dash {
  fill: none;
  stroke: var(--c);
}
.hln-parcel-to-doorstep-route {
  animation: hln-parcel-to-doorstep-route 8s linear infinite;
}
.hln-parcel-to-doorstep-van {
  animation: hln-parcel-to-doorstep-van 8s linear infinite;
}
.hln-parcel-to-doorstep-ride {
  animation: hln-parcel-to-doorstep-ride 8s linear infinite;
}
.hln-parcel-to-doorstep-pop,
.hln-parcel-to-doorstep-drop {
  transform-box: fill-box;
  transform-origin: 50% 100%;
}
.hln-parcel-to-doorstep-pop {
  animation: hln-parcel-to-doorstep-pop 8s linear infinite;
}
.hln-parcel-to-doorstep-drop {
  animation: hln-parcel-to-doorstep-drop 8s linear infinite;
}
@keyframes hln-parcel-to-doorstep-ride {
  0%, 10% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  26%, 100% { transform: translate(calc(var(--u) * -27), calc(var(--u) * 13.5)); }
}
@keyframes hln-parcel-to-doorstep-pop {
  0% { transform: scale(0); opacity: 1; animation-timing-function: cubic-bezier(.3, 1.45, .5, 1); }
  6% { transform: scale(1); opacity: 1; }
  25.9% { transform: scale(1); opacity: 1; }
  26%, 100% { transform: scale(1); opacity: 0; }
}
@keyframes hln-parcel-to-doorstep-van {
  0%, 26% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); animation-timing-function: ease-out; }
  28% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0.8)); animation-timing-function: cubic-bezier(.3, 1.45, .5, 1); }
  32% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); animation-timing-function: cubic-bezier(.5, 0, .25, 1.06); }
  56%, 70% { transform: translate(calc(var(--u) * 36), calc(var(--u) * 18)); animation-timing-function: cubic-bezier(.55, 0, .9, .4); }
  84% { transform: translate(calc(var(--u) * 190), calc(var(--u) * 95)); }
  84.1% { transform: translate(calc(var(--u) * -110), calc(var(--u) * -55)); animation-timing-function: cubic-bezier(.2, .7, .3, 1.04); }
  100% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); }
}
@keyframes hln-parcel-to-doorstep-route {
  0%, 32% { clip-path: inset(0 100% 0 0); opacity: 1; animation-timing-function: cubic-bezier(.5, 0, .25, 1); }
  56%, 72% { clip-path: inset(0 0 0 0); opacity: 1; }
  82% { clip-path: inset(0 0 0 0); opacity: 0; }
  83%, 100% { clip-path: inset(0 100% 0 0); opacity: 1; }
}
@keyframes hln-parcel-to-doorstep-drop {
  0%, 57% { transform: scale(0); opacity: 1; animation-timing-function: cubic-bezier(.3, 1.45, .5, 1); }
  63%, 80% { transform: scale(1); opacity: 1; }
  86% { transform: scale(1); opacity: 0; }
  87%, 100% { transform: scale(0); opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
  .hln-parcel-to-doorstep * {
    animation-play-state: paused !important;
    animation-delay: calc(var(--delay, 0s) - 5.2s) !important;
  }
}

.hln-sorting-belt {
  --c: var(--hln-color, #ff4f2e);
  font-size: var(--hln-size, 16px);
  position: relative;
  display: grid;
  place-items: center;
  width: 22em;
  height: 12em;
  border-radius: 0.75em;
  background: #f6f5f1;
  overflow: hidden;
  --u: 1px;
}
.hln-sorting-belt svg {
  width: 100%;
  height: 100%;
  overflow: visible;
  fill: #ffffff;
  stroke: #1c1d21;
  stroke-width: 1.25;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.hln-sorting-belt svg * {
  vector-effect: non-scaling-stroke;
}
.hln-sorting-belt-l {
  stroke: #9a9ca3;
}
.hln-sorting-belt-a {
  fill: var(--c);
}
.hln-sorting-belt-path {
  animation: hln-sorting-belt-path 6s linear infinite;
}
.hln-sorting-belt-top {
  animation: hln-sorting-belt-top 6s linear infinite;
}
.hln-sorting-belt-mid {
  animation: hln-sorting-belt-mid 6s linear infinite;
}
.hln-sorting-belt-in {
  animation: hln-sorting-belt-in 6s linear infinite;
}
.hln-sorting-belt-w {
  animation: hln-sorting-belt-w 6s linear infinite;
  animation-delay: var(--delay);
}
.hln-sorting-belt-push {
  animation: hln-sorting-belt-push 6s linear infinite;
}
@keyframes hln-sorting-belt-path {
  0% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); }
  49% { transform: translate(calc(var(--u) * 38), calc(var(--u) * 19)); animation-timing-function: cubic-bezier(.4, 0, .2, 1); }
  52% { transform: translate(calc(var(--u) * 38), calc(var(--u) * 19)); animation-timing-function: cubic-bezier(.3, 0, .2, 1); }
  58% { transform: translate(calc(var(--u) * 46), calc(var(--u) * 15)); animation-timing-function: cubic-bezier(.45, 0, .8, .5); }
  66% { transform: translate(calc(var(--u) * 56), calc(var(--u) * 14)); animation-timing-function: cubic-bezier(.5, 0, .8, .4); }
  71% { transform: translate(calc(var(--u) * 62), calc(var(--u) * 19)); animation-timing-function: cubic-bezier(.3, 1.45, .5, 1); }
  76%, 100% { transform: translate(calc(var(--u) * 62), calc(var(--u) * 19)); }
}
@keyframes hln-sorting-belt-top {
  0% { opacity: 0; }
  5%, 57.9% { opacity: 1; }
  58%, 100% { opacity: 0; }
}
@keyframes hln-sorting-belt-mid {
  0%, 57.9% { opacity: 0; }
  58%, 67.9% { opacity: 1; }
  68%, 100% { opacity: 0; }
}
@keyframes hln-sorting-belt-in {
  0%, 67.9% { opacity: 0; }
  68%, 88% { opacity: 1; }
  96%, 100% { opacity: 0; }
}
@keyframes hln-sorting-belt-w {
  0% { opacity: 0; transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); }
  5% { opacity: 1; transform: translate(calc(var(--u) * 3.85), calc(var(--u) * 1.93)); }
  95% { opacity: 1; transform: translate(calc(var(--u) * 73.15), calc(var(--u) * 36.57)); }
  100% { opacity: 0; transform: translate(calc(var(--u) * 77), calc(var(--u) * 38.5)); }
}
@keyframes hln-sorting-belt-push {
  0%, 48% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); animation-timing-function: cubic-bezier(.5, 0, .9, .5); }
  52% { transform: translate(calc(var(--u) * 5), calc(var(--u) * -2.5)); animation-timing-function: cubic-bezier(.3, 0, .2, 1); }
  58% { transform: translate(calc(var(--u) * 13), calc(var(--u) * -6.5)); animation-timing-function: cubic-bezier(.3, 1.45, .5, 1); }
  60%, 64% { transform: translate(calc(var(--u) * 12), calc(var(--u) * -6)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  74%, 100% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); }
}
@media (prefers-reduced-motion: reduce) {
  .hln-sorting-belt * {
    animation-play-state: paused !important;
    animation-delay: calc(var(--delay, 0s) - 4.6s) !important;
  }
}

.hln-stamping-press {
  --c: var(--hln-color, #ff4f2e);
  font-size: var(--hln-size, 16px);
  position: relative;
  display: grid;
  place-items: center;
  width: 22em;
  height: 12em;
  border-radius: 0.75em;
  background: #f6f5f1;
  overflow: hidden;
  --u: 1px;
}
.hln-stamping-press svg {
  width: 100%;
  height: 100%;
  overflow: visible;
  fill: #ffffff;
  stroke: #1c1d21;
  stroke-width: 1.25;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.hln-stamping-press svg * {
  vector-effect: non-scaling-stroke;
}
.hln-stamping-press-l {
  stroke: #9a9ca3;
}
.hln-stamping-press-ram {
  animation: hln-stamping-press-ram 5s linear infinite;
}
.hln-stamping-press-plate {
  animation: hln-stamping-press-plate 5s linear infinite;
}
.hln-stamping-press-p {
  animation: hln-stamping-press-p 5s linear infinite;
}
.hln-stamping-press-on {
  animation: hln-stamping-press-on 5s linear infinite;
}
.hln-stamping-press-off {
  animation: hln-stamping-press-off 5s linear infinite;
}
.hln-stamping-press-ring {
  animation: hln-stamping-press-ring 5s linear infinite;
}
@keyframes hln-stamping-press-plate {
  0% { transform: translate(calc(var(--u) * -4), calc(var(--u) * -2)); animation-timing-function: cubic-bezier(.3, 0, .3, 1); }
  6% { transform: translate(calc(var(--u) * 2), calc(var(--u) * 1)); animation-timing-function: cubic-bezier(.4, 0, .2, 1.04); }
  32%, 52% { transform: translate(calc(var(--u) * 30.5), calc(var(--u) * 15.25)); animation-timing-function: cubic-bezier(.5, 0, .7, .6); }
  74% { transform: translate(calc(var(--u) * 66), calc(var(--u) * 33)); animation-timing-function: cubic-bezier(.4, 0, .9, .5); }
  79% { transform: translate(calc(var(--u) * 74), calc(var(--u) * 42.6)); animation-timing-function: cubic-bezier(.3, 1.45, .5, 1); }
  84%, 100% { transform: translate(calc(var(--u) * 74), calc(var(--u) * 42.6)); }
}
@keyframes hln-stamping-press-on {
  0% { opacity: 0; }
  6%, 61.9% { opacity: 1; }
  62%, 100% { opacity: 0; }
}
@keyframes hln-stamping-press-off {
  0%, 61.9% { opacity: 0; }
  62%, 90% { opacity: 1; }
  97%, 100% { opacity: 0; }
}
@keyframes hln-stamping-press-p {
  0%, 40% { fill: #fff; }
  41%, 100% { fill: var(--c); }
}
@keyframes hln-stamping-press-ring {
  0%, 40% { opacity: 0; }
  41%, 100% { opacity: 1; }
}
@keyframes hln-stamping-press-ram {
  0%, 35% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); animation-timing-function: cubic-bezier(.6, 0, .95, .5); }
  40% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 4.5)); }
  42% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 4.5)); animation-timing-function: cubic-bezier(.3, 1.45, .5, 1); }
  52%, 100% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); }
}
@media (prefers-reduced-motion: reduce) {
  .hln-stamping-press * {
    animation-play-state: paused !important;
    animation-delay: calc(var(--delay, 0s) - 2.4s) !important;
  }
}

.hln-city-windows {
  --c: var(--hln-color, #ff4f2e);
  font-size: var(--hln-size, 16px);
  position: relative;
  display: grid;
  place-items: center;
  width: 22em;
  height: 12em;
  border-radius: 0.75em;
  background: #f6f5f1;
  overflow: hidden;
  --u: 1px;
}
.hln-city-windows svg {
  width: 100%;
  height: 100%;
  overflow: visible;
  fill: #ffffff;
  stroke: #1c1d21;
  stroke-width: 1.25;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.hln-city-windows svg * {
  vector-effect: non-scaling-stroke;
}
.hln-city-windows-l {
  stroke: #9a9ca3;
}
.hln-city-windows-a {
  fill: var(--c);
}
.hln-city-windows-lit {
  animation: hln-city-windows-lit 6s linear infinite;
  animation-delay: var(--delay);
}
.hln-city-windows-car {
  animation: hln-city-windows-car 6s linear infinite;
}
@keyframes hln-city-windows-lit {
  0% { opacity: 0; animation-timing-function: cubic-bezier(.22, 1, .36, 1); }
  5%, 24% { opacity: 1; animation-timing-function: ease-in; }
  30%, 100% { opacity: 0; }
}
@keyframes hln-city-windows-car {
  0% { opacity: 0; transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); }
  8% { opacity: 1; transform: translate(calc(var(--u) * 9), calc(var(--u) * 4.5)); }
  92% { opacity: 1; transform: translate(calc(var(--u) * 103), calc(var(--u) * 51.5)); }
  100% { opacity: 0; transform: translate(calc(var(--u) * 112), calc(var(--u) * 56)); }
}
@media (prefers-reduced-motion: reduce) {
  .hln-city-windows * {
    animation-play-state: paused !important;
    animation-delay: calc(var(--delay, 0s) - 0.8s) !important;
  }
}

.hln-rocket-launch {
  --c: var(--hln-color, #ff4f2e);
  font-size: var(--hln-size, 16px);
  position: relative;
  display: grid;
  place-items: center;
  width: 22em;
  height: 12em;
  border-radius: 0.75em;
  background: #f6f5f1;
  overflow: hidden;
  --u: 1px;
}
.hln-rocket-launch svg {
  width: 100%;
  height: 100%;
  overflow: visible;
  fill: #ffffff;
  stroke: #1c1d21;
  stroke-width: 1.25;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.hln-rocket-launch svg * {
  vector-effect: non-scaling-stroke;
}
.hln-rocket-launch-l {
  stroke: #9a9ca3;
}
.hln-rocket-launch-a {
  fill: var(--c);
}
.hln-rocket-launch-fly {
  animation: hln-rocket-launch-fly 8s linear infinite;
}
.hln-rocket-launch-flame {
  transform-box: fill-box;
  transform-origin: 50% 0;
  animation: hln-rocket-launch-flame 8s linear infinite;
}
.hln-rocket-launch-arm {
  animation: hln-rocket-launch-arm 8s linear infinite;
}
.hln-rocket-launch-puff {
  transform-box: fill-box;
  transform-origin: 50% 50%;
  animation: hln-rocket-launch-puff 8s linear infinite;
  animation-delay: var(--delay);
}
@keyframes hln-rocket-launch-fly {
  0%, 24% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); animation-timing-function: cubic-bezier(.55, 0, .85, .3); }
  46% { transform: translate(calc(var(--u) * 0), calc(var(--u) * -150)); }
  58% { transform: translate(calc(var(--u) * 0), calc(var(--u) * -150)); animation-timing-function: cubic-bezier(.15, .6, .3, 1); }
  80% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); animation-timing-function: ease-out; }
  81.5% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0.6)); animation-timing-function: cubic-bezier(.3, 1.45, .5, 1); }
  86%, 100% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); }
}
@keyframes hln-rocket-launch-flame {
  0%, 21% { transform: scaleY(0); animation-timing-function: cubic-bezier(.3, 1.45, .5, 1); }
  26% { transform: scaleY(1); }
  40% { transform: scaleY(1.3); }
  58% { transform: scaleY(1.3); }
  78% { transform: scaleY(0.8); animation-timing-function: ease-in; }
  84%, 100% { transform: scaleY(0); }
}
@keyframes hln-rocket-launch-arm {
  0%, 8% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  16%, 86% { transform: translate(calc(var(--u) * -5), calc(var(--u) * -2.5)); animation-timing-function: cubic-bezier(.3, 1.45, .5, 1); }
  94%, 100% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); }
}
@keyframes hln-rocket-launch-puff {
  0%, 20% { transform: scale(0); opacity: 1; animation-timing-function: cubic-bezier(.22, 1, .36, 1); }
  36% { transform: scale(1.6); opacity: 1; animation-timing-function: ease-in; }
  44% { transform: scale(1.8); opacity: 0; }
  45%, 74% { transform: scale(0); opacity: 1; animation-timing-function: cubic-bezier(.22, 1, .36, 1); }
  86% { transform: scale(1.3); opacity: 1; animation-timing-function: ease-in; }
  94%, 100% { transform: scale(1.5); opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .hln-rocket-launch * {
    animation-play-state: paused !important;
    animation-delay: calc(var(--delay, 0s) - 0.5s) !important;
  }
}

.hln-wind-farm {
  --c: var(--hln-color, #ff4f2e);
  font-size: var(--hln-size, 16px);
  position: relative;
  display: grid;
  place-items: center;
  width: 22em;
  height: 12em;
  border-radius: 0.75em;
  background: #f6f5f1;
  overflow: hidden;
  --u: 1px;
}
.hln-wind-farm svg {
  width: 100%;
  height: 100%;
  overflow: visible;
  fill: #ffffff;
  stroke: #1c1d21;
  stroke-width: 1.25;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.hln-wind-farm svg * {
  vector-effect: non-scaling-stroke;
}
.hln-wind-farm-l {
  stroke: #9a9ca3;
}
.hln-wind-farm-a {
  fill: var(--c);
}
.hln-wind-farm-rot {
  animation: hln-wind-farm-rot 6s linear infinite;
  animation-delay: var(--delay);
}
@keyframes hln-wind-farm-rot {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@media (prefers-reduced-motion: reduce) {
  .hln-wind-farm * {
    animation-play-state: paused !important;
    animation-delay: calc(var(--delay, 0s) - 0.4s) !important;
  }
}

.hln-solar-day {
  --c: var(--hln-color, #ff4f2e);
  font-size: var(--hln-size, 16px);
  position: relative;
  display: grid;
  place-items: center;
  width: 22em;
  height: 12em;
  border-radius: 0.75em;
  background: #f6f5f1;
  overflow: hidden;
  --u: 1px;
}
.hln-solar-day svg {
  width: 100%;
  height: 100%;
  overflow: visible;
  fill: #ffffff;
  stroke: #1c1d21;
  stroke-width: 1.25;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.hln-solar-day svg * {
  vector-effect: non-scaling-stroke;
}
.hln-solar-day-l {
  stroke: #9a9ca3;
}
.hln-solar-day-a {
  fill: var(--c);
}
.hln-solar-day-a {
  stroke: var(--c);
}
.hln-solar-day-rays {
  fill: none;
  stroke: var(--c);
  animation: hln-solar-day-rays 8s linear infinite;
}
.hln-solar-day-sx {
  animation: hln-solar-day-sx 8s linear infinite;
}
.hln-solar-day-sy {
  animation: hln-solar-day-sy 8s linear infinite;
}
.hln-solar-day-glint {
  animation: hln-solar-day-glint 8s linear infinite;
}
@keyframes hln-solar-day-sx {
  0% { transform: translate(calc(var(--u) * -66), 0); opacity: 0; animation-timing-function: cubic-bezier(.37, 0, .63, 1); }
  8% { transform: translate(calc(var(--u) * -56), 0); opacity: 1; animation-timing-function: cubic-bezier(.37, 0, .63, 1); }
  72% { transform: translate(calc(var(--u) * 56), 0); opacity: 1; animation-timing-function: cubic-bezier(.37, 0, .63, 1); }
  80%, 100% { transform: translate(calc(var(--u) * 66), 0); opacity: 0; }
}
@keyframes hln-solar-day-sy {
  0% { transform: translate(0, calc(var(--u) * 6)); animation-timing-function: cubic-bezier(.33, 1, .68, 1); }
  40% { transform: translate(0, calc(var(--u) * -16)); animation-timing-function: cubic-bezier(.32, 0, .67, 0); }
  80%, 100% { transform: translate(0, calc(var(--u) * 6)); }
}
@keyframes hln-solar-day-rays {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(90deg); }
}
@keyframes hln-solar-day-glint {
  0%, 12% { opacity: 0; transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); animation-timing-function: ease-out; }
  18% { opacity: 1; transform: translate(calc(var(--u) * 1.5), calc(var(--u) * 0.75)); }
  62% { opacity: 1; transform: translate(calc(var(--u) * 12), calc(var(--u) * 6)); animation-timing-function: ease-in; }
  68%, 100% { opacity: 0; transform: translate(calc(var(--u) * 13.5), calc(var(--u) * 6.75)); }
}
@media (prefers-reduced-motion: reduce) {
  .hln-solar-day * {
    animation-play-state: paused !important;
    animation-delay: calc(var(--delay, 0s) - 3.2s) !important;
  }
}

.hln-crane-ship {
  --c: var(--hln-color, #ff4f2e);
  font-size: var(--hln-size, 16px);
  position: relative;
  display: grid;
  place-items: center;
  width: 22em;
  height: 12em;
  border-radius: 0.75em;
  background: #f6f5f1;
  overflow: hidden;
  --u: 1px;
}
.hln-crane-ship svg {
  width: 100%;
  height: 100%;
  overflow: visible;
  fill: #ffffff;
  stroke: #1c1d21;
  stroke-width: 1.25;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.hln-crane-ship svg * {
  vector-effect: non-scaling-stroke;
}
.hln-crane-ship-l {
  stroke: #9a9ca3;
}
.hln-crane-ship-a {
  fill: var(--c);
}
.hln-crane-ship-trolley {
  animation: hln-crane-ship-trolley 8s linear infinite;
}
.hln-crane-ship-cable {
  transform-box: fill-box;
  transform-origin: 50% 0;
  animation: hln-crane-ship-cable 8s linear infinite;
}
.hln-crane-ship-hook {
  animation: hln-crane-ship-hook 8s linear infinite;
}
.hln-crane-ship-box {
  animation: hln-crane-ship-box 8s linear infinite;
}
.hln-crane-ship-pop {
  transform-box: fill-box;
  transform-origin: 50% 100%;
  animation: hln-crane-ship-pop 8s linear infinite;
}
.hln-crane-ship-ship {
  animation: hln-crane-ship-ship 8s linear infinite;
}
@keyframes hln-crane-ship-trolley {
  0% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); animation-timing-function: cubic-bezier(.22, 1, .36, 1); }
  8% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); }
  11% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); animation-timing-function: cubic-bezier(.22, 1, .36, 1); }
  22% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  36% { transform: translate(calc(var(--u) * -22), calc(var(--u) * 11)); animation-timing-function: cubic-bezier(.25, 1.2, .4, 1); }
  46% { transform: translate(calc(var(--u) * -22), calc(var(--u) * 11)); }
  50% { transform: translate(calc(var(--u) * -22), calc(var(--u) * 11)); animation-timing-function: cubic-bezier(.22, 1, .36, 1); }
  58% { transform: translate(calc(var(--u) * -22), calc(var(--u) * 11)); }
  62% { transform: translate(calc(var(--u) * -22), calc(var(--u) * 11)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  77% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); }
  100% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); }
}
@keyframes hln-crane-ship-cable {
  0% { transform: scaleY(0.48); animation-timing-function: cubic-bezier(.22, 1, .36, 1); }
  8% { transform: scaleY(1); }
  11% { transform: scaleY(1); animation-timing-function: cubic-bezier(.22, 1, .36, 1); }
  22% { transform: scaleY(0.38); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  36% { transform: scaleY(0.38); animation-timing-function: cubic-bezier(.25, 1.2, .4, 1); }
  46% { transform: scaleY(1); }
  50% { transform: scaleY(1); animation-timing-function: cubic-bezier(.22, 1, .36, 1); }
  58% { transform: scaleY(0.48); }
  62% { transform: scaleY(0.48); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  77% { transform: scaleY(0.48); }
  100% { transform: scaleY(0.48); }
}
@keyframes hln-crane-ship-hook {
  0% { transform: translate(calc(var(--u) * 0), calc(var(--u) * -15)); animation-timing-function: cubic-bezier(.22, 1, .36, 1); }
  8% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); }
  11% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); animation-timing-function: cubic-bezier(.22, 1, .36, 1); }
  22% { transform: translate(calc(var(--u) * 0), calc(var(--u) * -18)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  36% { transform: translate(calc(var(--u) * -22), calc(var(--u) * -7)); animation-timing-function: cubic-bezier(.25, 1.2, .4, 1); }
  46% { transform: translate(calc(var(--u) * -22), calc(var(--u) * 11)); }
  50% { transform: translate(calc(var(--u) * -22), calc(var(--u) * 11)); animation-timing-function: cubic-bezier(.22, 1, .36, 1); }
  58% { transform: translate(calc(var(--u) * -22), calc(var(--u) * -4)); }
  62% { transform: translate(calc(var(--u) * -22), calc(var(--u) * -4)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  77% { transform: translate(calc(var(--u) * 0), calc(var(--u) * -15)); }
  100% { transform: translate(calc(var(--u) * 0), calc(var(--u) * -15)); }
}
@keyframes hln-crane-ship-box {
  0% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); animation-timing-function: cubic-bezier(.22, 1, .36, 1); }
  8% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); }
  11% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); animation-timing-function: cubic-bezier(.22, 1, .36, 1); }
  22% { transform: translate(calc(var(--u) * 0), calc(var(--u) * -18)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  36% { transform: translate(calc(var(--u) * -22), calc(var(--u) * -7)); animation-timing-function: cubic-bezier(.25, 1.2, .4, 1); }
  46% { transform: translate(calc(var(--u) * -22), calc(var(--u) * 11)); }
  50% { transform: translate(calc(var(--u) * -22), calc(var(--u) * 11)); animation-timing-function: cubic-bezier(.22, 1, .36, 1); }
  62% { transform: translate(calc(var(--u) * -22), calc(var(--u) * 11)); animation-timing-function: cubic-bezier(.5, 0, .9, .6); }
  78% { transform: translate(calc(var(--u) * 108), calc(var(--u) * 76)); }
  78.1%, 100% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); }
}
@keyframes hln-crane-ship-pop {
  0%, 77.9% { transform: scale(1); opacity: 1; }
  78%, 84% { transform: scale(0); opacity: 1; animation-timing-function: cubic-bezier(.3, 1.45, .5, 1); }
  90%, 100% { transform: scale(1); opacity: 1; }
}
@keyframes hln-crane-ship-ship {
  0%, 62% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); animation-timing-function: cubic-bezier(.5, 0, .9, .6); }
  78% { transform: translate(calc(var(--u) * 130), calc(var(--u) * 65)); }
  78.1% { transform: translate(calc(var(--u) * -120), calc(var(--u) * -60)); animation-timing-function: cubic-bezier(.15, .6, .3, 1.02); }
  96%, 100% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); }
}
@media (prefers-reduced-motion: reduce) {
  .hln-crane-ship * {
    animation-play-state: paused !important;
    animation-delay: calc(var(--delay, 0s) - 4.4s) !important;
  }
}

.hln-train-bridge {
  --c: var(--hln-color, #ff4f2e);
  font-size: var(--hln-size, 16px);
  position: relative;
  display: grid;
  place-items: center;
  width: 22em;
  height: 12em;
  border-radius: 0.75em;
  background: #f6f5f1;
  overflow: hidden;
  --u: 1px;
}
.hln-train-bridge svg {
  width: 100%;
  height: 100%;
  overflow: visible;
  fill: #ffffff;
  stroke: #1c1d21;
  stroke-width: 1.25;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.hln-train-bridge svg * {
  vector-effect: non-scaling-stroke;
}
.hln-train-bridge-l {
  stroke: #9a9ca3;
}
.hln-train-bridge-a {
  fill: var(--c);
}
.hln-train-bridge-train {
  animation: hln-train-bridge-train 8s linear infinite;
}
@keyframes hln-train-bridge-train {
  0% { transform: translate(calc(var(--u) * -180), calc(var(--u) * -90)); animation-timing-function: cubic-bezier(.2, .55, .35, 1); }
  42%, 62% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); animation-timing-function: cubic-bezier(.55, 0, .9, .5); }
  86% { transform: translate(calc(var(--u) * 130), calc(var(--u) * 65)); }
  86.1%, 100% { transform: translate(calc(var(--u) * -180), calc(var(--u) * -90)); }
}
@media (prefers-reduced-motion: reduce) {
  .hln-train-bridge * {
    animation-play-state: paused !important;
    animation-delay: calc(var(--delay, 0s) - 4s) !important;
  }
}

.hln-coffee-counter {
  --c: var(--hln-color, #ff4f2e);
  font-size: var(--hln-size, 16px);
  position: relative;
  display: grid;
  place-items: center;
  width: 22em;
  height: 12em;
  border-radius: 0.75em;
  background: #f6f5f1;
  overflow: hidden;
  --u: 1px;
}
.hln-coffee-counter svg {
  width: 100%;
  height: 100%;
  overflow: visible;
  fill: #ffffff;
  stroke: #1c1d21;
  stroke-width: 1.25;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.hln-coffee-counter svg * {
  vector-effect: non-scaling-stroke;
}
.hln-coffee-counter-l {
  stroke: #9a9ca3;
}
.hln-coffee-counter-a {
  fill: var(--c);
}
.hln-coffee-counter-steam {
  stroke: #9a9ca3;
  animation: hln-coffee-counter-steam 6s linear infinite;
  animation-delay: var(--delay);
}
.hln-coffee-counter-slide {
  animation: hln-coffee-counter-slide 6s linear infinite;
}
.hln-coffee-counter-cup {
  transform-box: fill-box;
  transform-origin: 50% 100%;
  animation: hln-coffee-counter-cup 6s linear infinite;
}
.hln-coffee-counter-pour {
  transform-box: fill-box;
  transform-origin: 50% 0;
  animation: hln-coffee-counter-pour 6s linear infinite;
}
@keyframes hln-coffee-counter-cup {
  0% { transform: scale(0); opacity: 1; animation-timing-function: cubic-bezier(.3, 1.45, .5, 1); }
  7%, 88% { transform: scale(1); opacity: 1; animation-timing-function: ease-in; }
  96%, 100% { transform: scale(1); opacity: 0; }
}
@keyframes hln-coffee-counter-pour {
  0%, 9% { transform: scaleY(0); opacity: 1; animation-timing-function: cubic-bezier(.22, 1, .36, 1); }
  13%, 32% { transform: scaleY(1); opacity: 1; animation-timing-function: ease-in; }
  36%, 100% { transform: scaleY(1); opacity: 0; }
}
@keyframes hln-coffee-counter-slide {
  0%, 38% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); animation-timing-function: cubic-bezier(.45, 0, .2, 1.12); }
  56%, 100% { transform: translate(calc(var(--u) * 34), calc(var(--u) * 17)); }
}
@keyframes hln-coffee-counter-steam {
  0%, 56% { opacity: 0; transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); animation-timing-function: ease-out; }
  66% { opacity: 1; transform: translate(calc(var(--u) * 0), calc(var(--u) * -1.5)); animation-timing-function: linear; }
  86% { opacity: 0.8; transform: translate(calc(var(--u) * 0), calc(var(--u) * -4)); animation-timing-function: ease-in; }
  94%, 100% { opacity: 0; transform: translate(calc(var(--u) * 0), calc(var(--u) * -5)); }
}
@media (prefers-reduced-motion: reduce) {
  .hln-coffee-counter * {
    animation-play-state: paused !important;
    animation-delay: calc(var(--delay, 0s) - 4.5s) !important;
  }
}

.hln-greenhouse {
  --c: var(--hln-color, #ff4f2e);
  font-size: var(--hln-size, 16px);
  position: relative;
  display: grid;
  place-items: center;
  width: 22em;
  height: 12em;
  border-radius: 0.75em;
  background: #f6f5f1;
  overflow: hidden;
  --u: 1px;
}
.hln-greenhouse svg {
  width: 100%;
  height: 100%;
  overflow: visible;
  fill: #ffffff;
  stroke: #1c1d21;
  stroke-width: 1.25;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.hln-greenhouse svg * {
  vector-effect: non-scaling-stroke;
}
.hln-greenhouse-l {
  stroke: #9a9ca3;
}
.hln-greenhouse-a {
  fill: var(--c);
}
.hln-greenhouse-drop {
  animation: hln-greenhouse-drop 8s linear infinite;
  animation-delay: var(--delay);
}
.hln-greenhouse-grow,
.hln-greenhouse-leaf,
.hln-greenhouse-bud,
.hln-greenhouse-bloom {
  transform-box: fill-box;
  transform-origin: 50% 100%;
}
.hln-greenhouse-grow {
  animation: hln-greenhouse-grow 8s linear infinite;
  animation-delay: var(--delay);
}
.hln-greenhouse-leaf {
  transform-origin: 0 100%;
  animation: hln-greenhouse-leaf 8s linear infinite;
  animation-delay: var(--delay);
}
.hln-greenhouse-leaf:nth-of-type(odd) {
  transform-origin: 100% 100%;
}
.hln-greenhouse-bud {
  transform-origin: 50% 50%;
  animation: hln-greenhouse-bud 8s linear infinite;
  animation-delay: var(--delay);
}
.hln-greenhouse-bloom {
  transform-origin: 50% 50%;
  animation: hln-greenhouse-bloom 8s linear infinite;
}
@keyframes hln-greenhouse-drop {
  0% { opacity: 0; transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); animation-timing-function: ease-in; }
  3% { opacity: 1; transform: translate(calc(var(--u) * 0), calc(var(--u) * 2)); animation-timing-function: ease-in; }
  10% { opacity: 0; transform: translate(calc(var(--u) * 0), calc(var(--u) * 10)); }
  10.1%, 12% { opacity: 0; transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); animation-timing-function: ease-in; }
  15% { opacity: 1; transform: translate(calc(var(--u) * 0), calc(var(--u) * 2)); animation-timing-function: ease-in; }
  22%, 100% { opacity: 0; transform: translate(calc(var(--u) * 0), calc(var(--u) * 10)); }
}
@keyframes hln-greenhouse-grow {
  0%, 16% { transform: scaleY(0); opacity: 1; animation-timing-function: cubic-bezier(.3, 1.25, .5, 1); }
  34%, 86% { transform: scaleY(1); opacity: 1; animation-timing-function: ease-in; }
  94% { transform: scaleY(0.6); opacity: 0; }
  95%, 100% { transform: scaleY(0); opacity: 1; }
}
@keyframes hln-greenhouse-leaf {
  0%, 28% { transform: scale(0); animation-timing-function: cubic-bezier(.3, 1.45, .5, 1); }
  38%, 86% { transform: scale(1); animation-timing-function: ease-in; }
  94%, 100% { transform: scale(0); }
}
@keyframes hln-greenhouse-bud {
  0%, 34% { transform: scale(0); opacity: 1; animation-timing-function: cubic-bezier(.3, 1.45, .5, 1); }
  42%, 86% { transform: scale(1); opacity: 1; animation-timing-function: ease-in; }
  93%, 100% { transform: scale(0); opacity: 0; }
}
@keyframes hln-greenhouse-bloom {
  0%, 42% { transform: scale(0) rotate(-40deg); opacity: 1; animation-timing-function: cubic-bezier(.3, 1.6, .5, 1); }
  52%, 86% { transform: scale(1) rotate(0deg); opacity: 1; animation-timing-function: ease-in; }
  93%, 100% { transform: scale(0) rotate(0deg); opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .hln-greenhouse * {
    animation-play-state: paused !important;
    animation-delay: calc(var(--delay, 0s) - 5.5s) !important;
  }
}

.hln-mail-houses {
  --c: var(--hln-color, #ff4f2e);
  font-size: var(--hln-size, 16px);
  position: relative;
  display: grid;
  place-items: center;
  width: 22em;
  height: 12em;
  border-radius: 0.75em;
  background: #f6f5f1;
  overflow: hidden;
  --u: 1px;
}
.hln-mail-houses svg {
  width: 100%;
  height: 100%;
  overflow: visible;
  fill: #ffffff;
  stroke: #1c1d21;
  stroke-width: 1.25;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.hln-mail-houses svg * {
  vector-effect: non-scaling-stroke;
}
.hln-mail-houses-l {
  stroke: #9a9ca3;
}
.hln-mail-houses-a {
  fill: var(--c);
}
.hln-mail-houses-env {
  animation: hln-mail-houses-env 8s linear infinite;
}
.hln-mail-houses-bob {
  animation: hln-mail-houses-bob 8s linear infinite;
}
.hln-mail-houses-flaga,
.hln-mail-houses-flagb {
  transform-origin: 0 0;
}
.hln-mail-houses-flaga {
  animation: hln-mail-houses-flaga 8s linear infinite;
}
.hln-mail-houses-flagb {
  animation: hln-mail-houses-flagb 8s linear infinite;
}
@keyframes hln-mail-houses-env {
  0%, 4% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  11% { transform: translate(calc(var(--u) * -15), calc(var(--u) * 7.5)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  30% { transform: translate(calc(var(--u) * 29), calc(var(--u) * 29.5)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  38%, 54% { transform: translate(calc(var(--u) * 44), calc(var(--u) * 22)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  61% { transform: translate(calc(var(--u) * 29), calc(var(--u) * 29.5)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  80% { transform: translate(calc(var(--u) * -15), calc(var(--u) * 7.5)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  88%, 100% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); }
}
@keyframes hln-mail-houses-bob {
  0%, 38%, 54%, 88%, 100% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); }
  40%, 90% { transform: translate(calc(var(--u) * 0), calc(var(--u) * -1.2)); animation-timing-function: cubic-bezier(.3, 1.45, .5, 1); }
  44%, 94% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); }
}
@keyframes hln-mail-houses-flagb {
  0%, 38% { transform: rotate(0deg); animation-timing-function: cubic-bezier(.3, 1.45, .5, 1); }
  44%, 54% { transform: rotate(-90deg); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  60%, 100% { transform: rotate(0deg); }
}
@keyframes hln-mail-houses-flaga {
  0% { transform: rotate(-90deg); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  6%, 88% { transform: rotate(0deg); animation-timing-function: cubic-bezier(.3, 1.45, .5, 1); }
  94%, 100% { transform: rotate(-90deg); }
}
@media (prefers-reduced-motion: reduce) {
  .hln-mail-houses * {
    animation-play-state: paused !important;
    animation-delay: calc(var(--delay, 0s) - 3.8s) !important;
  }
}

.hln-elevator-cutaway {
  --c: var(--hln-color, #ff4f2e);
  font-size: var(--hln-size, 16px);
  position: relative;
  display: grid;
  place-items: center;
  width: 22em;
  height: 12em;
  border-radius: 0.75em;
  background: #f6f5f1;
  overflow: hidden;
  --u: 1px;
}
.hln-elevator-cutaway svg {
  width: 100%;
  height: 100%;
  overflow: visible;
  fill: #ffffff;
  stroke: #1c1d21;
  stroke-width: 1.25;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.hln-elevator-cutaway svg * {
  vector-effect: non-scaling-stroke;
}
.hln-elevator-cutaway-l {
  stroke: #9a9ca3;
}
.hln-elevator-cutaway-a {
  fill: var(--c);
}
.hln-elevator-cutaway-car {
  animation: hln-elevator-cutaway-car 9s linear infinite;
}
.hln-elevator-cutaway-cable {
  transform-box: fill-box;
  transform-origin: 50% 100%;
  animation: hln-elevator-cutaway-cable 9s linear infinite;
}
.hln-elevator-cutaway-dl {
  animation: hln-elevator-cutaway-dl 9s linear infinite;
}
.hln-elevator-cutaway-dr {
  animation: hln-elevator-cutaway-dr 9s linear infinite;
}
@keyframes hln-elevator-cutaway-car {
  0% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); }
  8% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); }
  11% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); }
  12% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); animation-timing-function: cubic-bezier(.45, 0, .25, 1.06); }
  34% { transform: translate(calc(var(--u) * 0), calc(var(--u) * -33.2)); }
  36% { transform: translate(calc(var(--u) * 0), calc(var(--u) * -33.2)); }
  41% { transform: translate(calc(var(--u) * 0), calc(var(--u) * -33.2)); }
  47% { transform: translate(calc(var(--u) * 0), calc(var(--u) * -33.2)); }
  50% { transform: translate(calc(var(--u) * 0), calc(var(--u) * -33.2)); }
  51% { transform: translate(calc(var(--u) * 0), calc(var(--u) * -33.2)); animation-timing-function: cubic-bezier(.45, 0, .25, 1.06); }
  63% { transform: translate(calc(var(--u) * 0), calc(var(--u) * -17.2)); }
  65% { transform: translate(calc(var(--u) * 0), calc(var(--u) * -17.2)); }
  70% { transform: translate(calc(var(--u) * 0), calc(var(--u) * -17.2)); }
  76% { transform: translate(calc(var(--u) * 0), calc(var(--u) * -17.2)); }
  79% { transform: translate(calc(var(--u) * 0), calc(var(--u) * -17.2)); }
  80% { transform: translate(calc(var(--u) * 0), calc(var(--u) * -17.2)); animation-timing-function: cubic-bezier(.45, 0, .25, 1.06); }
  94% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); }
  95% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); }
  100% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); }
}
@keyframes hln-elevator-cutaway-cable {
  0% { transform: scaleY(1); }
  8% { transform: scaleY(1); }
  11% { transform: scaleY(1); }
  12% { transform: scaleY(1); animation-timing-function: cubic-bezier(.45, 0, .25, 1.06); }
  34% { transform: scaleY(0.1); }
  36% { transform: scaleY(0.1); }
  41% { transform: scaleY(0.1); }
  47% { transform: scaleY(0.1); }
  50% { transform: scaleY(0.1); }
  51% { transform: scaleY(0.1); animation-timing-function: cubic-bezier(.45, 0, .25, 1.06); }
  63% { transform: scaleY(0.54); }
  65% { transform: scaleY(0.54); }
  70% { transform: scaleY(0.54); }
  76% { transform: scaleY(0.54); }
  79% { transform: scaleY(0.54); }
  80% { transform: scaleY(0.54); animation-timing-function: cubic-bezier(.45, 0, .25, 1.06); }
  94% { transform: scaleY(1); }
  95% { transform: scaleY(1); }
  100% { transform: scaleY(1); }
}
@keyframes hln-elevator-cutaway-dl {
  0% { transform: translate(calc(var(--u) * -1.6), calc(var(--u) * -0.8)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  8% { transform: translate(calc(var(--u) * -1.6), calc(var(--u) * -0.8)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  11% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  12% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  34% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  36% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  41% { transform: translate(calc(var(--u) * -1.6), calc(var(--u) * -0.8)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  47% { transform: translate(calc(var(--u) * -1.6), calc(var(--u) * -0.8)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  50% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  51% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  63% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  65% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  70% { transform: translate(calc(var(--u) * -1.6), calc(var(--u) * -0.8)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  76% { transform: translate(calc(var(--u) * -1.6), calc(var(--u) * -0.8)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  79% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  80% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  94% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  95% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  100% { transform: translate(calc(var(--u) * -1.6), calc(var(--u) * -0.8)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
}
@keyframes hln-elevator-cutaway-dr {
  0% { transform: translate(calc(var(--u) * 1.6), calc(var(--u) * 0.8)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  8% { transform: translate(calc(var(--u) * 1.6), calc(var(--u) * 0.8)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  11% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  12% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  34% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  36% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  41% { transform: translate(calc(var(--u) * 1.6), calc(var(--u) * 0.8)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  47% { transform: translate(calc(var(--u) * 1.6), calc(var(--u) * 0.8)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  50% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  51% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  63% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  65% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  70% { transform: translate(calc(var(--u) * 1.6), calc(var(--u) * 0.8)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  76% { transform: translate(calc(var(--u) * 1.6), calc(var(--u) * 0.8)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  79% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  80% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  94% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  95% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  100% { transform: translate(calc(var(--u) * 1.6), calc(var(--u) * 0.8)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
}
@media (prefers-reduced-motion: reduce) {
  .hln-elevator-cutaway * {
    animation-play-state: paused !important;
    animation-delay: calc(var(--delay, 0s) - 3.4s) !important;
  }
}

.hln-desk-setup {
  --c: var(--hln-color, #ff4f2e);
  font-size: var(--hln-size, 16px);
  position: relative;
  display: grid;
  place-items: center;
  width: 22em;
  height: 12em;
  border-radius: 0.75em;
  background: #f6f5f1;
  overflow: hidden;
  --u: 1px;
}
.hln-desk-setup svg {
  width: 100%;
  height: 100%;
  overflow: visible;
  fill: #ffffff;
  stroke: #1c1d21;
  stroke-width: 1.25;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.hln-desk-setup svg * {
  vector-effect: non-scaling-stroke;
}
.hln-desk-setup-l {
  stroke: #9a9ca3;
}
.hln-desk-setup-a {
  fill: var(--c);
}
.hln-desk-setup-code {
  transform-box: fill-box;
  transform-origin: 0 0;
  animation: hln-desk-setup-code 6s linear infinite;
  animation-delay: var(--delay);
}
.hln-desk-setup-steam {
  stroke: #9a9ca3;
  animation: hln-desk-setup-steam 3s linear infinite;
  animation-delay: var(--delay);
}
@keyframes hln-desk-setup-code {
  0%, 6% { transform: scale(0); opacity: 1; animation-timing-function: steps(6, end); }
  18%, 84% { transform: scale(1); opacity: 1; animation-timing-function: ease-in; }
  92%, 100% { transform: scale(1); opacity: 0; }
}
@keyframes hln-desk-setup-steam {
  0% { opacity: 0; transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); animation-timing-function: ease-out; }
  25% { opacity: 1; transform: translate(calc(var(--u) * 0), calc(var(--u) * -1.5)); animation-timing-function: linear; }
  70% { opacity: 0.7; transform: translate(calc(var(--u) * 0), calc(var(--u) * -4)); animation-timing-function: ease-in; }
  100% { opacity: 0; transform: translate(calc(var(--u) * 0), calc(var(--u) * -5.5)); }
}
@media (prefers-reduced-motion: reduce) {
  .hln-desk-setup * {
    animation-play-state: paused !important;
    animation-delay: calc(var(--delay, 0s) - 2.4s) !important;
  }
}

.hln-flatpack-assembly {
  --c: var(--hln-color, #ff4f2e);
  font-size: var(--hln-size, 16px);
  position: relative;
  display: grid;
  place-items: center;
  width: 22em;
  height: 12em;
  border-radius: 0.75em;
  background: #f6f5f1;
  overflow: hidden;
  --u: 1px;
}
.hln-flatpack-assembly svg {
  width: 100%;
  height: 100%;
  overflow: visible;
  fill: #ffffff;
  stroke: #1c1d21;
  stroke-width: 1.25;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.hln-flatpack-assembly svg * {
  vector-effect: non-scaling-stroke;
}
.hln-flatpack-assembly-l {
  stroke: #9a9ca3;
}
.hln-flatpack-assembly-a {
  fill: var(--c);
}
.hln-flatpack-assembly-back {
  animation: hln-flatpack-assembly-back 8s linear infinite;
}
@keyframes hln-flatpack-assembly-back {
  0% { opacity: 0; transform: translate(calc(var(--u) * 0), calc(var(--u) * -16)); }
  0% { opacity: 0; transform: translate(calc(var(--u) * 0), calc(var(--u) * -16)); animation-timing-function: cubic-bezier(.22, 1, .36, 1); }
  3% { opacity: 1; transform: translate(calc(var(--u) * 0), calc(var(--u) * -4.8)); animation-timing-function: cubic-bezier(.3, 1.45, .5, 1); }
  9%, 86% { opacity: 1; transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); animation-timing-function: cubic-bezier(.5, 0, .8, .4); }
  92%, 100% { opacity: 0; transform: translate(calc(var(--u) * 0), calc(var(--u) * -6)); }
}
.hln-flatpack-assembly-base {
  animation: hln-flatpack-assembly-base 8s linear infinite;
}
@keyframes hln-flatpack-assembly-base {
  0% { opacity: 0; transform: translate(calc(var(--u) * 0), calc(var(--u) * -10)); }
  6% { opacity: 0; transform: translate(calc(var(--u) * 0), calc(var(--u) * -10)); animation-timing-function: cubic-bezier(.22, 1, .36, 1); }
  9% { opacity: 1; transform: translate(calc(var(--u) * 0), calc(var(--u) * -3)); animation-timing-function: cubic-bezier(.3, 1.45, .5, 1); }
  15%, 84.33% { opacity: 1; transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); animation-timing-function: cubic-bezier(.5, 0, .8, .4); }
  90.33%, 100% { opacity: 0; transform: translate(calc(var(--u) * 0), calc(var(--u) * -6)); }
}
.hln-flatpack-assembly-left {
  animation: hln-flatpack-assembly-left 8s linear infinite;
}
@keyframes hln-flatpack-assembly-left {
  0% { opacity: 0; transform: translate(calc(var(--u) * -16), calc(var(--u) * -8)); }
  12% { opacity: 0; transform: translate(calc(var(--u) * -16), calc(var(--u) * -8)); animation-timing-function: cubic-bezier(.22, 1, .36, 1); }
  15% { opacity: 1; transform: translate(calc(var(--u) * -4.8), calc(var(--u) * -2.4)); animation-timing-function: cubic-bezier(.3, 1.45, .5, 1); }
  21%, 82.67% { opacity: 1; transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); animation-timing-function: cubic-bezier(.5, 0, .8, .4); }
  88.67%, 100% { opacity: 0; transform: translate(calc(var(--u) * 0), calc(var(--u) * -6)); }
}
.hln-flatpack-assembly-shelf {
  animation: hln-flatpack-assembly-shelf 8s linear infinite;
}
@keyframes hln-flatpack-assembly-shelf {
  0% { opacity: 0; transform: translate(calc(var(--u) * -16), calc(var(--u) * 8)); }
  18% { opacity: 0; transform: translate(calc(var(--u) * -16), calc(var(--u) * 8)); animation-timing-function: cubic-bezier(.22, 1, .36, 1); }
  21% { opacity: 1; transform: translate(calc(var(--u) * -4.8), calc(var(--u) * 2.4)); animation-timing-function: cubic-bezier(.3, 1.45, .5, 1); }
  27%, 81% { opacity: 1; transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); animation-timing-function: cubic-bezier(.5, 0, .8, .4); }
  87%, 100% { opacity: 0; transform: translate(calc(var(--u) * 0), calc(var(--u) * -6)); }
}
.hln-flatpack-assembly-drawer {
  animation: hln-flatpack-assembly-drawer 8s linear infinite;
}
@keyframes hln-flatpack-assembly-drawer {
  0% { opacity: 0; transform: translate(calc(var(--u) * -18), calc(var(--u) * 9)); }
  36% { opacity: 0; transform: translate(calc(var(--u) * -18), calc(var(--u) * 9)); animation-timing-function: cubic-bezier(.22, 1, .36, 1); }
  39% { opacity: 1; transform: translate(calc(var(--u) * -5.4), calc(var(--u) * 2.7)); animation-timing-function: cubic-bezier(.3, 1.45, .5, 1); }
  45%, 76% { opacity: 1; transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); animation-timing-function: cubic-bezier(.5, 0, .8, .4); }
  82%, 100% { opacity: 0; transform: translate(calc(var(--u) * 0), calc(var(--u) * -6)); }
}
.hln-flatpack-assembly-right {
  animation: hln-flatpack-assembly-right 8s linear infinite;
}
@keyframes hln-flatpack-assembly-right {
  0% { opacity: 0; transform: translate(calc(var(--u) * 16), calc(var(--u) * 8)); }
  24% { opacity: 0; transform: translate(calc(var(--u) * 16), calc(var(--u) * 8)); animation-timing-function: cubic-bezier(.22, 1, .36, 1); }
  27% { opacity: 1; transform: translate(calc(var(--u) * 4.8), calc(var(--u) * 2.4)); animation-timing-function: cubic-bezier(.3, 1.45, .5, 1); }
  33%, 79.33% { opacity: 1; transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); animation-timing-function: cubic-bezier(.5, 0, .8, .4); }
  85.33%, 100% { opacity: 0; transform: translate(calc(var(--u) * 0), calc(var(--u) * -6)); }
}
.hln-flatpack-assembly-top {
  animation: hln-flatpack-assembly-top 8s linear infinite;
}
@keyframes hln-flatpack-assembly-top {
  0% { opacity: 0; transform: translate(calc(var(--u) * 0), calc(var(--u) * -14)); }
  30% { opacity: 0; transform: translate(calc(var(--u) * 0), calc(var(--u) * -14)); animation-timing-function: cubic-bezier(.22, 1, .36, 1); }
  33% { opacity: 1; transform: translate(calc(var(--u) * 0), calc(var(--u) * -4.2)); animation-timing-function: cubic-bezier(.3, 1.45, .5, 1); }
  39%, 77.67% { opacity: 1; transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); animation-timing-function: cubic-bezier(.5, 0, .8, .4); }
  83.67%, 100% { opacity: 0; transform: translate(calc(var(--u) * 0), calc(var(--u) * -6)); }
}
@media (prefers-reduced-motion: reduce) {
  .hln-flatpack-assembly * {
    animation-play-state: paused !important;
    animation-delay: calc(var(--delay, 0s) - 5s) !important;
  }
}

.hln-parking-gate {
  --c: var(--hln-color, #ff4f2e);
  font-size: var(--hln-size, 16px);
  position: relative;
  display: grid;
  place-items: center;
  width: 22em;
  height: 12em;
  border-radius: 0.75em;
  background: #f6f5f1;
  overflow: hidden;
  --u: 1px;
}
.hln-parking-gate svg {
  width: 100%;
  height: 100%;
  overflow: visible;
  fill: #ffffff;
  stroke: #1c1d21;
  stroke-width: 1.25;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.hln-parking-gate svg * {
  vector-effect: non-scaling-stroke;
}
.hln-parking-gate-l {
  stroke: #9a9ca3;
}
.hln-parking-gate-a {
  fill: var(--c);
}
.hln-parking-gate-car {
  animation: hln-parking-gate-car 7s linear infinite;
}
.hln-parking-gate-arm {
  transform-origin: 0 0;
  animation: hln-parking-gate-arm 7s linear infinite;
}
@keyframes hln-parking-gate-car {
  0% { opacity: 1; transform: translate(calc(var(--u) * -80), calc(var(--u) * -40)); animation-timing-function: cubic-bezier(.2, .6, .35, 1.04); }
  22%, 32% { opacity: 1; transform: translate(calc(var(--u) * -46), calc(var(--u) * -23)); animation-timing-function: cubic-bezier(.45, 0, .25, 1.05); }
  54%, 84% { opacity: 1; transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); animation-timing-function: ease-in; }
  92% { opacity: 0; transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); }
  92.1%, 100% { opacity: 1; transform: translate(calc(var(--u) * -80), calc(var(--u) * -40)); }
}
@keyframes hln-parking-gate-arm {
  0%, 22% { transform: rotate(0deg); animation-timing-function: cubic-bezier(.3, 1.45, .5, 1); }
  30%, 54% { transform: rotate(80deg); animation-timing-function: cubic-bezier(.5, 0, .4, 1.2); }
  64%, 100% { transform: rotate(0deg); }
}
@media (prefers-reduced-motion: reduce) {
  .hln-parking-gate * {
    animation-play-state: paused !important;
    animation-delay: calc(var(--delay, 0s) - 5s) !important;
  }
}

.hln-bakery-oven {
  --c: var(--hln-color, #ff4f2e);
  font-size: var(--hln-size, 16px);
  position: relative;
  display: grid;
  place-items: center;
  width: 22em;
  height: 12em;
  border-radius: 0.75em;
  background: #f6f5f1;
  overflow: hidden;
  --u: 1px;
}
.hln-bakery-oven svg {
  width: 100%;
  height: 100%;
  overflow: visible;
  fill: #ffffff;
  stroke: #1c1d21;
  stroke-width: 1.25;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.hln-bakery-oven svg * {
  vector-effect: non-scaling-stroke;
}
.hln-bakery-oven-l {
  stroke: #9a9ca3;
}
.hln-bakery-oven-tray {
  animation: hln-bakery-oven-tray 7s linear infinite;
}
.hln-bakery-oven-door {
  animation: hln-bakery-oven-door 7s linear infinite;
}
.hln-bakery-oven-hand {
  transform-origin: 0 0;
  animation: hln-bakery-oven-hand 7s linear infinite;
}
.hln-bakery-oven-loaf {
  transform-box: fill-box;
  transform-origin: 50% 100%;
  animation: hln-bakery-oven-loaf 7s linear infinite;
}
@keyframes hln-bakery-oven-tray {
  0%, 8% { transform: translate(calc(var(--u) * -8), calc(var(--u) * 4)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  20%, 66% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); animation-timing-function: cubic-bezier(.3, 0, .25, 1.08); }
  80%, 100% { transform: translate(calc(var(--u) * -8), calc(var(--u) * 4)); }
}
@keyframes hln-bakery-oven-door {
  0%, 20% { transform: translate(calc(var(--u) * 0), calc(var(--u) * -13)); animation-timing-function: cubic-bezier(.5, 0, .3, 1.15); }
  27%, 58% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  65%, 100% { transform: translate(calc(var(--u) * 0), calc(var(--u) * -13)); }
}
@keyframes hln-bakery-oven-hand {
  0%, 27% { transform: rotate(0deg); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  58%, 100% { transform: rotate(360deg); }
}
@keyframes hln-bakery-oven-loaf {
  0% { transform: scale(0.7, 0.55); fill: #fff; opacity: 0; animation-timing-function: cubic-bezier(.22, 1, .36, 1); }
  6%, 40% { transform: scale(0.7, 0.55); fill: #fff; opacity: 1; animation-timing-function: cubic-bezier(.3, 1.45, .5, 1); }
  50%, 88% { transform: scale(1); fill: var(--c); opacity: 1; animation-timing-function: ease-in; }
  96%, 100% { transform: scale(1); fill: var(--c); opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .hln-bakery-oven * {
    animation-play-state: paused !important;
    animation-delay: calc(var(--delay, 0s) - 5.8s) !important;
  }
}

.hln-lighthouse-beam {
  --c: var(--hln-color, #ff4f2e);
  font-size: var(--hln-size, 16px);
  position: relative;
  display: grid;
  place-items: center;
  width: 22em;
  height: 12em;
  border-radius: 0.75em;
  background: #f6f5f1;
  overflow: hidden;
  --u: 1px;
}
.hln-lighthouse-beam svg {
  width: 100%;
  height: 100%;
  overflow: visible;
  fill: #ffffff;
  stroke: #1c1d21;
  stroke-width: 1.25;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.hln-lighthouse-beam svg * {
  vector-effect: non-scaling-stroke;
}
.hln-lighthouse-beam-l {
  stroke: #9a9ca3;
}
.hln-lighthouse-beam-a {
  fill: var(--c);
}
.hln-lighthouse-beam-beam {
  fill: var(--c);
  fill-opacity: 0.14;
  stroke: var(--c);
  stroke-opacity: 0.7;
}
.hln-lighthouse-beam-spin {
  animation: hln-lighthouse-beam-spin 8s linear infinite;
}
.hln-lighthouse-beam-boat {
  animation: hln-lighthouse-beam-boat 8s linear infinite;
}
.hln-lighthouse-beam-bob {
  animation: hln-lighthouse-beam-bob 2s linear infinite;
}
@keyframes hln-lighthouse-beam-spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes hln-lighthouse-beam-boat {
  0% { opacity: 0; transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); }
  10% { opacity: 1; transform: translate(calc(var(--u) * 8), calc(var(--u) * 4)); }
  90% { opacity: 1; transform: translate(calc(var(--u) * 72), calc(var(--u) * 36)); }
  100% { opacity: 0; transform: translate(calc(var(--u) * 80), calc(var(--u) * 40)); }
}
@keyframes hln-lighthouse-beam-bob {
  0%, 100% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); animation-timing-function: cubic-bezier(.37, 0, .63, 1); }
  50% { transform: translate(calc(var(--u) * 0), calc(var(--u) * -0.7)); animation-timing-function: cubic-bezier(.37, 0, .63, 1); }
}
@media (prefers-reduced-motion: reduce) {
  .hln-lighthouse-beam * {
    animation-play-state: paused !important;
    animation-delay: calc(var(--delay, 0s) - 1.2s) !important;
  }
}

.hln-gantry-picker {
  --c: var(--hln-color, #ff4f2e);
  font-size: var(--hln-size, 16px);
  position: relative;
  display: grid;
  place-items: center;
  width: 22em;
  height: 12em;
  border-radius: 0.75em;
  background: #f6f5f1;
  overflow: hidden;
  --u: 1px;
}
.hln-gantry-picker svg {
  width: 100%;
  height: 100%;
  overflow: visible;
  fill: #ffffff;
  stroke: #1c1d21;
  stroke-width: 1.25;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.hln-gantry-picker svg * {
  vector-effect: non-scaling-stroke;
}
.hln-gantry-picker-l {
  stroke: #9a9ca3;
}
.hln-gantry-picker-a {
  fill: var(--c);
}
.hln-gantry-picker-bx {
  animation: hln-gantry-picker-bx 6s linear infinite;
}
.hln-gantry-picker-cy {
  animation: hln-gantry-picker-cy 6s linear infinite;
}
.hln-gantry-picker-bz {
  animation: hln-gantry-picker-bz 6s linear infinite;
}
.hln-gantry-picker-part {
  animation: hln-gantry-picker-part 6s linear infinite;
}
.hln-gantry-picker-pop {
  transform-box: fill-box;
  transform-origin: 50% 100%;
  animation: hln-gantry-picker-pop 6s linear infinite;
}
@keyframes hln-gantry-picker-bx {
  0% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); animation-timing-function: cubic-bezier(.4, 0, .3, 1.1); }
  8% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); }
  12% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  22% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  34% { transform: translate(calc(var(--u) * 26), calc(var(--u) * 13)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  42% { transform: translate(calc(var(--u) * 26), calc(var(--u) * 13)); animation-timing-function: cubic-bezier(.4, 0, .3, 1.1); }
  50% { transform: translate(calc(var(--u) * 26), calc(var(--u) * 13)); }
  54% { transform: translate(calc(var(--u) * 26), calc(var(--u) * 13)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  62% { transform: translate(calc(var(--u) * 26), calc(var(--u) * 13)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  70% { transform: translate(calc(var(--u) * 26), calc(var(--u) * 13)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  80% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); }
  100% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); }
}
@keyframes hln-gantry-picker-cy {
  0% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); animation-timing-function: cubic-bezier(.4, 0, .3, 1.1); }
  8% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); }
  12% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  22% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  34% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  42% { transform: translate(calc(var(--u) * -10), calc(var(--u) * 5)); animation-timing-function: cubic-bezier(.4, 0, .3, 1.1); }
  50% { transform: translate(calc(var(--u) * -10), calc(var(--u) * 5)); }
  54% { transform: translate(calc(var(--u) * -10), calc(var(--u) * 5)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  62% { transform: translate(calc(var(--u) * -10), calc(var(--u) * 5)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  70% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  80% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); }
  100% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); }
}
@keyframes hln-gantry-picker-bz {
  0% { transform: translate(calc(var(--u) * 0), calc(var(--u) * -8)); animation-timing-function: cubic-bezier(.4, 0, .3, 1.1); }
  8% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); }
  12% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  22% { transform: translate(calc(var(--u) * 0), calc(var(--u) * -8)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  34% { transform: translate(calc(var(--u) * 0), calc(var(--u) * -8)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  42% { transform: translate(calc(var(--u) * 0), calc(var(--u) * -8)); animation-timing-function: cubic-bezier(.4, 0, .3, 1.1); }
  50% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); }
  54% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  62% { transform: translate(calc(var(--u) * 0), calc(var(--u) * -8)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  70% { transform: translate(calc(var(--u) * 0), calc(var(--u) * -8)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  80% { transform: translate(calc(var(--u) * 0), calc(var(--u) * -8)); }
  100% { transform: translate(calc(var(--u) * 0), calc(var(--u) * -8)); }
}
@keyframes hln-gantry-picker-part {
  0% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); animation-timing-function: cubic-bezier(.4, 0, .3, 1.1); }
  8% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); }
  12% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  22% { transform: translate(calc(var(--u) * 0), calc(var(--u) * -8)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  34% { transform: translate(calc(var(--u) * 26), calc(var(--u) * 5)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  42% { transform: translate(calc(var(--u) * 16), calc(var(--u) * 10)); animation-timing-function: cubic-bezier(.4, 0, .3, 1.1); }
  50% { transform: translate(calc(var(--u) * 16), calc(var(--u) * 18)); }
  54% { transform: translate(calc(var(--u) * 16), calc(var(--u) * 18)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  89.9% { transform: translate(calc(var(--u) * 16), calc(var(--u) * 18)); }
  90%, 100% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); }
}
@keyframes hln-gantry-picker-pop {
  0%, 84% { transform: scale(1); opacity: 1; animation-timing-function: ease-in; }
  90% { transform: scale(1); opacity: 0; }
  90.1% { transform: scale(0); opacity: 1; animation-timing-function: cubic-bezier(.3, 1.45, .5, 1); }
  97%, 100% { transform: scale(1); opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
  .hln-gantry-picker * {
    animation-play-state: paused !important;
    animation-delay: calc(var(--delay, 0s) - 3.4s) !important;
  }
}

.hln-forklift-rack {
  --c: var(--hln-color, #ff4f2e);
  font-size: var(--hln-size, 16px);
  position: relative;
  display: grid;
  place-items: center;
  width: 22em;
  height: 12em;
  border-radius: 0.75em;
  background: #f6f5f1;
  overflow: hidden;
  --u: 1px;
}
.hln-forklift-rack svg {
  width: 100%;
  height: 100%;
  overflow: visible;
  fill: #ffffff;
  stroke: #1c1d21;
  stroke-width: 1.25;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.hln-forklift-rack svg * {
  vector-effect: non-scaling-stroke;
}
.hln-forklift-rack-l {
  stroke: #9a9ca3;
}
.hln-forklift-rack-a {
  fill: var(--c);
}
.hln-forklift-rack-truck {
  animation: hln-forklift-rack-truck 8s linear infinite;
}
.hln-forklift-rack-lift {
  animation: hln-forklift-rack-lift 8s linear infinite;
}
.hln-forklift-rack-load {
  animation: hln-forklift-rack-load 8s linear infinite;
}
@keyframes hln-forklift-rack-truck {
  0% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  5% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); animation-timing-function: cubic-bezier(.22, 1, .36, 1); }
  13% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  27% { transform: translate(calc(var(--u) * 26), calc(var(--u) * 13)); animation-timing-function: cubic-bezier(.25, 1.2, .4, 1); }
  31% { transform: translate(calc(var(--u) * 26), calc(var(--u) * 13)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  32% { transform: translate(calc(var(--u) * 26), calc(var(--u) * 13)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  42% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  48% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); }
  54% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); animation-timing-function: cubic-bezier(.22, 1, .36, 1); }
  59% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  70% { transform: translate(calc(var(--u) * 26), calc(var(--u) * 13)); animation-timing-function: cubic-bezier(.25, 1.2, .4, 1); }
  72% { transform: translate(calc(var(--u) * 26), calc(var(--u) * 13)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  75% { transform: translate(calc(var(--u) * 26), calc(var(--u) * 13)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  86% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); animation-timing-function: cubic-bezier(.22, 1, .36, 1); }
  94% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); }
  100% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); }
}
@keyframes hln-forklift-rack-lift {
  0% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  5% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); animation-timing-function: cubic-bezier(.22, 1, .36, 1); }
  13% { transform: translate(calc(var(--u) * 0), calc(var(--u) * -11.2)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  27% { transform: translate(calc(var(--u) * 0), calc(var(--u) * -11.2)); animation-timing-function: cubic-bezier(.25, 1.2, .4, 1); }
  31% { transform: translate(calc(var(--u) * 0), calc(var(--u) * -10.2)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  32% { transform: translate(calc(var(--u) * 0), calc(var(--u) * -10.2)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  42% { transform: translate(calc(var(--u) * 0), calc(var(--u) * -10.2)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  48% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); }
  54% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); animation-timing-function: cubic-bezier(.22, 1, .36, 1); }
  59% { transform: translate(calc(var(--u) * 0), calc(var(--u) * -10.2)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  70% { transform: translate(calc(var(--u) * 0), calc(var(--u) * -10.2)); animation-timing-function: cubic-bezier(.25, 1.2, .4, 1); }
  72% { transform: translate(calc(var(--u) * 0), calc(var(--u) * -10.2)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  75% { transform: translate(calc(var(--u) * 0), calc(var(--u) * -11.2)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  86% { transform: translate(calc(var(--u) * 0), calc(var(--u) * -11.2)); animation-timing-function: cubic-bezier(.22, 1, .36, 1); }
  94% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); }
  100% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); }
}
@keyframes hln-forklift-rack-load {
  0% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  5% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); animation-timing-function: cubic-bezier(.22, 1, .36, 1); }
  13% { transform: translate(calc(var(--u) * 0), calc(var(--u) * -11.2)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  27% { transform: translate(calc(var(--u) * 26), calc(var(--u) * 1.8)); animation-timing-function: cubic-bezier(.25, 1.2, .4, 1); }
  31% { transform: translate(calc(var(--u) * 26), calc(var(--u) * 2.8)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  32% { transform: translate(calc(var(--u) * 26), calc(var(--u) * 2.8)); }
  42% { transform: translate(calc(var(--u) * 26), calc(var(--u) * 2.8)); }
  48% { transform: translate(calc(var(--u) * 26), calc(var(--u) * 2.8)); }
  54% { transform: translate(calc(var(--u) * 26), calc(var(--u) * 2.8)); }
  59% { transform: translate(calc(var(--u) * 26), calc(var(--u) * 2.8)); }
  70% { transform: translate(calc(var(--u) * 26), calc(var(--u) * 2.8)); }
  72% { transform: translate(calc(var(--u) * 26), calc(var(--u) * 2.8)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  75% { transform: translate(calc(var(--u) * 26), calc(var(--u) * 1.8)); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  86% { transform: translate(calc(var(--u) * 0), calc(var(--u) * -11.2)); animation-timing-function: cubic-bezier(.22, 1, .36, 1); }
  94% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); }
  100% { transform: translate(calc(var(--u) * 0), calc(var(--u) * 0)); }
}
@media (prefers-reduced-motion: reduce) {
  .hln-forklift-rack * {
    animation-play-state: paused !important;
    animation-delay: calc(var(--delay, 0s) - 3.6s) !important;
  }
}

.hln-architecture-stack {
  --c: var(--hln-color, #ff4f2e);
  font-size: var(--hln-size, 16px);
  position: relative;
  display: grid;
  place-items: center;
  width: 22em;
  height: 12em;
  border-radius: 0.75em;
  background: #f6f5f1;
  overflow: hidden;
  --u: 1px;
}
.hln-architecture-stack svg {
  width: 100%;
  height: 100%;
  overflow: visible;
  fill: #ffffff;
  stroke: #1c1d21;
  stroke-width: 1.25;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.hln-architecture-stack svg * {
  vector-effect: non-scaling-stroke;
}
.hln-architecture-stack .hln-architecture-stack-in {
  stroke: #9a9ca3;
}
.hln-architecture-stack .hln-architecture-stack-wire {
  stroke: #9a9ca3;
  transform-box: fill-box;
  transform-origin: 50% 100%;
  animation: hln-architecture-stack-grow 5.6s infinite;
}
.hln-architecture-stack .hln-architecture-stack-mid {
  animation: hln-architecture-stack-mid 5.6s infinite;
}
.hln-architecture-stack .hln-architecture-stack-top {
  animation: hln-architecture-stack-top 5.6s infinite;
}
.hln-architecture-stack .hln-architecture-stack-dot {
  fill: var(--c);
  stroke: none;
  opacity: 0;
  animation: hln-architecture-stack-dot 5.6s infinite;
}
@keyframes hln-architecture-stack-mid {
  0%, 100% { translate: 0 0; animation-timing-function: cubic-bezier(0.65, 0, 0.35, 1); }
  4% { translate: 0 0; animation-timing-function: cubic-bezier(0.3, 0, 0.2, 1); }
  15% { translate: 0 calc(-13.08 * var(--u)); animation-timing-function: ease-in-out; }
  21% { translate: 0 calc(-11.76 * var(--u)); animation-timing-function: ease-in-out; }
  26%, 74% { translate: 0 calc(-12 * var(--u)); animation-timing-function: cubic-bezier(0.65, 0, 0.35, 1); }
  88% { translate: 0 0; }
}
@keyframes hln-architecture-stack-top {
  0%, 100% { translate: 0 0; animation-timing-function: cubic-bezier(0.65, 0, 0.35, 1); }
  4% { translate: 0 0; animation-timing-function: cubic-bezier(0.3, 0, 0.2, 1); }
  15% { translate: 0 calc(-26.16 * var(--u)); animation-timing-function: ease-in-out; }
  21% { translate: 0 calc(-23.52 * var(--u)); animation-timing-function: ease-in-out; }
  26%, 74% { translate: 0 calc(-24 * var(--u)); animation-timing-function: cubic-bezier(0.65, 0, 0.35, 1); }
  88% { translate: 0 0; }
}
@keyframes hln-architecture-stack-grow {
  0%, 100% { scale: 1 0.14; animation-timing-function: cubic-bezier(0.65, 0, 0.35, 1); }
  4% { scale: 1 0.14; animation-timing-function: cubic-bezier(0.3, 0, 0.2, 1); }
  15% { scale: 1 1.08; animation-timing-function: ease-in-out; }
  21% { scale: 1 0.98; animation-timing-function: ease-in-out; }
  26%, 74% { scale: 1 1; animation-timing-function: cubic-bezier(0.65, 0, 0.35, 1); }
  88% { scale: 1 0.14; }
}
@keyframes hln-architecture-stack-dot {
  0%, 24% { opacity: 0; translate: 0 calc(-19 * var(--u)); animation-timing-function: ease-out; }
  28% { opacity: 1; translate: 0 calc(-19 * var(--u)); animation-timing-function: cubic-bezier(0.65, 0, 0.35, 1); }
  40%, 46% { opacity: 1; translate: 0 0; animation-timing-function: cubic-bezier(0.65, 0, 0.35, 1); }
  58% { opacity: 1; translate: 0 calc(19 * var(--u)); animation-timing-function: ease-in; }
  64%, 100% { opacity: 0; translate: 0 calc(19 * var(--u)); }
}
@media (prefers-reduced-motion: reduce) {
  .hln-architecture-stack * {
    animation: none !important;
  }
  .hln-architecture-stack .hln-architecture-stack-mid { translate: 0 calc(-12 * var(--u)); }
  .hln-architecture-stack .hln-architecture-stack-top { translate: 0 calc(-24 * var(--u)); }
  .hln-architecture-stack .hln-architecture-stack-dot { opacity: 1; }
}

.hln-database-sync {
  --c: var(--hln-color, #ff4f2e);
  font-size: var(--hln-size, 16px);
  position: relative;
  display: grid;
  place-items: center;
  width: 22em;
  height: 12em;
  border-radius: 0.75em;
  background: #f6f5f1;
  overflow: hidden;
  --u: 1px;
}
.hln-database-sync svg {
  width: 100%;
  height: 100%;
  overflow: visible;
  fill: #ffffff;
  stroke: #1c1d21;
  stroke-width: 1.25;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.hln-database-sync svg * {
  vector-effect: non-scaling-stroke;
}
.hln-database-sync .hln-database-sync-in {
  stroke: #9a9ca3;
}
.hln-database-sync .hln-database-sync-move {
  translate: calc(-19.5 * var(--u)) calc(-9.75 * var(--u));
  animation: hln-database-sync-move 6s infinite;
}
.hln-database-sync .hln-database-sync-pkt {
  transform-box: fill-box;
  transform-origin: 50% 80%;
  animation: hln-database-sync-pkt 6s infinite;
}
.hln-database-sync .hln-database-sync-pkt polygon {
  fill: var(--c);
}
.hln-database-sync .hln-database-sync-ring {
  fill: none;
  stroke: var(--c);
  opacity: 0;
  transform-box: fill-box;
  transform-origin: 50% 50%;
}
.hln-database-sync .hln-database-sync-ring-b {
  animation: hln-database-sync-ring 6s infinite;
}
.hln-database-sync .hln-database-sync-ring-a {
  animation: hln-database-sync-ring 6s 3s infinite;
}
@keyframes hln-database-sync-move {
  0%, 8% { translate: calc(-19.5 * var(--u)) calc(-9.75 * var(--u)); animation-timing-function: cubic-bezier(0.65, 0, 0.35, 1); }
  30%, 58% { translate: calc(19.5 * var(--u)) calc(9.75 * var(--u)); animation-timing-function: cubic-bezier(0.65, 0, 0.35, 1); }
  80%, 100% { translate: calc(-19.5 * var(--u)) calc(-9.75 * var(--u)); }
}
@keyframes hln-database-sync-pkt {
  0% { scale: 0; animation-timing-function: cubic-bezier(0.3, 1.45, 0.45, 1); }
  8%, 28% { scale: 1; animation-timing-function: ease-in; }
  33%, 50% { scale: 0; animation-timing-function: cubic-bezier(0.3, 1.45, 0.45, 1); }
  58%, 78% { scale: 1; animation-timing-function: ease-in; }
  83%, 100% { scale: 0; }
}
@keyframes hln-database-sync-ring {
  0%, 30% { opacity: 0; scale: 1; }
  31% { opacity: 1; scale: 1; animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); }
  46%, 100% { opacity: 0; scale: 1.5; }
}
@media (prefers-reduced-motion: reduce) {
  .hln-database-sync * {
    animation: none !important;
  }
  .hln-database-sync .hln-database-sync-move { translate: 0 0; }
}

.hln-bar-chart-rise {
  --c: var(--hln-color, #ff4f2e);
  font-size: var(--hln-size, 16px);
  position: relative;
  display: grid;
  place-items: center;
  width: 22em;
  height: 12em;
  border-radius: 0.75em;
  background: #f6f5f1;
  overflow: hidden;
  --u: 1px;
}
.hln-bar-chart-rise svg {
  width: 100%;
  height: 100%;
  overflow: visible;
  fill: #ffffff;
  stroke: #1c1d21;
  stroke-width: 1.25;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.hln-bar-chart-rise svg * {
  vector-effect: non-scaling-stroke;
}
.hln-bar-chart-rise .hln-bar-chart-rise-in {
  stroke: #9a9ca3;
}
.hln-bar-chart-rise .hln-bar-chart-rise-bar {
  animation: hln-bar-chart-rise-rise 5s infinite;
}
.hln-bar-chart-rise .hln-bar-chart-rise-hot polygon:last-child {
  fill: var(--c);
}
@keyframes hln-bar-chart-rise-rise {
  0%, 100% { translate: 0 calc(var(--h) * var(--u)); animation-timing-function: cubic-bezier(0.3, 0, 0.2, 1); }
  13% { translate: 0 calc(var(--h) * -0.07 * var(--u)); animation-timing-function: ease-in-out; }
  19% { translate: 0 calc(var(--h) * 0.02 * var(--u)); animation-timing-function: ease-in-out; }
  24%, 72% { translate: 0 0; animation-timing-function: cubic-bezier(0.55, 0, 0.75, 0.3); }
  86% { translate: 0 calc(var(--h) * var(--u)); }
}
@media (prefers-reduced-motion: reduce) {
  .hln-bar-chart-rise * {
    animation: none !important;
  }
}

.hln-pie-slice-lift {
  --c: var(--hln-color, #ff4f2e);
  font-size: var(--hln-size, 16px);
  position: relative;
  display: grid;
  place-items: center;
  width: 22em;
  height: 12em;
  border-radius: 0.75em;
  background: #f6f5f1;
  overflow: hidden;
  --u: 1px;
}
.hln-pie-slice-lift svg {
  width: 100%;
  height: 100%;
  overflow: visible;
  fill: #ffffff;
  stroke: #1c1d21;
  stroke-width: 1.25;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.hln-pie-slice-lift svg * {
  vector-effect: non-scaling-stroke;
}
.hln-pie-slice-lift .hln-pie-slice-lift-in {
  stroke: #9a9ca3;
}
.hln-pie-slice-lift .hln-pie-slice-lift-hot {
  fill: var(--c);
}
.hln-pie-slice-lift .hln-pie-slice-lift-slice {
  animation: hln-pie-slice-lift-out 5s infinite;
}
@keyframes hln-pie-slice-lift-out {
  0% { translate: 0 0; }
  8% { translate: 0 0; animation-timing-function: cubic-bezier(0.3, 0, 0.2, 1); }
  17.9% { translate: 0 calc(8.53 * var(--u)); animation-timing-function: ease-in-out; }
  22.4% { translate: 0 calc(7.74 * var(--u)); animation-timing-function: ease-in-out; }
  26% { translate: 0 calc(7.9 * var(--u)); }
  70% { translate: 0 calc(7.9 * var(--u)); animation-timing-function: cubic-bezier(0.65, 0, 0.35, 1); }
  84% { translate: 0 0; }
  100% { translate: 0 0; }
}
@media (prefers-reduced-motion: reduce) {
  .hln-pie-slice-lift * {
    animation: none !important;
  }
  .hln-pie-slice-lift .hln-pie-slice-lift-slice { translate: 0 calc(7.9 * var(--u)); }
}

.hln-network-packet {
  --c: var(--hln-color, #ff4f2e);
  font-size: var(--hln-size, 16px);
  position: relative;
  display: grid;
  place-items: center;
  width: 22em;
  height: 12em;
  border-radius: 0.75em;
  background: #f6f5f1;
  overflow: hidden;
  --u: 1px;
}
.hln-network-packet svg {
  width: 100%;
  height: 100%;
  overflow: visible;
  fill: #ffffff;
  stroke: #1c1d21;
  stroke-width: 1.25;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.hln-network-packet svg * {
  vector-effect: non-scaling-stroke;
}
.hln-network-packet .hln-network-packet-in {
  stroke: #9a9ca3;
}
.hln-network-packet .hln-network-packet-move {
  translate: 0 calc(-24 * var(--u));
  animation: hln-network-packet-move 5.6s infinite;
}
.hln-network-packet .hln-network-packet-pkt {
  transform-box: fill-box;
  transform-origin: 50% 80%;
  animation: hln-network-packet-pkt 5.6s infinite;
}
.hln-network-packet .hln-network-packet-pkt polygon {
  fill: var(--c);
}
.hln-network-packet .hln-network-packet-ping {
  fill: none;
  stroke: var(--c);
  opacity: 0;
  transform-box: fill-box;
  transform-origin: 50% 50%;
  animation: hln-network-packet-ping 5.6s infinite;
}
@keyframes hln-network-packet-move {
  0% { translate: 0 calc(-24 * var(--u)); }
  12% { translate: 0 calc(-24 * var(--u)); animation-timing-function: cubic-bezier(0.65, 0, 0.35, 1); }
  32% { translate: calc(48 * var(--u)) 0; }
  38% { translate: calc(48 * var(--u)) 0; animation-timing-function: cubic-bezier(0.65, 0, 0.35, 1); }
  58% { translate: 0 calc(24 * var(--u)); }
  100% { translate: 0 calc(24 * var(--u)); }
}
@keyframes hln-network-packet-pkt {
  0%, 2% { scale: 0; animation-timing-function: cubic-bezier(0.3, 1.45, 0.45, 1); }
  10%, 58% { scale: 1; animation-timing-function: ease-in; }
  63%, 100% { scale: 0; }
}
@keyframes hln-network-packet-ping {
  0%, 59% { opacity: 0; scale: 0.6; }
  60% { opacity: 1; scale: 0.6; animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); }
  80%, 100% { opacity: 0; scale: 1.5; }
}
@media (prefers-reduced-motion: reduce) {
  .hln-network-packet * {
    animation: none !important;
  }
  .hln-network-packet .hln-network-packet-move { translate: calc(48 * var(--u)) 0; }
}

.hln-api-round-trip {
  --c: var(--hln-color, #ff4f2e);
  font-size: var(--hln-size, 16px);
  position: relative;
  display: grid;
  place-items: center;
  width: 22em;
  height: 12em;
  border-radius: 0.75em;
  background: #f6f5f1;
  overflow: hidden;
  --u: 1px;
}
.hln-api-round-trip svg {
  width: 100%;
  height: 100%;
  overflow: visible;
  fill: #ffffff;
  stroke: #1c1d21;
  stroke-width: 1.25;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.hln-api-round-trip svg * {
  vector-effect: non-scaling-stroke;
}
.hln-api-round-trip .hln-api-round-trip-in {
  stroke: #9a9ca3;
}
.hln-api-round-trip .hln-api-round-trip-move {
  translate: calc(-15 * var(--u)) calc(-7.5 * var(--u));
  animation: hln-api-round-trip-move 6s infinite;
}
.hln-api-round-trip .hln-api-round-trip-pkt {
  transform-box: fill-box;
  transform-origin: 50% 50%;
  animation: hln-api-round-trip-pkt 6s infinite;
}
.hln-api-round-trip .hln-api-round-trip-pkt polygon {
  fill: var(--c);
}
.hln-api-round-trip .hln-api-round-trip-led {
  fill: #ffffff;
  animation: hln-api-round-trip-led 6s infinite;
}
.hln-api-round-trip .hln-api-round-trip-text {
  transform-box: fill-box;
  scale: 0 1;
  animation: hln-api-round-trip-text 6s infinite;
}
.hln-api-round-trip .hln-api-round-trip-t1 {
  animation-delay: 0.12s;
}
.hln-api-round-trip .hln-api-round-trip-t2 {
  animation-delay: 0.24s;
}
@keyframes hln-api-round-trip-move {
  0% { translate: calc(-15 * var(--u)) calc(-7.5 * var(--u)); }
  9% { translate: calc(-15 * var(--u)) calc(-7.5 * var(--u)); animation-timing-function: cubic-bezier(0.65, 0, 0.35, 1); }
  29% { translate: calc(13 * var(--u)) calc(6.5 * var(--u)); }
  49% { translate: calc(13 * var(--u)) calc(6.5 * var(--u)); animation-timing-function: cubic-bezier(0.65, 0, 0.35, 1); }
  69% { translate: calc(-15 * var(--u)) calc(-7.5 * var(--u)); }
  100% { translate: calc(-15 * var(--u)) calc(-7.5 * var(--u)); }
}
@keyframes hln-api-round-trip-pkt {
  0%, 2% { scale: 0; animation-timing-function: cubic-bezier(0.3, 1.45, 0.45, 1); }
  9%, 29% { scale: 1; animation-timing-function: ease-in; }
  33%, 42% { scale: 0; animation-timing-function: cubic-bezier(0.3, 1.45, 0.45, 1); }
  49%, 69% { scale: 1; animation-timing-function: ease-in; }
  73%, 100% { scale: 0; }
}
@keyframes hln-api-round-trip-led {
  0%, 31% { fill: #ffffff; }
  33%, 44% { fill: var(--c); }
  52%, 100% { fill: #ffffff; }
}
@keyframes hln-api-round-trip-text {
  0%, 71% { scale: 0 1; opacity: 1; animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); }
  80%, 90% { scale: 1; opacity: 1; }
  97%, 100% { scale: 1; opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .hln-api-round-trip * {
    animation: none !important;
  }
  .hln-api-round-trip .hln-api-round-trip-text { scale: 1; }
  .hln-api-round-trip .hln-api-round-trip-move { translate: calc(-1 * var(--u)) calc(-0.5 * var(--u)); }
}

.hln-ci-pipeline {
  --c: var(--hln-color, #ff4f2e);
  font-size: var(--hln-size, 16px);
  position: relative;
  display: grid;
  place-items: center;
  width: 22em;
  height: 12em;
  border-radius: 0.75em;
  background: #f6f5f1;
  overflow: hidden;
  --u: 1px;
}
.hln-ci-pipeline svg {
  width: 100%;
  height: 100%;
  overflow: visible;
  fill: #ffffff;
  stroke: #1c1d21;
  stroke-width: 1.25;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.hln-ci-pipeline svg * {
  vector-effect: non-scaling-stroke;
}
.hln-ci-pipeline .hln-ci-pipeline-in {
  stroke: #9a9ca3;
}
.hln-ci-pipeline .hln-ci-pipeline-lamp {
  fill: var(--c);
  stroke: var(--c);
  opacity: 0;
}
.hln-ci-pipeline .hln-ci-pipeline-check {
  stroke-width: 1.6;
  transform-box: fill-box;
  transform-origin: 30% 80%;
  scale: 0;
}
.hln-ci-pipeline .hln-ci-pipeline-dot {
  fill: var(--c);
  stroke: none;
  opacity: 0;
  animation: hln-ci-pipeline-dot 6s infinite;
}
.hln-ci-pipeline .hln-ci-pipeline-d1 {
  animation-delay: 1.5s;
}
.hln-ci-pipeline .hln-ci-pipeline-b0 {
  animation: hln-ci-pipeline-b0 6s infinite;
}
.hln-ci-pipeline .hln-ci-pipeline-b0 .hln-ci-pipeline-lamp {
  animation: hln-ci-pipeline-l0 6s infinite;
}
.hln-ci-pipeline .hln-ci-pipeline-b0 .hln-ci-pipeline-check {
  animation: hln-ci-pipeline-c0 6s infinite;
}
.hln-ci-pipeline .hln-ci-pipeline-b1 {
  animation: hln-ci-pipeline-b1 6s infinite;
}
.hln-ci-pipeline .hln-ci-pipeline-b1 .hln-ci-pipeline-lamp {
  animation: hln-ci-pipeline-l1 6s infinite;
}
.hln-ci-pipeline .hln-ci-pipeline-b1 .hln-ci-pipeline-check {
  animation: hln-ci-pipeline-c1 6s infinite;
}
.hln-ci-pipeline .hln-ci-pipeline-b2 {
  animation: hln-ci-pipeline-b2 6s infinite;
}
.hln-ci-pipeline .hln-ci-pipeline-b2 .hln-ci-pipeline-lamp {
  animation: hln-ci-pipeline-l2 6s infinite;
}
.hln-ci-pipeline .hln-ci-pipeline-b2 .hln-ci-pipeline-check {
  animation: hln-ci-pipeline-c2 6s infinite;
}
@keyframes hln-ci-pipeline-b0 {
  0% { translate: 0 0; }
  5% { translate: 0 0; animation-timing-function: cubic-bezier(0.3, 0, 0.2, 1); }
  9.95% { translate: 0 calc(-4.32 * var(--u)); animation-timing-function: ease-in-out; }
  12.2% { translate: 0 calc(-3.92 * var(--u)); animation-timing-function: ease-in-out; }
  14% { translate: 0 calc(-4 * var(--u)); }
  24% { translate: 0 calc(-4 * var(--u)); animation-timing-function: cubic-bezier(0.65, 0, 0.35, 1); }
  29% { translate: 0 0; }
  100% { translate: 0 0; }
}
@keyframes hln-ci-pipeline-l0 {
  0%, 5% { opacity: 0; }
  8%, 24% { opacity: 1; }
  28%, 100% { opacity: 0; }
}
@keyframes hln-ci-pipeline-c0 {
  0%, 26% { scale: 0; opacity: 1; animation-timing-function: cubic-bezier(0.3, 1.45, 0.45, 1); }
  33%, 88% { scale: 1; opacity: 1; }
  95%, 100% { scale: 1; opacity: 0; }
}
@keyframes hln-ci-pipeline-b1 {
  0% { translate: 0 0; }
  30% { translate: 0 0; animation-timing-function: cubic-bezier(0.3, 0, 0.2, 1); }
  34.95% { translate: 0 calc(-4.32 * var(--u)); animation-timing-function: ease-in-out; }
  37.2% { translate: 0 calc(-3.92 * var(--u)); animation-timing-function: ease-in-out; }
  39% { translate: 0 calc(-4 * var(--u)); }
  49% { translate: 0 calc(-4 * var(--u)); animation-timing-function: cubic-bezier(0.65, 0, 0.35, 1); }
  54% { translate: 0 0; }
  100% { translate: 0 0; }
}
@keyframes hln-ci-pipeline-l1 {
  0%, 30% { opacity: 0; }
  33%, 49% { opacity: 1; }
  53%, 100% { opacity: 0; }
}
@keyframes hln-ci-pipeline-c1 {
  0%, 51% { scale: 0; opacity: 1; animation-timing-function: cubic-bezier(0.3, 1.45, 0.45, 1); }
  58%, 88% { scale: 1; opacity: 1; }
  95%, 100% { scale: 1; opacity: 0; }
}
@keyframes hln-ci-pipeline-b2 {
  0% { translate: 0 0; }
  55% { translate: 0 0; animation-timing-function: cubic-bezier(0.3, 0, 0.2, 1); }
  59.95% { translate: 0 calc(-4.32 * var(--u)); animation-timing-function: ease-in-out; }
  62.2% { translate: 0 calc(-3.92 * var(--u)); animation-timing-function: ease-in-out; }
  64% { translate: 0 calc(-4 * var(--u)); }
  74% { translate: 0 calc(-4 * var(--u)); animation-timing-function: cubic-bezier(0.65, 0, 0.35, 1); }
  79% { translate: 0 0; }
  100% { translate: 0 0; }
}
@keyframes hln-ci-pipeline-l2 {
  0%, 55% { opacity: 0; }
  58%, 74% { opacity: 1; }
  78%, 100% { opacity: 0; }
}
@keyframes hln-ci-pipeline-c2 {
  0%, 76% { scale: 0; opacity: 1; animation-timing-function: cubic-bezier(0.3, 1.45, 0.45, 1); }
  83%, 88% { scale: 1; opacity: 1; }
  95%, 100% { scale: 1; opacity: 0; }
}
@keyframes hln-ci-pipeline-dot {
  0%, 23% { opacity: 0; translate: 0 0; }
  24% { opacity: 1; translate: 0 0; animation-timing-function: cubic-bezier(0.65, 0, 0.35, 1); }
  30% { opacity: 1; translate: calc(10 * var(--u)) calc(5 * var(--u)); }
  31%, 100% { opacity: 0; translate: calc(10 * var(--u)) calc(5 * var(--u)); }
}
@media (prefers-reduced-motion: reduce) {
  .hln-ci-pipeline * {
    animation: none !important;
  }
  .hln-ci-pipeline .hln-ci-pipeline-check { scale: 1; }
}

.hln-pods-scale-out {
  --c: var(--hln-color, #ff4f2e);
  font-size: var(--hln-size, 16px);
  position: relative;
  display: grid;
  place-items: center;
  width: 22em;
  height: 12em;
  border-radius: 0.75em;
  background: #f6f5f1;
  overflow: hidden;
  --u: 1px;
}
.hln-pods-scale-out svg {
  width: 100%;
  height: 100%;
  overflow: visible;
  fill: #ffffff;
  stroke: #1c1d21;
  stroke-width: 1.25;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.hln-pods-scale-out svg * {
  vector-effect: non-scaling-stroke;
}
.hln-pods-scale-out .hln-pods-scale-out-in {
  stroke: #9a9ca3;
}
.hln-pods-scale-out .hln-pods-scale-out-pod {
  transform-box: fill-box;
  transform-origin: 50% 100%;
  animation: hln-pods-scale-out-pod 6s var(--d) infinite;
}
.hln-pods-scale-out .hln-pods-scale-out-pod > g > polygon:last-child {
  animation: hln-pods-scale-out-flash 6s var(--d) infinite;
}
@keyframes hln-pods-scale-out-pod {
  0%, 8% { scale: 0; animation-timing-function: cubic-bezier(0.3, 1.45, 0.45, 1); }
  18%, 70% { scale: 1; animation-timing-function: cubic-bezier(0.55, 0, 0.75, 0.3); }
  76%, 100% { scale: 0; }
}
@keyframes hln-pods-scale-out-flash {
  0%, 12% { fill: var(--c); }
  34%, 100% { fill: #ffffff; }
}
@media (prefers-reduced-motion: reduce) {
  .hln-pods-scale-out * {
    animation: none !important;
  }
  .hln-pods-scale-out .hln-pods-scale-out-pod:last-child > g > polygon:last-child { fill: var(--c); }
}

.hln-cloud-region {
  --c: var(--hln-color, #ff4f2e);
  font-size: var(--hln-size, 16px);
  position: relative;
  display: grid;
  place-items: center;
  width: 22em;
  height: 12em;
  border-radius: 0.75em;
  background: #f6f5f1;
  overflow: hidden;
  --u: 1px;
}
.hln-cloud-region svg {
  width: 100%;
  height: 100%;
  overflow: visible;
  fill: #ffffff;
  stroke: #1c1d21;
  stroke-width: 1.25;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.hln-cloud-region svg * {
  vector-effect: non-scaling-stroke;
}
.hln-cloud-region .hln-cloud-region-in {
  stroke: #9a9ca3;
}
.hln-cloud-region .hln-cloud-region-zone {
  fill: none;
  stroke: #9a9ca3;
  stroke-dasharray: 2 3;
}
.hln-cloud-region .hln-cloud-region-link {
  stroke: #9a9ca3;
  stroke-dasharray: 1.5 2.5;
}
.hln-cloud-region .hln-cloud-region-lamp {
  fill: var(--c);
  stroke: var(--c);
  opacity: 0;
  animation: hln-cloud-region-lamp 6s infinite;
}
.hln-cloud-region .hln-cloud-region-drop {
  fill: var(--c);
  stroke: none;
  opacity: 0;
  animation: hln-cloud-region-drop 6s infinite;
}
.hln-cloud-region .hln-cloud-region-l0, .hln-cloud-region .hln-cloud-region-d0 {
  animation-delay: 0s;
}
.hln-cloud-region .hln-cloud-region-l1, .hln-cloud-region .hln-cloud-region-d1 {
  animation-delay: 2s;
}
.hln-cloud-region .hln-cloud-region-l2, .hln-cloud-region .hln-cloud-region-d2 {
  animation-delay: 4s;
}
@keyframes hln-cloud-region-drop {
  0% { opacity: 0; translate: 0 0; }
  3% { opacity: 1; translate: 0 0; animation-timing-function: cubic-bezier(0.55, 0, 0.8, 0.4); }
  16% { opacity: 1; translate: 0 calc(11 * var(--u)); }
  18%, 100% { opacity: 0; translate: 0 calc(11 * var(--u)); }
}
@keyframes hln-cloud-region-lamp {
  0%, 15% { opacity: 0; }
  17% { opacity: 1; }
  30% { opacity: 1; }
  40%, 100% { opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .hln-cloud-region * {
    animation: none !important;
  }
  .hln-cloud-region .hln-cloud-region-l1 { opacity: 1; }
}

.hln-data-lock {
  --c: var(--hln-color, #ff4f2e);
  font-size: var(--hln-size, 16px);
  position: relative;
  display: grid;
  place-items: center;
  width: 22em;
  height: 12em;
  border-radius: 0.75em;
  background: #f6f5f1;
  overflow: hidden;
  --u: 1px;
}
.hln-data-lock svg {
  width: 100%;
  height: 100%;
  overflow: visible;
  fill: #ffffff;
  stroke: #1c1d21;
  stroke-width: 1.25;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.hln-data-lock svg * {
  vector-effect: non-scaling-stroke;
}
.hln-data-lock .hln-data-lock-in {
  stroke: #9a9ca3;
}
.hln-data-lock .hln-data-lock-shackle {
  translate: 0 calc(-5 * var(--u));
  animation: hln-data-lock-shackle 5.6s infinite;
}
.hln-data-lock .hln-data-lock-key {
  fill: #1c1d21;
  stroke: none;
}
.hln-data-lock .hln-data-lock-ring {
  fill: none;
  stroke: var(--c);
  opacity: 0;
  transform-box: fill-box;
  animation: hln-data-lock-ring 5.6s infinite;
}
.hln-data-lock .hln-data-lock-back {
  transform-origin: 50% 100%;
}
.hln-data-lock .hln-data-lock-front {
  transform-origin: 50% 0%;
}
@keyframes hln-data-lock-shackle {
  0% { translate: 0 calc(-5 * var(--u)); }
  8% { translate: 0 calc(-5 * var(--u)); animation-timing-function: cubic-bezier(0.3, 0, 0.2, 1); }
  15.7% { translate: 0 calc(0.4 * var(--u)); animation-timing-function: ease-in-out; }
  19.2% { translate: 0 calc(-0.1 * var(--u)); animation-timing-function: ease-in-out; }
  22% { translate: 0 0; }
  84% { translate: 0 0; animation-timing-function: cubic-bezier(0.65, 0, 0.35, 1); }
  94% { translate: 0 calc(-5 * var(--u)); }
  100% { translate: 0 calc(-5 * var(--u)); }
}
@keyframes hln-data-lock-ring {
  0%, 22% { opacity: 0; scale: 1.25; animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); }
  36%, 76% { opacity: 1; scale: 1; animation-timing-function: ease-in; }
  86%, 100% { opacity: 0; scale: 1; }
}
@media (prefers-reduced-motion: reduce) {
  .hln-data-lock * {
    animation: none !important;
  }
  .hln-data-lock .hln-data-lock-shackle { translate: 0 0; }
  .hln-data-lock .hln-data-lock-ring { opacity: 1; }
}

.hln-folder-files {
  --c: var(--hln-color, #ff4f2e);
  font-size: var(--hln-size, 16px);
  position: relative;
  display: grid;
  place-items: center;
  width: 22em;
  height: 12em;
  border-radius: 0.75em;
  background: #f6f5f1;
  overflow: hidden;
  --u: 1px;
}
.hln-folder-files svg {
  width: 100%;
  height: 100%;
  overflow: visible;
  fill: #ffffff;
  stroke: #1c1d21;
  stroke-width: 1.25;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.hln-folder-files svg * {
  vector-effect: non-scaling-stroke;
}
.hln-folder-files .hln-folder-files-in {
  stroke: #9a9ca3;
}
.hln-folder-files .hln-folder-files-hot {
  fill: var(--c);
  stroke: var(--c);
}
.hln-folder-files .hln-folder-files-s0 {
  animation: hln-folder-files-s0 5.6s infinite;
}
.hln-folder-files .hln-folder-files-s1 {
  animation: hln-folder-files-s1 5.6s infinite;
}
.hln-folder-files .hln-folder-files-s2 {
  animation: hln-folder-files-s2 5.6s infinite;
}
@keyframes hln-folder-files-s0 {
  0% { translate: 0 0; }
  8% { translate: 0 0; animation-timing-function: cubic-bezier(0.3, 0, 0.2, 1); }
  14.6% { translate: 0 calc(-7.56 * var(--u)); animation-timing-function: ease-in-out; }
  17.6% { translate: 0 calc(-6.86 * var(--u)); animation-timing-function: ease-in-out; }
  20% { translate: 0 calc(-7 * var(--u)); }
  74% { translate: 0 calc(-7 * var(--u)); animation-timing-function: cubic-bezier(0.65, 0, 0.35, 1); }
  86% { translate: 0 0; }
  100% { translate: 0 0; }
}
@keyframes hln-folder-files-s1 {
  0% { translate: 0 0; }
  11% { translate: 0 0; animation-timing-function: cubic-bezier(0.3, 0, 0.2, 1); }
  17.6% { translate: 0 calc(-15.12 * var(--u)); animation-timing-function: ease-in-out; }
  20.6% { translate: 0 calc(-13.72 * var(--u)); animation-timing-function: ease-in-out; }
  23% { translate: 0 calc(-14 * var(--u)); }
  76% { translate: 0 calc(-14 * var(--u)); animation-timing-function: cubic-bezier(0.65, 0, 0.35, 1); }
  88% { translate: 0 0; }
  100% { translate: 0 0; }
}
@keyframes hln-folder-files-s2 {
  0% { translate: 0 0; }
  14% { translate: 0 0; animation-timing-function: cubic-bezier(0.3, 0, 0.2, 1); }
  20.6% { translate: 0 calc(-4.32 * var(--u)); animation-timing-function: ease-in-out; }
  23.6% { translate: 0 calc(-3.92 * var(--u)); animation-timing-function: ease-in-out; }
  26% { translate: 0 calc(-4 * var(--u)); }
  78% { translate: 0 calc(-4 * var(--u)); animation-timing-function: cubic-bezier(0.65, 0, 0.35, 1); }
  90% { translate: 0 0; }
  100% { translate: 0 0; }
}
@media (prefers-reduced-motion: reduce) {
  .hln-folder-files * {
    animation: none !important;
  }
  .hln-folder-files .hln-folder-files-s0 { translate: 0 calc(-7 * var(--u)); }
  .hln-folder-files .hln-folder-files-s1 { translate: 0 calc(-14 * var(--u)); }
  .hln-folder-files .hln-folder-files-s2 { translate: 0 calc(-4 * var(--u)); }
}

.hln-card-deck-stack {
  --c: var(--hln-color, #ff4f2e);
  font-size: var(--hln-size, 16px);
  position: relative;
  display: grid;
  place-items: center;
  width: 22em;
  height: 12em;
  border-radius: 0.75em;
  background: #f6f5f1;
  overflow: hidden;
  --u: 1px;
}
.hln-card-deck-stack svg {
  width: 100%;
  height: 100%;
  overflow: visible;
  fill: #ffffff;
  stroke: #1c1d21;
  stroke-width: 1.25;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.hln-card-deck-stack svg * {
  vector-effect: non-scaling-stroke;
}
.hln-card-deck-stack .hln-card-deck-stack-in {
  stroke: #9a9ca3;
}
.hln-card-deck-stack .hln-card-deck-stack-hot {
  fill: var(--c);
  stroke: var(--c);
}
.hln-card-deck-stack .hln-card-deck-stack-c0 {
  animation: hln-card-deck-stack-c0 6s infinite;
}
.hln-card-deck-stack .hln-card-deck-stack-c1 {
  animation: hln-card-deck-stack-c1 6s infinite;
}
.hln-card-deck-stack .hln-card-deck-stack-c2 {
  animation: hln-card-deck-stack-c2 6s infinite;
}
.hln-card-deck-stack .hln-card-deck-stack-c3 {
  animation: hln-card-deck-stack-c3 6s infinite;
}
@keyframes hln-card-deck-stack-c0 {
  0%, 4% { translate: calc(34 * var(--u)) calc(17 * var(--u)); opacity: 0; animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); }
  8% { opacity: 1; }
  4.01% { translate: calc(34 * var(--u)) calc(17 * var(--u)); animation-timing-function: cubic-bezier(0.3, 0, 0.2, 1); }
  11.7% { translate: calc(-2.72 * var(--u)) calc(-1.36 * var(--u)); animation-timing-function: ease-in-out; }
  15.2% { translate: calc(0.68 * var(--u)) calc(0.34 * var(--u)); animation-timing-function: ease-in-out; }
  18% { translate: 0 0; }
  80% { translate: 0 0; opacity: 1; animation-timing-function: ease-in; }
  88%, 100% { translate: 0 calc(-8 * var(--u)); opacity: 0; }
}
@keyframes hln-card-deck-stack-c1 {
  0%, 12% { translate: calc(34 * var(--u)) calc(17 * var(--u)); opacity: 0; animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); }
  16% { opacity: 1; }
  12.01% { translate: calc(34 * var(--u)) calc(17 * var(--u)); animation-timing-function: cubic-bezier(0.3, 0, 0.2, 1); }
  19.7% { translate: calc(-2.72 * var(--u)) calc(-1.36 * var(--u)); animation-timing-function: ease-in-out; }
  23.2% { translate: calc(0.68 * var(--u)) calc(0.34 * var(--u)); animation-timing-function: ease-in-out; }
  26% { translate: 0 0; }
  77% { translate: 0 0; opacity: 1; animation-timing-function: ease-in; }
  85%, 100% { translate: 0 calc(-8 * var(--u)); opacity: 0; }
}
@keyframes hln-card-deck-stack-c2 {
  0%, 20% { translate: calc(34 * var(--u)) calc(17 * var(--u)); opacity: 0; animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); }
  24% { opacity: 1; }
  20.01% { translate: calc(34 * var(--u)) calc(17 * var(--u)); animation-timing-function: cubic-bezier(0.3, 0, 0.2, 1); }
  27.7% { translate: calc(-2.72 * var(--u)) calc(-1.36 * var(--u)); animation-timing-function: ease-in-out; }
  31.2% { translate: calc(0.68 * var(--u)) calc(0.34 * var(--u)); animation-timing-function: ease-in-out; }
  34% { translate: 0 0; }
  74% { translate: 0 0; opacity: 1; animation-timing-function: ease-in; }
  82%, 100% { translate: 0 calc(-8 * var(--u)); opacity: 0; }
}
@keyframes hln-card-deck-stack-c3 {
  0%, 28% { translate: calc(34 * var(--u)) calc(17 * var(--u)); opacity: 0; animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); }
  32% { opacity: 1; }
  28.01% { translate: calc(34 * var(--u)) calc(17 * var(--u)); animation-timing-function: cubic-bezier(0.3, 0, 0.2, 1); }
  35.7% { translate: calc(-2.72 * var(--u)) calc(-1.36 * var(--u)); animation-timing-function: ease-in-out; }
  39.2% { translate: calc(0.68 * var(--u)) calc(0.34 * var(--u)); animation-timing-function: ease-in-out; }
  42% { translate: 0 0; }
  71% { translate: 0 0; opacity: 1; animation-timing-function: ease-in; }
  79%, 100% { translate: 0 calc(-8 * var(--u)); opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .hln-card-deck-stack * {
    animation: none !important;
  }
}

.hln-kanban-card-move {
  --c: var(--hln-color, #ff4f2e);
  font-size: var(--hln-size, 16px);
  position: relative;
  display: grid;
  place-items: center;
  width: 22em;
  height: 12em;
  border-radius: 0.75em;
  background: #f6f5f1;
  overflow: hidden;
  --u: 1px;
}
.hln-kanban-card-move svg {
  width: 100%;
  height: 100%;
  overflow: visible;
  fill: #ffffff;
  stroke: #1c1d21;
  stroke-width: 1.25;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.hln-kanban-card-move svg * {
  vector-effect: non-scaling-stroke;
}
.hln-kanban-card-move .hln-kanban-card-move-in {
  stroke: #9a9ca3;
}
.hln-kanban-card-move .hln-kanban-card-move-move {
  animation: hln-kanban-card-move-move 6.4s infinite;
}
.hln-kanban-card-move .hln-kanban-card-move-move > g > polygon:last-child {
  fill: var(--c);
}
@keyframes hln-kanban-card-move-move {
  0% { translate: 0 0; opacity: 0; }
  4% { translate: 0 0; opacity: 1; }
  10% { translate: 0 0; animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); }
  15% { translate: 0 calc(-5 * var(--u)); }
  16% { translate: 0 calc(-5 * var(--u)); animation-timing-function: cubic-bezier(0.65, 0, 0.35, 1); }
  30% { translate: calc(24 * var(--u)) calc(7 * var(--u)); }
  31% { translate: calc(24 * var(--u)) calc(7 * var(--u)); animation-timing-function: cubic-bezier(0.3, 0, 0.2, 1); }
  34.3% { translate: calc(24 * var(--u)) calc(12.4 * var(--u)); animation-timing-function: ease-in-out; }
  35.8% { translate: calc(24 * var(--u)) calc(11.9 * var(--u)); animation-timing-function: ease-in-out; }
  37% { translate: calc(24 * var(--u)) calc(12 * var(--u)); }
  50% { translate: calc(24 * var(--u)) calc(12 * var(--u)); animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); }
  55% { translate: calc(24 * var(--u)) calc(7 * var(--u)); }
  56% { translate: calc(24 * var(--u)) calc(7 * var(--u)); animation-timing-function: cubic-bezier(0.65, 0, 0.35, 1); }
  70% { translate: calc(48 * var(--u)) calc(19 * var(--u)); }
  71% { translate: calc(48 * var(--u)) calc(19 * var(--u)); animation-timing-function: cubic-bezier(0.3, 0, 0.2, 1); }
  74.3% { translate: calc(48 * var(--u)) calc(24.4 * var(--u)); animation-timing-function: ease-in-out; }
  75.8% { translate: calc(48 * var(--u)) calc(23.9 * var(--u)); animation-timing-function: ease-in-out; }
  77% { translate: calc(48 * var(--u)) calc(24 * var(--u)); }
  92% { translate: calc(48 * var(--u)) calc(24 * var(--u)); opacity: 1; }
  98%, 100% { translate: calc(48 * var(--u)) calc(24 * var(--u)); opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .hln-kanban-card-move * {
    animation: none !important;
  }
  .hln-kanban-card-move .hln-kanban-card-move-move { translate: calc(24 * var(--u)) calc(12 * var(--u)); }
}

.hln-iso-cube-loader {
  --c: var(--hln-color, #ff4f2e);
  font-size: var(--hln-size, 16px);
  position: relative;
  display: grid;
  place-items: center;
  width: 22em;
  height: 12em;
  border-radius: 0.75em;
  background: #f6f5f1;
  overflow: hidden;
  --u: 1px;
}
.hln-iso-cube-loader svg {
  width: 100%;
  height: 100%;
  overflow: visible;
  fill: #ffffff;
  stroke: #1c1d21;
  stroke-width: 1.25;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.hln-iso-cube-loader svg * {
  vector-effect: non-scaling-stroke;
}
.hln-iso-cube-loader .hln-iso-cube-loader-cube {
  animation: hln-iso-cube-loader-burst 3.2s infinite;
}
.hln-iso-cube-loader .hln-iso-cube-loader-hot polygon:last-child {
  fill: var(--c);
}
@keyframes hln-iso-cube-loader-burst {
  0% { translate: 0 0; }
  10% { translate: calc(var(--x) * 0 * var(--u)) calc(var(--y) * 0 * var(--u)); animation-timing-function: cubic-bezier(0.3, 0, 0.2, 1); }
  23.2% { translate: calc(var(--x) * 1.08 * var(--u)) calc(var(--y) * 1.08 * var(--u)); animation-timing-function: ease-in-out; }
  29.2% { translate: calc(var(--x) * 0.98 * var(--u)) calc(var(--y) * 0.98 * var(--u)); animation-timing-function: ease-in-out; }
  34% { translate: calc(var(--x) * 1 * var(--u)) calc(var(--y) * 1 * var(--u)); }
  58% { translate: calc(var(--x) * 1 * var(--u)) calc(var(--y) * 1 * var(--u)); animation-timing-function: cubic-bezier(0.3, 0, 0.2, 1); }
  72.3% { translate: calc(var(--x) * -0.08000000000000007 * var(--u)) calc(var(--y) * -0.08000000000000007 * var(--u)); animation-timing-function: ease-in-out; }
  78.8% { translate: calc(var(--x) * 0.020000000000000018 * var(--u)) calc(var(--y) * 0.020000000000000018 * var(--u)); animation-timing-function: ease-in-out; }
  84% { translate: calc(var(--x) * 0 * var(--u)) calc(var(--y) * 0 * var(--u)); }
  100% { translate: 0 0; }
}
@media (prefers-reduced-motion: reduce) {
  .hln-iso-cube-loader * {
    animation: none !important;
  }
  .hln-iso-cube-loader .hln-iso-cube-loader-cube { translate: calc(var(--x) * 0.5 * var(--u)) calc(var(--y) * 0.5 * var(--u)); }
}

.hln-tile-stack-loader {
  --c: var(--hln-color, #ff4f2e);
  font-size: var(--hln-size, 16px);
  position: relative;
  display: grid;
  place-items: center;
  width: 22em;
  height: 12em;
  border-radius: 0.75em;
  background: #f6f5f1;
  overflow: hidden;
  --u: 1px;
}
.hln-tile-stack-loader svg {
  width: 100%;
  height: 100%;
  overflow: visible;
  fill: #ffffff;
  stroke: #1c1d21;
  stroke-width: 1.25;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.hln-tile-stack-loader svg * {
  vector-effect: non-scaling-stroke;
}
.hln-tile-stack-loader .hln-tile-stack-loader-in {
  stroke: #9a9ca3;
}
.hln-tile-stack-loader .hln-tile-stack-loader-tile {
  animation: hln-tile-stack-loader-lift 3s var(--d) infinite;
}
.hln-tile-stack-loader .hln-tile-stack-loader-tile > g > polygon {
  animation: hln-tile-stack-loader-fill 3s var(--d) infinite;
}
.hln-tile-stack-loader .hln-tile-stack-loader-tile > .hln-tile-stack-loader-in {
  fill: none;
}
@keyframes hln-tile-stack-loader-lift {
  0% { translate: 0 0; animation-timing-function: cubic-bezier(0.3, 0, 0.2, 1); }
  10% { translate: 0 calc(-3.6 * var(--u)); animation-timing-function: ease-in-out; }
  18% { translate: 0 calc(0.3 * var(--u)); animation-timing-function: ease-in-out; }
  24%, 100% { translate: 0 0; }
}
@keyframes hln-tile-stack-loader-fill {
  0% { fill: #ffffff; }
  3%, 9% { fill: var(--c); }
  16%, 100% { fill: #ffffff; }
}
@media (prefers-reduced-motion: reduce) {
  .hln-tile-stack-loader * {
    animation: none !important;
  }
  .hln-tile-stack-loader .hln-tile-stack-loader-tile:last-child > g > polygon:last-child { fill: var(--c); }
}

.hln-iso-toggle {
  --c: var(--hln-color, #ff4f2e);
  font-size: var(--hln-size, 16px);
  position: relative;
  display: grid;
  place-items: center;
  width: 22em;
  height: 12em;
  border-radius: 0.75em;
  background: #f6f5f1;
  overflow: hidden;
  --u: 1px;
}
.hln-iso-toggle svg {
  width: 100%;
  height: 100%;
  overflow: visible;
  fill: #ffffff;
  stroke: #1c1d21;
  stroke-width: 1.25;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.hln-iso-toggle svg * {
  vector-effect: non-scaling-stroke;
}
.hln-iso-toggle .hln-iso-toggle-in {
  stroke: #9a9ca3;
}
.hln-iso-toggle .hln-iso-toggle-groove {
  fill: var(--c);
  stroke: var(--c);
  opacity: 0;
  animation: hln-iso-toggle-on 4.4s infinite;
}
.hln-iso-toggle .hln-iso-toggle-knob {
  animation: hln-iso-toggle-knob 4.4s infinite;
}
@keyframes hln-iso-toggle-knob {
  0% { translate: 0 0; }
  10% { translate: 0 0; animation-timing-function: cubic-bezier(0.3, 0, 0.2, 1); }
  21% { translate: calc(25.92 * var(--u)) calc(12.96 * var(--u)); animation-timing-function: ease-in-out; }
  26% { translate: calc(23.52 * var(--u)) calc(11.76 * var(--u)); animation-timing-function: ease-in-out; }
  30% { translate: calc(24 * var(--u)) calc(12 * var(--u)); }
  60% { translate: calc(24 * var(--u)) calc(12 * var(--u)); animation-timing-function: cubic-bezier(0.3, 0, 0.2, 1); }
  71% { translate: calc(-1.92 * var(--u)) calc(-0.96 * var(--u)); animation-timing-function: ease-in-out; }
  76% { translate: calc(0.48 * var(--u)) calc(0.24 * var(--u)); animation-timing-function: ease-in-out; }
  80% { translate: 0 0; }
  100% { translate: 0 0; }
}
@keyframes hln-iso-toggle-on {
  0%, 16% { opacity: 0; }
  24%, 60% { opacity: 1; }
  66%, 100% { opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .hln-iso-toggle * {
    animation: none !important;
  }
  .hln-iso-toggle .hln-iso-toggle-knob { translate: calc(24 * var(--u)) calc(12 * var(--u)); }
  .hln-iso-toggle .hln-iso-toggle-groove { opacity: 1; }
}

.hln-progress-slab {
  --c: var(--hln-color, #ff4f2e);
  font-size: var(--hln-size, 16px);
  position: relative;
  display: grid;
  place-items: center;
  width: 22em;
  height: 12em;
  border-radius: 0.75em;
  background: #f6f5f1;
  overflow: hidden;
  --u: 1px;
}
.hln-progress-slab svg {
  width: 100%;
  height: 100%;
  overflow: visible;
  fill: #ffffff;
  stroke: #1c1d21;
  stroke-width: 1.25;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.hln-progress-slab svg * {
  vector-effect: non-scaling-stroke;
}
.hln-progress-slab .hln-progress-slab-in {
  stroke: #9a9ca3;
}
.hln-progress-slab .hln-progress-slab-fill {
  animation: hln-progress-slab-fill 5.2s infinite;
}
.hln-progress-slab .hln-progress-slab-fill polygon:last-child {
  fill: var(--c);
}
@keyframes hln-progress-slab-fill {
  0% { translate: 0 0; opacity: 1; }
  6% { translate: 0 0; animation-timing-function: cubic-bezier(0.3, 0, 0.2, 1); }
  13.7% { translate: calc(24.88 * var(--u)) calc(12.44 * var(--u)); animation-timing-function: ease-in-out; }
  17.2% { translate: calc(22.58 * var(--u)) calc(11.29 * var(--u)); animation-timing-function: ease-in-out; }
  20% { translate: calc(23.04 * var(--u)) calc(11.52 * var(--u)); }
  28% { translate: calc(23.04 * var(--u)) calc(11.52 * var(--u)); animation-timing-function: cubic-bezier(0.3, 0, 0.2, 1); }
  35.7% { translate: calc(51.03 * var(--u)) calc(25.52 * var(--u)); animation-timing-function: ease-in-out; }
  39.2% { translate: calc(48.44 * var(--u)) calc(24.22 * var(--u)); animation-timing-function: ease-in-out; }
  42% { translate: calc(48.96 * var(--u)) calc(24.48 * var(--u)); }
  50% { translate: calc(48.96 * var(--u)) calc(24.48 * var(--u)); animation-timing-function: cubic-bezier(0.3, 0, 0.2, 1); }
  57.7% { translate: calc(73.84 * var(--u)) calc(36.92 * var(--u)); animation-timing-function: ease-in-out; }
  61.2% { translate: calc(71.54 * var(--u)) calc(35.77 * var(--u)); animation-timing-function: ease-in-out; }
  64% { translate: calc(72 * var(--u)) calc(36 * var(--u)); }
  84% { translate: calc(72 * var(--u)) calc(36 * var(--u)); opacity: 1; animation-timing-function: ease-in; }
  94%, 100% { translate: calc(72 * var(--u)) calc(36 * var(--u)); opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .hln-progress-slab * {
    animation: none !important;
  }
  .hln-progress-slab .hln-progress-slab-fill { translate: calc(48.96 * var(--u)) calc(24.48 * var(--u)); }
}

.hln-message-queue {
  --c: var(--hln-color, #ff4f2e);
  font-size: var(--hln-size, 16px);
  position: relative;
  display: grid;
  place-items: center;
  width: 22em;
  height: 12em;
  border-radius: 0.75em;
  background: #f6f5f1;
  overflow: hidden;
  --u: 1px;
}
.hln-message-queue svg {
  width: 100%;
  height: 100%;
  overflow: visible;
  fill: #ffffff;
  stroke: #1c1d21;
  stroke-width: 1.25;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.hln-message-queue svg * {
  vector-effect: non-scaling-stroke;
}
.hln-message-queue .hln-message-queue-in {
  stroke: #9a9ca3;
}
.hln-message-queue .hln-message-queue-msg {
  translate: calc(-27.5 * var(--u)) calc(-13.75 * var(--u));
  animation: hln-message-queue-step 5.5s infinite;
}
.hln-message-queue .hln-message-queue-pop {
  transform-box: fill-box;
  transform-origin: 50% 100%;
  animation: inherit;
  animation-name: hln-message-queue-pop;
}
.hln-message-queue .hln-message-queue-hot polygon:last-child {
  fill: var(--c);
}
@keyframes hln-message-queue-step {
  0% { translate: calc(-27.5 * var(--u)) calc(-13.75 * var(--u)); }
  20% { translate: calc(-27.5 * var(--u)) calc(-13.75 * var(--u)); animation-timing-function: cubic-bezier(0.3, 0, 0.2, 1); }
  24.95% { translate: calc(-11.03 * var(--u)) calc(-5.51 * var(--u)); animation-timing-function: ease-in-out; }
  27.2% { translate: calc(-12.55 * var(--u)) calc(-6.28 * var(--u)); animation-timing-function: ease-in-out; }
  29% { translate: calc(-12.25 * var(--u)) calc(-6.12 * var(--u)); }
  40% { translate: calc(-12.25 * var(--u)) calc(-6.12 * var(--u)); animation-timing-function: cubic-bezier(0.3, 0, 0.2, 1); }
  44.95% { translate: calc(4.22 * var(--u)) calc(2.11 * var(--u)); animation-timing-function: ease-in-out; }
  47.2% { translate: calc(2.7 * var(--u)) calc(1.35 * var(--u)); animation-timing-function: ease-in-out; }
  49% { translate: calc(3 * var(--u)) calc(1.5 * var(--u)); }
  60% { translate: calc(3 * var(--u)) calc(1.5 * var(--u)); animation-timing-function: cubic-bezier(0.3, 0, 0.2, 1); }
  64.95% { translate: calc(19.47 * var(--u)) calc(9.74 * var(--u)); animation-timing-function: ease-in-out; }
  67.2% { translate: calc(17.95 * var(--u)) calc(8.97 * var(--u)); animation-timing-function: ease-in-out; }
  69% { translate: calc(18.25 * var(--u)) calc(9.13 * var(--u)); }
  80% { translate: calc(18.25 * var(--u)) calc(9.13 * var(--u)); animation-timing-function: cubic-bezier(0.3, 0, 0.2, 1); }
  84.95% { translate: calc(34.72 * var(--u)) calc(17.36 * var(--u)); animation-timing-function: ease-in-out; }
  87.2% { translate: calc(33.2 * var(--u)) calc(16.6 * var(--u)); animation-timing-function: ease-in-out; }
  89% { translate: calc(33.5 * var(--u)) calc(16.75 * var(--u)); }
  100% { translate: calc(33.5 * var(--u)) calc(16.75 * var(--u)); }
}
@keyframes hln-message-queue-pop {
  0% { scale: 0; animation-timing-function: cubic-bezier(0.3, 1.45, 0.45, 1); }
  8%, 100% { scale: 1; }
}
@media (prefers-reduced-motion: reduce) {
  .hln-message-queue * {
    animation: none !important;
  }
  .hln-message-queue .hln-message-queue-m0 { translate: calc(-27.5 * var(--u)) calc(-13.75 * var(--u)); }
  .hln-message-queue .hln-message-queue-m1 { translate: calc(-12.25 * var(--u)) calc(-6.12 * var(--u)); }
  .hln-message-queue .hln-message-queue-m2 { translate: calc(3 * var(--u)) calc(1.5 * var(--u)); }
  .hln-message-queue .hln-message-queue-m3 { translate: calc(18.25 * var(--u)) calc(9.13 * var(--u)); }
  .hln-message-queue .hln-message-queue-m4 { translate: calc(33.5 * var(--u)) calc(16.75 * var(--u)); }
}

.hln-cache-hit {
  --c: var(--hln-color, #ff4f2e);
  font-size: var(--hln-size, 16px);
  position: relative;
  display: grid;
  place-items: center;
  width: 22em;
  height: 12em;
  border-radius: 0.75em;
  background: #f6f5f1;
  overflow: hidden;
  --u: 1px;
}
.hln-cache-hit svg {
  width: 100%;
  height: 100%;
  overflow: visible;
  fill: #ffffff;
  stroke: #1c1d21;
  stroke-width: 1.25;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.hln-cache-hit svg * {
  vector-effect: non-scaling-stroke;
}
.hln-cache-hit .hln-cache-hit-cell polygon:last-child {
  animation: hln-cache-hit-hit 6s var(--d) infinite;
}
.hln-cache-hit .hln-cache-hit-pkt {
  opacity: 0;
  animation: hln-cache-hit-drop 6s infinite;
}
.hln-cache-hit .hln-cache-hit-pkt polygon {
  fill: var(--c);
}
@keyframes hln-cache-hit-drop {
  0% { opacity: 0; translate: 0 calc(-15 * var(--u)); }
  2% { opacity: 1; translate: 0 calc(-15 * var(--u)); animation-timing-function: cubic-bezier(0.55, 0, 0.85, 0.35); }
  12% { opacity: 1; translate: 0 0; animation-timing-function: ease-in; }
  15%, 100% { opacity: 0; translate: 0 calc(2 * var(--u)); }
}
@keyframes hln-cache-hit-hit {
  0%, 11.5% { fill: #ffffff; }
  13%, 22% { fill: var(--c); }
  34%, 100% { fill: #ffffff; }
}
@media (prefers-reduced-motion: reduce) {
  .hln-cache-hit * {
    animation: none !important;
  }
  .hln-cache-hit .hln-cache-hit-first polygon:last-child { fill: var(--c); }
}

.hln-git-branch-merge {
  --c: var(--hln-color, #ff4f2e);
  font-size: var(--hln-size, 16px);
  position: relative;
  display: grid;
  place-items: center;
  width: 22em;
  height: 12em;
  border-radius: 0.75em;
  background: #f6f5f1;
  overflow: hidden;
  --u: 1px;
}
.hln-git-branch-merge svg {
  width: 100%;
  height: 100%;
  overflow: visible;
  fill: #ffffff;
  stroke: #1c1d21;
  stroke-width: 1.25;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.hln-git-branch-merge svg * {
  vector-effect: non-scaling-stroke;
}
.hln-git-branch-merge .hln-git-branch-merge-grid {
  fill: #9a9ca3;
  stroke: none;
}
.hln-git-branch-merge .hln-git-branch-merge-leg {
  stroke: var(--c);
  transform-box: fill-box;
  scale: 0;
}
.hln-git-branch-merge .hln-git-branch-merge-g0 {
  animation: hln-git-branch-merge-g0 6s infinite;
}
.hln-git-branch-merge .hln-git-branch-merge-g1 {
  animation: hln-git-branch-merge-g1 6s infinite;
}
.hln-git-branch-merge .hln-git-branch-merge-g2 {
  animation: hln-git-branch-merge-g2 6s infinite;
}
.hln-git-branch-merge .hln-git-branch-merge-g3 {
  animation: hln-git-branch-merge-g3 6s infinite;
}
.hln-git-branch-merge .hln-git-branch-merge-g4 {
  animation: hln-git-branch-merge-g4 6s infinite;
}
.hln-git-branch-merge .hln-git-branch-merge-pop {
  transform-box: fill-box;
  transform-origin: 50% 70%;
  scale: 0;
}
.hln-git-branch-merge .hln-git-branch-merge-p0 {
  animation: hln-git-branch-merge-p0 6s infinite;
}
.hln-git-branch-merge .hln-git-branch-merge-p1 {
  animation: hln-git-branch-merge-p1 6s infinite;
}
.hln-git-branch-merge .hln-git-branch-merge-p2 {
  animation: hln-git-branch-merge-p2 6s infinite;
}
.hln-git-branch-merge .hln-git-branch-merge-ring {
  fill: none;
  stroke: var(--c);
  opacity: 0;
  transform-box: fill-box;
  transform-origin: 50% 50%;
  animation: hln-git-branch-merge-ring 6s infinite;
}
@keyframes hln-git-branch-merge-g0 {
  0%, 6% { scale: 0; opacity: 1; animation-timing-function: cubic-bezier(0.65, 0, 0.35, 1); }
  13%, 84% { scale: 1; opacity: 1; }
  92%, 100% { scale: 1; opacity: 0; }
}
@keyframes hln-git-branch-merge-g1 {
  0%, 14% { scale: 0; opacity: 1; animation-timing-function: cubic-bezier(0.65, 0, 0.35, 1); }
  21%, 84% { scale: 1; opacity: 1; }
  92%, 100% { scale: 1; opacity: 0; }
}
@keyframes hln-git-branch-merge-g2 {
  0%, 25% { scale: 0; opacity: 1; animation-timing-function: cubic-bezier(0.65, 0, 0.35, 1); }
  32%, 84% { scale: 1; opacity: 1; }
  92%, 100% { scale: 1; opacity: 0; }
}
@keyframes hln-git-branch-merge-g3 {
  0%, 36% { scale: 0; opacity: 1; animation-timing-function: cubic-bezier(0.65, 0, 0.35, 1); }
  43%, 84% { scale: 1; opacity: 1; }
  92%, 100% { scale: 1; opacity: 0; }
}
@keyframes hln-git-branch-merge-g4 {
  0%, 44% { scale: 0; opacity: 1; animation-timing-function: cubic-bezier(0.65, 0, 0.35, 1); }
  50%, 84% { scale: 1; opacity: 1; }
  92%, 100% { scale: 1; opacity: 0; }
}
@keyframes hln-git-branch-merge-p0 {
  0%, 20% { scale: 0; animation-timing-function: cubic-bezier(0.3, 1.45, 0.45, 1); }
  26%, 84% { scale: 1; animation-timing-function: ease-in; }
  90%, 100% { scale: 0; }
}
@keyframes hln-git-branch-merge-p1 {
  0%, 31% { scale: 0; animation-timing-function: cubic-bezier(0.3, 1.45, 0.45, 1); }
  37%, 84% { scale: 1; animation-timing-function: ease-in; }
  90%, 100% { scale: 0; }
}
@keyframes hln-git-branch-merge-p2 {
  0%, 49% { scale: 0; animation-timing-function: cubic-bezier(0.3, 1.45, 0.45, 1); }
  55%, 84% { scale: 1; animation-timing-function: ease-in; }
  90%, 100% { scale: 0; }
}
@keyframes hln-git-branch-merge-ring {
  0%, 51% { opacity: 0; scale: 1; }
  52% { opacity: 1; scale: 1; animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); }
  70%, 100% { opacity: 0; scale: 2.4; }
}
@media (prefers-reduced-motion: reduce) {
  .hln-git-branch-merge * {
    animation: none !important;
  }
  .hln-git-branch-merge .hln-git-branch-merge-leg, .hln-git-branch-merge .hln-git-branch-merge-pop { scale: 1; }
}