.signup{margin:0 auto 100px}.signup .header{font-size:20px}.signup input[type=email]{width:250px;height:35px;background:rgba(217,217,217,.15)}@media (max-width:640px){.signup input[type=email]{width:200px}}.signup input[type=email]::placeholder{color:var(--light-gray)}.signup input[type=submit]{padding-block:7px;background:var(--teal);transition:filter .3s}.signup input[type=submit]:hover{filter:brightness(150%)}header .nav{font-weight:700}header .nav .current{border-bottom:2px solid var(--white)}header .nav .buy-button{background-color:var(--brand2)}header .nav .buy-button:disabled{border:1px solid var(--gray);background:transparent}.page{background:url(/_next/static/media/bg.3fd1c3bf.svg) no-repeat;background-position:50%;background-size:100%}@media (max-width:1280px){.page{background-size:1280px}}.page.no-overflow{overflow:hidden}.page.bottom-align-bg{background-position:bottom}footer{background-color:var(--white);margin-left:-1.5rem;margin-right:-1.5rem;margin-bottom:-1.5rem;color:var(--black)}footer img{filter:brightness(0)}footer .legal{color:var(--gray);width:100%;text-align:center}@media (max-width:906px){footer .legal{width:350px}}.manage .main-container{margin-top:2rem;height:auto;min-height:auto;flex-wrap:wrap;max-width:1447px}.manage .main-container h2{font-size:25px}.manage .main-container{input{background-color:var(--black);&[type=text]{width:250px}&[type=number]{width:140px}}input:focus-visible{outline:2px solid var(--brand1);outline-offset:2px}}.bluetooth-warning{background:var(--light-yellow);border:1px solid var(--yellow);color:var(--dark-yellow);margin:20px auto;a{text-decoration:underline}}.disconnect-button{background-color:var(--brand1);color:var(--black);height:28px;&.on{background-color:bisque}}.connect-button,.refresh-button{color:var(--black);z-index:11;transform:rotate(45deg);font-size:24px;transition:all .3s;&.on{background-color:bisque}&:hover{background-color:var(--brand1)}}.connect-button{background-color:var(--brand2);width:80px;height:80px;bottom:200px;right:60px}.refresh-button{background-color:var(--gray);width:60px;height:60px;bottom:300px;right:70px;&.loading{animation:spin 3s linear infinite reverse}}.device{background-color:#202020;box-shadow:0 3px 5px var(--black);height:370px;min-width:263px;overflow:hidden}.placeholder-device{background-color:var(--black);height:370px}.connect,.monitor{flex:0 0 auto}.connect{width:264px;border:1px solid var(--black);transition:all .3s;span{display:block;transform:rotate(45deg)}&:hover{border:1px solid var(--brand2)}}.edit-button,.restart-button{width:28px;height:28px;background-color:var(--dark-gray);color:var(--white);font-size:16px;right:-10px;top:-10px;z-index:1;transition:all .3s;&:hover{background-color:var(--gray)}}.edit-button{right:-10px;&.on{color:var(--black);background-color:var(--white)}}.restart-button{font-weight:700;left:-10px}.edit{margin-right:-617px;flex:0 0 auto;position:relative;transition:margin-right .5s;&.on{margin-right:38px}}.chip{display:block;padding-bottom:8px;padding-top:9px;background:var(--gray);color:var(--dark-gray);line-height:0;font-weight:700;font-size:12px;height:17px}.toggleSwitch{position:relative;display:inline-block;input{opacity:0;width:0;height:0}span{text-wrap:nowrap}.slider{position:absolute;cursor:pointer;top:29px;left:0;right:0;bottom:0;height:26px;width:50px;background-color:var(--black);border-radius:34px;transition:background-color .3s ease}.slider:before{position:absolute;content:"";height:18px;width:18px;left:4px;bottom:4px;background-color:white;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2);transition:transform .3s ease}input:checked+.slider{background-color:var(--brand1)}input:checked+.slider:before{background-color:var(--black);transform:translateX(23px)}input:focus-visible+.slider{outline:2px solid var(--brand1);outline-offset:2px}}.checkbox{input{opacity:0;width:0;height:0}span{text-wrap:nowrap}.box{cursor:pointer;top:29px;left:0;right:0;bottom:0;height:26px;width:26px;background-color:var(--black);border-radius:.375rem;transition:background-color .3s ease}.box:before{position:absolute;content:"L";transform:scaleX(-1) rotate(-45deg);font-size:22px;font-weight:700;color:var(--black);height:18px;width:18px;right:5px;bottom:7px}input:checked+.box{background-color:var(--brand1)}input:focus-visible+.box{outline:2px solid var(--brand1);outline-offset:2px}}@keyframes spin{0%{rotate:0deg}to{rotate:1turn}}.modal{position:fixed;inset:0;background:rgba(0,0,0,.6);animation:fadeIn .3s cubic-bezier(.31,0,.28,.99);z-index:20;.modal-card{background:var(--dark-gray);border-radius:8px;padding:24px;min-width:700px;max-width:700px}.close-btn{float:right}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.header{margin-top:4rem!important;border-bottom:1px solid var(--teal);.toggle-btn{height:36px;padding-top:2px;padding-inline:20px;background-color:var(--black);transition:all .3s;&:first-of-type{border-right:1px solid var(--teal);border-top-left-radius:20px;border-bottom-left-radius:20px}&:last-of-type{border-top-right-radius:20px;border-bottom-right-radius:20px}&:hover{background-color:var(--gray)}&.selected{background-color:var(--brand2)}}.settings-btn{width:36px;height:36px;font-size:23px;padding-top:2px;transition:background-color .3s;border-radius:6px;&:hover{background-color:var(--gray)}}.save-btn{background-color:var(--brand1);color:var(--black);font-weight:700;padding:4px 10px;border-radius:6px;margin-left:10px}}.donut-wrap{display:flex;flex-direction:column;align-items:center;gap:14px}.donut-svg-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center}.donut-svg-wrap svg:not(.not-found){display:block;transform:rotate(-90deg)}.donut-center{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.donut-pct{font-weight:500;line-height:1;color:var(--white)}.loader{animation:spin 3s linear infinite;color:var(--gray);font-size:100px}.donut-sublabel{font-weight:500;letter-spacing:.08em;margin-top:2px;z-index:2}.donut-label,.donut-sublabel{font-size:14px;text-transform:uppercase}.donut-label{letter-spacing:.04em;color:var(--gray2)}svg.not-found{position:absolute;z-index:1;top:-60px;opacity:.2;filter:contrast(.5)}.loader{--size:1.5px;width:calc(48 * var(--size));height:calc(48 * var(--size));border:calc(4 * var(--size)) solid var(--gray);border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.scroll-title{width:100%;overflow:hidden;white-space:nowrap;span.should-scroll{display:inline-block;padding-left:100%;animation:scroll 10s linear infinite}}@keyframes scroll{0%{transform:translate(10%)}to{transform:translate(-40%)}}