body{margin:0;font-family:Google Sans,Roboto,Arial,sans-serif}.home{padding:20px}.logo{display:flex;color:#5f6368;font-size:22px;align-items:center;font-family:Product Sans,Arial,sans-serif}.logo img{width:24px;margin-right:4px}h1{font-size:2.75rem;font-weight:400}p{font-size:1.125rem;color:var(--gm-color-caption, rgb(95, 99, 104))}form#new{margin-bottom:20px}input[type=url]{font-size:16px;border-radius:4px;box-sizing:border-box;border:1px solid #000;background-color:#fff;background-repeat:no-repeat;padding:10px 20px 10px 40px;background-position:10px 8px;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24px'%20viewBox='0%20-960%20960%20960'%20width='24px'%20fill='%235f6368'%3e%3cpath%20d='M680-160v-120H560v-80h120v-120h80v120h120v80H760v120h-80ZM440-280H280q-83%200-141.5-58.5T80-480q0-83%2058.5-141.5T280-680h160v80H280q-50%200-85%2035t-35%2085q0%2050%2035%2085t85%2035h160v80ZM320-440v-80h320v80H320Zm560-40h-80q0-50-35-85t-85-35H520v-80h160q83%200%20141.5%2058.5T880-480Z'/%3e%3c/svg%3e")}button{border:none;padding:10px;font-size:1em;cursor:pointer;border-radius:3px}form#new button{color:#fff;background:#1773e8;align-items:center;display:inline-flex;justify-content:space-between}form#new button img{margin-right:10px}.call{background-color:#1f2124;display:flex;padding:20px;flex-direction:column;width:calc(100% - 40px);height:calc(100vh - 40px);justify-content:space-between}#videos{width:100%;margin:0 auto;display:flex;justify-content:center;position:relative;max-width:calc(100% - 300px)}.video-player{width:90%;height:auto;border-radius:10px;background-color:#000}.video-player-secondary{right:0;bottom:0;width:300px;position:absolute}.hide{display:none}#controls{display:flex;margin-top:10px;justify-content:center}#controls div{width:50px;height:50px;display:grid;margin:0 5px;cursor:pointer;border-radius:100%;align-content:center;justify-content:center;background-color:#3c4042}#controls div#endcall{background-color:#eb5757}#controls div:hover{background-color:#545759}@media screen and (max-width: 500px){#videos{display:flex;margin-top:20vh}}@media screen and (max-width: 700px){#videos{display:flex;max-width:unset;position:initial;align-items:center;flex-direction:column}.video-player-secondary{width:80%;margin-top:20px;position:initial}}