#webcam-img{position:absolute;top:0;left:0}.viewport{display:inline-block;position:absolute;visibility:hidden;background-color:#fff;height:25px;line-height:25px;font-size:16px;font-weight:700;bottom:0}.viewport.testcard{bottom:0}.viewport.date{right:136px;width:164px}.viewport.time{right:0;width:138px;color:#000}#viewport-date,#viewport-clock{font-size:inherit}.viewport.testcard{width:33%;height:6.8%;font-size:min(20px,3.4vw);background-color:transparent;bottom:8px}.viewport.date.testcard{top:64%;left:16%;line-height:1.8em}.viewport.time.testcard{top:64%;left:51%;line-height:1.8em}.viewport>div{display:block;text-align:center;color:#000}#webcam-testcard{height:100%;object-fit:cover;visibility:hidden}#webcam-panel button{color:#006400;width:min(20vw,23%);font-size:17px;border:solid dimgray 1px;margin:0 5px;height:24px}#webcam-panel button::before{position:relative;bottom:-1px;font-size:15px}#webcam-panel button[disabled]{color:darkred}#webcam-panel button.restricted:not(button[disabled]){color:#ff8c00}#webcam-panel button:hover,#webcam-panel select:hover{cursor:pointer}#webcam-panel button[disabled]:hover{cursor:not-allowed}#webcam-panel button>span{font-size:78%}#screen{display:flex;align-items:center;justify-content:center;max-width:99.5%;margin:0 auto 30px;overflow:hidden;outline:none;cursor:grab}#image{height:100%;width:100%;left:0;position:absolute;transition:left .5s ease-out;filter:blur(1px)}#viewport-countdown{visibility:hidden}#webcam-panel{display:flex;flex-direction:column;margin-bottom:20px}.subpanel{display:none;justify-content:center;flex-wrap:wrap;margin:5px 0;width:254px}select{width:min(73px,34.7vw);height:24px;background-color:#fff;margin:0 20px;border:solid dimgray 1px;text-align:center}.link-button{margin:1em;align-self:center}@media screen and (max-width:466px){h1{margin:1em 0 .3em}#screen{margin:8px auto}.markdown{margin-top:0}}#screen svg.placeholder{position:static;height:auto}#screen svg.placeholder>rect{fill:#fbfbfb}#screen .end-sign{position:absolute;width:56px;font-size:15px;text-align:center;color:#d9e4ef;background-color:#2a5880;opacity:.2;transition:opacity .3s;visibility:hidden}#screen .end-sign.restricted{opacity:1;color:red}#screen .end-sign::before{width:inherit}#screen .end-sign.left{left:0}#screen .end-sign.right{right:0}.temporarily-hidden{visibility:hidden}