/*==========================================================
  TABERNA IOSEPHI - MODEM
  LEDs funcionais sobre a imagem da sala
==========================================================*/

#modemLeds {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 1300;
}

.modem-led {
    position: absolute;
    box-sizing: border-box;
    border-radius: 50%;
    opacity: .18;
    transform: translate(-50%, -50%);
    transition: opacity 90ms linear, box-shadow 90ms linear;
    background: #211a12;
}

.modem-led.aceso {
    opacity: 1;
}

#modemLed1.aceso {
    background: #cf2d20;
    box-shadow: 0 0 3px rgba(255, 65, 45, .95), 0 0 6px rgba(255, 65, 45, .52);
}

#modemLed2.aceso {
    background: #3f9cff;
    box-shadow: 0 0 3px rgba(91, 175, 255, 1), 0 0 7px rgba(54, 138, 255, .62);
}

#modemLed3.aceso {
    background: #76c657;
    box-shadow: 0 0 3px rgba(128, 220, 92, .95), 0 0 6px rgba(128, 220, 92, .48);
}

#modemLed4.aceso {
    background: #66b84b;
    box-shadow: 0 0 3px rgba(112, 204, 80, .95), 0 0 6px rgba(112, 204, 80, .48);
}

#modemLed5.aceso {
    background: #f2c43e;
    box-shadow: 0 0 3px rgba(255, 217, 75, 1), 0 0 7px rgba(255, 196, 38, .58);
}

@media (prefers-reduced-motion: reduce) {
    .modem-led {
        transition: none;
    }
}