.panic-container{flex-direction:column;justify-content:center;align-items:center;gap:8px;font-family:Arial Black,Arial,sans-serif;display:flex}.panic-container--hero{gap:6px}.panic-container .led-indicator{background-color:#3a0000;border-radius:50%;width:12px;height:12px;transition:all .2s;box-shadow:inset 0 2px 5px #000c}.panic-container .button-box{perspective:400px;background:#333;border:3px solid #444;border-radius:12px;justify-content:center;align-items:center;width:88px;height:88px;display:flex;position:relative;box-shadow:inset 0 5px 10px #00000080,0 5px 15px #0000004d}.panic-container--hero .button-box{width:76px;height:76px}.panic-container .panic-button{cursor:pointer;-webkit-user-select:none;user-select:none;color:#fff;letter-spacing:.5px;text-shadow:0 2px 4px #0009;background:radial-gradient(circle,#ff3b3b 0%,#b30000 100%);border:none;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:11px;font-weight:900;transition:all .1s;display:flex;box-shadow:0 6px maroon,0 8px 16px #0009}.panic-container--hero .panic-button{width:46px;height:46px;font-size:10px}.panic-container .panic-button:disabled{cursor:not-allowed;opacity:.55}.panic-container .safety-cover{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10;transform-origin:top;pointer-events:none;background:#ffffff1f;border:2px solid #ffffff4d;border-top:5px solid #fff9;border-radius:8px;width:calc(100% - 12px);height:calc(100% - 12px);transition:transform .4s cubic-bezier(.25,.8,.25,1);position:absolute;top:6px;left:6px;box-shadow:inset 0 0 15px #ffffff1a}.panic-container:hover .safety-cover,.panic-container.is-cover-open .safety-cover{background:#ffffff05;transform:rotateX(110deg);box-shadow:0 15px 20px #00000080}@media (hover:none),(pointer:coarse){.panic-container--touch:hover .safety-cover{background:#ffffff1f;transform:none;box-shadow:inset 0 0 15px #ffffff1a}.panic-container--touch.is-cover-open .safety-cover{background:#ffffff05;transform:rotateX(110deg);box-shadow:0 15px 20px #00000080}}.panic-container:hover .button-box:active .panic-button:not(:disabled){transform:translateY(5px);box-shadow:0 2px maroon,0 4px 10px #0006}.panic-container.is-active .led-indicator,.panic-container:hover .button-box:active .led-indicator{background-color:red;box-shadow:0 0 15px red,0 0 30px red}