.animated-logo{--animated-logo-height:48px;position:relative;display:grid;align-items:center;
  width:max-content;max-width:100%;min-width:0;isolation:isolate;overflow:visible;line-height:1}
.animated-logo>*{grid-area:1/1}
.animated-logo__picture{position:relative;z-index:1;display:block;max-width:100%}
.animated-logo__base{position:relative;z-index:1;display:block;width:auto;
  max-width:100%;height:var(--animated-logo-height);object-fit:contain}
.animated-logo__heart{position:absolute;z-index:2;inset:0;width:100%;height:100%;
  overflow:hidden;pointer-events:none;will-change:transform;backface-visibility:hidden;
  animation:animated-logo-heartbeat 1.6s ease-in-out infinite}
.animated-logo__heart-image{display:block;width:100%;height:100%;object-fit:contain}
.animated-logo__ekg{position:absolute;z-index:3;inset:0;width:100%;height:100%;
  overflow:visible;pointer-events:none}
.animated-logo__ekg path{fill:none;stroke-linecap:round;stroke-linejoin:round;
  stroke-dasharray:30 200;animation:animated-logo-ekg-sweep 1.9s linear infinite;
  will-change:stroke-dashoffset}
.animated-logo__ekg-sweep{stroke:#164a91;stroke-width:3.4}
.animated-logo__ekg-glow{stroke:#ed1c24;stroke-width:7;opacity:.28}
.animated-logo--wordmark .animated-logo__heart{
  clip-path:polygon(48.2% 4%,55% 4%,55% 96%,48.2% 96%);
  transform-origin:51.2% 53%}
.animated-logo--hero{--animated-logo-height:auto;width:min(390px,100%)}
.animated-logo--hero .animated-logo__base{width:100%;height:auto}
.animated-logo--hero .animated-logo__heart{
  clip-path:polygon(41% 66%,61% 66%,61% 85%,41% 85%);
  transform-origin:51% 76%}
.animated-logo--hero .animated-logo__heart-image{object-fit:fill}
.animated-logo--header{--animated-logo-height:48px}
.animated-logo--v2{--animated-logo-height:34px}
.animated-logo--drawer{--animated-logo-height:27px}
.animated-logo--presentation{--animated-logo-height:22px}
.animated-logo--unavailable{--animated-logo-height:28px}
.animated-logo--print{--animated-logo-height:150px}
@keyframes animated-logo-heartbeat{
  0%{transform:scale(1)}
  8%{transform:scale(1.18)}
  16%{transform:scale(.96)}
  24%{transform:scale(1.12)}
  34%,100%{transform:scale(1)}
}
@keyframes animated-logo-ekg-sweep{
  0%{stroke-dashoffset:230}
  100%{stroke-dashoffset:-230}
}
@media(max-width:620px){
  .animated-logo--header{--animated-logo-height:32px;width:100%}
}
@media print{
  .animated-logo__heart,.animated-logo__ekg path{animation:none!important}
  .animated-logo__ekg{display:none}
}
@media(prefers-reduced-motion:reduce){
  .animated-logo__heart,.animated-logo__ekg path{animation:none!important}
  .animated-logo__ekg{display:none}
}