.machine-efficiency-card{--mec-opacity: .5;--mec-border-top-color: hsl(210deg, 13%, 30%);display:block;background-color:#fff;opacity:var(--mec-opacity);border-top:3px solid var(--mec-border-top-color);border-bottom:2px solid hsl(0deg,0%,81%);text-decoration:none;transition-duration:.25s;transition-property:box-shadow}.machine-efficiency-card.working{--mec-opacity: 1;--mec-border-top-color: hsl(210deg, 100%, 30%)}.machine-efficiency-card.working .icon{display:block}.machine-efficiency-card__header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-right:2px solid hsl(0deg,0%,81%);border-left:2px solid hsl(0deg,0%,81%)}@media only screen and (max-width: 560px){.machine-efficiency-card__header{-webkit-padding-after:0;padding-block-end:0}}.machine-efficiency-card__title{--title-fs: 13.5pt;font-size:var(--title-fs);color:#151f29}.machine-efficiency-card__icon-container .icon{display:none;animation:spin 4s linear infinite;fill:#004d99;stroke:#004d99}.machine-efficiency-card__chart{height:200px;-webkit-padding-before:0;padding-block-start:0;-webkit-padding-after:1rem;padding-block-end:1rem;padding-inline:1rem;border-right:2px solid hsl(0deg,0%,81%);border-left:2px solid hsl(0deg,0%,81%)}@media only screen and (max-width: 560px){.machine-efficiency-card__chart{-webkit-padding-after:0;padding-block-end:0;padding-inline:0}}.machine-efficiency-card__chart>div{margin-inline:auto}@media (hover: hover){.machine-efficiency-card:hover{box-shadow:0 0 12px 2px #0000001a}}@keyframes spin{0%{transform:rotate(360deg)}to{transform:rotate(0)}}