.mode-select{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background-color:#e8f1ea;width:100%;height:100dvh;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.mode-select__stage{aspect-ratio:535/1024;background-color:#9fcbb0;background-image:url(/mode-select.png);background-position:50%;background-repeat:no-repeat;background-size:cover;width:min(100%,52.2461dvh);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mode-select__zone{appearance:none;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:none;background:0 0;border:0;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.mode-select__zone--camera{clip-path:polygon(0 0,100% 0,0 100%)}.mode-select__zone--viewer{clip-path:polygon(100% 0,100% 100%,0 100%)}.mode-select__zone:active{background:#00000014}.mode-select__zone:focus{outline:none}.mode-select__zone:focus-visible{outline-offset:-8px;outline:3px solid #4a8f74}.mode-select__sr{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mode-select__stage-landscape{display:none}@media (orientation:landscape){.mode-select__stage{display:none}.mode-select__stage-landscape{aspect-ratio:1024/572;background-color:#8cb9a2;background-image:url(/mode-select-landscape.png);background-repeat:no-repeat;background-size:100% 100%;width:max(100%,179.021dvh);display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mode-select__zone--landscape-camera{clip-path:polygon(0 0,72% 0,24% 100%,0 100%)}.mode-select__zone--landscape-viewer{clip-path:polygon(72% 0,100% 0,100% 100%,24% 100%)}}