/* V1 mandatory-evacuation breakdown warning and interlock styling. */

.evacuation-required-popup{z-index:1250}
.evacuation-required-dialog{
  position:relative;
  z-index:2;
  width:min(510px,calc(100vw - 28px));
  margin:14vh auto 0;
  padding:24px;
  border:4px solid #bd343c;
  background:linear-gradient(145deg,#30383b,#151a1c);
  box-shadow:0 18px 60px #000c,inset 0 0 0 2px #f16b72,0 0 28px #dc343b55;
  color:#f5f8f6;
  text-align:center;
}
.evacuation-required-dialog small,
.evacuation-required-dialog b,
.evacuation-required-dialog em{display:block}
.evacuation-required-dialog small{color:#ffbe45;font-size:8px;letter-spacing:.16em}
.evacuation-required-dialog b{margin:9px 0;color:#ff5a62;font-size:18px;letter-spacing:.08em}
.evacuation-required-dialog p{margin:0;color:#e2e9e8;font-size:11px;line-height:1.6}
.evacuation-required-dialog em{margin:14px 0;color:#ffd35b;font-size:9px;font-style:normal;font-weight:bold;letter-spacing:.09em}
.evacuation-required-dialog button{min-width:230px;height:40px;border:2px solid #1c2224;background:#c9363e;color:#fff;font-size:8px;font-weight:bold;letter-spacing:.08em;box-shadow:inset 0 0 0 2px #ef6068;cursor:pointer}

.evacuation-toggle.required{
  border-color:#ff6970;
  background:#9e2d34;
  color:#fff;
  opacity:1;
  animation:requiredEvacuationPulse .65s ease-in-out infinite alternate;
}
.evacuation-toggle.required:disabled{opacity:1;cursor:not-allowed}
.reset-button.evacuation-inhibited{border-color:#d4484f!important;filter:grayscale(.6);opacity:.5!important}

@keyframes requiredEvacuationPulse{
  from{box-shadow:0 0 3px #ef5960}
  to{box-shadow:0 0 15px #ef5960}
}