body,body.__next-auth-theme-auto,html{padding:0;margin:0;background:#000;font-size:30px}body,body.__next-auth-theme-auto,h1,html{font-family:Roboto Mono,sans-serif;color:#fff}h1{font-size:20px;text-align:left;margin-top:50px;margin-bottom:0}h2{font-size:30px;padding-top:0;padding-bottom:30px;margin:0;font-family:Roboto Mono,sans-serif;color:#fff}a{color:inherit;text-decoration:none}*{box-sizing:border-box}.intial-text{margin-top:200px;margin-left:200px}.signin-button,.signout-button{border:1px solid #fff;background:transparent;color:#fff;font-size:20px;padding:5px 10px;font-family:Roboto Mono,sans-serif}.signout-button{text-decoration:none;color:#000;font-size:12px;border:none}.signout-button-container{display:inline-block}.signin-button:hover{cursor:pointer;background:#4c4c4c}.login-form{font-size:30px;margin-top:100px;margin-left:200px}.login-form,.login-form input{font-family:Roboto Mono,sans-serif;color:#fff}.login-form input{background:transparent;font-size:20px;border:none;border-bottom:1px solid #fff;display:block}.login-form input:focus-visible{outline:none;border:none;border-bottom:1px solid #fff}.login-form label{font-family:Roboto Mono,sans-serif;color:#fff;font-size:20px;margin-top:50px;display:block}.login-form .intro{width:70%;font-size:20px}.login-form .date{margin-top:50px;clear:both}.login-form .date select{background:#000;color:#fff;font-family:Roboto Mono,sans-serif;font-size:30px;float:left;margin-right:10px}.login-button{margin-top:50px;clear:both;display:block}.clear{clear:both}.iframe-container{width:100%;float:none;margin:10px auto}.iframe-inner-container,.iframe-inner-inner-container{position:relative;display:block}.iframe-inner-inner-container{padding:56.25% 0 0}.iframe-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.before-text{font-size:30px;text-align:center;position:absolute;top:50%;left:0;width:100%}.right-container{width:45%;display:block;position:relative;float:left}#status{position:absolute;top:70%;width:100%;text-align:center;font-family:helvetica;font-size:50px}.camera-button{font-size:9px;color:#fff;display:inline-block;width:44px;height:auto;padding-top:15px;padding-bottom:15px;font-family:Roboto Mono,sans-serif}.camera-button.left{margin-right:23px}.camera-button.active{opacity:.8}.camera-button.inactive{opacity:.3}.camera-button:hover{cursor:pointer}#intensity{width:50%}#intensity,#intensity-display,#year{font-family:Roboto Mono,sans-serif;color:#fff}#year{font-size:30px;padding:15px;width:200px;margin-top:50px}h2.lights{padding-top:50px;padding-bottom:10px}.controls{position:relative;height:auto;background-color:#000;width:100%;text-align:center;font-size:18px;line-height:1.2;display:block;margin-left:auto;margin-right:auto;border:1px solid #fff}.controls-left{width:calc(50% - 100px);font-size:18px}.controls-center,.controls-left{padding-top:10px;padding-bottom:10px;float:left;display:block}.controls-center{font-size:16px;width:200px;min-height:66px;border-left:1px solid #fff;border-right:1px solid #fff}.controls-right{padding-top:10px;padding-bottom:10px;float:left;width:calc(50% - 100px);display:block;font-size:16px;text-align:right}.public .controls-left{width:50%}.public .controls-right{width:50%;text-align:right;padding-right:10px}.public .controls-right .timer{margin-right:0}.controls:after{content:"";display:table;clear:both}.bottom-info{width:100%;border:1px solid #fff;border-top:none;font-size:14px;margin-left:auto;margin-right:auto;color:#fff}.bottom-info:after{content:"";display:table;clear:both}.bottom-info p:first-of-type{margin-top:0}.bottom-left,.bottom-right{float:left;width:50%;padding:10px}.bottom-right{border-left:1px solid #fff}.timer{margin-right:10px;font-size:16px}.timer div{display:inline-block}.controls.private.inactive .timer{color:#fff}.user-info{text-align:left;margin-left:10px;font-size:16px}.bottom-info.inactive,.controls.inactive{color:#7e7e7e!important}.nft-info{font-size:14px}.nft-info h1{font-size:20px;margin-top:0;margin-bottom:20px}.nft .bottom-info,.nft .bottom-right,.nft .controls{border:#000!important}.hide{display:none}@media only screen and (min-width:1350px){.bottom-info,.controls,.iframe-container{width:70%}}@media only screen and (max-width:768px){.before-text{font-size:20px;top:45%}}