#nprogress{pointer-events:none}#nprogress .bar{background:#29d;position:fixed;z-index:1031;top:0;left:0;width:100%;height:2px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #29d,0 0 5px #29d;opacity:1;transform:rotate(3deg) translateY(-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border-color:#29d transparent transparent #29d;border-style:solid;border-width:2px;border-radius:50%;-webkit-animation:nprogress-spinner .4s linear infinite;animation:nprogress-spinner .4s linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@keyframes nprogress-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#local-video{transform:rotateY(180deg)}.field{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;--bg-opacity:1;background-color:#edf2f7;background-color:rgba(237,242,247,var(--bg-opacity));border-width:1px;--border-opacity:1;border-color:#000;border-color:rgba(0,0,0,var(--border-opacity));border-radius:.25rem;padding:.75rem 1rem;line-height:1.25}.field,.field-label{display:block;--text-opacity:1;color:#4a5568;color:rgba(74,85,104,var(--text-opacity))}.field-label{text-transform:uppercase;letter-spacing:.025em;font-size:.75rem;font-weight:700;margin-bottom:.5rem}.field-group{display:flex;flex-wrap:wrap;margin-left:-.75rem;margin-right:-.75rem;margin-bottom:1.5rem}.btn{padding:1rem 2rem;font-size:1.25rem}.btn,.btn-sm{margin-top:1rem;--text-opacity:1;color:#2d3748;color:rgba(45,55,72,var(--text-opacity));font-weight:700}.btn-sm{padding:.5rem 1rem;font-size:1rem}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}details{display:block}summary{display:list-item}[hidden],template{display:none}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}button{background-color:transparent;background-image:none}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}fieldset,ol,ul{margin:0;padding:0}ol,ul{list-style:none}html{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}*,:after,:before{box-sizing:border-box;border:0 solid #e2e8f0}hr{border-top-width:1px}img{border-style:solid}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#a0aec0}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#a0aec0}input::placeholder,textarea::placeholder{color:#a0aec0}[role=button],button{cursor:pointer}table{border-collapse:collapse}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}button,input,optgroup,select,textarea{padding:0;line-height:inherit;color:inherit}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}.bg-gray-100{background-color:#f7fafc!important;background-color:rgba(247,250,252,var(--bg-opacity))!important}.bg-gray-100,.bg-red{--bg-opacity:1!important}.bg-red{background-color:red!important;background-color:rgba(255,0,0,var(--bg-opacity))!important}.bg-green{background-color:green!important;background-color:rgba(0,128,0,var(--bg-opacity))!important}.bg-blue-500,.bg-green{--bg-opacity:1!important}.bg-blue-500{background-color:#4299e1!important;background-color:rgba(66,153,225,var(--bg-opacity))!important}.bg-blue-700{--bg-opacity:1!important;background-color:#2b6cb0!important;background-color:rgba(43,108,176,var(--bg-opacity))!important}.bg-indigo-500{--bg-opacity:1!important;background-color:#667eea!important;background-color:rgba(102,126,234,var(--bg-opacity))!important}.hover\:bg-indigo-600:hover{--bg-opacity:1!important;background-color:#5a67d8!important;background-color:rgba(90,103,216,var(--bg-opacity))!important}.focus\:bg-white:focus{--bg-opacity:1!important;background-color:#fff!important;background-color:rgba(255,255,255,var(--bg-opacity))!important}.bg-opacity-50{--bg-opacity:0.5!important}.border-gray-200{--border-opacity:1!important;border-color:#edf2f7!important;border-color:rgba(237,242,247,var(--border-opacity))!important}.border-gray-300{--border-opacity:1!important;border-color:#e2e8f0!important;border-color:rgba(226,232,240,var(--border-opacity))!important}.focus\:border-indigo-500:focus{--border-opacity:1!important;border-color:#667eea!important;border-color:rgba(102,126,234,var(--border-opacity))!important}.rounded{border-radius:.25rem!important}.rounded-lg{border-radius:.5rem!important}.rounded-full{border-radius:9999px!important}.rounded-b-none{border-bottom-right-radius:0!important;border-bottom-left-radius:0!important}.border-0{border-width:0!important}.border-2{border-width:2px!important}.border{border-width:1px!important}.block{display:block!important}.flex{display:flex!important}.table{display:table!important}.grid{display:grid!important}.hidden{display:none!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.justify-between{justify-content:space-between!important}.flex-shrink-0{flex-shrink:0!important}.font-medium{font-weight:500!important}.font-semibold{font-weight:600!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.h-10{height:2.5rem!important}.h-20{height:5rem!important}.h-full{height:100%!important}.text-sm{font-size:.875rem!important}.text-base{font-size:1rem!important}.text-lg{font-size:1.125rem!important}.text-2xl{font-size:1.5rem!important}.text-3xl{font-size:1.875rem!important}.leading-8{line-height:2rem!important}.mx-2{margin-left:.5rem!important;margin-right:.5rem!important}.mx-4{margin-left:1rem!important;margin-right:1rem!important}.mx-6{margin-left:1.5rem!important;margin-right:1.5rem!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.mt-2{margin-top:.5rem!important}.mb-2{margin-bottom:.5rem!important}.mr-4{margin-right:1rem!important}.mt-6{margin-top:1.5rem!important}.mb-6{margin-bottom:1.5rem!important}.mb-8{margin-bottom:2rem!important}.mb-20{margin-bottom:5rem!important}.opacity-75{opacity:.75!important}.focus\:outline-none:focus,.outline-none{outline:2px solid transparent!important;outline-offset:2px!important}.overflow-hidden{overflow:hidden!important}.overflow-x-hidden{overflow-x:hidden!important}.overflow-y-scroll{overflow-y:scroll!important}.p-2{padding:.5rem!important}.p-4{padding:1rem!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.px-1{padding-left:.25rem!important;padding-right:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.px-3{padding-left:.75rem!important;padding-right:.75rem!important}.px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}.px-8{padding-left:2rem!important;padding-right:2rem!important}.px-10{padding-left:2.5rem!important;padding-right:2.5rem!important}.pl-6{padding-left:1.5rem!important}.static{position:static!important}.absolute{position:absolute!important}.relative{position:relative!important}.top-0{top:0!important}.right-0{right:0!important}.shadow-md{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)!important}.text-center{text-align:center!important}.text-white{--text-opacity:1!important;color:#fff!important;color:rgba(255,255,255,var(--text-opacity))!important}.text-gray-700{--text-opacity:1!important;color:#4a5568!important;color:rgba(74,85,104,var(--text-opacity))!important}.w-10{width:2.5rem!important}.w-full{width:100%!important}.z-10{z-index:10!important}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}.transform{--transform-translate-x:0!important;--transform-translate-y:0!important;--transform-rotate:0!important;--transform-skew-x:0!important;--transform-skew-y:0!important;--transform-scale-x:1!important;--transform-scale-y:1!important;transform:translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y))!important}.transition-colors{transition-property:background-color,border-color,color,fill,stroke!important}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.duration-200{transition-duration:.2s!important}@-webkit-keyframes spin{to{transform:rotate(1turn)}}@keyframes spin{to{transform:rotate(1turn)}}@-webkit-keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@-webkit-keyframes pulse{50%{opacity:.5}}@keyframes pulse{50%{opacity:.5}}@-webkit-keyframes bounce{0%,to{transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes bounce{0%,to{transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}}:root{--black:#111;--dark-gray:#232323;--gray:#666;--light-gray:#f3f3f3;--white:#fff;--purple:#609;--blue:#326de6;--yellow:#edb500;--magenta:#c06}.streams{display:flex;flex-wrap:wrap;justify-content:space-around;justify-content:space-evenly;align-items:center}.streams--shrink .video-container{flex-basis:calc(33.33333% - 3vmin)!important}.video-container{background-color:currentColor;border-radius:.625rem;overflow:hidden;position:relative;flex-basis:calc(50% - 2vmin);margin-bottom:2vmin;margin-left:1vmin;margin-right:1vmin}.video-container:before{color:var(--light-gray);content:"Waiting for user to join";font-size:3vmin;position:absolute;top:0;right:0;left:0;bottom:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:3vmin}.video-container--current:before{content:""}.video-container:nth-child(1n){color:var(--purple)}.video-container:nth-child(2n){color:var(--blue)}.video-container:nth-child(3n){color:var(--yellow)}.video-container:nth-child(4n){color:var(--magenta)}.video-container__controls{align-items:flex-end;justify-content:center;flex-direction:row;padding-bottom:.5rem;position:absolute;bottom:0;top:0;left:0;right:0;display:flex;width:100%;z-index:2}.video-container__controls:hover .video-container__control{visibility:visible}.video-container__control{visibility:hidden;margin-right:1rem;apperance:none;-webkit-appearance:none;-moz-appearance:none;border:none;border-radius:100%;cursor:pointer;color:var(--light-gray);display:flex;align-items:center;justify-content:center;outline:none;font-size:1.75rem;line-height:1;height:2.5rem;width:2.5rem;padding:0}.video-container__control:last-child{margin-right:0}.video-container #join-call{background:green}.video-container #join-call:hover{background:#006700}.video-container #join-call:after{background-color:transparent;content:"";cursor:pointer;position:absolute;top:0;left:0;right:0;bottom:0;z-index:2}.video-container #leave-call{background:red;z-index:3}.video-container #leave-call:hover{background:#e60000}.video-container video{position:relative;width:100%;z-index:2}.phx-no-feedback.invalid-feedback,.phx-no-feedback .invalid-feedback{display:none}.phx-click-loading{opacity:.5;transition:opacity 1s ease-out}.phx-disconnected{cursor:wait}.phx-disconnected *{pointer-events:none}.phx-modal{opacity:1!important;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4)}.phx-modal-content{background-color:#fefefe;margin:15% auto;padding:20px;border:1px solid #888;width:80%}.phx-modal-close{color:#aaa;float:right;font-size:28px;font-weight:700}.phx-modal-close:focus,.phx-modal-close:hover{color:#000;text-decoration:none;cursor:pointer}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert p{margin-bottom:0}.alert:empty{display:none}.invalid-feedback{color:#a94442;margin:-1rem 0 2rem}@media (min-width:640px){.sm\:font-medium{font-weight:500!important}.sm\:text-base{font-size:1rem!important}.sm\:ml-6{margin-left:1.5rem!important}.sm\:mt-16{margin-top:4rem!important}.sm\:pr-6{padding-right:1.5rem!important}}@media (min-width:768px){.md\:flex-row{flex-direction:row!important}.md\:w-4\/6{width:66.666667%!important}.md\:w-full{width:100%!important}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media (min-width:1024px){.lg\:flex-row{flex-direction:row!important}}