/* static/src/css/siren_view.css */
.sirenon, .sirenoff {
    background-color: #2d2c2c !important;
    font-weight: bold;
    font-size: 2em;
    margin: 10px;
    border-radius: 26px;
    padding: 10px;
}

.sirenon .temperature {
    color: red;
}

.sirenoff .temperature {
    color: #6BA880;
}

.humidity {
    color: #6BA880;
}

.warehouse {
    color: #EDDD24;
}
.icon-orange {
    filter: invert(50%) sepia(100%) saturate(500%) hue-rotate(-10deg);
    width: 75px;
    height: 80px;
}
.icon-yellow {
    filter: invert(100%) sepia(100%) saturate(1000%) hue-rotate(20deg);
    width: 75px;
    height: 80px;
}
.icon-red {
    width: 75px;
    height: 80px;
}
.icon-none {
    display: none;
}