.streamershowcase-container{z-index:100;filter:drop-shadow(0 0 10px #00000040);flex-direction:row;transition:transform .4s;display:flex;position:fixed;top:0;left:0;transform:translate(0%)}.streamershowcase-container-hidden{transform:translate(-100%)}.streamershowcase{flex-direction:column;display:flex}.streamershowcase-background{background-color:var(--color-box)}.streamershowcase-title-container{flex-direction:row;align-items:center;gap:.25rem;padding:.5rem .5rem 0;display:flex}.streamershowcase-live-dot{background-color:var(--color-secondary);border-radius:50%;width:.625rem;min-width:.625rem;height:.625rem}.streamershowcase-live-dot-small{background-color:var(--color-secondary);border-radius:50%;width:.5rem;min-width:.5rem;height:.5rem}.streamershowcase-title{font-weight:700}.streamershowcase-title-explanation{background-color:var(---color-font-dark);cursor:pointer;opacity:1;white-space:nowrap;text-overflow:ellipsis;width:9rem;margin-left:.875rem;font-size:.875rem;transition:width .3s,margin-left .3s,opacity .3s;overflow:hidden}.streamershowcase-title-explanation-collapsed{opacity:0;width:0;margin-left:0}.streamershowcase-scroll{-ms-overflow-style:none;scrollbar-width:none;flex-direction:column;max-height:50vh;padding-bottom:.25rem;display:flex;overflow:hidden scroll}.streamershowcase-scroll-wrapper{position:relative}.streamershowcase-fade-top,.streamershowcase-fade-bottom{pointer-events:none;opacity:1;height:5rem;transition:opacity .3s;position:absolute;left:0;right:0}.streamershowcase-fade-top{background-image:linear-gradient(to bottom, var(--color-box) 0%, var(--color-box) 10%, transparent 100%);top:0}.streamershowcase-fade-bottom{background-image:linear-gradient(to top, var(--color-box) 0%, var(--color-box) 10%, transparent 100%);bottom:0}.streamershowcase-fade-hidden{opacity:0}@media screen and (width<=1024px){.streamershowcase-scroll{max-height:10.5rem}}.streamershowcase-scroll::-webkit-scrollbar{display:none}.streamershowcase-streamer{cursor:pointer;border-radius:.25rem;flex-direction:row;align-items:center;min-width:3rem;min-height:3rem;margin:0 .25rem;padding:.25rem;transition:background-color .5s;display:flex}.streamershowcase-streamer:hover{background-color:#0005}.streamershowcase-image{border-radius:50%;width:3rem;height:3rem}.streamershowcase-info{opacity:1;width:9rem;height:100%;margin-left:1rem;transition:width .3s,margin-left .3s,opacity .3s}.streamershowcase-info-collapsed{opacity:0;width:0;margin-left:0}.streamershowcase-streamer-name-container{flex-direction:row;justify-content:space-between;align-items:center;gap:.25rem;display:flex}.streamershowcase-streamer-name{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.streamershowcase-viewer-container{flex-direction:row;align-items:center;gap:.25rem;display:flex}.streamershowcase-viewer{font-size:.875rem;font-weight:700}.streamershowcase-streamer-title{white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.streamershowcase-line{background-color:var(--color-primary);border-radius:0 0 .25rem;width:.25rem}.streamershowcase-expand{background-color:var(--color-primary);cursor:pointer;border-radius:0 0 .5rem;justify-content:center;align-items:center;width:1.5rem;height:3rem;display:flex}.showcase-container{aspect-ratio:1;justify-content:center;align-items:center;width:100%;min-width:45rem;max-width:70rem;display:flex;position:relative}@media screen and (width<=1700px){.showcase-container{min-width:38rem}}@media screen and (width<=1325px){.showcase-container{min-width:unset;max-width:40rem;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{width:100%;height:unset;aspect-ratio:624/597;position:absolute}@media screen and (width<=1700px){.showcase-slide{max-width:35rem}}@media screen and (width<=1325px){.showcase-slide{max-width:100%}}.showcase-slide--in{animation:.5s forwards slideIn}.showcase-slide--out{animation:.5s forwards slideOut}.showcase-label{filter:drop-shadow(0 0 .5rem #00000080);font-weight:700;position:absolute;scale:1.75}@media screen and (width<=1700px){.showcase-label{scale:1.5}}@media screen and (width<=1325px){.showcase-label{scale:1}}.showcase-label-0{top:17%;right:8%}@media screen and (width<=1700px){.showcase-label-0{top:20%;right:8%}}@media screen and (width<=1325px){.showcase-label-0{top:13%;right:5%}}.showcase-label-1{bottom:25%;left:30%}@media screen and (width<=1700px){.showcase-label-1{bottom:25%;left:30%}}@media screen and (width<=1325px){.showcase-label-1{bottom:25%;left:30%}}.showcase-label-2{top:14%;left:12%}@media screen and (width<=1700px){.showcase-label-2{top:16%;left:12%}}.showcase-label-3{bottom:28%;left:3%}@media screen and (width<=1700px){.showcase-label-3{bottom:30%;left:8%}}@media screen and (width<=1325px){.showcase-label-3{bottom:28%;left:1%}}.showcase-label-4{top:14%;right:30%}@media screen and (width<=1700px){.showcase-label-4{top:17%;right:35%}}@media screen and (width<=1325px){.showcase-label-4{top:14%;right:25%}}.showcase-label--in{animation:.75s forwards slideIn}.showcase-label--out{animation:.5s forwards slideOut}@keyframes slideInLabel{0%{opacity:0;transform:translateY(.75rem)scale(1.5)}to{opacity:1;transform:translateY(0)scale(1.5)}}@keyframes slideOutLabel{0%{opacity:1;transform:translateY(0)scale(1.5)}to{opacity:0;transform:translateY(-.75rem)scale(1.5)}}.home-container{flex-direction:row;flex:1;justify-content:center;align-items:flex-start;gap:10rem;min-height:90vh;display:flex}@media screen and (width<=1700px){.home-container{gap:3rem}}@media screen and (width<=1325px){.home-container{flex-direction:column;align-items:center;gap:4rem}}.home-main-container{flex-direction:column;justify-content:center;align-items:center;gap:3rem;max-width:100%;margin-top:max(25vh - 14rem,0rem);display:flex}@media screen and (width<=1024px){.home-main-container{gap:1.5rem;min-height:80vh;margin-top:0}}.home-headlines-container{text-align:start;flex-direction:column;align-items:flex-start;gap:.5rem;min-width:42rem;display:flex}@media screen and (width<=1700px){.home-headlines-container{min-width:unset;max-width:35rem}}@media screen and (width<=1024px){.home-headlines-container{display:none}}.home-headline-primary{font-size:1.325rem;line-height:1.5}@media screen and (width<=1700px){.home-headline-primary{font-size:1.125rem}}@media screen and (width<=1024px){.home-headline-primary{font-size:1rem}}.home-headline-secondary{font-size:1.325rem;font-weight:400;line-height:1.5}@media screen and (width<=1700px){.home-headline-secondary{font-size:1.125rem}}@media screen and (width<=1024px){.home-headline-secondary{font-size:1rem}}.home-showcase-container{flex-direction:column;justify-content:center;align-items:center;margin-top:max(25vh - 18rem,0rem);display:flex}@media screen and (width<=1325px){.home-showcase-container{width:90%;margin-top:0}}.home-banner{width:44rem;max-width:80vw;height:unset;aspect-ratio:2402/1613}@media screen and (width<=1700px){.home-banner{width:35rem}}@media screen and (width<=1024px){.home-banner{display:none}}.home-banner-mobile{width:17rem;max-width:80vw;height:unset;aspect-ratio:480/322;display:none}@media screen and (width<=1024px){.home-banner-mobile{display:flex}}.home-buttons{flex-direction:row;justify-content:space-between;align-items:center;margin:1rem 0;display:flex;scale:1.95}@media screen and (width<=1700px){.home-buttons{scale:1.55}}@media screen and (width<=1024px){.home-buttons{width:unset;transform-origin:50%;flex-direction:column;gap:.5rem;margin-bottom:12rem;scale:1}}.home-description{text-align:justify;flex-direction:column;gap:1.5rem;max-width:50rem;display:flex}.home-description-paper{padding:2.5rem}.home-description-paragraph{font-size:1.25rem}.home-providers{flex-direction:column;justify-content:center;align-items:center;gap:1rem;margin-top:-7rem;margin-right:-4rem;display:flex}@media screen and (width<=1700px){.home-providers{margin-top:-8rem}}@media screen and (width<=1325px){.home-providers{margin-top:0;margin-right:0}}@media screen and (width<=1024px){.home-providers{margin-bottom:0}}.home-provider-container{z-index:2;flex-flow:wrap;justify-content:space-evenly;align-items:center;gap:.75rem;display:flex}@media screen and (width<=1024px){.home-provider-container{flex-wrap:nowrap;gap:0}}.home-playsongbattlewith{text-align:center;font-size:1.25rem;font-weight:700}.home-provider{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;min-width:5rem;transition:transform .2s;display:flex}@media screen and (width<=1024px){.home-provider{min-width:4.5rem}}.home-provider:hover{transform:scale(1.1)}.home-lower-container{flex-direction:row;flex:1;justify-content:center;align-items:stretch;gap:1.5rem;margin-bottom:10vh;display:flex}@media screen and (width<=1325px){.home-lower-container{flex-direction:column;align-items:center;gap:1.5rem;margin-top:4rem}}.home-stats{flex-direction:column;gap:1.5rem;display:flex}@media screen and (width<=1325px){.home-stats{align-items:stretch}}.home-stats-paper-wrapper{flex:1;min-width:25rem;display:flex}@media screen and (width<=1024px){.home-stats-paper-wrapper{min-width:18rem}}.home-stats-paper{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2rem;padding:2.5rem;display:flex}@media screen and (width<=1024px){.home-stats-paper{gap:1.25rem}}.home-stats-number{font-size:3.5rem;font-weight:700;line-height:1}@media screen and (width<=1024px){.home-stats-number{font-size:2rem}}.home-stats-chip{font-weight:700;scale:1.5}@media screen and (width<=1024px){.home-stats-chip{scale:1.25}}