/* Keep the original Loginom blue/orange artwork through every reveal state. */
.primary-hero .fragment-shape{
  background:#fbfcfd;
  border-color:#dfe4e8;
  border-radius:6px;
}
.primary-hero .is-found .fragment-shape{
  background:#fff;
  border-color:#b6c6d3;
  box-shadow:0 4px 16px #314e6c09;
}
.primary-hero .fragment-shape .loginom-icon{
  display:block;
  width:42px;
  height:42px;
  margin:0;
  fill:none;
  stroke:none;
  opacity:.48;
  transition:opacity .65s;
  pointer-events:none;
  user-select:none;
}
.primary-hero .is-found .fragment-shape .loginom-icon{opacity:1}
.fragment-chart-bar{
  transform-box:view-box;
  transform-origin:0 15px;
  transition:transform 1.2s ease;
}
.primary-hero .living-fragment.is-selected .fragment-shape{
  border-color:#a23938;
  box-shadow:0 0 0 4px #a2393812;
}
@media(max-width:1100px){
  .primary-hero .fragment-shape .loginom-icon{width:36px;height:36px}
}
@media(max-width:580px){
  .primary-hero .fragment-shape .loginom-icon{width:32px;height:32px}
}

.fragment-chart-bar:nth-of-type(1){transform:scaleY(.18)}
.fragment-chart-bar:nth-of-type(2){transform:scaleY(.37)}
.fragment-chart-bar:nth-of-type(3){transform:scaleY(.56)}
.fragment-chart-bar:nth-of-type(4){transform:scaleY(.28)}