a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--fonts:"Heebo",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--white:#fff;--black:#010101;--gray:#f6f6f6;--blue:#bdbef2;--gradient-left:#b8adf1;--gradient-center:#a191f1;--gradient-right:#bf85e0;--glass:#75757520;--gap-step:4px;--padding:1.2rem}body,h1,p{font-family:Heebo,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-family:var(--fonts)}body{align-items:center;background:#e3e7ed;color:#010101;color:var(--black);flex-direction:column;justify-content:center;min-height:100vh;overflow-x:hidden}.d-flex,body{display:flex}.d-inline-flex{display:inline-flex}.flex-column{flex-direction:column}.align-center{align-items:center}.justify-content-center{justify-content:center}.justify-content-space-between{justify-content:space-between}.gap1{gap:4px;gap:var(--gap-step)}.gap2{gap:8px;gap:calc(var(--gap-step)*2)}.gap3{gap:12px;gap:calc(var(--gap-step)*3)}.gap4{gap:16px;gap:calc(var(--gap-step)*4)}.gap5{gap:20px;gap:calc(var(--gap-step)*5)}.relative{position:relative}.absolute{position:absolute}.pe-none{pointer-events:none}.user-select-none{-webkit-user-select:none;user-select:none}.text-center{text-align:center}.text-right{text-align:right}.overflow-auto{overflow:auto}.overflow-auto::-webkit-scrollbar{height:0;width:0}.streamApp{background:#f6f6f6;background:var(--gray);height:100%;margin:auto;max-width:100vw;overflow-x:hidden;padding:1.2rem 0 75px;padding:var(--padding) 0 75px;width:100%}.streamApp::-webkit-scrollbar{height:0;width:0}.sectionTitle{font-size:24px;font-weight:900;margin:0 1.2rem;margin:0 var(--padding)}@media(min-width:480px){.streamApp{border:10px solid #010101;border-radius:40px;box-shadow:0 0 0 4px #939393,0 10px 32px rgba(0,0,0,.333);height:100%;max-height:720px;max-width:400px;padding:0;width:100%;z-index:1}.streamApp .stub{height:24px;padding-bottom:10px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:10}.streamApp .stub:before{background:#010101;border-radius:0 0 12px 12px;height:24px;left:50%;top:0;width:50%}.streamApp .stub:after,.streamApp .stub:before{content:"";position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.streamApp .stub:after{background:linear-gradient(90deg,#164865,#123579);border-radius:50%;height:6px;left:30%;top:6px;width:6px}}.cardWrapper{border-radius:12px;color:var(--white);cursor:pointer;font-size:90%;font-weight:900;min-width:200px;overflow:hidden;position:relative;z-index:1}.cardWrapper .thumb{border-radius:12px;height:auto;object-fit:cover;transition:all .8s ease;width:100%}.cardWrapper .glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass);border-radius:10px;bottom:8px;left:50%;padding:14px 12px;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:calc(100% - 40px);z-index:2}.cardWrapper .glass .title{font-size:120%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cardWrapper:hover .thumb{-webkit-transform:scale(1.04);transform:scale(1.04)}.streamerCard{border-radius:12px;color:var(--black);cursor:pointer;min-width:170px;overflow:hidden}.streamerCard .details{background:var(--white);padding:0 var(--padding) var(--padding)}.streamerCard .details .logo{border-radius:50%;height:32px;margin-bottom:calc(var(--gap-step)*3);margin-top:-16px}.streamerCard .details .name{font-size:110%}.streamerCard .details .status{border-bottom:1px solid var(--gray);font-weight:300;margin-bottom:calc(var(--gap-step)*4);margin-left:auto;margin-right:auto;margin-top:var(--gap-step);padding-bottom:calc(var(--gap-step)*3)}.streamerCard .details .status:before{border-radius:50%;content:"";height:7px;left:calc(-7px - var(--gap-step));position:absolute;top:5px;width:7px}.streamerCard .details .status.offline:before{-webkit-animation:offline 2.4s infinite;animation:offline 2.4s infinite;background:red}.streamerCard .details .status.online:before{-webkit-animation:online 2.4s infinite;animation:online 2.4s infinite;background:green}.streamerCard .details .value{font-size:110%;font-weight:500}.streamerCard .details .label{font-size:80%;font-weight:300}@-webkit-keyframes offline{0%{-webkit-box-shadow:0 0 0 0 rgba(255,0,0,.4)}70%{-webkit-box-shadow:0 0 0 6px rgba(255,0,0,0)}to{-webkit-box-shadow:0 0 0 0 rgba(255,0,0,0)}}@keyframes offline{0%{box-shadow:0 0 0 0 rgba(255,0,0,.4)}70%{box-shadow:0 0 0 6px rgba(255,0,0,0)}to{box-shadow:0 0 0 0 rgba(255,0,0,0)}}@-webkit-keyframes online{0%{-webkit-box-shadow:0 0 0 0 rgba(0,128,0,.4)}70%{-webkit-box-shadow:0 0 0 6px rgba(0,128,0,0)}to{-webkit-box-shadow:0 0 0 0 rgba(0,128,0,0)}}@keyframes online{0%{box-shadow:0 0 0 0 rgba(0,128,0,.4)}70%{box-shadow:0 0 0 6px rgba(0,128,0,0)}to{box-shadow:0 0 0 0 rgba(0,128,0,0)}}.carousel{margin:var(--padding) 0 calc(var(--padding)*1.4);padding:0 var(--padding)}.liveCard{color:var(--white);min-width:268px;overflow:hidden}.liveCard .preview{border-radius:12px;height:140px;overflow:hidden;position:relative;z-index:1}.liveCard .preview img{overflow:hidden;transition:all .8s ease;width:100%}.liveCard .preview:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}.liveCard .status{background:red;border-radius:10px;color:var(--white);font-size:80%;padding:5px 8px 4px;position:absolute;right:10px;top:10px;z-index:1}.liveCard .vitals{border-radius:12px;height:50px;overflow:hidden;position:relative;z-index:1}.liveCard .vitals .logo{border-radius:50%;box-shadow:0 0 4px rgba(0,0,0,.333);height:26px;object-fit:cover;width:26px}.liveCard .vitals .name{font-size:90%;font-weight:600}.liveCard .vitals .playing,.liveCard .vitals .viewers{font-size:80%;font-weight:300}.liveCard .blurred{left:0;object-fit:cover;position:absolute;top:0}.liveCard .blurred,.liveCard .glass{border-radius:12px;height:100%;overflow:hidden;width:100%}.liveCard .glass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:0 calc(var(--padding)/2);position:relative;z-index:1}.gray img,.gray.blurred{-webkit-filter:grayscale(1);filter:grayscale(1)}.gray .status{background:#555}.example{background:linear-gradient(180deg,#fff,#000);display:grid;transition:all .5s;-webkit-user-select:none;user-select:none}.searchWrapper{margin-bottom:calc(var(--padding)*1.2);padding:0 var(--padding)}.searchWrapper .searchBar{background:var(--white);border-radius:20px;padding:8px calc(var(--padding) - 6px);width:100%}.searchWrapper .searchBar input{background:none;border:none;color:#aaa;outline:none;padding:0;width:100%}.searchWrapper .searchBar input::-webkit-input-placeholder{color:#aaa;opacity:1}.searchWrapper .searchBar input::placeholder{color:#aaa;opacity:1}.navbar{background:var(--white);bottom:0;box-shadow:0 -4px 12px rgba(0,0,0,.067);left:0;position:fixed;width:100%;z-index:10}.navbar .btn{flex-basis:20%;padding:var(--padding);padding-bottom:calc(var(--padding) + 8px);text-decoration:none}.navbar .btn .add{background:linear-gradient(to right,var(--gradient-left),var(--gradient-center),var(--gradient-right));border-radius:50%;color:var(--white);font-size:150%;font-weight:300;height:34px;margin-top:-6px;width:34px}.navbar .btn:active{background:var(--gray)}@media(min-width:480px){.navbar{position:-webkit-sticky;position:sticky}}
/*# sourceMappingURL=main.48acb0f0.css.map*/