From 70a1986eeb0e5f2ec3be0fe294f318b8ce3bb458 Mon Sep 17 00:00:00 2001 From: William Gibson Date: Sat, 30 May 2020 01:42:34 +0100 Subject: [PATCH] Add support for better control bar --- dist/borealis.css | 158 +++++++++++++++---------- dist/borealis.css.map | 2 +- dist/borealis.min.css | 2 +- src/pages/room/player/_all.sass | 1 + src/pages/room/player/control-bar.sass | 78 ++++++++++++ src/pages/room/player/footer.sass | 52 +------- 6 files changed, 180 insertions(+), 113 deletions(-) create mode 100644 src/pages/room/player/control-bar.sass diff --git a/dist/borealis.css b/dist/borealis.css index baa6e78..73b579e 100644 --- a/dist/borealis.css +++ b/dist/borealis.css @@ -841,75 +841,13 @@ div.player-footer { overflow-y: hidden; } -div.player-footer div.control-bar { - display: -webkit-box; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - flex-direction: row; - -webkit-box-pack: justify; - justify-content: space-between; - height: 40px; - width: 100%; - margin: auto; -} - -div.player-footer div.control-bar .fullscreen-toggle { - margin: auto 20px; -} - -div.player-footer div.control-bar .volume-controls { - width: 10%; - margin: 10px 20px; -} - -div.player-footer div.control-bar .volume-slider { - -webkit-transform: translate(0, -300%); - transform: translate(0, -300%); - margin: auto 0; - height: 3px; - background: white; - -webkit-appearance: none; - cursor: pointer; -} - -div.player-footer div.control-bar .volume-slider:focus { - outline: none; -} - -div.player-footer div.control-bar .volume-slider::-webkit-slider-thumb { - -webkit-appearance: none; - width: 12px; - height: 12px; - border-radius: 50%; - background: white; -} - -div.player-footer div.control-bar .volume-slider::-moz-range-thumb { - width: 12px; - height: 12px; - border-radius: 50%; - background: white; -} - -div.player-footer div.control-bar img.icon { - cursor: pointer; -} - -@media screen and (prefers-color-scheme: dark) { - div.player-footer div.control-bar img.icon { - -webkit-filter: invert(1); - filter: invert(1); - } -} - div.player-footer div.user-icons { display: -webkit-box; display: flex; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; - padding: 0px 40px 40px 40px; + padding: 40px 40px 40px 40px; margin: auto; -webkit-box-align: center; align-items: center; @@ -917,6 +855,10 @@ div.player-footer div.user-icons { justify-content: stretch; } +div.player-footer div.user-icons .has-no-padding-top { + padding-top: 0; +} + div.player-footer div.user-icons div.user-icon { width: 100px; height: 100px; @@ -1121,6 +1063,96 @@ div.player-footer div.user-icons div.invite-hint p.invite-hint-subtitle { } } +div.player.has-control div.control-bar { + display: none; +} + +div.player:not(.has-control):hover div.control-bar { + bottom: 0; + opacity: 1; + pointer-events: all; +} + +div.player:not(.has-control) div.control-bar { + position: absolute; + -webkit-transition: 0.1s ease-in-out; + transition: 0.1s ease-in-out; + background: -webkit-gradient(linear, left top, left bottom, from(#00000000), to(#000000a3)); + background: linear-gradient(to bottom, #00000000, #000000a3); + left: 0; + width: 100%; + bottom: -20px; + opacity: 0; + pointer-events: none; + height: 60px; + width: 100%; +} + +div.player:not(.has-control) div.control-bar div.control-inner { + height: 40px; + margin-top: 20px; + display: -webkit-box; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + flex-direction: row; + -webkit-box-pack: justify; + justify-content: space-between; +} + +div.player:not(.has-control) div.control-bar div.control-inner .fullscreen-toggle { + margin: auto 20px; +} + +div.player:not(.has-control) div.control-bar div.control-inner div.volume-controls { + display: -webkit-box; + display: flex; + -webkit-box-align: center; + align-items: center; + -webkit-box-pack: center; + justify-content: center; + margin: 10px 20px; +} + +div.player:not(.has-control) div.control-bar div.control-inner div.volume-controls img.icon { + margin-right: 10px; +} + +div.player:not(.has-control) div.control-bar div.control-inner img.icon { + cursor: pointer; + -webkit-filter: invert(1); + filter: invert(1); +} + +div.player:not(.has-control) div.control-bar div.control-inner img.icon div.volume-slider { + -webkit-transform: translate(0, -300%); + transform: translate(0, -300%); + margin: auto auto; + height: 3px; + background: white; + -webkit-appearance: none; + cursor: pointer; +} + +div.player:not(.has-control) div.control-bar div.control-inner .volume-slider:focus { + outline: none; +} + +div.player:not(.has-control) div.control-bar div.control-inner .volume-slider::-webkit-slider-thumb { + -webkit-appearance: none; + width: 12px; + height: 12px; + border-radius: 50%; + background: white; +} + +div.player:not(.has-control) div.control-bar div.control-inner .volume-slider::-moz-range-thumb { + width: 12px; + height: 12px; + border-radius: 50%; + background: white; +} + div.room { display: -webkit-box; display: flex; diff --git a/dist/borealis.css.map b/dist/borealis.css.map index 1937089..6b41ce4 100644 --- a/dist/borealis.css.map +++ b/dist/borealis.css.map @@ -1 +1 @@ -{"version":3,"sources":["../src/utils/breakpoints.sass","borealis.css","../src/utils/helpers.sass","../src/utils/typography.sass","../src/utils/colors.sass","../src/utils/generics.sass","../src/utils/animations.sass","../src/components/content.sass","../src/utils/sizes.sass","../src/components/header.sass","../src/components/footer.sass","../src/components/box.sass","../src/components/menu.sass","../src/components/option.sass","../src/components/form.sass","../src/components/input.sass","../src/utils/brands.sass","../src/components/invite.sass","../src/components/landing.sass","../src/pages/room/player/wrapper.sass","../src/pages/room/player/footer.sass","../src/pages/room/index.sass","../src/pages/room/chat.sass"],"names":[],"mappings":"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","file":"borealis.css"} \ No newline at end of file +{"version":3,"sources":["../src/utils/breakpoints.sass","borealis.css","../src/utils/helpers.sass","../src/utils/typography.sass","../src/utils/colors.sass","../src/utils/generics.sass","../src/utils/animations.sass","../src/components/content.sass","../src/utils/sizes.sass","../src/components/header.sass","../src/components/footer.sass","../src/components/box.sass","../src/components/menu.sass","../src/components/option.sass","../src/components/form.sass","../src/components/input.sass","../src/utils/brands.sass","../src/components/invite.sass","../src/components/landing.sass","../src/pages/room/player/wrapper.sass","../src/pages/room/player/footer.sass","../src/pages/room/player/control-bar.sass","../src/pages/room/index.sass","../src/pages/room/chat.sass"],"names":[],"mappings":"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","file":"borealis.css"} \ No newline at end of file diff --git a/dist/borealis.min.css b/dist/borealis.min.css index a1b80a9..c785ad0 100644 --- a/dist/borealis.min.css +++ b/dist/borealis.min.css @@ -1 +1 @@ -.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}}.is-fullwidth:not(.has-content){width:100%!important}.has-content{padding:1.5em}.has-content.is-fullwidth{width:calc(100% - 3em)}div.content.has-content{width:calc(100% - 12em);padding:3em 6em}div.columns{display:-webkit-box;display:flex}div.columns div.column.is-side{width:50%}div.columns div.column:not(:last-child){margin-right:3em}p.disclaimer{position:absolute;color:gray;font-size:14px;margin:0}p.error{position:absolute;color:red;margin-bottom:0}.is-loading{background:linear-gradient(225deg,red,#d200ff,#0063ff,#00ffc1,#0bff66,#16ff00,#f0ff00,red)!important;background-size:1600% 1600%!important;-webkit-animation:loadingAnimation 10s ease infinite;animation:loadingAnimation 10s ease infinite;color:#000}.is-loading img{-webkit-filter:invert(0)!important;filter:invert(0)!important}.is-disabled{cursor:not-allowed!important;opacity:.75}@-webkit-keyframes loadingAnimation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes loadingAnimation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}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}}.title{margin-bottom:10px}.title:first-child{margin-top:0}.subtitle{margin-top:0;margin-bottom:1em}.subtitle:last-child{margin-bottom:0}h3.header{margin:0}h3.header:not(:last-child){margin-bottom:.5em}p.description{color:#0e0e0e;margin-top:0;margin-bottom:0}@media screen and (prefers-color-scheme:dark){p.description{color:#a1a1a1}}body,html{background-color:#fff}@media screen and (prefers-color-scheme:dark){body,html{background-color:#000}}a{color:#000;text-decoration:none}a:not(.is-wrapper){opacity:.65;-webkit-transition:opacity .1s ease-in-out;transition:opacity .1s ease-in-out}a:not(.is-wrapper):hover{opacity:1}@media screen and (prefers-color-scheme:dark){a{color:#fff}}img:not(.draggable){-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none}div.content{position:absolute;top:64px;left:0;bottom:0;width:100%}@media only screen and (min-width:768px){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}div.header{position:fixed;display:-webkit-box;display:flex;top:0;left:0;width:100%;height:32px;background-color:#fff;padding:16px;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:32px;cursor:pointer;border-radius:50%}div.footer{position:fixed;margin:1.25em 0;margin-top:0;left:0;bottom:0;width:100%}div.footer p.footer{margin:0;color:grey;text-align:center}@media only screen and (min-width:768px){div.landing div.left div.footer{width:50%}}div.box{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;background-color:#fff;border-radius:10px;-webkit-transition:.1s ease-in-out;transition:.1s ease-in-out}div.box:not(.is-disabled),div.box:not(.is-loading){box-shadow:0 0 0 1px rgba(112,128,144,.25)}div.box.is-hoverable{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}div.box.is-hoverable:not(.is-disabled){cursor:pointer}div.box.is-hoverable:not(.is-disabled):hover{box-shadow:0 0 0 1px #0e0e0e}@media screen and (prefers-color-scheme:dark){div.box.is-hoverable:not(.is-disabled):hover{box-shadow:0 0 0 1px #a1a1a1}}@media screen and (prefers-color-scheme:dark){div.box{background-color:#000}}div.list{position:static;bottom:0;height:100%}div.list div.box:not(:last-child){margin-bottom:1e}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;-webkit-transition:top .2s cubic-bezier(.075,.82,.165,1);transition:top .2s cubic-bezier(.075,.82,.165,1)}div.menu-wrapper div.menu.is-header.is-left{left:16px}div.menu-wrapper div.menu.is-header.is-right{right:16px}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 a.is-wrapper:not(:last-child) div.menu-option-wrapper div.menu-option{border-bottom:rgba(112,128,144,.25) 1px solid}@media screen and (prefers-color-scheme:dark){div.menu-wrapper div.menu a.is-wrapper:not(:last-child) div.menu-option-wrapper div.menu-option{border-bottom:rgba(112,128,144,.25) 1px solid}}div.menu-wrapper div.menu div.menu-option{padding:.8em;-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:not(:last-child){border-bottom:rgba(112,128,144,.25) 1px solid}@media screen and (prefers-color-scheme:dark){div.menu-wrapper div.menu div.menu-option:not(:last-child){border-bottom:rgba(112,128,144,.25) 1px solid}}div.menu-wrapper div.menu div.menu-option:not(.disabled):hover{cursor:pointer;background-color:#f7f7f7}div.menu-wrapper div.menu div.menu-option.has-icon{display:-webkit-box;display:flex}div.menu-wrapper div.menu div.menu-option.has-icon p.menu-option-content{margin-left:8px}div.menu-wrapper div.menu div.menu-option.is-disabled{opacity:1}div.menu-wrapper div.menu div.menu-option.is-disabled:not(.is-loading){cursor:default!important}@media screen and (prefers-color-scheme:dark){div.menu-wrapper div.menu div.menu-option img.menu-option-icon{-webkit-filter:invert(1);filter:invert(1)}}div.menu-wrapper div.menu div.menu-option p.menu-option-content{margin:0;padding:0}div.menu-wrapper div.menu div.menu-option p.menu-option-content.menu-option-title{font-size:18px;font-weight:700}div.menu-wrapper div.menu div.menu-option div.menu-option-content{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}div.menu-wrapper div.menu div.menu-option div.menu-option-content p.menu-option-subtitle{font-size:15px;font-weight:300;margin-top:5px;opacity:.65}div.menu-wrapper div.menu div.menu-option div.menu-option-content p.menu-option-hint{font-size:12px;font-weight:300;margin-top:5px;opacity:.65}@media screen and (prefers-color-scheme:dark){div.menu-wrapper div.menu div.menu-option:not(.disabled):hover{background-color:#111}}@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}@media only screen and (max-width:768px){div.in-room,div.no-room,div.room-create,div.room-join{margin:1.5em 2em}}div.options{display:-webkit-box;display:flex}div.options div.option:not(:last-child){margin-right:2em}div.options a.is-wrapper:not(:last-child){margin-right:2em}@media only screen and (max-width:768px){div.options{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}div.options a.is-wrapper:not(:last-child){margin-right:0;margin-bottom: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)}}@media only screen and (max-width:768px){div.box.option{width:calc(100% - 4em)}}div.form{display:-webkit-box;display:flex}div.form :not(:last-child){margin-right:1em}button.button,input.input{padding:10px;color:#000;background-color:#fff;border-radius:5px;font-weight:600;-webkit-transition:.1s ease-in-out;transition:.1s ease-in-out;border:none;outline:0;font-size:16px}button.button:not(.is-disabled),button.button:not(.is-loading),input.input:not(.is-disabled),input.input:not(.is-loading){box-shadow:0 0 0 1px rgba(112,128,144,.25)}button.button:focus:not(.is-disabled),button.button:hover:not(.is-disabled),input.input:focus:not(.is-disabled),input.input:hover:not(.is-disabled){box-shadow:0 0 0 1px #0e0e0e}@media screen and (prefers-color-scheme:dark){button.button:focus:not(.is-disabled),button.button:hover:not(.is-disabled),input.input:focus:not(.is-disabled),input.input:hover:not(.is-disabled){box-shadow:0 0 0 1px #a1a1a1}}@media screen and (prefers-color-scheme:dark){button.button,input.input{color:#fff;background-color:#000}}button.button.has-icon{display:-webkit-inline-box;display:inline-flex;-webkit-box-align:center;align-items:center}button.button:not(.is-disabled){cursor:pointer}button.button:not(.is-disabled) img.icon{height:25px;margin-right:.5em}button.button:not(.is-disabled) img.icon.is-hover{display:none}button.button:not(.is-disabled):hover img.icon{display:none}button.button:not(.is-disabled):hover img.icon.is-hover{display:inline}button.button:not(.is-disabled).has-theme{box-shadow:none}button.button:not(.is-disabled).has-theme.is-discord-theme{color:#fff;background-color:#7289da;box-shadow:0 0 0 1px rgba(114,137,218,.25)}button.button:not(.is-disabled).has-theme.is-discord-theme:hover:not(.is-disabled){color:#7289da;background-color:#fff;box-shadow:0 0 0 1px #7289da}@media screen and (prefers-color-scheme:dark){button.button:not(.is-disabled).has-theme.is-discord-theme:hover:not(.is-disabled){background-color:#000}}div.invite-wrapper{display:-webkit-box;display:flex}div.invite-wrapper div.invite-info{width:100px;margin-right:2em}div.invite-wrapper div.invite-info div.invite-member-icons{display:grid;grid-template-columns:auto auto}div.invite-wrapper div.invite-info div.invite-member-icons div.invite-member-icon-wrapper:nth-child(even){margin-left:auto}div.invite-wrapper div.invite-info div.invite-member-icons div.invite-member-icon-wrapper:nth-child(odd){margin-right:auto}div.invite-wrapper div.invite-info div.invite-member-icons div.invite-member-icon-wrapper img.invite-member-icon{height:35px;border-radius:100%}div.invite-wrapper div.invite-meta a.is-wrapper:not(:last-child) button.button{margin-bottom:1em}div.invite-wrapper img.invite-icon{width:100%;margin-bottom:1em}@media screen and (prefers-color-scheme:dark){div.invite-wrapper img.invite-icon{-webkit-filter:invert(1);filter:invert(1)}}div.landing{display:-webkit-box;display:flex;display-align-items:center;display-justify-content:center}div.landing div.left,div.landing div.right{position:absolute;top:0;width:50%;height:100%}div.landing div.left{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;left:0}div.landing div.left div.center{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:60%}div.landing div.left div.center h1.title{margin-top:0}div.landing div.left div.center img.logo{height:30px;margin-bottom:.5em}@media only screen and (max-width:768px){div.landing div.left{width:100%}}div.landing div.right{left:50%;overflow:hidden;pointer-events:none}div.landing div.right iframe.video{position:absolute;left:50%;right:0;height:100%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media only screen and (max-width:768px){div.landing div.right{display:none}}div.player-wrapper{position:absolute;display:-webkit-box;display:flex;top:0;left:0;bottom:180px;width:calc(100% - 341px);border-bottom:rgba(112,128,144,.25) 1px solid;-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 div.player-message{position:absolute;max-width:70%;color:#fff}div.player-wrapper div.player video{top:50%;left:50%;width:100%;height:auto;max-width:100%;max-height:100%}div.player-wrapper div.player video.is-placeholder{width:100%;-o-object-fit:cover;object-fit:cover}div.player-wrapper div.player video:focus{outline:0}@media screen and (prefers-color-scheme:dark){div.player-wrapper{border-bottom:rgba(112,128,144,.25) 1px solid}}@media only screen and (max-width:768px){div.player-wrapper{position:relative;width:100%;bottom:auto}}div.player-footer{position:absolute;left:0;bottom:0;width:calc(100% - 341px);height:180px;border-bottom:rgba(112,128,144,.25) 1px solid;overflow:none;overflow-x:auto;overflow-y:hidden}div.player-footer div.control-bar{display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-pack:justify;justify-content:space-between;height:40px;width:100%;margin:auto}div.player-footer div.control-bar .fullscreen-toggle{margin:auto 20px}div.player-footer div.control-bar .volume-controls{width:10%;margin:10px 20px}div.player-footer div.control-bar .volume-slider{-webkit-transform:translate(0,-300%);transform:translate(0,-300%);margin:auto 0;height:3px;background:#fff;-webkit-appearance:none;cursor:pointer}div.player-footer div.control-bar .volume-slider:focus{outline:0}div.player-footer div.control-bar .volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#fff}div.player-footer div.control-bar .volume-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#fff}div.player-footer div.control-bar img.icon{cursor:pointer}@media screen and (prefers-color-scheme:dark){div.player-footer div.control-bar img.icon{-webkit-filter:invert(1);filter:invert(1)}}div.player-footer div.user-icons{display:-webkit-box;display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:0 40px 40px 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%}div.player-footer div.user-icons div.user-icon.passable{cursor:pointer;box-shadow:0 0 0 0 #000;-webkit-transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out}div.player-footer div.user-icons div.user-icon.passable:hover{box-shadow:0 0 0 5px #000}@media screen and (prefers-color-scheme:dark){div.player-footer div.user-icons div.user-icon.passable:hover{box-shadow:0 0 0 5px #fff}}div.player-footer div.user-icons div.user-icon.offline img.user-icon-avatar{opacity:.25;filter:grayscale(100%);-webkit-filter:grayscale(100%)}div.player-footer div.user-icons div.user-icon:not(:last-child){margin-right:1.5em}div.player-footer div.user-icons div.user-icon.has-control div.user-control-indicator{-webkit-transform:scale(1);transform:scale(1)}div.player-footer div.user-icons div.user-icon img.user-icon-avatar{height:100%;border-radius:50%}div.player-footer div.user-icons div.user-icon:not(.has-control):hover div.user-name-wrapper{bottom:2.15em;opacity:1}div.player-footer div.user-icons div.user-icon div.user-name-wrapper{position:absolute;width:100px;bottom:1.5em;margin:0;box-shadow:0 0 0 5px #fff;font-weight:700;text-align:center;border-radius:50px;opacity:0;background-color:#000;-webkit-transition:.15s cubic-bezier(.4,0,.2,1);transition:.15s cubic-bezier(.4,0,.2,1)}div.player-footer div.user-icons div.user-icon div.user-name-wrapper p.user-name{margin:6px;color:#fff;cursor:default}@media screen and (prefers-color-scheme:dark){div.player-footer div.user-icons div.user-icon div.user-name-wrapper p.user-name{color:#000}}@media screen and (prefers-color-scheme:dark){div.player-footer div.user-icons div.user-icon div.user-name-wrapper{background-color:#fff;box-shadow:0 0 0 5px #000}}@media only screen and (max-width:768px){div.player-footer div.user-icons div.user-icon div.user-name-wrapper{width:70px}}div.player-footer div.user-icons div.user-icon div.user-control-indicator{position:absolute;display:-webkit-box;display:flex;width:40px;height:40px;bottom:2.15em;margin-left:60px;border-radius:50%;background-color:#000;box-shadow:0 0 0 6px #fff;-webkit-box-align:center;align-items:center;-webkit-transform:scale(0);transform:scale(0);-webkit-box-pack:center;justify-content:center;-webkit-transition:-webkit-transform .15s cubic-bezier(.4,0,.2,1);transition:-webkit-transform .15s cubic-bezier(.4,0,.2,1);transition:transform .15s cubic-bezier(.4,0,.2,1);transition:transform .15s cubic-bezier(.4,0,.2,1),-webkit-transform .15s cubic-bezier(.4,0,.2,1)}div.player-footer div.user-icons div.user-icon div.user-control-indicator img.user-control-icon{height:23px;-webkit-filter:invert(1);filter:invert(1);-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out}div.player-footer div.user-icons div.user-icon div.user-control-indicator img.user-control-icon.remove-control{height:0;opacity:0}@media screen and (prefers-color-scheme:dark){div.player-footer div.user-icons div.user-icon div.user-control-indicator img.user-control-icon{-webkit-filter:invert(0);filter:invert(0)}}div.player-footer div.user-icons div.user-icon div.user-control-indicator.is-interactable{cursor:pointer}div.player-footer div.user-icons div.user-icon div.user-control-indicator.is-interactable:hover img.user-control-icon.has-control{height:0;opacity:0}div.player-footer div.user-icons div.user-icon div.user-control-indicator.is-interactable:hover img.user-control-icon.remove-control{height:23px;opacity:1}@media screen and (prefers-color-scheme:dark){div.player-footer div.user-icons div.user-icon div.user-control-indicator{background-color:#fff;box-shadow:0 0 0 6px #000}}@media only screen and (max-width:768px){div.player-footer div.user-icons div.user-icon div.user-control-indicator{width:30px;height:30px;margin-left:40px}div.player-footer div.user-icons div.user-icon div.user-control-indicator img.user-control-icon{height:19px}}@media only screen and (max-width:768px){div.player-footer div.user-icons div.user-icon{width:70px;height:70px}}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-bottom:rgba(112,128,144,.25) 1px solid}}@media only screen and (max-width:768px){div.player-footer{position:relative;width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}}div.room{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}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 p.chat-typing-bar{position:absolute;bottom:90px;margin:0 1em;font-size:14px;color:#6d6d6d!important}div.chat div.grouped-chat-messages-wrapper{position:absolute;top:0;bottom:80px;width:calc(100% - 2em);padding:1.5em 1em;padding-bottom:0;overflow-y:auto}div.chat div.grouped-chat-messages-wrapper.users-are-typing{bottom:100px}div.chat div.grouped-chat-messages-wrapper div.grouped-chat-messages{display:-webkit-box;display:flex;margin-bottom:1em}div.chat div.grouped-chat-messages-wrapper div.grouped-chat-messages img.chat-messages-author-avatar{width:50px;height:50px;border-radius:50%;margin-right:1.05em}div.chat div.grouped-chat-messages-wrapper div.grouped-chat-messages img.chat-messages-author-avatar.has-controller{box-shadow:0 0 0 3px #000}@media screen and (prefers-color-scheme:dark){div.chat div.grouped-chat-messages-wrapper div.grouped-chat-messages img.chat-messages-author-avatar.has-controller{box-shadow:0 0 0 3px #fff}}div.chat div.grouped-chat-messages-wrapper div.grouped-chat-messages div.chat-messages{width:-webkit-fill-available}div.chat div.grouped-chat-messages-wrapper div.grouped-chat-messages div.chat-messages div.chat-message{display:-webkit-box;display:flex}div.chat div.grouped-chat-messages-wrapper div.grouped-chat-messages div.chat-messages div.chat-message.is-sending{opacity:.5;pointer-events:none}div.chat div.grouped-chat-messages-wrapper div.grouped-chat-messages div.chat-messages div.chat-message p.chat-message-content{margin:0;margin-bottom:.65em}div.chat div.grouped-chat-messages-wrapper div.grouped-chat-messages div.chat-messages div.chat-message p.chat-message-content img.chat-message-emoji{width:1em;height:1em;margin:.05em .1em;vertical-align:-.1em}div.chat div.grouped-chat-messages-wrapper div.grouped-chat-messages div.chat-messages div.chat-message p.chat-message-content img.chat-message-emoji:first-child{margin-left:0}div.chat div.grouped-chat-messages-wrapper div.grouped-chat-messages div.chat-messages div.chat-message p.chat-message-content img.chat-message-emoji:last-child{margin-right:0}div.chat div.grouped-chat-messages-wrapper div.grouped-chat-messages div.chat-messages div.chat-message div.chat-message-options{position:absolute;right:0;margin-right:1.5em;opacity:0}div.chat div.grouped-chat-messages-wrapper div.grouped-chat-messages div.chat-messages div.chat-message div.chat-message-options img.chat-message-option{cursor:pointer;opacity:.25;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out}div.chat div.grouped-chat-messages-wrapper div.grouped-chat-messages div.chat-messages div.chat-message div.chat-message-options img.chat-message-option:hover{opacity:.75}div.chat div.grouped-chat-messages-wrapper div.grouped-chat-messages div.chat-messages div.chat-message div.chat-message-options img.chat-message-option:active{opacity:1}div.chat div.grouped-chat-messages-wrapper div.grouped-chat-messages div.chat-messages div.chat-message div.chat-message-options img.chat-message-option:not(:last-child){margin-right:.5em}@media screen and (prefers-color-scheme:dark){div.chat div.grouped-chat-messages-wrapper div.grouped-chat-messages div.chat-messages div.chat-message div.chat-message-options img.chat-message-option{-webkit-filter:invert(1);filter:invert(1)}}div.chat div.grouped-chat-messages-wrapper div.grouped-chat-messages div.chat-messages div.chat-message:hover div.chat-message-options{opacity:1}div.chat div.grouped-chat-messages-wrapper div.grouped-chat-messages div.grouped-chat-messages-meta{margin-bottom:.5em}div.chat div.grouped-chat-messages-wrapper div.grouped-chat-messages div.grouped-chat-messages-meta p.chat-messages-author-name{margin:0;font-size:20px;font-weight:600}@media only screen and (max-width:768px){div.chat div.grouped-chat-messages-wrapper{position:relative}}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:#000;background-color:#fff;left:1em;right:2em;width:calc(100% - 5em);height:100%;padding:0;outline:0;border:0;margin:0;font-size:20px}@media screen and (prefers-color-scheme:dark){div.chat div.chat-bar-wrapper input.chat-bar{color:#fff;background-color:#000}}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 img.send-button-icon{-webkit-filter:invert(.75);filter:invert(.75)}}@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{-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 only screen and (max-width:768px){div.chat div.chat-bar-wrapper{position:relative}}@media screen and (prefers-color-scheme:dark){div.chat{border-left:rgba(112,128,144,.25) 1px solid}}@media only screen and (max-width:768px){div.chat{position:relative;width:100%;-webkit-box-flex:1;flex-grow:1;border-left:none}} \ No newline at end of file +.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}}.is-fullwidth:not(.has-content){width:100%!important}.has-content{padding:1.5em}.has-content.is-fullwidth{width:calc(100% - 3em)}div.content.has-content{width:calc(100% - 12em);padding:3em 6em}div.columns{display:-webkit-box;display:flex}div.columns div.column.is-side{width:50%}div.columns div.column:not(:last-child){margin-right:3em}p.disclaimer{position:absolute;color:gray;font-size:14px;margin:0}p.error{position:absolute;color:red;margin-bottom:0}.is-loading{background:linear-gradient(225deg,red,#d200ff,#0063ff,#00ffc1,#0bff66,#16ff00,#f0ff00,red)!important;background-size:1600% 1600%!important;-webkit-animation:loadingAnimation 10s ease infinite;animation:loadingAnimation 10s ease infinite;color:#000}.is-loading img{-webkit-filter:invert(0)!important;filter:invert(0)!important}.is-disabled{cursor:not-allowed!important;opacity:.75}@-webkit-keyframes loadingAnimation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes loadingAnimation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}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}}.title{margin-bottom:10px}.title:first-child{margin-top:0}.subtitle{margin-top:0;margin-bottom:1em}.subtitle:last-child{margin-bottom:0}h3.header{margin:0}h3.header:not(:last-child){margin-bottom:.5em}p.description{color:#0e0e0e;margin-top:0;margin-bottom:0}@media screen and (prefers-color-scheme:dark){p.description{color:#a1a1a1}}body,html{background-color:#fff}@media screen and (prefers-color-scheme:dark){body,html{background-color:#000}}a{color:#000;text-decoration:none}a:not(.is-wrapper){opacity:.65;-webkit-transition:opacity .1s ease-in-out;transition:opacity .1s ease-in-out}a:not(.is-wrapper):hover{opacity:1}@media screen and (prefers-color-scheme:dark){a{color:#fff}}img:not(.draggable){-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none}div.content{position:absolute;top:64px;left:0;bottom:0;width:100%}@media only screen and (min-width:768px){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}div.header{position:fixed;display:-webkit-box;display:flex;top:0;left:0;width:100%;height:32px;background-color:#fff;padding:16px;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:32px;cursor:pointer;border-radius:50%}div.footer{position:fixed;margin:1.25em 0;margin-top:0;left:0;bottom:0;width:100%}div.footer p.footer{margin:0;color:grey;text-align:center}@media only screen and (min-width:768px){div.landing div.left div.footer{width:50%}}div.box{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;background-color:#fff;border-radius:10px;-webkit-transition:.1s ease-in-out;transition:.1s ease-in-out}div.box:not(.is-disabled),div.box:not(.is-loading){box-shadow:0 0 0 1px rgba(112,128,144,.25)}div.box.is-hoverable{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}div.box.is-hoverable:not(.is-disabled){cursor:pointer}div.box.is-hoverable:not(.is-disabled):hover{box-shadow:0 0 0 1px #0e0e0e}@media screen and (prefers-color-scheme:dark){div.box.is-hoverable:not(.is-disabled):hover{box-shadow:0 0 0 1px #a1a1a1}}@media screen and (prefers-color-scheme:dark){div.box{background-color:#000}}div.list{position:static;bottom:0;height:100%}div.list div.box:not(:last-child){margin-bottom:1e}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;-webkit-transition:top .2s cubic-bezier(.075,.82,.165,1);transition:top .2s cubic-bezier(.075,.82,.165,1)}div.menu-wrapper div.menu.is-header.is-left{left:16px}div.menu-wrapper div.menu.is-header.is-right{right:16px}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 a.is-wrapper:not(:last-child) div.menu-option-wrapper div.menu-option{border-bottom:rgba(112,128,144,.25) 1px solid}@media screen and (prefers-color-scheme:dark){div.menu-wrapper div.menu a.is-wrapper:not(:last-child) div.menu-option-wrapper div.menu-option{border-bottom:rgba(112,128,144,.25) 1px solid}}div.menu-wrapper div.menu div.menu-option{padding:.8em;-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:not(:last-child){border-bottom:rgba(112,128,144,.25) 1px solid}@media screen and (prefers-color-scheme:dark){div.menu-wrapper div.menu div.menu-option:not(:last-child){border-bottom:rgba(112,128,144,.25) 1px solid}}div.menu-wrapper div.menu div.menu-option:not(.disabled):hover{cursor:pointer;background-color:#f7f7f7}div.menu-wrapper div.menu div.menu-option.has-icon{display:-webkit-box;display:flex}div.menu-wrapper div.menu div.menu-option.has-icon p.menu-option-content{margin-left:8px}div.menu-wrapper div.menu div.menu-option.is-disabled{opacity:1}div.menu-wrapper div.menu div.menu-option.is-disabled:not(.is-loading){cursor:default!important}@media screen and (prefers-color-scheme:dark){div.menu-wrapper div.menu div.menu-option img.menu-option-icon{-webkit-filter:invert(1);filter:invert(1)}}div.menu-wrapper div.menu div.menu-option p.menu-option-content{margin:0;padding:0}div.menu-wrapper div.menu div.menu-option p.menu-option-content.menu-option-title{font-size:18px;font-weight:700}div.menu-wrapper div.menu div.menu-option div.menu-option-content{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}div.menu-wrapper div.menu div.menu-option div.menu-option-content p.menu-option-subtitle{font-size:15px;font-weight:300;margin-top:5px;opacity:.65}div.menu-wrapper div.menu div.menu-option div.menu-option-content p.menu-option-hint{font-size:12px;font-weight:300;margin-top:5px;opacity:.65}@media screen and (prefers-color-scheme:dark){div.menu-wrapper div.menu div.menu-option:not(.disabled):hover{background-color:#111}}@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}@media only screen and (max-width:768px){div.in-room,div.no-room,div.room-create,div.room-join{margin:1.5em 2em}}div.options{display:-webkit-box;display:flex}div.options div.option:not(:last-child){margin-right:2em}div.options a.is-wrapper:not(:last-child){margin-right:2em}@media only screen and (max-width:768px){div.options{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}div.options a.is-wrapper:not(:last-child){margin-right:0;margin-bottom: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)}}@media only screen and (max-width:768px){div.box.option{width:calc(100% - 4em)}}div.form{display:-webkit-box;display:flex}div.form :not(:last-child){margin-right:1em}button.button,input.input{padding:10px;color:#000;background-color:#fff;border-radius:5px;font-weight:600;-webkit-transition:.1s ease-in-out;transition:.1s ease-in-out;border:none;outline:0;font-size:16px}button.button:not(.is-disabled),button.button:not(.is-loading),input.input:not(.is-disabled),input.input:not(.is-loading){box-shadow:0 0 0 1px rgba(112,128,144,.25)}button.button:focus:not(.is-disabled),button.button:hover:not(.is-disabled),input.input:focus:not(.is-disabled),input.input:hover:not(.is-disabled){box-shadow:0 0 0 1px #0e0e0e}@media screen and (prefers-color-scheme:dark){button.button:focus:not(.is-disabled),button.button:hover:not(.is-disabled),input.input:focus:not(.is-disabled),input.input:hover:not(.is-disabled){box-shadow:0 0 0 1px #a1a1a1}}@media screen and (prefers-color-scheme:dark){button.button,input.input{color:#fff;background-color:#000}}button.button.has-icon{display:-webkit-inline-box;display:inline-flex;-webkit-box-align:center;align-items:center}button.button:not(.is-disabled){cursor:pointer}button.button:not(.is-disabled) img.icon{height:25px;margin-right:.5em}button.button:not(.is-disabled) img.icon.is-hover{display:none}button.button:not(.is-disabled):hover img.icon{display:none}button.button:not(.is-disabled):hover img.icon.is-hover{display:inline}button.button:not(.is-disabled).has-theme{box-shadow:none}button.button:not(.is-disabled).has-theme.is-discord-theme{color:#fff;background-color:#7289da;box-shadow:0 0 0 1px rgba(114,137,218,.25)}button.button:not(.is-disabled).has-theme.is-discord-theme:hover:not(.is-disabled){color:#7289da;background-color:#fff;box-shadow:0 0 0 1px #7289da}@media screen and (prefers-color-scheme:dark){button.button:not(.is-disabled).has-theme.is-discord-theme:hover:not(.is-disabled){background-color:#000}}div.invite-wrapper{display:-webkit-box;display:flex}div.invite-wrapper div.invite-info{width:100px;margin-right:2em}div.invite-wrapper div.invite-info div.invite-member-icons{display:grid;grid-template-columns:auto auto}div.invite-wrapper div.invite-info div.invite-member-icons div.invite-member-icon-wrapper:nth-child(even){margin-left:auto}div.invite-wrapper div.invite-info div.invite-member-icons div.invite-member-icon-wrapper:nth-child(odd){margin-right:auto}div.invite-wrapper div.invite-info div.invite-member-icons div.invite-member-icon-wrapper img.invite-member-icon{height:35px;border-radius:100%}div.invite-wrapper div.invite-meta a.is-wrapper:not(:last-child) button.button{margin-bottom:1em}div.invite-wrapper img.invite-icon{width:100%;margin-bottom:1em}@media screen and (prefers-color-scheme:dark){div.invite-wrapper img.invite-icon{-webkit-filter:invert(1);filter:invert(1)}}div.landing{display:-webkit-box;display:flex;display-align-items:center;display-justify-content:center}div.landing div.left,div.landing div.right{position:absolute;top:0;width:50%;height:100%}div.landing div.left{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;left:0}div.landing div.left div.center{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:60%}div.landing div.left div.center h1.title{margin-top:0}div.landing div.left div.center img.logo{height:30px;margin-bottom:.5em}@media only screen and (max-width:768px){div.landing div.left{width:100%}}div.landing div.right{left:50%;overflow:hidden;pointer-events:none}div.landing div.right iframe.video{position:absolute;left:50%;right:0;height:100%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media only screen and (max-width:768px){div.landing div.right{display:none}}div.player-wrapper{position:absolute;display:-webkit-box;display:flex;top:0;left:0;bottom:180px;width:calc(100% - 341px);border-bottom:rgba(112,128,144,.25) 1px solid;-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 div.player-message{position:absolute;max-width:70%;color:#fff}div.player-wrapper div.player video{top:50%;left:50%;width:100%;height:auto;max-width:100%;max-height:100%}div.player-wrapper div.player video.is-placeholder{width:100%;-o-object-fit:cover;object-fit:cover}div.player-wrapper div.player video:focus{outline:0}@media screen and (prefers-color-scheme:dark){div.player-wrapper{border-bottom:rgba(112,128,144,.25) 1px solid}}@media only screen and (max-width:768px){div.player-wrapper{position:relative;width:100%;bottom:auto}}div.player-footer{position:absolute;left:0;bottom:0;width:calc(100% - 341px);height:180px;border-bottom: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 40px 40px 40px;margin:auto;-webkit-box-align:center;align-items:center;-webkit-box-pack:stretch;justify-content:stretch}div.player-footer div.user-icons .has-no-padding-top{padding-top:0}div.player-footer div.user-icons div.user-icon{width:100px;height:100px;border-radius:50%}div.player-footer div.user-icons div.user-icon.passable{cursor:pointer;box-shadow:0 0 0 0 #000;-webkit-transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out}div.player-footer div.user-icons div.user-icon.passable:hover{box-shadow:0 0 0 5px #000}@media screen and (prefers-color-scheme:dark){div.player-footer div.user-icons div.user-icon.passable:hover{box-shadow:0 0 0 5px #fff}}div.player-footer div.user-icons div.user-icon.offline img.user-icon-avatar{opacity:.25;filter:grayscale(100%);-webkit-filter:grayscale(100%)}div.player-footer div.user-icons div.user-icon:not(:last-child){margin-right:1.5em}div.player-footer div.user-icons div.user-icon.has-control div.user-control-indicator{-webkit-transform:scale(1);transform:scale(1)}div.player-footer div.user-icons div.user-icon img.user-icon-avatar{height:100%;border-radius:50%}div.player-footer div.user-icons div.user-icon:not(.has-control):hover div.user-name-wrapper{bottom:2.15em;opacity:1}div.player-footer div.user-icons div.user-icon div.user-name-wrapper{position:absolute;width:100px;bottom:1.5em;margin:0;box-shadow:0 0 0 5px #fff;font-weight:700;text-align:center;border-radius:50px;opacity:0;background-color:#000;-webkit-transition:.15s cubic-bezier(.4,0,.2,1);transition:.15s cubic-bezier(.4,0,.2,1)}div.player-footer div.user-icons div.user-icon div.user-name-wrapper p.user-name{margin:6px;color:#fff;cursor:default}@media screen and (prefers-color-scheme:dark){div.player-footer div.user-icons div.user-icon div.user-name-wrapper p.user-name{color:#000}}@media screen and (prefers-color-scheme:dark){div.player-footer div.user-icons div.user-icon div.user-name-wrapper{background-color:#fff;box-shadow:0 0 0 5px #000}}@media only screen and (max-width:768px){div.player-footer div.user-icons div.user-icon div.user-name-wrapper{width:70px}}div.player-footer div.user-icons div.user-icon div.user-control-indicator{position:absolute;display:-webkit-box;display:flex;width:40px;height:40px;bottom:2.15em;margin-left:60px;border-radius:50%;background-color:#000;box-shadow:0 0 0 6px #fff;-webkit-box-align:center;align-items:center;-webkit-transform:scale(0);transform:scale(0);-webkit-box-pack:center;justify-content:center;-webkit-transition:-webkit-transform .15s cubic-bezier(.4,0,.2,1);transition:-webkit-transform .15s cubic-bezier(.4,0,.2,1);transition:transform .15s cubic-bezier(.4,0,.2,1);transition:transform .15s cubic-bezier(.4,0,.2,1),-webkit-transform .15s cubic-bezier(.4,0,.2,1)}div.player-footer div.user-icons div.user-icon div.user-control-indicator img.user-control-icon{height:23px;-webkit-filter:invert(1);filter:invert(1);-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out}div.player-footer div.user-icons div.user-icon div.user-control-indicator img.user-control-icon.remove-control{height:0;opacity:0}@media screen and (prefers-color-scheme:dark){div.player-footer div.user-icons div.user-icon div.user-control-indicator img.user-control-icon{-webkit-filter:invert(0);filter:invert(0)}}div.player-footer div.user-icons div.user-icon div.user-control-indicator.is-interactable{cursor:pointer}div.player-footer div.user-icons div.user-icon div.user-control-indicator.is-interactable:hover img.user-control-icon.has-control{height:0;opacity:0}div.player-footer div.user-icons div.user-icon div.user-control-indicator.is-interactable:hover img.user-control-icon.remove-control{height:23px;opacity:1}@media screen and (prefers-color-scheme:dark){div.player-footer div.user-icons div.user-icon div.user-control-indicator{background-color:#fff;box-shadow:0 0 0 6px #000}}@media only screen and (max-width:768px){div.player-footer div.user-icons div.user-icon div.user-control-indicator{width:30px;height:30px;margin-left:40px}div.player-footer div.user-icons div.user-icon div.user-control-indicator img.user-control-icon{height:19px}}@media only screen and (max-width:768px){div.player-footer div.user-icons div.user-icon{width:70px;height:70px}}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-bottom:rgba(112,128,144,.25) 1px solid}}@media only screen and (max-width:768px){div.player-footer{position:relative;width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}}div.player.has-control div.control-bar{display:none}div.player:not(.has-control):hover div.control-bar{bottom:0;opacity:1;pointer-events:all}div.player:not(.has-control) div.control-bar{position:absolute;-webkit-transition:.1s ease-in-out;transition:.1s ease-in-out;background:-webkit-gradient(linear,left top,left bottom,from(#00000000),to(#000000a3));background:linear-gradient(to bottom,#00000000,#000000a3);left:0;width:100%;bottom:-20px;opacity:0;pointer-events:none;height:60px;width:100%}div.player:not(.has-control) div.control-bar div.control-inner{height:40px;margin-top:20px;display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-pack:justify;justify-content:space-between}div.player:not(.has-control) div.control-bar div.control-inner .fullscreen-toggle{margin:auto 20px}div.player:not(.has-control) div.control-bar div.control-inner div.volume-controls{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;margin:10px 20px}div.player:not(.has-control) div.control-bar div.control-inner div.volume-controls img.icon{margin-right:10px}div.player:not(.has-control) div.control-bar div.control-inner img.icon{cursor:pointer;-webkit-filter:invert(1);filter:invert(1)}div.player:not(.has-control) div.control-bar div.control-inner img.icon div.volume-slider{-webkit-transform:translate(0,-300%);transform:translate(0,-300%);margin:auto auto;height:3px;background:#fff;-webkit-appearance:none;cursor:pointer}div.player:not(.has-control) div.control-bar div.control-inner .volume-slider:focus{outline:0}div.player:not(.has-control) div.control-bar div.control-inner .volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#fff}div.player:not(.has-control) div.control-bar div.control-inner .volume-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#fff}div.room{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}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 p.chat-typing-bar{position:absolute;bottom:90px;margin:0 1em;font-size:14px;color:#6d6d6d!important}div.chat div.grouped-chat-messages-wrapper{position:absolute;top:0;bottom:80px;width:calc(100% - 2em);padding:1.5em 1em;padding-bottom:0;overflow-y:auto}div.chat div.grouped-chat-messages-wrapper.users-are-typing{bottom:100px}div.chat div.grouped-chat-messages-wrapper div.grouped-chat-messages{display:-webkit-box;display:flex;margin-bottom:1em}div.chat div.grouped-chat-messages-wrapper div.grouped-chat-messages img.chat-messages-author-avatar{width:50px;height:50px;border-radius:50%;margin-right:1.05em}div.chat div.grouped-chat-messages-wrapper div.grouped-chat-messages img.chat-messages-author-avatar.has-controller{box-shadow:0 0 0 3px #000}@media screen and (prefers-color-scheme:dark){div.chat div.grouped-chat-messages-wrapper div.grouped-chat-messages img.chat-messages-author-avatar.has-controller{box-shadow:0 0 0 3px #fff}}div.chat div.grouped-chat-messages-wrapper div.grouped-chat-messages div.chat-messages{width:-webkit-fill-available}div.chat div.grouped-chat-messages-wrapper div.grouped-chat-messages div.chat-messages div.chat-message{display:-webkit-box;display:flex}div.chat div.grouped-chat-messages-wrapper div.grouped-chat-messages div.chat-messages div.chat-message.is-sending{opacity:.5;pointer-events:none}div.chat div.grouped-chat-messages-wrapper div.grouped-chat-messages div.chat-messages div.chat-message p.chat-message-content{margin:0;margin-bottom:.65em}div.chat div.grouped-chat-messages-wrapper div.grouped-chat-messages div.chat-messages div.chat-message p.chat-message-content img.chat-message-emoji{width:1em;height:1em;margin:.05em .1em;vertical-align:-.1em}div.chat div.grouped-chat-messages-wrapper div.grouped-chat-messages div.chat-messages div.chat-message p.chat-message-content img.chat-message-emoji:first-child{margin-left:0}div.chat div.grouped-chat-messages-wrapper div.grouped-chat-messages div.chat-messages div.chat-message p.chat-message-content img.chat-message-emoji:last-child{margin-right:0}div.chat div.grouped-chat-messages-wrapper div.grouped-chat-messages div.chat-messages div.chat-message div.chat-message-options{position:absolute;right:0;margin-right:1.5em;opacity:0}div.chat div.grouped-chat-messages-wrapper div.grouped-chat-messages div.chat-messages div.chat-message div.chat-message-options img.chat-message-option{cursor:pointer;opacity:.25;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out}div.chat div.grouped-chat-messages-wrapper div.grouped-chat-messages div.chat-messages div.chat-message div.chat-message-options img.chat-message-option:hover{opacity:.75}div.chat div.grouped-chat-messages-wrapper div.grouped-chat-messages div.chat-messages div.chat-message div.chat-message-options img.chat-message-option:active{opacity:1}div.chat div.grouped-chat-messages-wrapper div.grouped-chat-messages div.chat-messages div.chat-message div.chat-message-options img.chat-message-option:not(:last-child){margin-right:.5em}@media screen and (prefers-color-scheme:dark){div.chat div.grouped-chat-messages-wrapper div.grouped-chat-messages div.chat-messages div.chat-message div.chat-message-options img.chat-message-option{-webkit-filter:invert(1);filter:invert(1)}}div.chat div.grouped-chat-messages-wrapper div.grouped-chat-messages div.chat-messages div.chat-message:hover div.chat-message-options{opacity:1}div.chat div.grouped-chat-messages-wrapper div.grouped-chat-messages div.grouped-chat-messages-meta{margin-bottom:.5em}div.chat div.grouped-chat-messages-wrapper div.grouped-chat-messages div.grouped-chat-messages-meta p.chat-messages-author-name{margin:0;font-size:20px;font-weight:600}@media only screen and (max-width:768px){div.chat div.grouped-chat-messages-wrapper{position:relative}}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:#000;background-color:#fff;left:1em;right:2em;width:calc(100% - 5em);height:100%;padding:0;outline:0;border:0;margin:0;font-size:20px}@media screen and (prefers-color-scheme:dark){div.chat div.chat-bar-wrapper input.chat-bar{color:#fff;background-color:#000}}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 img.send-button-icon{-webkit-filter:invert(.75);filter:invert(.75)}}@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{-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 only screen and (max-width:768px){div.chat div.chat-bar-wrapper{position:relative}}@media screen and (prefers-color-scheme:dark){div.chat{border-left:rgba(112,128,144,.25) 1px solid}}@media only screen and (max-width:768px){div.chat{position:relative;width:100%;-webkit-box-flex:1;flex-grow:1;border-left:none}} \ No newline at end of file diff --git a/src/pages/room/player/_all.sass b/src/pages/room/player/_all.sass index e60c74e..2ae498c 100644 --- a/src/pages/room/player/_all.sass +++ b/src/pages/room/player/_all.sass @@ -1,2 +1,3 @@ @import "wrapper.sass" @import "footer.sass" +@import "control-bar.sass" diff --git a/src/pages/room/player/control-bar.sass b/src/pages/room/player/control-bar.sass new file mode 100644 index 0000000..1f42bab --- /dev/null +++ b/src/pages/room/player/control-bar.sass @@ -0,0 +1,78 @@ +div.player + &.has-control + div.control-bar + display: none + + &:not(.has-control) + &:hover + div.control-bar + bottom: 0 + opacity: 1 + pointer-events: all + + div.control-bar + position: absolute + + transition: $softTransition + background: linear-gradient(to bottom, #00000000, #000000a3) + + left: 0 + width: 100% + + bottom: -20px + opacity: 0 + pointer-events: none + height: 60px + width: 100% + + div.control-inner + height: 40px + margin-top: 20px + + display: flex + flex-direction: row + justify-content: space-between + + .fullscreen-toggle + margin: auto 20px + + div.volume-controls + display: flex + + align-items: center + justify-content: center + + margin: 10px 20px + + img.icon + margin-right: 10px + + img.icon + cursor: pointer + + // @media screen and (prefers-color-scheme: dark) + filter: invert(1) + + div.volume-slider + transform: translate(0, -300%) + margin: auto auto + height: 3px + background: white + -webkit-appearance: none + cursor: pointer + + .volume-slider:focus + outline: none + + .volume-slider::-webkit-slider-thumb + -webkit-appearance: none + width: 12px + height: 12px + border-radius: 50% + background: white + + .volume-slider::-moz-range-thumb + width: 12px + height: 12px + border-radius: 50% + background: white diff --git a/src/pages/room/player/footer.sass b/src/pages/room/player/footer.sass index c3c8ec1..357c15b 100644 --- a/src/pages/room/player/footer.sass +++ b/src/pages/room/player/footer.sass @@ -12,64 +12,20 @@ div.player-footer overflow-x: auto overflow-y: hidden - div.control-bar - display: flex - flex-direction: row - justify-content: space-between - height: 40px - width: 100% - margin: auto - - .fullscreen-toggle - margin: auto 20px - - .volume-controls - width: 10% - margin: 10px 20px - - .volume-slider - transform: translate(0, -300%) - margin: auto 0 - height: 3px - background: white - -webkit-appearance: none - cursor: pointer - - .volume-slider:focus - outline: none - - - .volume-slider::-webkit-slider-thumb - -webkit-appearance: none - width: 12px - height: 12px - border-radius: 50% - background: white - - - .volume-slider::-moz-range-thumb - width: 12px - height: 12px - border-radius: 50% - background: white - - - img.icon - cursor: pointer - @media screen and (prefers-color-scheme: dark) - filter: invert(1) - div.user-icons display: flex width: fit-content - padding: 0px 40px 40px 40px + padding: 40px 40px 40px 40px margin: auto align-items: center justify-content: stretch + .has-no-padding-top + padding-top: 0 + div.user-icon width: $userIconSize height: $userIconSize