body,html{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}*{box-sizing:border-box}:focus{outline:none}.controls{display:flex}.camera,.pair-code{display:flex;flex-direction:column}.pair-code,.scenes-controls{align-items:left;margin-left:1em;padding-right:1em}.scenes-controls{display:flex;flex-direction:column}.audio{display:grid;grid-template-columns:1fr 1fr}.video{width:320px;height:240px}.audio-buttons,.video{display:flex}.button{height:40px;position:relative;background:#f3f0f1;margin-bottom:25px;border-radius:8px;text-align:center;cursor:pointer;transition:all .1s ease-in-out;border-width:0;font-size:1rem;font-weight:semibold;padding-left:1rem;padding-right:1rem}.button-rect{width:60px;height:60px;font-size:32px;margin-right:.5em;border-radius:16px}.button-on-video{margin-top:10px;margin-left:10px;position:absolute}.button{box-shadow:-6px -6px 10px hsla(0,0%,100%,.4),6px 6px 10px rgba(10,10,10,.2);color:#646464}.button:hover{opacity:.5;box-shadow:-6px -6px 10px hsla(0,0%,100%,.5),6px 6px 10px rgba(0,0,0,.2)}.button:active{opacity:1;box-shadow:inset -4px -4px 8px hsla(0,0%,100%,.5),inset 8px 8px 16px rgba(0,0,0,.1);color:#fd4e44}.camera-placeholder{width:320px;height:240px;background:#646464;color:#fff;display:flex;justify-content:center;align-items:center;flex-direction:column;cursor:pointer}select{display:block;font-size:16px;font-family:sans-serif;font-weight:700;color:#444;line-height:1.3;padding:.6em 1.4em .5em .8em;width:100%;max-width:100%;box-sizing:border-box;margin:0;border:1px solid #aaa;box-shadow:0 1px 0 1px rgba(0,0,0,.04);border-radius:.5em;-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23fd4e44%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"),linear-gradient(180deg,#fff 0,#e5e5e5);background-repeat:no-repeat,repeat;background-position:right .7em top 50%,0 0;background-size:.65em auto,100%}.input-wrapper{display:grid}.inp{position:relative;margin:auto;width:100%;max-width:500px;border-radius:3px;overflow:hidden}.inp .label{position:absolute;top:20px;left:12px;font-size:16px;color:rgba(0,0,0,.5);font-weight:500;transform-origin:0 0;transform:translateZ(0);transition:all .2s ease;pointer-events:none}.inp .focus-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.05);z-index:-1;transform:scaleX(0);transform-origin:left}.inp input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;border:0;font-family:inherit;padding:16px 12px 0;height:56px;font-size:16px;font-weight:400;background:rgba(0,0,0,.02);box-shadow:inset 0 -1px 0 rgba(0,0,0,.3);color:#000;transition:all .15s ease}.inp input:hover{background:rgba(0,0,0,.04);box-shadow:inset 0 -1px 0 rgba(0,0,0,.5)}.inp input:not(:placeholder-shown)+.label{color:rgba(0,0,0,.5);transform:translate3d(0,-12px,0) scale(.75)}.inp input:focus{background:rgba(0,0,0,.05);outline:none;box-shadow:inset 0 -2px 0 #fd4e44}.inp input:focus+.label{color:#fd4e44;transform:translate3d(0,-12px,0) scale(.75)}.inp input:focus+.label+.focus-bg{transform:scaleX(1);transition:all .1s ease}@media (max-width:1040px){.controls{flex-direction:column;width:100%}.video{justify-content:center}.button-on-video{margin-left:-105px}}