.home-avatar-container{position:absolute;background-size:auto 75%;background-color:rgba(0,0,0,0);z-index:1;width:100%;height:100%;padding-top:14vh;padding-bottom:12vh;z-index:2}.home-banners-container{order:3;flex:0 0;flex-basis:300px;overflow:hidden;position:absolute;width:230px;height:150px;display:flex;flex-direction:row;padding:0px;right:-170px;bottom:auto;top:30px;left:0px;margin:auto;background-image:url(https://opqa.com/res/nextjs/ico/floors/home/bubble1_mv.png);background-size:contain;background-repeat:no-repeat;background-position:center;opacity:0;transform:scale(0.1);animation:fadeIn .5s ease-in-out forwards;animation-delay:1s;z-index:1}.home-banner2-container{position:absolute;width:340px;height:210px;bottom:120px;left:0px;right:0px;margin:auto;z-index:55;filter:drop-shadow(7px 8px 0px #002945);transform-origin:bottom center !important}.home-banner2-container .home-gamesPreview-next,.home-banner2-container .home-gamesPreview-prev{width:80px;height:80px;position:absolute;bottom:0px;right:0px;background-image:url("https://opqa.com/res/nextjs/ico/icoArrowRight.svg");background-color:red;border-radius:50%;background-position:center;border:4px solid #fff;box-shadow:3px 3px #000;background-size:140%;background-size:0;animation:fadeIn .2s ease-in-out 4s forwards;transform:scale(0);opacity:0}.home-banner2-container .home-gamesPreview-next::after,.home-banner2-container .home-gamesPreview-prev::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:inherit;background-size:140%;background-position:center;background-repeat:no-repeat;transform:rotate(-12deg)}.home-banner2-container .home-gamesPreview-prev{right:auto;left:0px}.home-banner2-container .home-gamesPreview-prev:after{transform:scaleX(-1) rotate(12deg)}.home-banner2-container .home-gamesPreview-game0{position:absolute;top:-23px;right:auto;left:-60px;width:140px;height:140px;background-image:url(https://opqa.com/cacherver/res/svg/gamesLogos/gamesLogos6.auto);background-size:contain;background-color:rgba(0,0,0,0);background-position:center;background-repeat:no-repeat;filter:drop-shadow(2px 4px 6px white);animation:fadeIn .2s ease-in-out 3s forwards;transform:scale(0);opacity:0}.home-banner2-container .home-gamesPreview-game1{position:absolute;top:-60px;right:auto;left:80px;width:160px;height:160px;background-image:url(https://opqa.com/cacherver/res/svg/gamesLogos/gamesLogos7.auto);background-size:contain;background-color:rgba(0,0,0,0);background-position:center;background-repeat:no-repeat;filter:drop-shadow(2px 4px 6px white);animation:fadeIn .2s ease-in-out 3.3s forwards;transform:scale(0);opacity:0}.home-banner2-container .home-gamesPreview-game2{position:absolute;top:-20px;right:auto;left:250px;width:140px;height:140px;background-image:url(https://opqa.com/cacherver/res/svg/gamesLogos/gamesLogos14.auto);background-size:contain;background-color:rgba(0,0,0,0);background-position:center;background-repeat:no-repeat;filter:drop-shadow(2px 4px 6px white);animation:fadeIn .2s ease-in-out 3.6s forwards;transform:scale(0);opacity:0}.home-banner2-container .home-gamesPreview-title{background-color:#fff;padding:3px;font-family:"Big_Titles";font-weight:normal;text-align:center;width:130px;left:0;right:0;bottom:0;position:absolute;margin:auto;overflow:hidden;color:#cd0101;font-size:2em;box-shadow:3px 3px #000;line-height:32px}.home-banner2-container .home-gamesPreview-bg{width:100%;height:100%;border:8px solid #fff;border-radius:50%;background-image:linear-gradient(0deg, #593131, #ec5151)}.home-banner2-container .home-gamesPreview-bg[data-page="1"]{background-image:linear-gradient(0deg, #383159, #517fec)}.home-login-container{position:absolute;width:100%;height:130px;bottom:-30px;left:0px;right:auto;margin:auto;z-index:55;background-color:rgba(0,0,0,0);flex-direction:row;display:flex;gap:2px;container-type:inline-size;container-name:login-container}.home-login-btn,.home-signup-btn{background-color:rgba(0,0,0,0);flex:1 1;color:#48fc86;font-family:"Big_Titles";font-size:1.7em;text-shadow:6px 6px #000;text-align:center;padding:5px 10px;background-image:linear-gradient(180deg, rgba(0, 0, 0, 0.5) 40%, transparent 100%);line-height:29px;display:flex;justify-content:center;align-items:center;height:70px;max-width:none}.game-section-nav-container{flex:1;display:flex;flex-direction:column;overflow:hidden;transition:none;padding-bottom:0px;align-items:center;user-select:none;position:relative;background-color:rgba(0,0,0,.1215686275);z-index:5;padding:0px;bottom:0px;clip-path:polygon(0% 100%, 24.42% 95.25%, 57.37% 100%, 83.48% 95.44%, 100% 100%, 100% 0%, 0% 0%);-webkit-clip-path:polygon(0% 100%, 24.42% 95.25%, 57.37% 100%, 83.48% 95.44%, 100% 100%, 100% 0%, 0% 0%);transition:-webkit-clip-path 1s ease-in-out,clip-path 1s ease-in-out;height:100%;background-size:auto 90%;background-position:right -530px top;background-repeat:no-repeat;background-origin:border-box}.game-section-nav-container::after{content:"";position:absolute;bottom:0px;left:0;right:0;width:100%;height:26%;background-image:url(https://opqa.com/res/nextjs/ico/floors/home/halftone.svg),linear-gradient(0deg, black 6%, transparent 90%);background-size:contain,auto;box-sizing:border-box;z-index:30;bottom:-50px}.home-bgBeachComp{width:2220px;height:800px;position:absolute;overflow:hidden;top:0px;bottom:0;left:-2420px;right:-2000px;margin:auto;border:1px solid red}@keyframes parallax1{to{transform:translateX(0)}}.home-bgBeachComp>*{animation:parallax1 2s ease-out forwards}.home-bgBeachComp>.layer1{position:absolute;width:1130px;height:853px;bottom:0px;right:-330px;background-image:url(https://opqa.com/res/nextjs/ico/floors/home/parallax/layer1.png);background-size:contain;background-position:center;background-repeat:no-repeat;z-index:22;transform:translateX(800px)}.home-bgBeachComp>.layer2{position:absolute;width:1404px;height:305px;bottom:21px;left:-517px;background-image:url(https://opqa.com/res/nextjs/ico/floors/home/parallax/layer2.png);background-size:contain;background-position:center;background-repeat:no-repeat;z-index:22;transform-origin:left top;transform:translateX(350px)}.home-bgBeachComp>.layer3{position:absolute;width:1599px;height:379px;bottom:-16px;right:-35px;background-image:url(https://opqa.com/res/nextjs/ico/floors/home/parallax/layer3.png);background-size:contain;background-position:center;background-repeat:no-repeat;z-index:21;transform-origin:left top;transform:translateX(300px)}.home-bgBeachComp>.layer3b{position:absolute;width:351px;height:162px;bottom:36px;right:1244px;background-image:url(https://opqa.com/res/nextjs/ico/floors/home/parallax/layer3b.png);background-size:contain;background-position:center;background-repeat:no-repeat;z-index:20;transform-origin:left top;transform:translateX(250px)}.home-bgBeachComp>.layer5{position:absolute;width:1279px;height:332px;bottom:90px;right:-2px;background-image:url(https://opqa.com/res/nextjs/ico/floors/home/parallax/layer5.png);background-size:contain;background-position:center;background-repeat:no-repeat;z-index:20;transform-origin:left top;transform:translateX(200px)}.home-bgBeachComp>.layer6{position:absolute;width:1099px;height:752px;top:0;right:-2px;background-image:url(https://opqa.com/res/nextjs/ico/floors/home/parallax/layer6.png);background-size:contain;background-position:center;background-repeat:no-repeat;z-index:19;transform-origin:left top;transform:translateX(150px)}.home-bgBeachComp>.layer7{position:absolute;width:951px;height:643px;top:40px;right:-48px;background-image:url(https://opqa.com/res/nextjs/ico/floors/home/parallax/layer7.png);background-size:contain;background-position:center;background-repeat:no-repeat;z-index:17;transform-origin:left top;transform:translateX(100px)}.home-bgBeachComp>.layer7b{position:absolute;width:1019px;height:332px;bottom:90px;left:0;background-image:url(https://opqa.com/res/nextjs/ico/floors/home/parallax/layer7b.png);background-size:contain;background-position:center;background-repeat:no-repeat;z-index:18;transform-origin:left top;transform:translateX(70px)}.home-bgBeachComp>.layer7c{position:absolute;width:799px;height:302px;bottom:84px;left:634px;background-image:url(https://opqa.com/res/nextjs/ico/floors/home/parallax/layer7c.png);background-size:contain;background-position:center;background-repeat:no-repeat;z-index:16;transform-origin:left top;transform:translateX(60px) scaleX(1.05)}.home-bgBeachComp>.layer8{position:absolute;width:466px;height:242px;top:261px;left:228px;background-image:url(https://opqa.com/res/nextjs/ico/floors/home/parallax/layer8.png);background-size:contain;background-position:center;background-repeat:no-repeat;z-index:15;transform-origin:left top;transform:translateX(50px)}.home-bgBeachComp>.layer9{position:absolute;width:539px;height:302px;top:205px;left:350px;background-image:url(https://opqa.com/res/nextjs/ico/floors/home/parallax/layer9.png);background-size:contain;background-position:center;background-repeat:no-repeat;z-index:14;transform-origin:left top;transform:translateX(35px)}.home-bgBeachComp>.layer10{position:absolute;width:700px;height:297px;top:150px;left:320px;background-image:url(https://opqa.com/res/nextjs/ico/floors/home/parallax/layer10.png);background-size:contain;background-position:center;background-repeat:no-repeat;z-index:13;transform-origin:left top;transform:translateX(20px)}.home-bgBeachComp>.bg{position:absolute;width:2177px;height:622px;top:0px;left:0px;background-image:url(https://opqa.com/res/nextjs/ico/floors/home/parallax/bg.png);background-size:auto 100%;background-position:center;background-repeat:no-repeat;z-index:1;transform-origin:left top}@keyframes fadeIn{to{opacity:1;transform:scale(1)}}@media(min-aspect-ratio: 1/1){.main-container[data-section=home] .home-bgBeachComp{left:-2000px;right:-2000px}}.main-container[data-layout=pc] .floor-nav .home-avatar-container,.main-container[data-layout=tab] .floor-nav .home-avatar-container,.main-container[data-layout=wide] .floor-nav .home-avatar-container{position:absolute;flex:0 1 min(500px,30%);padding-top:24vh;padding-bottom:15vh;height:100%;order:3;justify-content:flex-end;z-index:22;right:440px;left:auto;width:250px;height:490px;padding:0;transform:translateX(300px);animation:parallax1 2s ease-out forwards;bottom:120px;bottom:0px;top:80px;margin:auto;left:-3000px;right:calc(-3000px - 60%)}.main-container[data-layout=pc] .floor-nav .home-avatar-container .avatar-static,.main-container[data-layout=tab] .floor-nav .home-avatar-container .avatar-static,.main-container[data-layout=wide] .floor-nav .home-avatar-container .avatar-static{background-size:0px}.main-container[data-layout=pc] .floor-nav .home-avatar-container .avatar-static:before,.main-container[data-layout=tab] .floor-nav .home-avatar-container .avatar-static:before,.main-container[data-layout=wide] .floor-nav .home-avatar-container .avatar-static:before{content:"";position:absolute;width:100%;height:100%;top:0px;left:0px;background-image:inherit;background-size:contain;background-repeat:no-repeat;background-position:center;transform:scaleX(-1)}.main-container[data-layout=pc] .floor-nav .home-avatar-container>*,.main-container[data-layout=tab] .floor-nav .home-avatar-container>*,.main-container[data-layout=wide] .floor-nav .home-avatar-container>*{transform:scaleX(-1)}.main-container[data-layout=pc] .floor-nav .home-login-container,.main-container[data-layout=tab] .floor-nav .home-login-container,.main-container[data-layout=wide] .floor-nav .home-login-container{position:absolute;width:340px;height:220px;bottom:-30px;left:8%;right:auto;margin:auto;z-index:55;background-color:rgba(0,0,0,0);flex-direction:row;gap:7px}.main-container[data-layout=pc] .floor-nav .home-login-btn,.main-container[data-layout=pc] .floor-nav .home-signup-btn,.main-container[data-layout=tab] .floor-nav .home-login-btn,.main-container[data-layout=tab] .floor-nav .home-signup-btn,.main-container[data-layout=wide] .floor-nav .home-login-btn,.main-container[data-layout=wide] .floor-nav .home-signup-btn{background-color:rgba(0,0,0,0);flex:0 0 fit-content;color:#48fc86;font-family:"Big_Titles";font-size:3.2em;text-shadow:6px 6px #000;text-align:center;padding:10px 20px;background-image:linear-gradient(180deg, rgba(0, 0, 0, 0.5) 40%, transparent 100%);height:200px;max-width:170px;line-height:.9em;text-align:left;align-items:flex-start}.main-container[data-layout=pc] .floor-nav .home-banners-container,.main-container[data-layout=tab] .floor-nav .home-banners-container,.main-container[data-layout=wide] .floor-nav .home-banners-container{order:3;flex:0 0;flex-basis:300px;overflow:hidden;position:absolute;width:470px;height:320px;display:flex;flex-direction:row;padding:0px;bottom:auto;top:10%;left:auto;right:20%;margin:auto;transform-origin:top right !important;background-image:url(https://opqa.com/res/nextjs/ico/floors/home/bubble1.png);background-size:contain;background-repeat:no-repeat;background-position:center;opacity:0;transform:scale(0.1);animation:fadeIn .5s ease-in-out forwards;animation-delay:2s;z-index:50}.main-container[data-layout=pc] .floor-nav .home-banner2-container,.main-container[data-layout=tab] .floor-nav .home-banner2-container,.main-container[data-layout=wide] .floor-nav .home-banner2-container{left:8%;top:-16%;bottom:5%;right:auto;margin:auto;transform:scale(0.1);opacity:0;transform-origin:center top !important;transform-origin:left center !important}@media(max-height: 420px){.main-container[data-layout=pc] .floor-nav .home-login-container{position:absolute;width:100%;height:130px;bottom:-30px;left:0px;right:auto;margin:auto;z-index:55;background-color:rgba(0,0,0,0);flex-direction:row;display:flex;gap:2px;container-type:inline-size;container-name:login-container}.main-container[data-layout=pc] .floor-nav .home-login-btn,.main-container[data-layout=pc] .floor-nav .home-signup-btn{background-color:rgba(0,0,0,0);flex:1 1;color:#48fc86;font-family:"Big_Titles";font-size:1.7em;text-shadow:6px 6px #000;text-align:center;padding:5px 10px;background-image:linear-gradient(180deg, rgba(0, 0, 0, 0.5) 40%, transparent 100%);line-height:29px;display:flex;justify-content:center;align-items:center;height:70px;max-width:none}}/*# sourceMappingURL=Floor_Home.css.map */