/* Avaliku raha aastate võrdlus esilehe uudiskaardil. */
.story-shell .story-payment-chart-r54 {
  display:flex;
  flex-direction:column;
  align-items:stretch;
  align-self:stretch;
  justify-content:end;
  min-width:0;
  min-height:225px;
  max-width:none;
  padding:20px 18px 17px;
  background:#f6faf2;
  color:#244e43;
}
.story-payment-heading-r54 { font-size:12px; line-height:1.3; font-weight:600; color:#557268; }
.story-shell .story-payment-chart-r54 .story-payment-total-r54 { margin:4px 0 12px; }
.story-payment-note-r54 { margin-top:9px; color:#607c71; font-size:11px; line-height:1.3; }
.story-payment-bars-r54 {
  display:flex;
  align-items:stretch;
  gap:5px;
  width:100%;
  height:150px;
}
.story-payment-column-r54 {
  flex:1 1 0;
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:end;
  align-items:center;
  gap:5px;
}
.story-shell .story-payment-chart-r54 .story-payment-amount-r54 {
  font-size:10px;
  font-weight:400;
  width:100%;
  height:3.6em;
  flex:0 0 3.6em;
  line-height:1.2;
  white-space:normal;
  overflow-wrap:anywhere;
  text-align:center;
  color:#4e6b62;
}
.story-payment-plot-r54 {
  display:flex;
  flex:1 1 auto;
  align-items:flex-end;
  justify-content:center;
  width:100%;
  min-height:0;
}
.story-payment-bar-r54 {
  display:block;
  flex:none;
  width:68%;
  max-width:42px;
  height:var(--bar-height);
  min-height:2px;
  border-radius:4px 4px 0 0;
  background:#b8d0d2;
  transform-origin:50% 100%;
  animation:story-payment-grow-r54 .65s cubic-bezier(.22,.7,.28,1) both;
  animation-delay:var(--bar-delay, 0ms);
}
.story-payment-column-r54.is-selected .story-payment-bar-r54 { background:#a58c4c; }
.story-shell .story-payment-chart-r54 .story-payment-year-r54 {
  width:100%;
  padding-top:5px;
  border-top:1px solid #adc3b7;
  font-size:10px;
  font-weight:400;
  color:#557268;
  text-align:center;
}
.story-payment-column-r54.is-selected .story-payment-year-r54 { font-weight:700; }
@keyframes story-payment-grow-r54 {
  from { transform:scaleY(0); }
  to { transform:scaleY(1); }
}
@media (prefers-reduced-motion:reduce) {
  .story-payment-bar-r54 { animation:none; }
}
@media (max-width:800px) {
  .story-shell .story-payment-chart-r54 { display:flex; min-height:0; padding:15px; }
  .story-payment-bars-r54 { height:125px; }
}