.streamershowcasedialog-header{align-items:center;display:flex;gap:.25rem;justify-content:space-between}.streamershowcasedialog-description{text-align:justify}.streamershowcase-container{display:flex;filter:drop-shadow(0 0 10px rgba(0,0,0,.25));flex-direction:row;left:0;position:fixed;top:0;transform:translateX(0);transition:transform .4s;z-index:100}.streamershowcase-container-hidden{transform:translateX(-100%)}.streamershowcase{display:flex;flex-direction:column}.streamershowcase-background{background-color:var(--color-box)}.streamershowcase-title-container{align-items:center;display:flex;flex-direction:row;gap:.25rem;padding:.5rem .5rem 0}.streamershowcase-live-dot{background-color:var(--color-secondary);border-radius:50%;height:.625rem;min-width:.625rem;width:.625rem}.streamershowcase-live-dot-small{background-color:var(--color-secondary);border-radius:50%;height:.5rem;min-width:.5rem;width:.5rem}.streamershowcase-title{font-weight:700}.streamershowcase-title-explanation{background-color:var(---color-font-dark);cursor:pointer;font-size:.875rem;margin-left:.875rem;opacity:1;overflow:hidden;text-overflow:ellipsis;transition:width .3s,margin-left .3s,opacity .3s;white-space:nowrap;width:9rem}.streamershowcase-title-explanation-collapsed{margin-left:0;opacity:0;width:0}.streamershowcase-scroll{-ms-overflow-style:none;display:flex;flex-direction:column;max-height:50vh;overflow-x:hidden;overflow-y:scroll;padding-bottom:.25rem;scrollbar-width:none}.streamershowcase-scroll-wrapper{position:relative}.streamershowcase-fade-bottom,.streamershowcase-fade-top{height:5rem;left:0;opacity:1;pointer-events:none;position:absolute;right:0;transition:opacity .3s}.streamershowcase-fade-top{background-image:linear-gradient(to bottom,var(--color-box) 0,var(--color-box) 10%,#0000 100%);top:0}.streamershowcase-fade-bottom{background-image:linear-gradient(to top,var(--color-box) 0,var(--color-box) 10%,#0000 100%);bottom:0}.streamershowcase-fade-hidden{opacity:0}@media screen and (max-width:1024px){.streamershowcase-scroll{max-height:10.5rem}}.streamershowcase-scroll::-webkit-scrollbar{display:none}.streamershowcase-streamer{align-items:center;border-radius:.25rem;cursor:pointer;display:flex;flex-direction:row;margin:0 .25rem;min-height:3rem;min-width:3rem;padding:.25rem;transition:opacity .2s;transition:background-color .5s}.streamershowcase-streamer:hover{background-color:#00000055}.streamershowcase-image{border-radius:50%;height:3rem;width:3rem}.streamershowcase-info{height:100%;margin-left:1rem;opacity:1;transition:width .3s,margin-left .3s,opacity .3s;width:9rem}.streamershowcase-info-collapsed{margin-left:0;opacity:0;width:0}.streamershowcase-streamer-name-container{align-items:center;display:flex;flex-direction:row;gap:.25rem;justify-content:space-between}.streamershowcase-streamer-name{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.streamershowcase-viewer-container{align-items:center;display:flex;flex-direction:row;gap:.25rem}.streamershowcase-viewer{font-size:.875rem;font-weight:700}.streamershowcase-streamer-title{font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.streamershowcase-line{background-color:var(--color-primary);border-radius:0 0 .25rem 0;width:.25rem}.streamershowcase-expand{align-items:center;background-color:var(--color-primary);border-radius:0 0 .5rem 0;cursor:pointer;display:flex;height:3rem;justify-content:center;width:1.5rem}.userimagemenuitem-container{align-items:center;background-color:var(--color-tertiary);border-radius:35px;cursor:pointer;display:flex;flex-direction:row;margin:0 .5rem;transform:scale(1.25)}.userimagemenuitem-container:hover{background-color:color-mix(in srgb,var(--color-tertiary) 50%,#0000 100%)}.userimagemenuitem-menu{margin:0 .375rem 0 .625rem}.userimagemenuitem-menu:hover{cursor:pointer}.languageswitcher-container{align-items:center;display:flex;margin:.5rem}.languageswitcher-paper{background-color:var(--color-box)!important;background-image:none!important}.header-sticky{align-items:flex-start;background-color:var(--color-background);display:flex;flex-direction:row;gap:1rem;justify-content:space-between;left:0;padding:1rem;position:fixed;right:0;top:0;transition:background-image .5s;z-index:99}@media screen and (max-width:1024px){.header-sticky{padding:.5rem}}.header{align-items:flex-start;display:flex;flex-direction:row;gap:1rem;justify-content:space-between}@media screen and (max-width:1024px){.header{gap:.5rem}}.header-content{align-items:center;display:flex;flex-direction:row;gap:.5rem;justify-content:space-between}@media screen and (max-width:1024px){.header-content{align-items:flex-end;flex-direction:column}}.header-content-inner{align-items:center;display:flex;flex-direction:row;gap:.5rem}.header-copyright{font-size:.75rem;opacity:.7;padding:.25rem 1rem}.header-notification-menu-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.header-notification-menu-empty-text{margin:2rem 1rem;text-align:center}@keyframes bell-ringing{0%{transform:rotate(0deg)}25%{transform:rotate(15deg)}50%{transform:rotate(-15deg)}75%{transform:rotate(15deg)}to{transform:rotate(0deg)}}.header-bell-animate{animation:bell-ringing .8s;transform-origin:center}.pagecontainer{display:flex;flex:1 1;flex-direction:column;gap:1rem;height:100%;overflow-x:hidden;padding:1rem 1rem 4rem}@media screen and (max-width:1024px){.pagecontainer{padding:.5rem}}.pagecontainer-content{display:flex;flex:1 1;flex-direction:column}.gamecodeinput{scale:.9;width:12.5rem}.showcase-container{align-items:center;aspect-ratio:1;display:flex;justify-content:center;margin-top:8rem;max-width:45rem;position:relative;width:100%}@media screen and (max-width:1325px){.showcase-container{margin-top:0}}@keyframes slideIn{0%{opacity:0;transform:translateY(.75rem)}to{opacity:1;transform:translateY(0)}}@keyframes slideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-.75rem)}}.showcase-slide{aspect-ratio:624/597;height:auto;max-width:36rem;position:absolute}@media screen and (max-width:1325px){.showcase-slide{max-width:100%}}.showcase-slide--in{animation:slideIn .5s ease forwards}.showcase-slide--out{animation:slideOut .5s ease forwards}.home-container{align-items:flex-start;display:flex;flex:1 1;flex-direction:row;gap:10rem;justify-content:center;min-height:120vh}@media screen and (max-width:1700px){.home-container{gap:5rem}}@media screen and (max-width:1325px){.home-container{align-items:center;flex-direction:column;gap:4rem}}.home-main-container{align-items:flex-start;display:flex;flex-direction:column;gap:3rem;justify-content:center;margin-top:max(25vh - 9.25rem,0rem);max-width:100%}@media screen and (max-width:1024px){.home-main-container{align-items:center;gap:1.5rem;margin-top:0;min-height:80vh}}.home-showcase-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:max(25vh - 9.25rem - 4rem,0rem)}@media screen and (max-width:1325px){.home-showcase-container{margin-top:0;width:90%}}.home-banner{aspect-ratio:2402/1613;height:auto;max-width:80vw;width:44rem}@media screen and (max-width:1700px){.home-banner{width:35rem}}.home-banner-mobile{aspect-ratio:480/322;height:auto;max-width:80vw;width:17rem}.home-description-container{align-items:center;display:flex;flex-direction:column;gap:.25rem;max-width:100%}.home-description-buttons{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin:2rem 0;scale:1.95;transform-origin:left 50%;width:23rem}@media screen and (max-width:1700px){.home-description-buttons{margin:1rem 0;scale:1.55;width:23rem}}@media screen and (max-width:1024px){.home-description-buttons{flex-direction:column;gap:.5rem;margin-bottom:12rem;scale:1;transform-origin:50% 50%;width:auto}}.home-description{display:flex;flex-direction:column;gap:.5rem;margin:0 1rem 25vh;max-width:41.5rem;text-align:justify}@media screen and (max-width:1700px){.home-description{margin:0 1rem 25vh;max-width:32.5rem}}@media screen and (max-width:1325px){.home-description{margin:0 1rem}}.home-providers{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;margin-bottom:-5rem;margin-right:-4rem;margin-top:1.5rem}@media screen and (max-width:1700px){.home-providers{margin-top:0}}@media screen and (max-width:1325px){.home-providers{margin-right:0}}@media screen and (max-width:1024px){.home-providers{margin-bottom:0}}.home-provider-container{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:.75rem;justify-content:space-evenly;z-index:2}@media screen and (max-width:1024px){.home-provider-container{flex-wrap:nowrap;gap:0}}.home-playsongbattlewith{font-size:1.25rem;font-weight:700;text-align:center}.home-provider{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;justify-content:center;min-width:5rem;transition:transform .2s}@media screen and (max-width:1024px){.home-provider{min-width:4.5rem}}.home-provider:hover{transform:scale(1.1)}