canvas{width:100%;display:block}.preview-box.svelte-15ifyjm{aspect-ratio:16/9;width:100%;position:relative}.preview-box.svelte-15ifyjm:before{display:none;position:absolute;z-index:2;bottom:4px;right:4px;line-height:1;padding:2px 4px;font-size:12px;letter-spacing:.05em}.preview-box.online.svelte-15ifyjm{cursor:pointer}.preview-box.online.svelte-15ifyjm:before{background-color:var(--color-gray-00);color:var(--color-gray-0);content:"Click to zoom";text-transform:uppercase}.preview-box.offline.svelte-15ifyjm{pointer-events:none}.preview-box.offline.svelte-15ifyjm img:where(.svelte-15ifyjm){opacity:.1;filter:grayscale(1)}.preview-box.offline.svelte-15ifyjm:before{background-color:#404040;color:#fff;content:"OFFLINE";font-weight:200}.preview-box.svelte-15ifyjm img:where(.svelte-15ifyjm){display:block;width:100%;height:100%;object-fit:cover}@media screen and (max-width:720px){.preview-box.svelte-15ifyjm{pointer-events:none}}.svelte-15ifyjm::backdrop{background-color:#000000a6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}#modal.svelte-15ifyjm{padding:0;border:none}#modal.svelte-15ifyjm .modal-header:where(.svelte-15ifyjm){display:flex;justify-content:space-between;align-items:center;border-bottom:4px solid var(--color-gray-00);background-color:var(--color-brand-blue);color:var(--color-gray-350);padding:0 0 0 10px;height:42px;font-weight:500;overflow:hidden;box-sizing:border-box}#modal.svelte-15ifyjm .modal-header:where(.svelte-15ifyjm) .title:where(.svelte-15ifyjm){line-height:1;text-transform:lowercase;font-size:14px;display:block;text-overflow:ellipsis;overflow:hidden;text-transform:uppercase}#modal.svelte-15ifyjm .modal-header:where(.svelte-15ifyjm) button:where(.svelte-15ifyjm){background-color:var(--color-gray-350);color:var(--color-gray-00);border:none;height:100%;aspect-ratio:1;font-size:14px;padding:0;cursor:pointer;font-weight:700;outline:none}#modal.svelte-15ifyjm .modal-header:where(.svelte-15ifyjm) button:where(.svelte-15ifyjm):focus{outline:none}#modal.svelte-15ifyjm .modal-header:where(.svelte-15ifyjm) button:where(.svelte-15ifyjm):hover{background-color:var(--color-gray-00);color:var(--color-gray-0)}#modal.svelte-15ifyjm .modal-preview:where(.svelte-15ifyjm){max-width:80vw;max-height:72vh;height:100vh;aspect-ratio:16/9;position:relative;pointer-events:none}#modal.svelte-15ifyjm .modal-preview:where(.svelte-15ifyjm):before,#modal.svelte-15ifyjm .modal-preview:where(.svelte-15ifyjm):after{color:#fff;opacity:.35;font-size:12px;line-height:1.5}#modal.svelte-15ifyjm .modal-preview:where(.svelte-15ifyjm):before{content:"THREAT LEVEL: LOW\aSIGNAL STRENGTH: 87%\a ALT: 812.4 M ASL";white-space:pre;text-align:left;display:block;position:absolute;top:10px;left:10px;z-index:5;color:#fff}#modal.svelte-15ifyjm .modal-preview:where(.svelte-15ifyjm):after{content:"[SCANNING...]\aOBJ.DETECTED: 3\aNET.STATUS: SECURE";white-space:pre;text-align:right;display:block;position:absolute;bottom:10px;right:10px;z-index:5;color:#fff}#modal.svelte-15ifyjm img:where(.svelte-15ifyjm){width:100%;height:100%;display:block;object-fit:cover}