.electric-viewer{box-sizing:border-box;border:0;border-radius:14px;width:min(94vw,1100px);max-height:92vh;padding:45px 22px 22px;background:#061f2d;color:#fff;box-shadow:0 15px 70px #0008;font-family:Poppins,Arial,sans-serif}
.electric-viewer::backdrop{background:#00121bea}
.electric-viewer *{box-sizing:border-box}
.electric-viewer img,.electric-viewer video{display:block;width:100%;height: min(65vh,650px);object-fit:contain;background:#03131c;border-radius:8px}
.electric-viewer h2{font-size:23px;line-height:1.35;margin:18px 0 8px;font-weight:600}
.electric-viewer p{font-size:14px;line-height:1.5;margin:0;color:#bbd2df}
.electric-viewer button{font-family:Arial,sans-serif;cursor:pointer;border:1px solid #00bcd4;background:#073548;color:white}
.electric-viewer .electric-close{position:absolute;right:10px;top:5px;font-size:27px;width:34px;height:34px;border:0;background:transparent}
.electric-viewer .electric-prev,.electric-viewer .electric-next{position:absolute;top:42%;width:43px;height:43px;border-radius:50%;font-size:30px;line-height:1;display:grid;place-items:center;background:#063041dc}
.electric-viewer .electric-prev{left:8px}.electric-viewer .electric-next{right:8px}
.electric-viewer button:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:799px){.electric-viewer{padding:45px 13px 20px}.electric-viewer h2{font-size:19px}.electric-viewer p{font-size:12px}.electric-viewer .electric-prev,.electric-viewer .electric-next{width:35px;height:35px;font-size:26px}}

.electric-viewer [hidden]{display:none!important}

.electric-viewer{position:fixed;inset:0;margin:auto!important;padding:44px 18px 18px;max-height:92vh;max-width:94vw;overflow:hidden}
.electric-viewer img,.electric-viewer video{height:min(76vh,760px)}
.electric-viewer .electric-prev,.electric-viewer .electric-next{top:50%;transform:translateY(-50%)}