body{margin:0}::-webkit-scrollbar{display:none}:root{--color-title:#fff;--color-content:#fcfcfc;--color-button-vivamax-bg-blue:#1d74ca;--color-button-vivaone-bg-blue:#47bfd8;--color-button-text-normal:#fff}.footer-container{background:#000;height:7vh;padding:0 3.75vw}.footer-container .footer-content{grid-gap:auto;align-items:center;display:grid;gap:auto;grid-template-columns:1fr 1fr;height:100%;max-width:92.5vw}.footer-container .footer-content .social-section{align-items:center;display:flex;flex-direction:row;gap:3vw}.footer-container .footer-content .social-section .social-title{color:#fff;font:400 .83vw Montserrat;letter-spacing:1px;text-transform:uppercase}.footer-container .footer-content .social-section .social-icons{display:flex;gap:1.2vw}.footer-container .footer-content .social-section .social-icon{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;justify-content:center;padding:0}.footer-container .footer-content .social-section .social-icon.tiktok img{height:1vw}.footer-container .footer-content .social-section .social-icon.x img{height:.94vw}.footer-container .footer-content .social-section .social-icon img{height:1.2vw}.footer-container .footer-content .links-section{align-items:center;display:flex;flex-direction:row-reverse;gap:3vw}.footer-container .footer-content .links-section .footer-links{display:flex;gap:2vw}.footer-container .footer-content .links-section .footer-link{background:#0000;border:none;color:#fff;cursor:pointer;font:400 .83vw Montserrat;padding:0;text-decoration:none}.footer-container .footer-content .links-section .copyright{color:#fff;font:400 .83vw Montserrat;letter-spacing:1px;text-transform:uppercase}.footer-container.mobile{background:#000;height:-webkit-fit-content;height:fit-content;padding:32px 0 24px}.footer-container.mobile .footer-content{max-width:100%}.footer-container.mobile .footer-content,.footer-container.mobile .footer-content .social-section{align-items:center;display:flex;flex-direction:column;gap:24px}.footer-container.mobile .footer-content .social-section .social-title{display:none}.footer-container.mobile .footer-content .social-section .social-icons{display:flex;gap:20px}.footer-container.mobile .footer-content .social-section .social-icon{height:36px;width:36px}.footer-container.mobile .footer-content .social-section .social-icon.tiktok img{height:18px}.footer-container.mobile .footer-content .social-section .social-icon.x img{height:14px}.footer-container.mobile .footer-content .social-section .social-icon img{height:18px}.footer-container.mobile .footer-content .links-section{align-items:center;display:flex;flex-direction:column;gap:24px}.footer-container.mobile .footer-content .links-section .footer-links{display:flex;gap:36px}.footer-container.mobile .footer-content .links-section .copyright,.footer-container.mobile .footer-content .links-section .footer-link{font:500 12px Montserrat}.vivaoke-header{position:fixed;right:3.75vw;text-align:end;top:2.2vw;z-index:100}.vivaoke-header .vivaoke-header__user{background:#00000073;border:1px solid #fff3;border-radius:6.25vw;color:#fff;cursor:pointer;font:600 1vw Montserrat;padding:.6vw 1.4vw;text-align:left}.vivaoke-header .vivaoke-header__menu{background:#232323f2;border:1px solid #ffffff1a;border-radius:.6vw;box-shadow:0 .8vw 2vw #00000059;margin-top:.6vw;padding:.8vw .6vw;text-align:left}.vivaoke-header .vivaoke-header__item{background:#0000;border:none;color:#dcdcdc;cursor:pointer;display:block;font:600 .95vw Montserrat;padding:.6vw .8vw;text-align:left;width:100%}.vivaoke-header .vivaoke-header__item:hover{color:#fff}@media(max-width:768px){.vivaoke-header{right:16px;top:16px}.vivaoke-header .vivaoke-header__user{font:600 12px Montserrat;padding:8px 14px}.vivaoke-header .vivaoke-header__menu{border-radius:8px;margin-top:6px;padding:8px}.vivaoke-header .vivaoke-header__item{font:600 12px Montserrat;padding:8px 10px}}.landing-page{background:radial-gradient(66.04% 104.37% at 100% 100%,#ffb90133 0,#02020233 100%);height:93vh;position:relative;width:100vw}.landing-page .top-container{align-items:center;display:flex;height:16vh;justify-content:center}.landing-page .top-container .vivaoke-logo{height:7.4vh;margin:auto auto auto 4.2vw;max-width:100%;object-fit:contain;width:auto}.landing-page .top-container .btn-login{background:radial-gradient(49.85% 132.29% at 50.15% -32.29%,#fafafa 0,#ffb901 100%);border:0;border-radius:5.21vw;color:#020202;cursor:pointer;font:700 1vw Montserrat;height:5vh;margin:auto 4.2vw auto auto;outline:none;width:7.8vw}.landing-page .banner-container{height:calc(100% - 9vh);overflow:hidden;position:absolute;right:4.2vw;top:9vh}.landing-page .banner-container .banner-img{height:calc(100% + 7vh);object-fit:cover}.landing-page .landing-container{display:flex;flex-direction:column;height:calc(100% - 16vh);margin-left:4.2vw;text-align:left}.landing-page .landing-container .title{background:radial-gradient(49.85% 132.29% at 50.15% -32.29%,#fafafa 0,#ffb901 100%);background-clip:text;-webkit-background-clip:text;color:#0000;font:700 7.47vh Montserrat;margin-bottom:2.67vh;margin-top:auto}.landing-page .landing-container .description{color:#fcfcfc;font:700 3vh Montserrat;margin-bottom:4.5vh}.landing-page .landing-container .btn-subscribe{background:radial-gradient(49.85% 132.29% at 50.15% -32.29%,#fafafa 0,#ffb901 100%);border:0;border-radius:5.21vw;color:#020202;cursor:pointer;font:700 1vw Montserrat;height:5vh;margin-bottom:9vh;width:14vw}.landing-page .landing-container .app-container{display:flex;flex-direction:column;margin-bottom:7.6vh}.landing-page .landing-container .app-container .download-note{color:#999595;font:700 1vw Montserrat;margin-bottom:2.4vh}.landing-page .landing-container .app-container .btn-action{display:flex;gap:1vw}.landing-page .landing-container .app-container .btn-action .btn-download{align-items:center;background:none;border:none;cursor:pointer;display:inline-flex;justify-content:center;padding:0;transition:all .3s ease}.landing-page .landing-container .app-container .btn-action .btn-download img{display:block;height:5vh;max-width:100%;object-fit:contain;width:auto}.landing-page.mobile{background:radial-gradient(307.81% 60.66% at 50% 80.48%,#02020233 0,#ffb90133 100%);height:100vh;overflow-y:auto}.landing-page.mobile .top-container{align-items:center;display:flex;height:72px;justify-content:center}.landing-page.mobile .top-container .vivaoke-logo{height:32px;margin:auto auto auto 20px;max-width:100%;object-fit:contain;width:auto}.landing-page.mobile .top-container .btn-login{background:radial-gradient(49.85% 132.29% at 50.15% -32.29%,#fafafa 0,#ffb901 100%);border:0;border-radius:100px;color:#020202;font:700 14px Montserrat;height:32px;margin:auto 20px auto auto;width:84px}.landing-page.mobile .banner-container{align-items:center;display:flex;height:-webkit-fit-content;height:fit-content;justify-content:center;margin-top:-4px;min-height:48vh;position:relative;right:auto;top:auto}.landing-page.mobile .banner-container .banner-img{height:auto;object-fit:cover;width:51.7vw}.landing-page.mobile .landing-container{align-items:center;height:-webkit-fit-content;height:fit-content;margin-left:0;margin-top:3vh;padding:0;text-align:center;width:100vw}.landing-page.mobile .landing-container .title{font:700 28px Montserrat;margin-bottom:12px;margin-top:auto;max-width:89vw}.landing-page.mobile .landing-container .description{font:700 14px Montserrat;margin-bottom:20px;max-width:89vw}.landing-page.mobile .landing-container .btn-subscribe{border-radius:100px;font:700 16px Montserrat;height:48px;margin-bottom:32px;width:86vw}.landing-page.mobile .landing-container .app-container{display:flex;flex-direction:column;margin-bottom:20px}.landing-page.mobile .landing-container .app-container .download-note{font:700 12px Montserrat;margin-bottom:8px}.landing-page.mobile .landing-container .app-container .btn-action{display:flex;gap:16px}.landing-page.mobile .landing-container .app-container .btn-action .btn-download{align-items:center;display:inline-flex;justify-content:center}.landing-page.mobile .landing-container .app-container .btn-action .btn-download img{display:block;height:auto;max-width:100%;object-fit:contain;width:80px}.help-container{background:#000;height:95vh;overflow-y:scroll;width:100vw}.help-container .help-content-container{display:flex;height:100%;overflow-y:scroll;width:100%}.help-container .help-content-container .logo{cursor:pointer;height:3.3vw;left:47.14vw;position:relative;top:3.61vh;width:3.3vw}.help-container .help-content-container .text-content{display:flex;flex-direction:column;position:relative;top:8vh}.help-container .help-content-container .text-content .header{color:#fff;font:900 .94vw Montserrat;margin:15px 0}.help-container .help-content-container .text-content .content{text-wrap:wrap;color:#fff;font:500 .83vw Montserrat;white-space:pre-wrap;width:89.58vw}.help-container .help-content-container .text-content .content a{color:#2196f3}.help-container .help-content-container .text-content .indent-content{color:#fff;font:500 .83vw Montserrat;margin-left:1.2em}.help-container .help-content-container .text-content .two-indent-content{color:#fff;font:500 .83vw Montserrat;margin-left:3em}.help-container .help-content-container .text-content .three-indent-content{color:#fff;font:500 .83vw Montserrat;margin-left:5.5em}.help-container.mobile .help-content-container{flex-direction:column}.help-container.mobile .help-content-container .logo{height:40px;left:inherit;margin:0 auto;position:relative;width:40px}.help-container.mobile .help-content-container .text-content{display:flex;flex-direction:column;padding:0 20px;position:relative;top:5vh}.help-container.mobile .help-content-container .text-content .header{color:#fff;font:900 5vw Montserrat;margin:15px 0}.help-container.mobile .help-content-container .text-content .content{text-wrap:wrap;color:#fff;font:500 3vw Montserrat;white-space:pre-wrap;width:89.58vw}.help-container.mobile .help-content-container .text-content .indent-content{color:#fff;font:500 3vw Montserrat;margin-left:1.2em}.help-container.mobile .help-content-container .text-content .two-indent-content{color:#fff;font:500 3vw Montserrat;margin-left:3em}.help-container.mobile .help-content-container .text-content .three-indent-content{color:#fff;font:500 3vw Montserrat;margin-left:5.5em}.privacy-container{background:#000;height:95vh;overflow-y:scroll;width:100vw}.privacy-container .privacy-content-container{display:flex;height:100%;overflow-y:scroll;width:100%}.privacy-container .privacy-content-container .logo{cursor:pointer;height:3.3vw;left:47.14vw;position:relative;top:3.61vh;width:3.3vw}.privacy-container .privacy-content-container .text-content{display:flex;flex-direction:column;position:relative;top:8vh}.privacy-container .privacy-content-container .text-content .header{color:#fff;font:900 .94vw Montserrat;margin:15px 0}.privacy-container .privacy-content-container .text-content .content{text-wrap:wrap;color:#fff;font:500 .83vw Montserrat;white-space:pre-wrap;width:89.58vw}.privacy-container .privacy-content-container .text-content .content a{color:#2196f3}.privacy-container .privacy-content-container .text-content .indent-content{color:#fff;font:500 .83vw Montserrat;margin-left:1.2em}.privacy-container .privacy-content-container .text-content .two-indent-content{color:#fff;font:500 .83vw Montserrat;margin-left:3em}.privacy-container .privacy-content-container .text-content .two-indent-content .alpha-list{counter-reset:alpha-counter;list-style-type:none;padding-left:0}.privacy-container .privacy-content-container .text-content .two-indent-content .alpha-list li{counter-increment:alpha-counter;margin-left:3em;padding-left:15px;position:relative}.privacy-container .privacy-content-container .text-content .two-indent-content .alpha-list li:before{color:#fff;content:counter(alpha-counter,lower-alpha) ". ";left:0;position:absolute}.privacy-container .privacy-content-container .text-content .three-indent-content{color:#fff;font:500 .83vw Montserrat;margin-left:5.5em}.privacy-container.mobile .privacy-content-container{flex-direction:column}.privacy-container.mobile .privacy-content-container .logo{height:40px;left:inherit;margin:0 auto;position:relative;width:40px}.privacy-container.mobile .privacy-content-container .text-content{display:flex;flex-direction:column;padding:0 20px;position:relative;top:5vh}.privacy-container.mobile .privacy-content-container .text-content .header{color:#fff;font:900 5vw Montserrat;margin:15px 0}.privacy-container.mobile .privacy-content-container .text-content .content{text-wrap:wrap;color:#fff;font:500 3vw Montserrat;white-space:pre-wrap;width:89.58vw}.privacy-container.mobile .privacy-content-container .text-content .indent-content{color:#fff;font:500 3vw Montserrat;margin-left:1.2em}.privacy-container.mobile .privacy-content-container .text-content .two-indent-content{color:#fff;font:500 3vw Montserrat;margin-left:3em}.privacy-container.mobile .privacy-content-container .text-content .three-indent-content{color:#fff;font:500 3vw Montserrat;margin-left:5.5em}.terms-container{background:#000;height:95vh;overflow-y:scroll;width:100vw}.terms-container .terms-content-container{display:flex;height:100%;overflow-y:scroll;width:100%}.terms-container .terms-content-container .logo{cursor:pointer;height:3.3vw;left:47.14vw;position:relative;top:3.61vh;width:3.3vw}.terms-container .terms-content-container .text-content{display:flex;flex-direction:column;position:relative;top:8vh}.terms-container .terms-content-container .text-content .header{color:#fff;font:900 .94vw Montserrat;margin:15px 0}.terms-container .terms-content-container .text-content .content{text-wrap:wrap;color:#fff;font:500 .83vw Montserrat;white-space:pre-wrap;width:89.58vw}.terms-container .terms-content-container .text-content .content a{color:#2196f3}.terms-container .terms-content-container .text-content .indent-content{color:#fff;font:500 .83vw Montserrat;margin-left:1.2em}.terms-container .terms-content-container .text-content .two-indent-content{color:#fff;font:500 .83vw Montserrat;margin-left:3em}.terms-container .terms-content-container .text-content .three-indent-content{color:#fff;font:500 .83vw Montserrat;margin-left:5.5em}.terms-container.mobile .terms-content-container{flex-direction:column}.terms-container.mobile .terms-content-container .logo{height:40px;left:inherit;margin:0 auto;position:relative;width:40px}.terms-container.mobile .terms-content-container .text-content{display:flex;flex-direction:column;padding:0 20px;position:relative;top:5vh}.terms-container.mobile .terms-content-container .text-content .header{color:#fff;font:900 5vw Montserrat;margin:15px 0}.terms-container.mobile .terms-content-container .text-content .content{text-wrap:wrap;color:#fff;font:500 3vw Montserrat;white-space:pre-wrap;width:89.58vw}.terms-container.mobile .terms-content-container .text-content .indent-content{color:#fff;font:500 3vw Montserrat;margin-left:1.2em}.terms-container.mobile .terms-content-container .text-content .two-indent-content{color:#fff;font:500 3vw Montserrat;margin-left:3em}.terms-container.mobile .terms-content-container .text-content .three-indent-content{color:#fff;font:500 3vw Montserrat;margin-left:5.5em}html{background:#020202;font-family:Montserrat!important;font-size:12px!important;scrollbar-width:none}#root{height:100%}.Gotham1r{font-family:Gotham\ 1r}.Gotham2r{font-family:Gotham\ 2r}.Gotham3r{font-family:Gotham\ 3r}.Gotham4r{font-family:Gotham\ 4r}.Gotham5r{font-family:Gotham\ 5r}.GothamBold{font-family:GothamBold}.GothamBook{font-family:GothamBook}.prompt{font-family:Prompt!important}