:root{--border-radius:0.8rem;--main-bg-color:#fff;--primary-color:#000;--secondary-color:#fff;--highlight-color:#ff0;--box-shadow:6px 6px 5px rgba(0,0,0,.08)}body,html{font-size:62.5%;font-family:Montserrat,sans-serif;font-optical-sizing:auto;font-weight:300;font-style:normal;width:100%;height:100%;background-color:var(--main-bg-color)}*,body,html{margin:0;padding:0}*{box-sizing:border-box}#app{padding:0;margin:0;min-height:100vh;display:flex;flex-direction:column;color:#393939;align-items:center;font-size:1.4rem}#app,img{width:100%}img{height:100%;-o-object-fit:contain;object-fit:contain}button,input,select,textarea{font-family:inherit}footer{border-top:.5px solid #999;margin-top:auto;min-height:50px;padding-top:1.6rem;font-size:1.2rem}.header-main,footer{width:100%;display:flex;flex-direction:row;justify-content:center}.header-main{height:150px;margin:0 0 auto;padding:0 0 auto}.header-main-image{z-index:1;height:150px;background-color:#fff;padding-bottom:25px}.container-bar{width:100%;display:flex;flex-direction:row}.pill-box{background-color:#fff;width:18%;margin-left:1%;margin-right:1%;border-radius:10px;display:flex;flex-direction:column;align-items:center;height:200px}.pill-box h2{width:90%;margin:0 5%;padding:1.2rem;text-align:center}.pill-box .pill-box-out{display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:4rem;font-weight:700;height:140px;width:140px;background-color:#111;color:#88d;border-radius:50%;margin-bottom:8%}.pill-box .pill-box-out span{font-weight:700}.public-screen{width:100%}.public-screen .container{flex-direction:column}.public-screen .beta-container,.public-screen .container{display:flex;align-items:center;padding-top:1.2rem;width:90%;margin:0 5%}.public-screen .beta-container{height:70vh;flex-direction:row}.public-screen .beta-container .beta-welcoming{display:flex;flex-direction:column;height:100%;width:98%;border-right:.5px solid #999;margin-right:2%}.public-screen .beta-container .beta-welcoming h1{margin-bottom:.4rem}.public-screen .beta-container .beta-welcoming p{width:96%;padding:.2rem;margin:.2rem}.navigation-container{background-color:#ddd;min-width:200px;display:flex;flex-direction:column;border-right:.5px solid #000;height:100%}.navigation-container div{font-weight:700;font-size:1.4rem;margin-bottom:1.2rem}.nav-logo{background-color:#000}.nav-logo img{padding:5px;height:60px}.nav-link{color:#666}.nav-link span{margin-right:.8rem}.nav-link{padding-left:.8rem;align-items:center}.admin-wrap,.nav-link{display:flex;flex-direction:row}.admin-wrap{width:100%;height:100dvh}.admin-content{background-color:#eee;width:99%;min-width:1500px;padding-left:.5%;padding-right:.5%}.ui-wheel-builder{display:flex;flex-direction:row}.wheel-visualizer{min-width:500px;position:relative;height:500px}.wheel-visualizer>img:first-child{position:absolute;top:0;left:0;width:500px;z-index:2}.wheel-visualizer>img:last-child{position:absolute;top:50px;left:50px;z-index:1;width:400px}select{padding:4px 8px;margin:2px;border-radius:5px;border:2px solid #ccc;border-radius:4px}select,select option{background-color:#fff}select option{padding:8px;color:#333}select option:hover{background-color:#f8f9fa}select option:checked{background-color:#007bff;color:#fff}select option:disabled{color:#6c757d;background-color:#f8f9fa}.login-bar{background-color:#000;width:100%;display:flex;flex-direction:row;justify-content:flex-end;padding:.8rem}.login-bar p{margin-right:1.6rem}.login-bar p button,.login-bar p input[type=password],.login-bar p input[type=text]{padding:.4rem;border-radius:.5rem;border:.5px solid red;text-align:center;font-size:1.2rem}.login-bar p button{width:90px}.signup-form{align-items:center}.signup-form,.signup-form__step{display:flex;flex-direction:column;width:100%}.signup-form__step{max-width:400px}.signup-form__step h2{margin-bottom:1rem}.signup-form__step p{display:flex;flex-direction:column;margin-bottom:.8rem}.signup-form__step label{font-size:.75rem;margin-bottom:.25rem;text-transform:uppercase;color:#666}.signup-form__step input{padding:.5rem;border-radius:.5rem;border:1px solid #ccc;font-size:1rem}.signup-form__step input:focus{outline:none;border-color:#1976d2}.signup-form__step button{padding:.6rem 1.2rem;border-radius:.5rem;border:none;background-color:#333;color:#fff;font-size:1rem;cursor:pointer;margin-top:.5rem}.signup-form__step button:disabled{opacity:.6;cursor:not-allowed}.signup-form__error{color:#f44336;font-size:.875rem;margin:0}.beta-signup{width:480px;height:100%;min-width:480px}.beta-signup h2{margin-bottom:.4rem}.beta-signup p{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:98%;padding:.4rem 0;margin:.4rem 1% 1.8rem 1%}.beta-signup p input[type=text]{width:100%;border-top:none;border-left:none;border-right:none;border-bottom:.5px solid #999;padding:.8rem}.beta-signup-contact-by{margin-top:1.6rem;width:100%}.beta-signup-contact-by-inputs{width:98%;margin:0 2%}.beta-signup-contact-by-inputs,.beta-signup-contact-by-inputs .radio-options{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.beta-signup-contact-by-inputs .radio-options{width:65%}.beta-signup-contact-by-inputs .radio-options label{margin-left:.8rem}.beta-signup-contact-by-inputs .radio-options span{display:flex;flex-direction:row;align-items:center}.beta-signup-contact-by-inputs button{padding:.4rem;border-radius:5px;border:.5px solid #000;width:25%;font-weight:500}