html{font-size:62.5%}body{font-size:1.2rem}.root,body,html{margin:0;overflow:hidden;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative}.shell-nav{background:
4b367c
;height:5rem;width:100%;position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}html.desktop-login .shell-nav{display:none}.shell-nav__logo{padding:1rem;display:inline-block;margin:0}.shell-nav__link{padding:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.shell-nav__link::after{content:'';height:.4rem;background:rgba(255,255,255,.2);border-radius:2px}.shell-nav__link--browse::after{width:4.7rem}.shell-nav__link--follow::after{width:6rem}.shell-nav__link--get-desktop::after{width:7.9rem}.shell-nav__link--follow{display:none}.shell-logged-in .shell-nav__link--follow{display:-webkit-box;display:-ms-flexbox;display:flex}.shell-nav__ellipsis{width:5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.shell__svg--navmore{fill:rgba(255,255,255,.4);height:2rem}.shell-nav__search-container{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.shell-nav__search{width:100%;max-width:40rem;height:3rem;margin:0 1rem;background:rgba(255,255,255,.4);border-radius:2px}.shell-nav__user-card{width:24rem;display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-right:1rem;box-sizing:border-box}.shell-logged-in .shell-nav__user-card{display:-webkit-box;display:-ms-flexbox;display:flex}.shell-nav__user-card-avatar{margin:0 1rem;width:3rem;height:3rem;background:rgba(255,255,255,.2);-ms-flex-negative:0;flex-shrink:0;border-radius:2px}.shell-nav__user-card-copy-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.shell-nav__user-card-username{width:8rem;height:.4rem;background:rgba(255,255,255,.2);margin:.5rem 0;border-radius:2px}.shell-nav__user-card-status{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.shell-nav__user-card-status-copy{width:4rem;height:.4rem;background:rgba(255,255,255,.2);margin:.5rem 0;border-radius:2px}.shell-nav__user-card-arrow{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.shell-nav__user-card-arrow-svg{fill:rgba(255,255,255,.2);margin:0;width:2rem;height:2rem}.shell-nav__user-auth{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.shell-logged-in .shell-nav__user-auth{display:none}.shell-nav__user-auth-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:rgba(255,255,255,.1);height:3rem;margin-right:1rem;padding:.8rem;box-sizing:border-box;border-radius:2px}.shell-nav__user-auth-button--login{width:5.1rem}.shell-nav__user-auth-button--singup{width:5.9rem}.shell-nav__user-auth-button::after{content:'';width:100%;height:.4rem;border-radius:3px;background:rgba(255,255,255,.1);display:block}.shell-loader{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;opacity:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:5rem;box-sizing:border-box;-webkit-animation:shell-display .1s linear;animation:shell-display .1s linear;-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;overflow:hidden}html.desktop-login .shell-loader{padding-top:0;padding-bottom:1rem}.shell-loader__spinner{display:inline-block;width:2.2rem;height:2.2rem;margin:0 auto;padding:0;border-top:2px solid rgba(0,0,0,.15);border-right:2px solid rgba(0,0,0,.15);border-bottom:2px solid rgba(0,0,0,.15);border-left:2px solid
19171c
;-webkit-animation:shell-loading-spinner .5s infinite linear;animation:shell-loading-spinner .5s infinite linear;border-radius:50%;box-sizing:border-box}@media screen and (max-width:1023px){.shell-nav__link--get-desktop,.shell-nav__search{display:none}}@media screen and (max-width:767px){.shell-nav__user-card-copy-container{display:none}.shell-nav__user-card{width:8rem}}@-webkit-keyframes shell-loading-spinner{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes shell-loading-spinner{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes shell-display{0%{opacity:0}100%{opacity:1}}@keyframes shell-display{0%{opacity:0}100%{opacity:1}} -1!==document.cookie.indexOf("twilight-user")||-1!==document.cookie.indexOf("twilight-auth")?document.querySelector(".shell-nav").classList.add("shell-logged-in"):window.__twitchIntegrations&&window.__twitchIntegrations.app&&document.querySelector("html").classList.add("desktop-login")