@charset "UTF-8";
/*
*/

.compass {
		position: relative;
		width: 100%;
		height: 160px;
		display: flex;
		justify-content: center;
		align-items: center;
    & > * {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    svg:not(.will-transform) {
  	  filter: opacity(0.4);
    }
}

.compass-content {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		text-align: center;
		font-family: 'Arial', sans-serif;
		font-size: 160/5;
		font-weight: bold;
  	.unit {
        font-size: 160/8;
        font-weight: 100;
    }
}

.vertical-flex {
		list-style-type: none;
		margin: 0;
		padding: 0;
		display: flex;
		text-align: center;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		font-family: 'Arial', sans-serif;
		font-size: 14px;
		font-weight: bold;
		color: rgba(0,0,0,0.87);
		.info {
        font-size: 12px;
        font-weight: 100;
        font-style: italic;
        margin-top: 0.5rem;
        white-space: nowrap;
        & + .info {
          margin-top: 0;
        }
		}
}

.mrotating-icon {
  animation: mtransform-icon 5s infinite linear;
  animation-iteration-count: 1;
  display: inline-block;
}

@keyframes mtransform-icon {
  from {
    transform: rotate(359deg);
  }
  to {
    transform: rotate(0deg);
  }
}

.chmialert-txt-minor {color: #28D861;}
.chmialert-minor {background-color: #28D861;border: 1px solid #26CE5B;margin:5px;padding:5px;height:42px;width:42px;}
.chmialert-minor:hover {background-color: #26CE5B;}
.chmialert-txt-moderate {color: #ff0;}
.chmialert-moderate {background-color: #ff0;border: 1px solid #f5f500;margin:5px;padding:5px;height:42px;width:42px;}
.chmialert-moderate:hover {background-color: #f5f500;}
.chmialert-txt-severe {color: #F38A39;}
.chmialert-severe {background-color: #F38A39;border: 1px solid #E98437;margin:5px;padding:5px;height:42px;width:42px;}
.chmialert-severe:hover {background-color: #E98437;}
.chmialert-txt-extreme {color: #f00;}
.chmialert-extreme {background-color: #f00;border: 1px solid #f50000;margin:5px;padding:5px;height:42px;width:42px;}
.chmialert-extreme:hover {background-color: #f50000;}
.chmialert-txt-unknown {color: #fff;}
.chmialert-unknown {background-color: #fff;border: 1px solid #ccc;margin:5px;padding:5px;height:42px;width:42px;}
.chmialert-unknown:hover {background-color: #f5f5f5;}
.chmialert-txt-outlook {color: #9f0;}
.chmialert-outlook {background-color: #9f0;border: 1px solid #93F500;margin:5px;padding:5px;height:42px;width:42px;}
.chmialert-outlook:hover {background-color: #93F500;}