@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600&family=Press+Start+2P&family=Source+Code+Pro:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600&display=swap");*{cursor:none}body{background-color:#000!important;width:100%;overflow-y:overlay;overflow-x:hidden;scroll-behavior:smooth}body::-webkit-scrollbar{position:absolute;z-index:99;background-color:transparent;background:none;width:18px}body::-webkit-scrollbar-track{background-color:transparent}body::-webkit-scrollbar-thumb{background-color:#d6dee1a4;border-radius:20px;border:6px solid transparent;background-clip:content-box}body::-webkit-scrollbar-thumb:hover{background-color:#a8bbbf}.preloaderSec{z-index:100000000000000000;font-family:Montserrat,sans-serif;background-color:#000;width:100%;height:100vh;position:fixed;top:0;left:0;overflow-y:hidden;overflow-x:hidden;opacity:1;transition:all .6s ease-in-out}.preloaderSec .percent{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:8rem;color:#fff}.preloaderSec .binary{left:0;top:0}.preloaderSec .binary,.preloaderSec .hex{position:absolute;font-size:26rem;line-height:22rem;color:#fff}.preloaderSec .hex{right:0;bottom:0}.preloaderSec .trns-text{background:url(/res/preloader_transtext.gif) -30px,-30px;-webkit-text-fill-color:transparent;-webkit-background-clip:text;display:block;padding:0;margin:0;background-size:cover}.hide-preloaderSec{opacity:0;display:none!important;transition:all .6s ease-in-out}.ring{top:0;left:0;width:50px;height:50px;border:2px solid hsla(0,0%,99%,.829);background-color:hsla(0,0%,100%,.555);transition-duration:.15s;transition-timing-function:ease-out;will-change:width,height,transform,border}.dot,.ring{position:fixed;border-radius:100%;transform:translate(-50%,-50%);z-index:999;pointer-events:none}.dot{top:50%;left:50%;width:8px;height:8px;background-color:#fff}.ring.hovered{width:80px;height:80px;border-width:3px;border-color:#d3d3d3}.dot.hovered{display:none}.rhap_container{background-color:transparent!important;margin-bottom:20px}.App-header{position:fixed;top:0;left:0;z-index:9}.SideNavButton{padding:1.3rem 1rem;color:#fafafa;cursor:pointer}.sideBarContainer{position:fixed;top:0;left:0;z-index:10;transform:translateX(-900px);width:400px;height:100%;padding:1.2rem 1.5rem 2rem;transition:all .3s ease-in-out}.revealSideBar{display:block;transform:translateX(0)}.sideBar{height:100%;border-radius:22px;background:rgba(0,0,0,.589);box-shadow:0 0 0 1px hsla(0,0%,53%,.336);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);color:#fafafa;padding:1rem 1.4rem}.SideNavMenu ul{margin-top:4rem;font-family:Press Start\ 2P,cursive;font-size:x-large;list-style:none}.SideNavMenu ul li{margin:1rem 0}.SideNavMenu ul li a{color:#fff;text-decoration:none;transition:all .3s ease-in-out}.SideNavMenu ul li a:hover{color:red;text-shadow:#0f0 -3px -3px,#00f -6px -6px}.SideNavMenu .bottomDiv{position:absolute;bottom:20px;left:0;right:0;text-align:center}.SideNavMenu .bottomDiv .emailAddressLink a{font-family:Press Start\ 2P,cursive;text-decoration:none;font-size:.8em;color:#fafafa}.SideNavMenu .bottomDiv .emailAddressLink a:hover{text-decoration:underline}.SideNavMenu .bottomDiv .socials{display:flex;flex-direction:row;justify-content:space-between;padding:0 1rem}.SideNavMenu .bottomDiv .iconLink{color:#fafafa;transition:all .4s ease-in-out}.SideNavMenu .bottomDiv .iconLink:hover{transform:translateY(-7px)}.mainContent{position:absolute;top:0;left:0;z-index:-1;height:100%;width:100%;margin:0;padding:0;background:url(/res/bgmain1.jpg);background-position:50%;background-size:cover;background-repeat:no-repeat;background-attachment:fixed}.mainContent .scroll{width:100%}.mainContent .scroll::-webkit-scrollbar{display:none}.Section-1{z-index:2;background:linear-gradient(180deg,rgba(0,0,0,.115),rgba(0,0,0,.574) 50%,#000);height:100vh;width:100%;position:relative;overflow:hidden}.Section-1 .ScrollDownBtn{position:absolute;bottom:50px;left:50%;color:#fff;transform:translateX(-50%)}.Section-1 .innerText{padding-top:20rem}.helloWorldHeading{font-family:Source Code Pro,monospace;font-size:10rem;color:#fafafa}.helloWorldHeading span{animation-name:helloWorld_;animation-duration:1s;animation-timing-function:linear;animation-delay:0s;animation-iteration-count:infinite;animation-direction:normal;animation-fill-mode:none}@keyframes helloWorld_{0%{opacity:0}50%{opacity:1}to{opacity:0}}.Section-2{z-index:2;position:relative;background-color:#000;height:200vh;opacity:1}.Section-2 .row{padding:6rem 2rem 2rem;height:100%;display:flex;flex-direction:row}.Section-2 .resCol{position:relative;height:100%}.Section-2 .innerRes{position:absolute;top:0;right:0;height:auto;width:200%}.Section-2 .innerText{text-align:left;width:100%;height:100%;padding:6rem 2rem;font-family:Source Code Pro,monospace}.Section-2 .innerText .tagsText{opacity:0;color:#000;-webkit-text-stroke:.4px #fcfcfca4;font-size:3rem;font-weight:600}.Section-2 .innerText .introName{font-family:Press Start\ 2P,cursive!important;opacity:0;transform:translateX(-100%);color:#fff;font-size:1.2rem;line-height:10px}.Section-2 .innerText .introSub{opacity:0;transform:translateX(-100%);color:#fff;font-size:1.7rem;margin-top:2rem}.Section-2 .innerText .introDesc{opacity:0;transform:translateX(-100%);color:#fff;font-size:2.8rem;font-weight:700;margin-top:2rem}.Section-2 .innerRes .illustration1{width:100%}.Section-3{z-index:2;position:relative;background-color:#000;background:linear-gradient(120deg,rgba(0,0,0,.459),rgba(0,0,0,.459)),url(/res/tech-icons-bg.png);background-position:50%;background-size:cover;background-attachment:fixed;height:150vh;overflow:hidden}.Section-3 .scrollerTextWrapper{position:absolute;top:0;left:0;height:100%;width:100%;opacity:1}.Section-3 .scrollerTextWrapper img{position:absolute;max-height:70%;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.Section-3 .scrollerTextWrapper .text1{position:absolute;top:40%}.Section-3 .scrollerTextWrapper .text1 p{font-family:Source Code Pro,monospace;color:#fff;font-size:6.1vw;font-weight:500;line-height:110%;white-space:nowrap;text-transform:uppercase;letter-spacing:.01em}.Section-3 .scrollerTextWrapper .text1back{z-index:1}.Section-3 .scrollerTextWrapper .text1front{z-index:3}.Section-3 .scrollerTextWrapper .text1 p.outline{-webkit-text-stroke:2px #fff;-webkit-text-fill-color:transparent;text-stroke:2px #fff;color:transparent}.Section-3 .scrollerTextWrapper .scrollText2{transform:translateX(-10%)}.Section-3 .tek-slider1{position:absolute;top:25%;width:100%}.Section-3 .tek-slider1 ul{display:flex;padding:0}.Section-3 .tek-slider1 li{padding:0 10px;list-style:none}.Section-3 .tek-slider1 img{width:100px;height:auto!important}.Section-3 .tek-slider2{position:absolute;top:70%;width:100%}.Section-3 .tek-slider2 ul{display:flex;padding:0}.Section-3 .tek-slider2 li{padding:0 10px;list-style:none}.Section-3 .tek-slider2 img{width:100px;height:auto!important}.Section-3 .tech-slider1{position:absolute;top:20%;width:2179px;margin:auto;overflow:visible}.Section-3 .tech-slider1 ul{display:flex;padding:0;animation:cambio2 80s linear infinite}.Section-3 .tech-slider1 li{padding:0 10px;list-style:none}.Section-3 .tech-slider1 img{width:200px;height:auto!important}@keyframes cambio2{0%{margin-left:0}50%{margin-left:-100%}to{margin-left:0}}.Section-3 .tech-slider2{position:absolute;top:70%;width:2179px;margin:auto;overflow:visible}.Section-3 .tech-slider2 ul{display:flex;padding:0;animation:cambio3 40s linear infinite}.Section-3 .tech-slider2 li{padding:0 10px;list-style:none}.Section-3 .tech-slider2 img{width:250px;height:180px!important}@keyframes cambio3{0%{margin-left:-50%}50%{margin-left:0}to{margin-left:-50%}}.Section-4{z-index:2;font-family:Source Code Pro,monospace;position:relative;background-color:#000;height:200vh;overflow-x:hidden;overflow-y:visible}.Section-4 .sectionInner{margin:0;padding:0;opacity:1}.Section-4 .projectsHeadingContainer{padding-top:3rem;padding-bottom:3rem;width:100%;height:100%;background:url(/res/portfolio_text1.jpg) no-repeat;background-position:-10% -10%;background-size:cover;background-attachment:fixed;-webkit-background-clip:text;background-clip:text;transform:scale(2);opacity:0;overflow-x:hidden;overflow-y:visible}.Section-4 .projectsHeading{font-size:15rem;white-space:nowrap}.Section-4 .projectsHeading,.Section-4 .projectsHeadingNormal{font-weight:700;text-align:center;text-transform:uppercase;-webkit-text-fill-color:transparent;padding:0;margin:0}.Section-4 .projectsHeadingNormal{font-size:5rem}.Section-4 .projects-container{opacity:0;transform:translateY(20%);padding:0}.Section-4 .project-card{aspect-ratio:16/10;margin:1rem 1rem 5rem;border-radius:1rem;position:relative;transition:all .3s ease-in-out;box-shadow:inset 0 0 0 2px #fff,-10px -10px 10px -3px #000,-10px -10px red,-20px -20px 10px -3px #000,-20px -20px #0f0,-30px -30px 10px -3px #000,-30px -30px #00f}.Section-4 .project-card:hover{transform:scale(1.1);transition:all .3s ease-in-out;box-shadow:inset 0 0 0 2px #fff,-5px -5px 0 -3px #000,-5px -5px red,-10px -10px 0 -3px #000,-10px -10px #0f0,-15px -15px 0 -3px #000,-15px -15px #00f}.Section-4 .project-card img{height:100%;width:auto;border-radius:1rem;object-fit:cover;object-position:center}.Section-4 .project-card .card-content{position:absolute;top:15px;left:-30px;padding:.55rem 0 0 .52rem;margin-bottom:0;color:#fcfcfc;transition:all .6s ease-in-out}.Section-4 .project-card .card-content p{line-height:80%}.Section-4 .project-card:hover .card-content{transition:all .6s ease-in-out}.Section-5{z-index:2;opacity:0;height:200vh;width:100%;font-family:Source Code Pro,monospace}.Section-5 .container-fluid{position:absolute;z-index:5;background:linear-gradient(310deg,rgba(0,0,0,.3),rgba(0,0,0,.4) 10%,rgba(0,0,0,.5) 20%,rgba(0,0,0,.6),40%,rgba(0,0,0,.79) 60%,rgba(0,0,0,.89) 80%,rgba(0,0,0,.99)),url(/res/contact_bg1.jpg);background-position:top;background-repeat:no-repeat;height:100vh;width:100%}.Section-5 .row{padding-top:7rem;height:100%}.Section-5 .contactHeading{transform:translateX(-100%);font-size:6vw;font-weight:700;text-align:left;-webkit-text-stroke:2px #fff;-webkit-text-fill-color:transparent;text-stroke:1px #fff;padding:0;margin:0}.Section-5 .emailAddressLink{transform:translateX(-100%);font-size:3rem;font-weight:600;text-align:left}.Section-5 .emailAddressLink a{transition:all .3s ease-in-out}.Section-5 .emailAddressLink a:hover{letter-spacing:.2rem}.Section-5 .emailAddressLink a{color:#fff}.Section-5 .socials{opacity:0;transform:translateY(-30%);margin-top:3rem}.Section-5 .socials a{color:#fff;margin-right:1rem}.Section-5 .socials a .icon{transition:all .3s ease-in-out}.Section-5 .socials a:hover .icon{transform:translateY(-5px)}.Section-5 .contactFormContainer{border-radius:1rem;width:100%;background:rgba(0,0,0,.521);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:1rem 2rem}.Section-5 .contactFormContainer .tagsText{color:#000;-webkit-text-stroke:.4px #fcfcfca4;font-size:3rem;font-weight:600}.Section-5 .contactForm{width:100%;margin:0}.Section-5 .contactForm input{height:50px}.Section-5 .contactForm input,.Section-5 .contactForm textarea{width:100%;outline:none;margin:.7rem 0;background-color:transparent;border:none;border-bottom:1px solid #fcfcfc;color:#fafafa}.Section-5 .contactForm button{width:100%;height:50px;border:none;outline:none;margin:.7rem 0;color:#fafafa;background-color:transparent;transition:all .4s ease-in-out;box-shadow:inset 0 0 0 2px #fff,-5px -5px 1px -1px transparent,-5px -5px red,-10px -10px 1px -1px transparent,-10px -10px #0f0,-15px -15px 1px -1px transparent,-15px -15px #00f}.Section-5 .contactForm button:hover{box-shadow:inset 0 0 0 2px #fff,-5px -5px 1px -1px #000,5px 5px red,-10px -10px 1px -1px #000,10px 10px #0f0,-15px -15px 1px -1px #000,15px 15px #00f}.Section-5 .FooterNavSection{position:absolute;top:0;left:0;width:100%;color:#fdfdfd;z-index:4;font-family:Source Code Pro,monospace;opacity:1;height:100vh;margin:0;padding:0}.Section-5 .FooterNavSection .container-fluid{position:absolute;background:#000;bottom:0;left:0;margin:0;padding:0;height:20vh;width:100%}.Section-5 .FooterNavSection .container-fluid .row{margin:0;padding:0}.Section-5 .FooterNavSection a{color:#fafafa;text-decoration:none}.Section-5 .FooterNavSection a:hover{text-decoration:underline}.Section-5 .FooterNavSection .smallHeading{font-size:3vw;line-height:100%;letter-spacing:20px}.Section-5 .FooterNavSection .smallHeading1{font-size:2vw;font-weight:800}.Section-5 .FooterNavSection .fullHeading{font-size:5vw;font-weight:800;letter-spacing:10px;line-height:100%}.projectsPage{position:relative;width:100%;z-index:2;font-family:Source Code Pro,monospace;background-color:#000;height:100%;overflow-x:hidden;overflow-y:visible}.projectsPage .projectsHeadingContainer{width:100%;background:url(/res/portfolio_text1.jpg) no-repeat;background-position:-10% -10%;background-size:cover;background-attachment:fixed;-webkit-background-clip:text;background-clip:text;margin:0;padding:3rem 0}.projectsPage .projectsHeading{font-size:12vw;font-weight:700;text-align:center;text-transform:uppercase;-webkit-text-fill-color:transparent;white-space:nowrap;padding:0;margin:0}.projectsPage .projects-container{padding:0}.projectsPage .project-card{aspect-ratio:16/10;margin:1rem 1rem 5rem;border-radius:1rem;position:relative;transition:all .3s ease-in-out;box-shadow:inset 0 0 0 2px #fff,-10px -10px 10px -3px #000,-10px -10px red,-20px -20px 10px -3px #000,-20px -20px #0f0,-30px -30px 10px -3px #000,-30px -30px #00f}.projectsPage .project-card:hover{transform:scale(1.1);transition:all .3s ease-in-out;box-shadow:inset 0 0 0 2px #fff,-5px -5px 0 -3px #000,-5px -5px red,-10px -10px 0 -3px #000,-10px -10px #0f0,-15px -15px 0 -3px #000,-15px -15px #00f}.projectsPage .project-card img{height:100%;border-radius:1rem}.projectsPage .project-card .card-content{position:absolute;top:15px;left:-30px;padding:.55rem 0 0 .52rem;margin-bottom:0;color:#fcfcfc;transition:all .6s ease-in-out}.projectsPage .project-card .card-content p{line-height:80%}.projectsPage .project-card:hover .card-content{transition:all .6s ease-in-out}.projectPage{position:relative;width:100%;z-index:2;font-family:Source Code Pro,monospace;background-color:#000;overflow-x:hidden;overflow-y:visible}.projectPage .projectSec{height:100%}.projectPage .projectInfo{position:relative;width:100%;height:120vh;padding-top:7rem}.projectPage .projectInfo .projectImgMain img{z-index:1;position:relative;border-radius:1rem;opacity:.7}.projectPage .projectInfo .projectImgMain{opacity:0;margin:2rem 2rem 5rem;border-radius:1rem;position:relative;transition:all .3s ease-in-out;box-shadow:inset 0 0 0 2px #fff,-10px -10px 10px -3px #000,-10px -10px red,-20px -20px 10px -3px #000,-20px -20px #0f0,-30px -30px 10px -3px #000,-30px -30px #00f}.projectPage .projectInfo .projectImgMain:hover{transform:scale(1.1);transition:all .3s ease-in-out;box-shadow:inset 0 0 0 2px #fff,-5px -5px 0 -3px #000,-5px -5px red,-10px -10px 0 -3px #000,-10px -10px #0f0,-15px -15px 0 -3px #000,-15px -15px #00f}.projectPage .projectHeadingContainer{width:100%;background:url(https://source.unsplash.com/1920x1080?abstract) no-repeat;background-position:-10% -10%;background-size:cover;background-attachment:fixed;-webkit-background-clip:text;background-clip:text;margin:0;padding:3rem 0 3rem 2rem}.projectPage .projectHeading{font-size:18rem;font-weight:700;text-align:center;text-transform:uppercase;-webkit-text-stroke:2px #fff;-webkit-text-fill-color:transparent;text-stroke:1px #fff;white-space:nowrap;padding:0;margin:0;z-index:3;position:relative}.projectPage .projectInfoList{color:#fff;padding-left:2rem}.projectPage .descContainer{color:#fafafa;position:relative;z-index:6;background-color:#000;padding:0 2em 250px}.projectPage .revealSec{height:100%!important;width:100%}.projectPage .revealSec .FooterNavSection{position:relative;width:100%;color:#fdfdfd;font-family:Source Code Pro,monospace;height:20vh;margin:0;padding:0}.projectPage .revealSec .FooterNavSection .container-fluid{position:absolute;background:#000;bottom:0;left:0;margin:0;padding:0;width:100%}.projectPage .revealSec .FooterNavSection .container-fluid .row{margin:0;padding:0}.projectPage .revealSec .FooterNavSection a{color:#fafafa;text-decoration:none}.projectPage .revealSec .FooterNavSection a:hover{text-decoration:underline}.projectPage .revealSec .FooterNavSection .smallHeading{font-size:3vw;line-height:100%;letter-spacing:20px}.projectPage .revealSec .FooterNavSection .smallHeading1{font-size:2vw;font-weight:800}.projectPage .revealSec .FooterNavSection .fullHeading{font-size:5vw;font-weight:800;letter-spacing:10px;line-height:100%;text-transform:lowercase}.projectPage .revealSec .FooterNavSection .fullHeading a{text-decoration:none;color:#fafafa}.projectPage .revealSec .FooterNavSection .fullHeading a:hover{text-decoration:underline}.projectPage .revealSec .theGap{position:relative;height:100px;width:100%;z-index:-1}.aboutPlayButton{position:fixed;top:0;left:90px;padding:1.3rem 1rem;color:#fafafa}@media (max-width:991px){.preloaderSec .percent{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:6rem;color:#fff}.preloaderSec .binary{left:0;top:0}.preloaderSec .binary,.preloaderSec .hex{position:absolute;font-size:5rem;line-height:100%;color:#fff}.preloaderSec .hex{right:0;bottom:60px}.dot,.ring{display:none!important}.SideNavButton{padding:.2rem;color:#fafafa;cursor:pointer}.aboutPlayButton{padding:.2rem}.sideBarContainer{position:fixed;top:0;left:0;transform:translateX(-900px);width:70%;height:100%;padding:0;transition:all .3s ease-in-out}.revealSideBar{display:block;transform:translateX(0)}.sideBar{height:100%;border-bottom-left-radius:0;border-bottom-right-radius:22px;border-top-left-radius:0;border-top-right-radius:22px;background:rgba(0,0,0,.589);box-shadow:0 0 0 1px hsla(0,0%,53%,.336);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);color:#fafafa;padding:1rem 1.4rem}.SideNavMenu ul{margin-top:4rem;font-family:Press Start\ 2P,cursive;font-size:large;list-style:none}.SideNavMenu ul li a{color:#fff;cursor:pointer;transition:all .3s ease-in-out}.mainContent .scroll{position:inherit;width:100%}.Section-1 .innerText{padding-top:15rem}.Section-1 .ScrollDownBtn{bottom:90px}.helloWorldHeading{font-size:6rem;color:#fafafa}.Section-2{padding:2rem 1rem}.Section-2 .row{flex-direction:column-reverse;padding:2rem 0 0}.Section-2 .resCol{margin-bottom:18rem}.Section-2 .innerText{margin-top:2rem;width:100%;height:100%;padding:0}.Section-2 .innerText .tagsText{font-size:2rem;font-weight:500}.Section-2 .innerText .introName{font-size:.8rem}.Section-2 .innerText .introSub{font-size:.9rem;margin-top:1rem}.Section-2 .innerText .introDesc{font-size:1.7rem}.Section-3 .scrollerTextWrapper img{max-height:70%}.Section-3{height:100vh}.Section-3 .scrollerTextWrapper .text1 p{font-size:4rem;font-weight:500;line-height:180%;white-space:nowrap;text-transform:uppercase;letter-spacing:.01em}.Section-3 .scrollerTextWrapper .text1 p.outline{-webkit-text-stroke:2px #fff;-webkit-text-fill-color:transparent;text-stroke:2px #fff}.Section-4 .projectsHeadingContainer{padding-top:4.8rem;padding-bottom:1rem}.Section-4 .projects-container{padding:1rem .8rem}.Section-4 .project-card{margin:.2rem .2rem 1.5rem;border-radius:.6rem;box-shadow:none}.Section-4 .project-card:hover{box-shadow:none}.Section-5 .row{padding-top:9rem}.Section-5 .contactHeading{font-size:3rem}.Section-5 .emailAddressLink{margin-top:5rem;font-size:1.8rem;font-weight:600}.Section-5 .contactFormContainer{display:none}.projectPage .projectHeadingContainer,.projectPage .projectInfoList{padding:1rem}.projectPage .descContainer{padding:0 1em 250px}}.ScrollDownBtnContainer p{margin-top:50px;font-family:Cabin,sans-serif;letter-spacing:12px;text-indent:12px;color:#fff;animation:colorText 5s ease-out infinite,nudgeText 5s ease-out infinite}.ScrollDownBtnContainer .mouse{background:#1a1a1a linear-gradient(transparent,transparent 50%,#fff 0,#fff);position:relative;width:52px;height:88px;border-radius:100px;background-size:100% 200%;animation:colorSlide 5s linear infinite,nudgeMouse 5s ease-out infinite}.ScrollDownBtnContainer .mouse:before,.mouse:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}.ScrollDownBtnContainer .mouse:before{width:46px;height:82px;background-color:#1a1a1a;border-radius:100px}.ScrollDownBtnContainer .mouse:after{background-color:#fff;width:10px;height:10px;border-radius:100%;animation:trackBallSlide 5s linear infinite}@keyframes colorSlide{0%{background-position:0 100%}20%{background-position:0 0}21%{background-color:#4e5559}29.99%{background-color:#fff;background-position:0 0}30%{background-color:#4e5559;background-position:0 100%}50%{background-position:0 0}51%{background-color:#4e5559}59%{background-color:#fff;background-position:0 0}60%{background-color:#4e5559;background-position:0 100%}80%{background-position:0 0}81%{background-color:#4e5559}90%,to{background-color:#fff}}@keyframes trackBallSlide{0%{opacity:1;transform:scale(1) translateY(-20px)}6%{opacity:1;transform:scale(.9) translateY(5px)}14%{opacity:0;transform:scale(.4) translateY(40px)}15%,19%{opacity:0;transform:scale(.4) translateY(-20px)}28%,29.99%{opacity:1;transform:scale(1) translateY(-20px)}30%{opacity:1;transform:scale(1) translateY(-20px)}36%{opacity:1;transform:scale(.9) translateY(5px)}44%{opacity:0;transform:scale(.4) translateY(40px)}45%,49%{opacity:0;transform:scale(.4) translateY(-20px)}58%,59.99%{opacity:1;transform:scale(1) translateY(-20px)}60%{opacity:1;transform:scale(1) translateY(-20px)}66%{opacity:1;transform:scale(.9) translateY(5px)}74%{opacity:0;transform:scale(.4) translateY(40px)}75%,79%{opacity:0;transform:scale(.4) translateY(-20px)}88%,to{opacity:1;transform:scale(1) translateY(-20px)}}@keyframes nudgeMouse{0%{transform:translateY(0)}20%{transform:translateY(8px)}30%{transform:translateY(0)}50%{transform:translateY(8px)}60%{transform:translateY(0)}80%{transform:translateY(8px)}90%{transform:translateY(0)}}@keyframes nudgeText{0%{transform:translateY(0)}20%{transform:translateY(2px)}30%{transform:translateY(0)}50%{transform:translateY(2px)}60%{transform:translateY(0)}80%{transform:translateY(2px)}90%{transform:translateY(0)}}@keyframes colorText{21%{color:#4e5559}30%{color:#fff}51%{color:#4e5559}60%{color:#fff}81%{color:#4e5559}90%{color:#fff}}.DotRing_ring__ojlQT{top:0;left:0;width:50px;height:50px;border:2px solid hsla(0,0%,99%,.829);background-color:hsla(0,0%,100%,.555);transition:transform .15s ease-out}.DotRing_dot__gY7Q1,.DotRing_ring__ojlQT{position:fixed;border-radius:100%;transform:translate(-50%,-50%);z-index:999;pointer-events:none}.DotRing_dot__gY7Q1{width:8px;height:8px;background-color:#fff}.DotRing_ring__ojlQT.DotRing_hovered__hex1G{width:80px;height:80px;border-width:3px;border-color:#d3d3d3}.DotRing_dot__gY7Q1.DotRing_hovered__hex1G{display:none}.DotRing_ring__ojlQT.DotRing_shrink__MTMYs{width:30px;height:30px;border-width:1px}.DotRing_ring__ojlQT.DotRing_expand__j3_rO{width:100px;height:100px;border-width:4px}@media (max-width:991px){.DotRing_dot__gY7Q1,.DotRing_ring__ojlQT{display:none}}.rhap_container{box-sizing:border-box;display:flex;flex-direction:column;line-height:1;font-family:inherit;width:100%;padding:10px 15px;background-color:#fff;box-shadow:0 0 3px 0 rgba(0,0,0,.2)}.rhap_container:focus:not(:focus-visible){outline:0}.rhap_container svg{vertical-align:initial}.rhap_header{margin-bottom:10px}.rhap_footer{margin-top:5px}.rhap_main{display:flex;flex-direction:column;flex:1 1 auto}.rhap_stacked .rhap_controls-section{margin-top:8px}.rhap_horizontal{flex-direction:row}.rhap_horizontal .rhap_controls-section{margin-left:8px}.rhap_horizontal-reverse{flex-direction:row-reverse}.rhap_horizontal-reverse .rhap_controls-section{margin-right:8px}.rhap_stacked-reverse{flex-direction:column-reverse}.rhap_stacked-reverse .rhap_controls-section{margin-bottom:8px}.rhap_progress-section{display:flex;flex:3 1 auto;align-items:center}.rhap_progress-container{display:flex;align-items:center;height:20px;flex:1 0 auto;align-self:center;margin:0 calc(10px + 1%);cursor:pointer;-moz-user-select:none;user-select:none;-webkit-user-select:none}.rhap_progress-container:focus:not(:focus-visible){outline:0}.rhap_time{color:#333;font-size:16px;-moz-user-select:none;user-select:none;-webkit-user-select:none}.rhap_progress-bar{box-sizing:border-box;position:relative;z-index:0;width:100%;height:5px;background-color:#ddd;border-radius:2px}.rhap_progress-filled{height:100%;position:absolute;z-index:2;background-color:#868686;border-radius:2px}.rhap_progress-bar-show-download{background-color:hsla(0,0%,87%,.5)}.rhap_download-progress{height:100%;position:absolute;z-index:1;background-color:#ddd;border-radius:2px}.rhap_progress-indicator{box-sizing:border-box;position:absolute;z-index:3;width:20px;height:20px;margin-left:-10px;top:-8px;background:#868686;border-radius:50px;box-shadow:0 0 5px hsla(0,0%,53%,.5)}.rhap_controls-section{display:flex;flex:1 1 auto;justify-content:space-between;align-items:center}.rhap_additional-controls{display:flex;flex:1 0 auto;align-items:center}.rhap_repeat-button{font-size:26px;width:26px;height:26px;color:#868686;margin-right:6px}.rhap_main-controls{flex:0 1 auto;display:flex;justify-content:center;align-items:center}.rhap_main-controls-button{margin:0 3px;color:#868686;font-size:35px;width:35px;height:35px}.rhap_play-pause-button{font-size:40px;width:40px;height:40px}.rhap_volume-controls{display:flex;flex:1 0 auto;justify-content:flex-end;align-items:center}.rhap_volume-button{flex:0 0 26px;font-size:26px;width:26px;height:26px;color:#868686;margin-right:6px}.rhap_volume-container{display:flex;align-items:center;flex:0 1 100px;-moz-user-select:none;user-select:none;-webkit-user-select:none}.rhap_volume-bar-area{display:flex;align-items:center;width:100%;height:14px;cursor:pointer}.rhap_volume-bar-area:focus:not(:focus-visible){outline:0}.rhap_volume-bar{box-sizing:border-box;position:relative;width:100%;height:4px;background:#ddd;border-radius:2px}.rhap_volume-indicator{box-sizing:border-box;position:absolute;width:12px;height:12px;margin-left:-6px;left:0;top:-4px;background:#868686;opacity:.9;border-radius:50px;box-shadow:0 0 3px hsla(0,0%,53%,.5);cursor:pointer}.rhap_volume-indicator:hover{opacity:.9}.rhap_volume-filled{height:100%;position:absolute;z-index:2;background-color:#868686;border-radius:2px}.rhap_button-clear{background-color:transparent;border:none;padding:0;overflow:hidden;cursor:pointer}.rhap_button-clear:hover{opacity:.9;transition-duration:.2s}.rhap_button-clear:active{opacity:.95}.rhap_button-clear:focus:not(:focus-visible){outline:0}