button,input{border-radius:6px;padding:.55em .8em;letter-spacing:.025em;min-height:2.75rem}button,button p,input,input p{font-size:1em;font-weight:500}input[type=email],input[type=number],input[type=password],input[type=search],input[type=text]{background:#171d28;color:#f4f6fb;border:1px solid #53627a;padding:.55em .8em;line-height:1.5em}input[type=email]::-webkit-input-placeholder,input[type=number]::-webkit-input-placeholder,input[type=password]::-webkit-input-placeholder,input[type=search]::-webkit-input-placeholder,input[type=text]::-webkit-input-placeholder{color:#a9b5c8;opacity:1}input[type=email]::placeholder,input[type=number]::placeholder,input[type=password]::placeholder,input[type=search]::placeholder,input[type=text]::placeholder{color:#a9b5c8;opacity:1}button{display:flex;color:#fefefe;border:0;cursor:pointer;justify-content:center;-webkit-user-select:none;user-select:none;align-items:center;transition:background .15s ease-in-out,border-color .15s ease-in-out,color .15s ease-in-out}button:disabled{cursor:not-allowed}button:disabled,button:disabled:hover{background:#3c4657}button:focus-visible{outline:2px solid #35c6a2;outline-offset:2px}button.material-icons{padding:.4em .8em}select{min-height:2.75rem;padding:.55em 2.25em .55em .8em;color:#f4f6fb;background:#171d28;border:1px solid #53627a;border-radius:6px}select,select option{font-size:1em;font-weight:600}select:focus-visible{outline:2px solid #35c6a2;outline-offset:2px}input:focus-visible{outline:2px solid #35c6a2;outline-offset:2px}.input--warning{box-shadow:inset 0 -3px 0 0 #e05260}.button--fill{width:100%}.button--accent{background:#35c6a2;color:#10151e;transition:background .15s ease-in-out,border .15s ease-in-out}.button--accent:hover{background:#22a987}.button--accent:disabled{border:2px solid #3c4657;color:#f4f6fb}.button--dark{background:#202633}.button--dark p{margin:.75em 0}.button--dark:hover{background:#171d28}.button--icon{line-height:1em}.button--text{line-height:1.5em}.button--secondary{background:transparent;color:#f4f6fb;border:1px solid #63738a;padding:calc(.55em - 1px) calc(.8em - 1px);transition:background .15s ease-in-out}.button--secondary:hover{background:rgba(99,115,138,.22)}.button--secondary.active{border-color:#35c6a2;background:rgba(53,198,162,.16);color:#35c6a2}.button--secondary:disabled{border:2px solid #3c4657}.button--tertiary{background:transparent;color:#f4f6fb;border:2px solid transparent;padding:calc(.55em - 2px) calc(.8em - 2px);transition:background .15s ease-in-out}.button--tertiary:hover{background:rgba(99,115,138,.22)}.button--tertiary.active{background:rgba(53,198,162,.16);color:#35c6a2}.button--warning.active,.button--warning:hover{background:#e05260}.input-container{display:flex;flex-direction:row;margin:0}.handle{padding:.5em .25em;cursor:grab;-webkit-user-select:none;user-select:none}.radio-container{display:flex;flex-direction:column}.radio-container .radio-option{display:flex;flex-direction:row;align-items:center;margin:.25em 0}.radio-container .radio-option label{display:flex;width:8em;align-items:center;justify-content:space-between}.radio-container .radio-option label:hover .input{background:#596579}.radio-container .radio-option .input{width:1.8em;height:1.8em;background:#3c4657;border:2px solid #596579;cursor:pointer;transition:background .15s ease-in-out,border-color .15s ease-in-out;display:flex;justify-content:center;align-items:center}.radio-container .radio-option .radio{display:none}.radio-container .radio-option .radio:checked~.input{background:#35c6a2;border-color:#35c6a2}.input-form{display:flex;align-items:stretch;margin:0;background:#171d28;border:1px solid #53627a;border-radius:6px;overflow:hidden;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.input-form:focus-within{border-color:#35c6a2;box-shadow:0 0 0 3px rgba(53,198,162,.18)}.input-form button,.input-form input{margin-left:0!important;margin-right:0!important}.input-form input{flex:1 1 auto;min-width:0;border:0;border-radius:0;background:transparent;box-shadow:none}.input-form input:focus-visible{outline:none}.input-form button{flex:0 0 auto;min-width:3rem;border-radius:0;margin:0!important}.list-item{margin-bottom:1em;background:#202633;color:#fefefe;border-radius:3px}.list-item[draggable=true] .item-header{background:#10151e;box-shadow:inset -4px 0 0 #35c6a2!important}.list-item.drag--active .item-header{box-shadow:inset -4px 0 0 #596579}.list-item.dark{background:#171d28}.list-item .ghost{background:#10151e}.list-item .item-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.list-item .item-header .item-header-content{padding:.5em .75em;display:flex;flex:1 auto;flex-direction:row;justify-content:space-between}.list-item .item-header .item-header-content p{letter-spacing:.025em}.list-item .item-header .handle{padding:.9em .1em;background:#293345;width:1.3em}.list-item .item-header .column,.list-item .item-header .row{align-items:center}.list-item .item-header p{margin:0;font-size:1em;font-weight:600}.list-item .item-header button{margin-right:0}.list-item p{word-break:break-word}.list-item .item-content{padding:.5em .75em;border-radius:0 0 3px 3px}.list,.list-item .item-content .sub-text{margin:0}.list{list-style:none;padding:0;display:flex;flex:1 auto;width:100%;height:100%}.list--layout-grid,.list--layout-grid>.draggable{display:grid}.list--layout-column,.list--layout-column>.draggable{flex-wrap:nowrap;flex-direction:column}.list--layout-row,.list--layout-row>.draggable{flex-wrap:nowrap;flex-direction:row}.menu-item{width:22em;height:100%;color:#fefefe;background:#171d28;display:flex;box-sizing:border-box;flex-direction:column;z-index:10}.menu-item .text-sub-heading{margin:0}.menu-item .menu-item-header{display:flex;justify-content:space-between;align-items:center;padding:.5em 1em}.menu-item .menu-item-header .text-heading{text-align:center}.menu-item .menu-item-actions,.menu-item .menu-item-content{padding:1em;display:flex;flex:1 auto;box-sizing:border-box;flex-direction:column}.menu-item .menu-item-content{height:100%;overflow-y:auto}.menu-item .menu-item-content .menu-item-row p:first-child{margin-top:0}.menu-item input{margin:.25em;width:100%;box-sizing:border-box}.menu-item button{margin:.25em 0}.menu-item .list button{margin:.25em}.menu-item .language-selection{width:100%}.menu-item .language-selection .v-select{min-width:100%;width:100%}@media only screen and (max-width:800px){.menu-item{width:18.7em}}@media only screen and (max-width:600px){.menu-item{width:16.5em}}.layouts-demo-container .list-item{cursor:pointer}.layouts-demo-container .list-item .item-content{background:#3c4657}.layouts-demo-container .list-item.active .item-content{background:#22a987}.layouts-demo-container .list-item:hover:not(.active) .item-content{transition:background .15s ease-in-out;background:#596579}.layout-demo-wrap{transition:background .15s ease-in-out;width:100%;background:#b3b3b3;color:#fefefe;font-weight:600;margin:.5em 0;padding:.5em;box-sizing:border-box;cursor:pointer}.layout-demo-wrap:hover{background:#35c6a2}.layout-demo-wrap.active{background:#22a987}.layout-demo-name{margin-top:0}.layout-demo{display:flex;flex:1 auto;flex-direction:row;width:100%;height:100%;height:8em}.layout-demo-stream{display:flex;flex:1 1 auto;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:.2em;box-sizing:border-box}.layout-demo-number{font-weight:400;color:#fefefe;background:#202633;width:100%;height:100%;align-content:center;border-radius:3px}.layout-demo-number,.layout-demo-number p{display:flex;flex:1 auto;justify-content:center}.layout-demo-number p{margin:0;align-items:center}.layout-demo--layout-grid{flex-wrap:wrap}.layout-demo--layout-grid.streams--1,.layout-demo--layout-grid.streams--2{flex-direction:column}.layout-demo--layout-grid.streams--1 .layout-demo-stream,.layout-demo--layout-grid.streams--11 .layout-demo-stream:first-of-type,.layout-demo--layout-grid.streams--2 .layout-demo-stream,.layout-demo--layout-grid.streams--3 .layout-demo-stream:first-of-type,.layout-demo--layout-grid.streams--5 .layout-demo-stream:first-of-type,.layout-demo--layout-grid.streams--7 .layout-demo-stream:first-of-type,.layout-demo--layout-grid.streams--9 .layout-demo-stream:first-of-type{width:100%}.layout-demo--layout-grid .layout-demo-stream{width:50%}.layout-demo--layout-column{flex-direction:row;flex-wrap:nowrap}.layout-demo--layout-rows{flex-direction:column;flex-wrap:nowrap}.history-listing{margin:1em 0;padding:.5em;background:#f9f9f9}.history-listing .listing-details{display:flex;flex-direction:row;justify-content:space-between}.history-listing button{margin:0}.history-listing .sub-text{display:flex;margin:0;padding-right:.5em}.stream-history .history-list{padding:0;margin:0;padding-bottom:.5em}.stream-history .history-list .history-listing:first-of-type{margin-top:0}.preset-listing .preset-listing-edit{padding:.25em;margin-top:1em}.preset-listing .list{margin-top:.5em}.preset-listing .preset-listing-item{margin:.5em 0}.preset-listing .preset-listing-item .handle{border-radius:3px 0 0 3px}.preset-listing .preset-listing-item .item-header-content{border-radius:0 3px 3px 0}.preset-listing .preset-listing-item p{font-weight:500}.preset-listing .preset-listing-item button{margin:0}.menu-item-content .menu-item-row:first-of-type{margin-bottom:1em}.preset-list{background:#fefefe;list-style:none;padding:0}.preset-list .ghost{background:#e2e8f0}.details-summary{color:#fefefe;list-style:none}.details-summary .details-summary__header{display:list-item;padding:.75em .25em .75em .5em;background:#202633;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:3px}.details-summary .details-summary__content{padding:.75em .5em;background:#202633;border-radius:0 0 3px 3px}.details-summary.active .details-summary__header{border-radius:3px 3px 0 0}.details-summary.active .details-summary__header.button--accent{background:#22a987}.menu-item-row .details-summary:not(:first-child){margin:.5em 0}.menu{display:none;background:#202633;z-index:10}.menu .menu-bar .menu-bar-content{color:#fefefe}.menu.visible{display:flex;justify-content:center;align-content:flex-start}.button--menu{transition:box-shadow .15s ease-in-out,background .15s ease-in-out,margin .15s ease-in-out;display:flex;flex-direction:row;align-items:center;border-radius:unset;justify-content:flex-start;box-shadow:inset .4em 0 0 0 #202633;outline:none;padding:.9em .7em;width:100%}.button--menu .menu-icon{transition:margin .15s ease-in-out;margin-right:.5em}.button--menu .button--menu__text{margin:0}.button--menu:hover{box-shadow:inset .4em 0 0 0 #22a987;background:#171d28}.button--menu.active,.button--menu:hover.active{box-shadow:inset .4em 0 0 0 #35c6a2;background:#10151e}@media only screen and (max-width:800px){.button--menu{padding:.75em .4em}.button--menu .menu-icon{margin:0 .4em}.button--menu .button--menu__text{display:none}}.stream-favorites .favorites-list{padding:0;margin:0;padding-bottom:.5em}.stream-favorites .favorites-list .favorites-listing:first-of-type{margin-top:0}.v-select{position:relative;font-family:inherit}.v-select,.v-select *{box-sizing:border-box}@-webkit-keyframes vSelectSpinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes vSelectSpinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.vs__fade-enter-active,.vs__fade-leave-active{pointer-events:none;transition:opacity .15s cubic-bezier(1,.5,.8,1)}.vs__fade-enter,.vs__fade-leave-to{opacity:0}.vs--disabled .vs__clear,.vs--disabled .vs__dropdown-toggle,.vs--disabled .vs__open-indicator,.vs--disabled .vs__search,.vs--disabled .vs__selected{cursor:not-allowed;background-color:#f8f8f8}.v-select[dir=rtl] .vs__actions{padding:0 3px 0 6px}.v-select[dir=rtl] .vs__clear{margin-left:6px;margin-right:0}.v-select[dir=rtl] .vs__deselect{margin-left:0;margin-right:2px}.v-select[dir=rtl] .vs__dropdown-menu{text-align:right}.vs__dropdown-toggle{-webkit-appearance:none;appearance:none;display:flex;padding:0 0 4px 0;background:none;border:1px solid rgba(60,60,60,.26);border-radius:4px;white-space:normal}.vs__selected-options{display:flex;flex-basis:100%;flex-grow:1;flex-wrap:wrap;padding:0 2px;position:relative}.vs__actions{display:flex;align-items:center;padding:4px 6px 0 3px}.vs--searchable .vs__dropdown-toggle{cursor:text}.vs--unsearchable .vs__dropdown-toggle{cursor:pointer}.vs--open .vs__dropdown-toggle{border-bottom-color:transparent;border-bottom-left-radius:0;border-bottom-right-radius:0}.vs__open-indicator{fill:rgba(60,60,60,.5);-webkit-transform:scale(1);transform:scale(1);transition:-webkit-transform .15s cubic-bezier(1,-.115,.975,.855);transition:transform .15s cubic-bezier(1,-.115,.975,.855);transition:transform .15s cubic-bezier(1,-.115,.975,.855),-webkit-transform .15s cubic-bezier(1,-.115,.975,.855);transition-timing-function:cubic-bezier(1,-.115,.975,.855)}.vs--open .vs__open-indicator{-webkit-transform:rotate(180deg) scale(1);transform:rotate(180deg) scale(1)}.vs--loading .vs__open-indicator{opacity:0}.vs__clear{fill:rgba(60,60,60,.5);padding:0;border:0;background-color:transparent;cursor:pointer;margin-right:8px}.vs__dropdown-menu{display:block;box-sizing:border-box;position:absolute;top:calc(100% - 1px);left:0;z-index:1000;padding:5px 0;margin:0;width:100%;max-height:350px;min-width:160px;overflow-y:auto;box-shadow:0 3px 6px 0 rgba(0,0,0,.15);border:1px solid rgba(60,60,60,.26);border-top-style:none;border-radius:0 0 4px 4px;text-align:left;list-style:none;background:#fff}.vs__no-options{text-align:center}.vs__dropdown-option{line-height:1.42857143;display:block;padding:3px 20px;clear:both;color:#333;white-space:nowrap;cursor:pointer}.vs__dropdown-option--highlight{background:#5897fb;color:#fff}.vs__dropdown-option--deselect{background:#fb5858;color:#fff}.vs__dropdown-option--disabled{background:inherit;color:rgba(60,60,60,.5);cursor:inherit}.vs__selected{display:flex;align-items:center;background-color:#f0f0f0;border:1px solid rgba(60,60,60,.26);border-radius:4px;color:#333;line-height:1.4;margin:4px 2px 0 2px;padding:0 .25em;z-index:0}.vs__deselect{display:inline-flex;-webkit-appearance:none;appearance:none;margin-left:4px;padding:0;border:0;cursor:pointer;background:none;fill:rgba(60,60,60,.5);text-shadow:0 1px 0 #fff}.vs--single .vs__selected{background-color:transparent;border-color:transparent}.vs--single.vs--loading .vs__selected,.vs--single.vs--open .vs__selected{position:absolute;opacity:.4}.vs--single.vs--searching .vs__selected{display:none}.vs__search::-webkit-search-cancel-button{display:none}.vs__search::-ms-clear,.vs__search::-webkit-search-decoration,.vs__search::-webkit-search-results-button,.vs__search::-webkit-search-results-decoration{display:none}.vs__search,.vs__search:focus{-webkit-appearance:none;appearance:none;line-height:1.4;font-size:1em;border:1px solid transparent;border-left:none;outline:none;margin:4px 0 0 0;padding:0 7px;background:none;box-shadow:none;width:0;max-width:100%;flex-grow:1;z-index:1}.vs__search::-webkit-input-placeholder{color:inherit}.vs__search::placeholder{color:inherit}.vs--unsearchable .vs__search{opacity:1}.vs--unsearchable:not(.vs--disabled) .vs__search{cursor:pointer}.vs--single.vs--searching:not(.vs--open):not(.vs--loading) .vs__search{opacity:.2}.vs__spinner{align-self:center;opacity:0;font-size:5px;text-indent:-9999em;overflow:hidden;border-top:.9em solid hsla(0,0%,39%,.1);border-right:.9em solid hsla(0,0%,39%,.1);border-bottom:.9em solid hsla(0,0%,39%,.1);border-left:.9em solid rgba(60,60,60,.45);-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation:vSelectSpinner 1.1s linear infinite;animation:vSelectSpinner 1.1s linear infinite;transition:opacity .1s}.vs__spinner,.vs__spinner:after{border-radius:50%;width:5em;height:5em}.vs--loading .vs__spinner{opacity:1}.language-selection{display:flex;flex-direction:row;align-items:flex-end;justify-content:flex-end;padding-bottom:1em}.language-selection .v-select{border-radius:6px;background:#293345;min-width:240px}.language-selection .material-icons{color:#fefefe}.language-selection .vs__open-indicator{fill:#fefefe}.language-selection .vs__search{width:100px;margin:4px 2px 0 2px;color:#e5eaf2;background:#202633}.language-selection .vs__selected{color:#e5eaf2;background:#53627a}.language-selection .vs__dropdown-menu{color:#e5eaf2;background:#293345}.language-selection .vs__dropdown-menu li{color:#e5eaf2}.popular-streams{display:flex;flex-direction:column;overflow:hidden;height:100%;width:100%}.popular-streams .popular-streams-list{display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto;overflow:auto}.popular-streams .popular-streams-list .popular-streams-item-container{width:inherit;flex-direction:column;cursor:pointer;margin:.5em}.popular-streams .popular-streams-list .popular-streams-item-container:hover .popular-streams-item{background:#3c4657}.popular-streams .popular-streams-list .popular-streams-item-container .popular-streams-item-image{display:flex;flex:1 auto;background:#171d28;width:100%;border-radius:3px 3px 0 0}.popular-streams .popular-streams-list .popular-streams-item{margin-bottom:0;display:flex;flex-direction:column;justify-content:flex-end;border-radius:0 0 3px 3px;transition:background .15s ease-in-out}.popular-streams .popular-streams-list .popular-streams-item .item-content .stream-details{display:flex;justify-content:space-between}.popular-streams .popular-streams-list .popular-streams-item .item-content .stream-details i{margin-right:.25em}.popular-streams .popular-streams-list .popular-streams-item .item-content .stream-details .stream-name{text-align:left;display:flex;align-items:center;color:rgba(226,232,240,.78)}.popular-streams .popular-streams-list .popular-streams-item .item-content .stream-details .viewer{text-align:right;display:flex;align-items:center;color:rgba(226,232,240,.78);letter-spacing:.025em}.popular-streams .popular-streams-list .popular-streams-item .item-content span{margin:0}.popular-streams.popular-streams--placeholder{-webkit-user-select:none;user-select:none;color:transparent}.popular-streams.popular-streams--placeholder .popular-streams-list p,.popular-streams.popular-streams--placeholder .popular-streams-list span{color:transparent}.popular-streams.popular-streams--placeholder .popular-streams-item-image{width:420px;height:270px}.stream-list .list-item{margin:.5em 0}.control-bar{border-radius:6px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;background:#202633;border-bottom:1px solid #53627a;padding:.3333333333em .5em;cursor:default;box-shadow:0 4px 14px rgba(0,0,0,.16)}.control-bar button,.control-bar p{margin:0}.control-bar button{background:transparent;color:#f4f6fb}.control-bar button:hover{background:rgba(53,198,162,.16);color:#35c6a2}.stream{display:flex;flex:1 1 auto;flex-direction:column;position:relative;color:#fefefe}.stream .stream-overlay{display:none;opacity:0;background:#e2e8f0;width:100%;height:100%;position:absolute;flex:1 auto;z-index:5;transition:opacity 75ms ease-in-out}.stream .stream-overlay.active{display:flex;opacity:.1}.stream .stream-main{display:flex;flex-direction:row;flex:1 auto}.stream .stream-main .stream-player{flex:3 auto;display:flex}.stream .stream-main .stream-player iframe{display:flex;flex:1 1 auto;width:100%}.control-bar{position:absolute;right:2em;top:2em;opacity:0;z-index:10;transition:opacity .5s ease-in-out}.control-bar.active,.control-bar:hover{opacity:1}.control-bar:hover{z-index:20}@media only screen and (max-width:800px){.control-bar{padding:.1666666667em .25em}}.streams-container{display:flex;flex:1 auto;justify-content:center;align-items:center;position:relative;overflow:hidden}.streams{display:flex;flex:1 auto;flex-direction:row;width:100%;height:100%}.streams--layout-grid{flex-wrap:wrap}.streams--layout-grid.streams--1,.streams--layout-grid.streams--2{flex-direction:column}.streams--layout-grid.streams--1 .stream,.streams--layout-grid.streams--11 .stream:first-of-type,.streams--layout-grid.streams--2 .stream,.streams--layout-grid.streams--3 .stream:first-of-type,.streams--layout-grid.streams--5 .stream:first-of-type,.streams--layout-grid.streams--7 .stream:first-of-type,.streams--layout-grid.streams--9 .stream:first-of-type{width:100%}.streams--layout-grid .stream{width:50%}.streams--layout-columns{flex-wrap:nowrap}.streams--layout-rows{flex-direction:column;flex-wrap:nowrap}.many-streams .control-bar{padding:.25em}.placeholder{display:flex;flex:1 auto;height:100%;width:100%}.stream-chat{display:flex;flex:1 auto;flex-direction:column;background:#202633}.stream-chat .chat-controls{display:flex;justify-content:space-evenly;padding:.25rem;border-bottom:1px solid #53627a}.stream-chat .chat-controls button{width:100%;background:transparent;color:#f4f6fb}.stream-chat .chat-controls button:hover{background:rgba(53,198,162,.16);color:#35c6a2}.stream-chat iframe{display:flex;flex:1 auto;background:#171d28}.chat-list{display:flex;flex-direction:column;min-width:16em}.chat-list .add-chat-container{padding:.4rem;background:#202633;border-bottom:1px solid #53627a}.chat-list .add-chat-container button{width:100%;background:#35c6a2;border-radius:6px}.chat-list .add-chat-container button:hover{background:#22a987;color:#fefefe}@media only screen and (max-width:800px){.chat-list{width:17em}}.heartbeatLoading{width:4em;height:4em}.heartbeatLoading .pulse{width:4em;height:4em;border-radius:50%;position:absolute;background-color:#fff;-webkit-animation:heartbeatanim 1.2s ease-in-out infinite;animation:heartbeatanim 1.2s ease-in-out infinite;-webkit-transform:scale(0);transform:scale(0);outline:1px solid transparent}.heartbeatLoading .pulse:nth-child(2){-webkit-animation-delay:.22s;animation-delay:.22s}.heartbeatLoading.hidden{opacity:0}@-webkit-keyframes heartbeatanim{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1);opacity:0}}@keyframes heartbeatanim{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1);opacity:0}}#streamist{width:100vw;height:100vh;flex:1fr;flex-direction:column;align-items:center}#main,#streamist{display:flex;background:#10151e}#main{flex:1 auto;flex-direction:row;justify-content:center;width:100%;height:100%;overflow:hidden}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#171d28}::-webkit-scrollbar-thumb{background:#53627a;border:3px solid #171d28;border-radius:999px}nav{display:grid;grid-template-columns:repeat(3,1fr);padding:.55rem .9rem;flex:1 auto;color:#fefefe;background:#202633;border-bottom:1px solid rgba(99,115,138,.35);max-height:4em;width:100%;box-sizing:border-box}nav input[type=text]{max-width:16rem}nav div{display:flex;flex-direction:row}nav .nav-center{align-items:center;justify-content:center;min-width:0}nav .nav-right{justify-content:flex-end;align-items:center}nav .nav-right button{margin:0 .25em}nav .title{font-size:1.15rem;letter-spacing:.09em}nav .hidden{display:none}.small-interface .menu.active{flex:1 auto}.small-interface .menu.active .menu-content{display:flex;flex:1 auto}.small-interface .menu.active .menu-content .menu-item{display:flex;flex:1 auto;width:auto}.nav-toggle-button{display:flex;align-items:center;justify-content:center;margin:0 auto;position:absolute;top:0;z-index:5;padding:.25em .8em;transition:opacity .5s ease-in-out;box-shadow:0 4px 12px rgba(0,0,0,.22);opacity:1}.nav-toggle-button:hover{opacity:1}.nav-toggle-button.fade{opacity:.25}.nav-toggle-button.nav-visible{top:4em}.intro-content{text-align:center;color:#fefefe;padding:clamp(2rem,6vh,4rem) 1.5rem 2rem;flex:1 auto;display:grid;grid-template-columns:1fr;grid-template-rows:1fr 6fr}.intro-content .intro-title{font-size:2em;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin:.25em 0}.intro-content .intro-subheading{font-size:1em;font-weight:600;letter-spacing:.025em;margin-top:.5em;margin-bottom:1.5em}.intro-content .intro-text{font-size:1em;font-weight:400;color:rgba(226,232,240,.78)}.intro-content .popular-streams{max-width:80em;display:flex;flex-direction:column;justify-content:center;margin:0 auto}.intro-content .popular-streams .popular-streams-list{width:100%}.intro-content .popular-streams .popular-streams-list .popular-streams-item-container{max-width:25em}.stream-chat-container{display:flex;flex:1 auto}.stream-chat-container.chat--left{flex-direction:row-reverse}.no-scroll{overflow:hidden}@media only screen and (max-width:533.3333333333px){.intro-content .intro-title{font-size:1.4em}.intro-content .intro-subheading{font-size:1.1em}}@media only screen and (max-width:800px){#streamist .nav{grid-template-columns:auto minmax(0,1fr) auto;gap:.35rem;padding:.45rem .5rem}#streamist .nav .title{display:none}#streamist .nav .channel-input{width:100%;max-width:16rem}#streamist .nav .channel-input input{max-width:none}#streamist .nav button{margin:0 .15em}#streamist .button--accent:not(.details-summary__header),#streamist .button--secondary{padding:.45em .6em;min-height:2.5rem}}@media only screen and (max-width:420px){#streamist .nav .nav-right button{margin:0 .1em}#streamist .nav .channel-input{min-width:0}#streamist .nav .channel-input .material-icons{margin:0}}html{line-height:1.15;-webkit-text-size-adjust:100%}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}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}.title{font-size:1.25em;font-weight:700;letter-spacing:.05em;margin:0;padding-left:.5em;align-self:center;text-transform:uppercase}.text{font-size:1em;font-weight:400;color:#f4f6fb}.text-heading{font-size:1.25em;font-weight:700}.text-heading,.text-sub-heading{margin:.5em 0;letter-spacing:.025em;color:#f4f6fb}.text-sub-heading{font-size:1em;font-weight:600}.sub-text{font-size:1em;font-weight:400;color:rgba(226,232,240,.78)}.text--accent{color:#35c6a2}.text--white{color:#f4f6fb}.text-link{color:#35c6a2;text-decoration:none}.text-link:hover{text-decoration:underline}body{font-family:Poppins,sans-serif;background:#202633;display:flex;margin:0;width:100%;min-height:100vh;align-items:center;justify-content:center;flex-direction:column;color:#f4f6fb;-webkit-font-smoothing:antialiased}*,:after,:before{box-sizing:border-box}.visible{display:flex!important}.hidden{display:none!important}.url{text-decoration:underline;padding:0 .5em}.url,.url:visited{color:#f4f6fb}.draggable{-webkit-user-select:none;user-select:none}.column,.row{display:flex;flex-direction:row}.space-between{justify-content:space-between}