#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:initial;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:var(--color-bg-webcam-button-function-available);background-color:var(--color-bg-button-default);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:var(--color-bg-webcam-button-function-unavailable)}#webcam-panel button.restricted:not(button[disabled]){color:var(--color-bg-webcam-button-function-restricted)}#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}#image:has(#webcam-testcard[style*=visible]){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:var(--color-bg-button-default);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:var(--color-bg-placeholder-image)}#screen .end-mark{position:absolute;width:56px;font-size:15px;text-align:center;color:var(--color-fg-webcam-endmark);background-color:var(--color-bg-webcam-endmark);opacity:.2;transition:opacity .3s;visibility:hidden}#screen .end-mark.restricted{opacity:1;color:red}#screen .end-mark::before{width:inherit}#screen .end-mark.left{left:0}#screen .end-mark.right{right:0}.temporarily-hidden{visibility:hidden}