@charset "UTF-8";.light{display:none}@media screen and (prefers-color-scheme:dark){.light{display:block}}.dark{display:block}@media screen and (prefers-color-scheme:dark){.dark{display:none}}body{font-family:-apple-system,BlinkMacSystemFont,Inter,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;color:#000}@media screen and (prefers-color-scheme:dark){body{color:#fff}}h1.title{margin-top:0;margin-bottom:10px}p.subtitle{margin-top:0;margin-bottom:1em}h3.header{margin-top:0;margin-bottom:.5em}p.description{color:#0e0e0e;margin-top:0;margin-bottom:0}@media screen and (prefers-color-scheme:dark){p.description{color:#a1a1a1}}div.header{position:fixed;display:-webkit-box;display:flex;top:0;left:0;width:100%;height:32px;padding:16px;background-color:#fff;border-bottom:rgba(112,128,144,.25) 1px solid;z-index:9997}@media screen and (prefers-color-scheme:dark){div.header{background-color:#000;border-bottom:rgba(112,128,144,.25) 1px solid}}div.header div.left,div.header div.right{position:fixed;display:-webkit-box;display:flex;height:32px;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}div.header div.left{left:16px}div.header div.left h1.header-title{margin:0;margin-left:.65em;font-size:27px;font-weight:500}div.header div.right{right:16px}div.header div.right div.menu{right:16px}div.header img.logo{width:39px}div.header img.profile-image{width:32px;height:£headerHeight;cursor:pointer;border-radius:50%}body,html{background-color:#fff}@media screen and (prefers-color-scheme:dark){body,html{background-color:#000}}a{color:#000;opacity:.65;text-decoration:none;-webkit-transition:opacity .1s ease-in-out;transition:opacity .1s ease-in-out}a:hover{opacity:1}@media screen and (prefers-color-scheme:dark){a{color:#fff}}div.content{position:absolute;top:64px;left:0;bottom:0;width:100%;background-color:#fff}div.content.is-center,div.content.is-centre{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center}div.content.no-header{top:0}@media screen and (prefers-color-scheme:dark){div.content{background-color:#000}}div.box{background-color:#fff;box-shadow:0 0 0 1px rgba(112,128,144,.25);border-radius:10px;-webkit-transition:.1s ease-in-out;transition:.1s ease-in-out}div.box:hover{background-color:#f7f7f7;box-shadow:0 0 10px rgba(112,128,144,.25)}@media screen and (prefers-color-scheme:dark){div.box{background-color:#000}div.box:hover{background-color:#111;box-shadow:0 0 10px #00000017}}div.options{display:-webkit-box;display:flex}div.options .option:not(:last-child){margin-right:2em}div.box.option{width:14em;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:2em}div.box.option img.icon{height:40px;margin-bottom:1em}@media screen and (prefers-color-scheme:dark){div.box.option img.icon{-webkit-filter:invert(1);filter:invert(1)}}div.menu-wrapper div.menu{position:fixed;top:0;width:150px;overflow-x:hidden;overflow-y:auto;border-radius:5px;background-color:#fff;box-shadow:0 0 0 1px rgba(112,128,144,.25);opacity:0;pointer-events:none}div.menu-wrapper div.menu div.menu-section:not(:last-child){border-bottom:rgba(112,128,144,.5) 1.5px solid}div.menu-wrapper div.menu div.menu-option-wrapper div.menu-option{padding:.8em;border-bottom:rgba(112,128,144,.25) 1px solid;-webkit-transition:background-color .1s ease-in-out;transition:background-color .1s ease-in-out;cursor:default}div.menu-wrapper div.menu div.menu-option-wrapper div.menu-option:not(.disabled):hover{cursor:pointer;background-color:#f7f7f7}div.menu-wrapper div.menu div.menu-option-wrapper div.menu-option.has-icon{display:-webkit-box;display:flex}div.menu-wrapper div.menu div.menu-option-wrapper div.menu-option.has-icon p.menu-option-content{margin-left:8px}@media screen and (prefers-color-scheme:dark){div.menu-wrapper div.menu div.menu-option-wrapper div.menu-option img.menu-option-icon{-webkit-filter:invert(1);filter:invert(1)}}div.menu-wrapper div.menu div.menu-option-wrapper div.menu-option p.menu-option-content{margin:0;padding:0}div.menu-wrapper div.menu div.menu-option-wrapper div.menu-option p.menu-option-content.menu-option-title{font-size:18px;font-weight:700}@media screen and (prefers-color-scheme:dark){div.menu-wrapper div.menu div.menu-option-wrapper div.menu-option:not(.disabled):hover{background-color:#111}}div.menu-wrapper div.menu div.menu-option-wrapper:last-child>div.menu-option{border-bottom:none}@media screen and (prefers-color-scheme:dark){div.menu-wrapper div.menu{background-color:#000;box-shadow:0 0 0 1px rgba(112,128,144,.25)}}div.menu-wrapper div.menu-cover{position:fixed;top:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none;-webkit-transition:opacity .1s ease-in-out;transition:opacity .1s ease-in-out;z-index:-1}div.menu-wrapper.visible div.menu{top:60px;opacity:1;pointer-events:all}div.menu-wrapper.visible div.menu-cover{background-color:rgba(0,0,0,.75);opacity:1;pointer-events:all}div.chat{position:absolute;top:0;right:0;bottom:0;width:340px;border-left:rgba(112,128,144,.25) 1px solid}div.chat p.chat-no-messages{color:#0e0e0e;margin-left:1em;margin-right:1em;opacity:.75}@media screen and (prefers-color-scheme:dark){div.chat p.chat-no-messages{color:#a1a1a1}}div.chat div.chat-bar-wrapper{position:absolute;left:0;right:0;bottom:0;height:80px;border-top:rgba(112,128,144,.25) 1px solid}div.chat div.chat-bar-wrapper input.chat-bar{position:absolute;color:#fff;background-color:rgba(0,0,0,0);left:1em;right:2em;width:calc(100% - 5em);height:100%;padding:0;outline:0;border:0;margin:0;font-size:20px}div.chat div.chat-bar-wrapper div.send-button{position:absolute;display:-webkit-box;display:flex;cursor:pointer;right:0;width:40px;height:40px;margin:20px;border-radius:13px;background-color:#000;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;-webkit-transition:background-color .2s cubic-bezier(.18,.89,.32,1.28);transition:background-color .2s cubic-bezier(.18,.89,.32,1.28)}@media screen and (prefers-color-scheme:dark){div.chat div.chat-bar-wrapper div.send-button{background-color:#fff}}div.chat div.chat-bar-wrapper div.send-button.disabled{cursor:not-allowed;background-color:#a1a1a1}@media screen and (prefers-color-scheme:dark){div.chat div.chat-bar-wrapper div.send-button.disabled{background-color:#0e0e0e}}div.chat div.chat-bar-wrapper div.send-button img.send-button-icon{height:25px;margin-bottom:2.25px;-webkit-filter:invert(1);filter:invert(1)}@media screen and (prefers-color-scheme:dark){div.chat div.chat-bar-wrapper div.send-button img.send-button-icon:not(.disabled){-webkit-filter:invert(0);filter:invert(0)}}@media screen and (prefers-color-scheme:dark){div.chat div.chat-bar-wrapper{border-top:rgba(112,128,144,.25) 1px solid}}@media screen and (prefers-color-scheme:dark){div.chat{border-left:rgba(112,128,144,.25) 1px solid}}div.player-wrapper{position:absolute;display:-webkit-box;display:flex;top:0;left:0;bottom:181px;width:calc(100% - 341px);-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center}div.player-wrapper div.player{display:-webkit-box;display:flex;width:100%;height:100%;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center}div.player-wrapper div.player video.stream{top:50%;left:50%;max-width:100%;max-height:100%}div.player-footer{position:absolute;left:0;bottom:0;width:calc(100% - 341px);height:180px;border-top:rgba(112,128,144,.25) 1px solid;overflow:none;overflow-x:auto;overflow-y:hidden}div.player-footer div.user-icons{display:-webkit-box;display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:40px;margin:auto;-webkit-box-align:center;align-items:center;-webkit-box-pack:stretch;justify-content:stretch}div.player-footer div.user-icons div.user-icon{width:100px;height:100px;border-radius:50%;background-color:red}div.player-footer div.user-icons div.user-icon:not(:last-child){margin-right:1.5em}div.player-footer div.user-icons div.invite-hint{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-width:20em;margin-left:.5em}div.player-footer div.user-icons div.invite-hint h3.invite-hint-title{margin:0;margin-bottom:.55em}div.player-footer div.user-icons div.invite-hint p.invite-hint-subtitle{margin:0;margin-bottom:0}@media screen and (prefers-color-scheme:dark){div.player-footer{border-top:rgba(112,128,144,.25) 1px solid}}