body{font-family:"Open Sans";color:#333;background-color:#cdcdcd;margin:0}h1,h2,h3,h4,h5,h6{font-family:"Montserrat"}a.button,input[type=submit].button,button.styled{display:block;padding:.75rem;background:#f22301;border-radius:1rem;text-decoration:none;color:#fde5e1;margin:2rem 0;text-align:center;outline:none;border:none}a.button.cancel,input[type=submit].button.cancel,button.styled.cancel{background:#575757}a.button.neutral,input[type=submit].button.neutral,button.styled.neutral{color:#ebebeb;background:#707070}input[type=submit].button,button.styled,a.styled{padding:.75rem 3rem}a.button.styled{padding:.65rem 3rem;box-sizing:border-box;font-size:13.3333px;display:flex;align-items:center;justify-content:center}a.button.styled .material-icons{padding-left:.25rem;font-size:1rem}div.screen-box,div.central-box{display:flex;flex-direction:column;align-items:center;justify-content:center}div.screen-box nav,div.central-box nav{font-family:"Montserrat";display:flex;align-items:center}div.screen-box nav .horse,div.central-box nav .horse{font-size:3rem;margin-right:.35rem}div.screen-box nav a,div.central-box nav a{color:#8b0806}div.screen-box nav .separator,div.central-box nav .separator{color:#999;padding:0 .3rem}div.screen-box main,div.central-box main{margin:.5rem;max-width:40rem;padding:2rem;background:#fff;border-radius:1rem}@media screen and (min-width: 1100px){div.central-box{height:100vh}}main.admin-control,main.admin-rooms{min-width:30rem}main.admin-control a.logout,main.admin-rooms a.logout{position:absolute;display:block;right:1rem;top:1rem;color:#2e6b7e;transition:color .25s}main.admin-control a.logout:hover,main.admin-rooms a.logout:hover{color:#6d97a5}main.admin-control h1,main.admin-rooms h1{margin-bottom:1.5rem}main.admin-control label{display:block;margin:1rem 0}main.admin-control label .field{display:flex;align-items:center}main.admin-control label input[type=text],main.admin-control label input[type=number],main.admin-control label input[type=datetime-local]{flex:1;width:100%;background-color:#fafafa;box-sizing:border-box;display:block;border:1px solid #ccc;border-radius:.5rem;padding:.5rem}main.admin-control label input[type=checkbox]{margin-right:.5rem}main.admin-control label span{margin-left:.5rem}main.admin-control label span.material-icons.ok{color:green}main.admin-control label span.material-icons.error{color:red}main.admin-control button{font-family:"Montserrat";font-size:1rem}main.admin-rooms a{color:#8b0806}main.admin-rooms article.room-card{padding:.25rem .5rem .5rem .5rem;border:1px solid rgba(0,0,0,0);border-radius:.5rem;transition:border-color .2s}main.admin-rooms article.room-card .room-details{display:flex;align-items:center}main.admin-rooms article.room-card .status{font-size:2rem;margin-right:.5rem}main.admin-rooms article.room-card .status.vacant{color:#ccc}main.admin-rooms article.room-card .status.occupied{color:#390}main.admin-rooms article.room-card .status.stranded{color:#f30}main.admin-rooms article.room-card .details{flex:1}main.admin-rooms article.room-card .name{font-weight:600}main.admin-rooms article.room-card .employers{color:#888;font-size:.8rem}main.admin-rooms article.room-card .length{margin-left:.5rem;font-size:2.5rem;font-family:"Montserrat"}main.admin-rooms article.room-card:hover{border-color:#ddd}main.admin-rooms article.room-card section{cursor:pointer;padding:.25rem 1rem;background-color:#e6edf0;border-radius:.5rem}main.admin-rooms article.room-card section:hover{background:#f6e3e3}section.overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5)}main.admin-manage-booth{position:relative;min-width:50rem;display:flex}main.admin-manage-booth .details{flex:1}main.admin-manage-booth .actions{margin-left:2rem;padding-top:1rem}main.admin-manage-booth h1{font-size:2rem;margin:0}main.admin-manage-booth h2{margin:0}main.admin-manage-booth button,main.admin-manage-booth a.button{width:100%;margin:1rem 0}main.admin-manage-booth .done{position:absolute;right:1rem;top:0;width:auto;padding:.5rem;background:rgba(0,0,0,0);color:#000}main.admin-manage-booth .done:hover{color:#444}main.lobby .left{background-color:#e8e8e8;padding:0 .5rem;overflow:auto}main.lobby .logo{transition:top .5s,margin-top .5s;text-align:center}main.lobby .logo img{width:7rem;margin-bottom:.75rem}main.lobby .logo h1{margin:0;font-size:1.9rem;letter-spacing:5px;font-weight:700;line-height:1;color:#575757}main.lobby .logo h2{font-size:1.2rem;letter-spacing:.7rem;transform:margin-top 5s}main.lobby .queueing-closed{background:#fbbdb3;padding:2rem;border-radius:1rem;display:flex}main.lobby .queueing-closed .material-icons{font-size:2rem;margin-right:.5rem;color:#be3b36}main.lobby .queueing-closed h2{margin:0;color:#b31813}main.lobby .maximum-queue-count{margin:.5rem 0 1rem 0;display:flex;align-items:center;justify-content:center;font-size:.8rem;color:#707070}main.lobby .maximum-queue-count .material-icons{margin-right:.25rem;color:#6d97a5}main.lobby section.room-list{background:#e6edf0;padding:.5rem}main.lobby section.room-list a.logout{position:absolute;display:block;right:1rem;top:1rem;color:#2e6b7e;transition:color .25s}main.lobby section.room-list a.logout:hover{color:#6d97a5}main.lobby section.room-list .no-rooms p{text-align:center;color:#575757}main.lobby section.room-list .search-box{display:flex;align-items:center;margin:1rem .25rem}main.lobby section.room-list .search-box input{flex:1 0;box-sizing:border-box;display:block;width:100%;border:1px solid #fff;transition:border-color .25s;outline:none;border-radius:1rem;font-size:1rem;padding:.5rem 1rem;font-family:"Open Sans";margin-right:1rem}main.lobby section.room-list .search-box input:focus{border:1px solid #f6654d}main.lobby section.room-list .search-box input::placeholder{font-size:.8rem;color:#ccc}main.lobby section.room-list .search-box img{width:2.5rem;height:2.5rem;border-radius:50%}main.lobby section.room-list .search-box a span.material-icons{color:#2e6b7e;transition:color .25s}main.lobby section.room-list .search-box a span.material-icons:hover{color:#6d97a5}main.lobby section.room-list article.youtube{margin-top:-0.5rem;margin-bottom:1.5rem;display:none;background:#c0d3d8;padding:1rem 0;flex-direction:column;align-items:center}@media screen and (min-width: 1100px){main.lobby section.room-list article.youtube{display:flex}}main.lobby section.room-list article.youtube div{font-size:.8rem;margin-bottom:.25rem;color:#666}main.lobby section.room-list article.youtube iframe{border-radius:.75rem}@media screen and (min-width: 1100px){main.lobby .left{position:fixed;top:0;left:0;right:50%;bottom:0;padding:0 3rem}main.lobby .logo{position:relative;top:0;margin-top:1rem;padding:0 3rem}main.lobby .logo img{width:13rem}main.lobby .logo h1{font-size:3.5rem}main.lobby .logo h2{font-size:1.6rem;margin:3rem 0 4rem 0}main.lobby .logo.empty{top:50%;margin-top:-50%}main.lobby .logo.empty h2{margin-top:6rem;margin-bottom:0}main.lobby .logo.empty h2.less-spaced{margin-top:3rem}main.lobby section.room-list{position:fixed;top:0;left:50%;right:0;bottom:0;padding:6rem 0 0 0}main.lobby section.room-list .no-rooms{position:fixed;top:0;left:50%;right:0;bottom:0;display:flex;flex-direction:column;justify-content:center;pointer-events:none}main.lobby section.room-list .search-box{position:fixed;top:0;left:50%;right:0;margin:1rem}main.lobby section.room-list .scrollable{overflow:auto;height:100%}main.lobby section.room-list .room-cards{padding:0 3rem}}.hr-text{line-height:1em;position:relative;outline:0;border:0;color:#000;text-align:center;height:1.5em;opacity:.5}.hr-text:before{content:"";background:linear-gradient(to right, transparent, #818078, transparent);position:absolute;left:0;top:50%;width:100%;height:1px}.hr-text:after{content:attr(data-content);position:relative;display:inline-block;color:#000;padding:0 .5em;line-height:1.5em;color:#3c3c3c;background-color:#e8e8e8;font-size:.7rem}main.in-room{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}main.in-room .content{background:#fff;padding:2rem;border-radius:1rem;max-width:40rem}main.in-room img{max-width:10rem;border-radius:1rem;margin-right:1rem}main.in-room .header{display:flex;align-items:center}main.in-room .timer{margin:2rem 0}main.lobby article.room-card{position:relative;user-select:none;margin-bottom:1.5rem;border-radius:.75rem .75rem .75rem .75rem;overflow:hidden;background:#fff;z-index:1;transition:background .5s}main.lobby article.room-card::before{position:absolute;content:"";top:0;bottom:0;right:0;left:0;background:linear-gradient(to right, white, #fffff3);z-index:-1;transition:opacity .25s;opacity:0}main.lobby article.room-card h1{margin:0;font-size:1rem;line-height:1.1}main.lobby article.room-card h2{margin:0;font-size:.75rem}main.lobby article.room-card .queue{align-self:stretch;display:flex;align-items:center;border-radius:0 0 .75rem 0;color:#898989;font-size:.5rem}main.lobby article.room-card .queue .count,main.lobby article.room-card .queue .place,main.lobby article.room-card .queue .position{font-size:1.8rem;font-family:"Montserrat";font-weight:bold;color:#2e6b7e}main.lobby article.room-card .queue .count,main.lobby article.room-card .queue .position{margin-right:.4rem}main.lobby article.room-card .queue .position{font-size:1.2rem}main.lobby article.room-card .description{display:none;margin-top:.5rem}main.lobby article.room-card .description div{display:flex;align-items:center;font-size:.6rem;color:#707070}main.lobby article.room-card .description div .material-icons{color:#ababab;margin-right:.25rem}main.lobby article.room-card .description .warning{color:#b31813}main.lobby article.room-card .play{margin-left:1.5rem;display:flex;flex-direction:column;align-items:center}main.lobby article.room-card .play .material-icons{font-size:2.5rem;color:#575757}main.lobby article.room-card .play .text{font-size:.65rem;line-height:1.1;color:#898989;text-align:center}main.lobby article.room-card .play:hover .material-icons{color:#b31813}main.lobby article.room-card .play:hover .text{color:#ca5d5a}main.lobby article.room-card .play:last-child{margin-right:1rem}main.lobby article.room-card.for-student{display:flex;align-items:center}main.lobby article.room-card.for-student.queue-delete-warning::after,main.lobby article.room-card.for-student.queue-delete-ready::after{position:absolute;height:100%;width:100%;background:rgba(48,0,0,.8);color:#fff;font-family:"Montserrat";font-weight:bold;display:flex;align-items:center;justify-content:center}main.lobby article.room-card.for-student.queue-delete-warning::after{content:"HOLD TO LEAVE THIS QUEUE"}main.lobby article.room-card.for-student.queue-delete-ready::after{content:"RELEASE TO LEAVE THIS QUEUE";background:rgba(0,48,0,.8)}main.lobby article.room-card.for-student.open{cursor:pointer}main.lobby article.room-card.for-student.open:hover::before{opacity:1}main.lobby article.room-card.for-student img{width:6rem;height:6rem;border-radius:.75rem 0 0 .75rem}main.lobby article.room-card.for-student .img-placeholder{width:6rem;height:6rem;border-radius:.75rem 0 0 .75rem;background:#ababab;display:flex;align-items:center;justify-content:center}main.lobby article.room-card.for-student .img-placeholder .material-icons{padding:.25rem;border-radius:100%;background:#ebebeb;font-size:2.5rem;color:#f22301}main.lobby article.room-card.for-student .content{flex:1;margin-left:1rem}main.lobby article.room-card.for-student .table-count{display:inline-flex;align-items:center;margin-right:.5rem}@media screen and (min-width: 1100px){main.lobby article.room-card .details{flex:1 0}main.lobby article.room-card .description{display:block}main.lobby article.room-card .description div{font-size:.75rem}main.lobby article.room-card .queue{flex-direction:column;justify-content:center;padding:0 1.5rem;text-align:center}main.lobby article.room-card .queue .count,main.lobby article.room-card .queue .position{margin-right:0}main.lobby article.room-card .content{display:flex;align-items:center}main.lobby article.room-card.for-student h1{font-size:1.2rem}main.lobby article.room-card.for-student h2{font-size:.9rem}}div.page-room header{display:flex;align-items:center}div.page-room header img{width:4rem;height:4rem;margin-right:.75rem;border-radius:1rem}div.page-room section.stats{margin:1rem 0;display:flex;align-items:center;justify-content:center}div.page-room section.stats>div{display:flex;flex-direction:column;align-items:center;justify-content:center}div.page-room section.stats>div:not(:last-child){margin-right:1rem}div.page-room section.stats .stat{background:#e6edf0;border-radius:.5rem;font-family:"Montserrat";color:#3c3c3c;display:flex;align-items:center;justify-content:center;height:9rem;box-sizing:border-box;text-align:center;padding:0 2rem;font-size:1rem}div.page-room section.stats div.count .stat{width:9rem;font-size:2.5rem;font-weight:bold}div.page-room section.stats div.employers .stat{min-width:9rem;flex-direction:column}div.page-room section.stats div.status{flex:1 0}div.page-room section.stats div.status .stat{width:100%}div.page-room section.stats div.status img{background:#fff;display:block;margin-right:.75rem;width:6rem;border-radius:.5rem}div.page-room section.stats div.status div{text-align:left}div.page-room section.stats div.status a{color:#b31813;transition:color .25s;text-decoration:none}div.page-room section.stats div.status a:hover{color:#8b0806}div.page-room section.stats div.status .timer{margin-top:1rem;font-weight:bold;text-align:center;font-family:"Roboto Mono",monospace;font-size:1.2rem}div.page-room section.stats div.status .timer.overtime{color:#f22301}div.page-room section.stats .description{font-size:.75rem;color:#898989;text-transform:uppercase}div.page-room .qr-code{width:10rem;height:10rem;float:right;margin-top:1rem}div.page-room .help-text{margin:2rem 0 2.5rem 0;font-size:.85rem}div.page-room .help-text strong{display:flex;align-items:center}div.page-room .help-text .material-icons{margin-right:.2rem}div.page-room section.actions{margin-top:2rem;display:flex;justify-content:space-between}div.page-room section.actions .right{text-align:right}div.page-room a.action{display:inline-block;text-decoration:none;background:#f22301;color:#fde5e1;font-size:.9rem;padding:.75rem 1.5rem;margin-bottom:.75rem;border-radius:2rem;transition:background .25s}div.page-room a.action:hover{background:#e80c00}div.page-room a.action.next{background:#2e6b7e;color:#e6edf0}div.page-room a.action.next:hover{background:#123c4e}div.page-room a.action.next.disabled{background:#cdcdcd;cursor:not-allowed}main.employer-rooms .new-room-form div.field-description,.add-booth-dialog div.field-description{font-size:.65rem;text-align:left;color:#575757}main.employer-rooms .new-room-form input[type=text],.add-booth-dialog input[type=text]{box-sizing:border-box;display:block;width:100%;border:1px solid #ccc;border-radius:.5rem;margin:0 0 .5rem 0;padding:.5rem}main.employer-rooms .new-room-form{margin-top:4rem}main.employer-rooms .new-room-form input[type=submit],main.employer-rooms .new-room-form button[type=submit]{display:block;margin-left:auto;margin-top:1.25rem;padding:.5rem 1.5rem;background-color:#b31813;color:#fff;border:1px solid #b31813;border-radius:1rem}main.employer-rooms .logo-and-form img{display:none}main.employer-rooms .queueing-status{position:absolute;display:block;left:1rem;top:1rem;color:#575757;display:flex;align-items:center;font-size:.8rem}main.employer-rooms .queueing-status .material-icons{margin-right:.25rem;color:#898989}main.employer-rooms article .content{padding:1rem 0 1rem 1.5rem}main.employer-rooms article .description{font-size:.8rem}main.employer-rooms article h1{font-size:.9rem}main.employer-rooms article h2{font-size:1.2rem}main.employer-rooms article section{cursor:pointer;padding:.5rem 1.5rem;display:flex;align-items:center;color:#707070;font-size:.75rem;border-top:1px solid #f6f6f6}main.employer-rooms article section .employers{flex:1;display:flex;align-items:center}main.employer-rooms article section .code{font-weight:bold;margin-left:1rem}main.employer-rooms article section .material-icons{color:#6d97a5;font-size:1.2rem;padding-right:.3rem}main.employer-rooms article section.booth-details,main.employer-rooms article section.add{background-color:#fffff6}main.employer-rooms article section.add{color:#ababab}main.employer-rooms article section.add .material-icons{color:#c0d3d8}main.employer-rooms article section:hover{background-color:#c0d3d8}@media screen and (min-width: 1100px){main.employer-rooms .new-room-form .logo-and-form{display:flex}main.employer-rooms .new-room-form .logo-and-form>img{display:block;width:7rem;height:7rem;margin-right:1rem;border-radius:.5rem}main.employer-rooms .new-room-form .logo-and-form form{flex:1}}div.add-booth-dialog .actions{margin-top:1rem;display:grid;grid-template-columns:1fr 1fr;column-gap:1rem}div.add-booth-dialog input#booth_code{width:6rem}.phx-no-feedback.invalid-feedback,.phx-no-feedback .invalid-feedback{display:none}.phx-click-loading{opacity:.5;transition:opacity 1s ease-out}.phx-loading{cursor:wait}.phx-loading *{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:bold}.phx-modal-close:hover,.phx-modal-close:focus{color:#000;text-decoration:none;cursor:pointer}.alert{padding:15px;margin-bottom:20px;border:1px solid rgba(0,0,0,0);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;display:block;margin:-1rem 0 2rem}section.flash-alert{position:fixed;z-index:100;top:1rem;left:0;right:0;cursor:pointer}section.flash-alert .content{max-width:90%;margin:0 auto;border-radius:1rem;background-color:#000;color:#fff;padding:1rem;text-align:center}#broadcasted-message{pointer-events:none;position:fixed;bottom:0;left:0;max-width:50%;background:#1d4e61;color:#fff;font-size:.9rem;padding:1rem}