.HomePage{max-width:100%}.HomeLanding,.HomePage,.HomePage>.container{position:relative}.HomeLanding{min-height:100vh;background-position:50%;background-size:cover;border-radius:0 0 15px 15px;height:100%}.HomeLanding .paddingContent{position:relative;padding-top:80px;display:flex;flex-direction:column;gap:64px;justify-content:center;align-items:flex-start;height:inherit;min-height:inherit}@media (max-width:1200px){.HomeLanding .paddingContent{gap:30px;padding-left:70px}}.HomeLanding .Information{position:relative;display:flex;flex-direction:column;gap:20px}.HomeLanding .Information h1{position:relative;display:flex;flex-direction:column;gap:3px;color:var(--white-50);font-size:20px;font-weight:400;line-height:1;text-transform:uppercase}.HomeLanding .Information h1 span{position:relative;color:#4affdb;font-size:30px;font-weight:600;line-height:1;text-transform:uppercase}.HomeLanding .paddingContent>div p{position:relative;color:var(--white-50);font-size:14px;font-style:normal;font-weight:300;line-height:1.7;width:40%;transition:var(--main-transition)}@media (max-width:1200px){.HomeLanding .paddingContent>div p{width:70%}}@media (max-width:776px){.HomeLanding .paddingContent>div p{width:100%}}.HomeLanding .paddingContent .Discover{position:relative;display:flex;width:140px;padding:16px 20px;justify-content:center;align-items:center;gap:10px;border-radius:5px;border:1px solid var(--blue-500);color:var(--blue-500);font-size:13px;font-weight:700;line-height:1;text-transform:uppercase;transition:var(--main-transition)}.HomeLanding .paddingContent .Discover:hover{background-color:var(--blue-500);color:var(--black-400)}.HomeLanding .SociallMedia{position:absolute;bottom:20%;background-color:#101c21;display:flex;flex-direction:column;gap:15px;padding:20px 12px;border-radius:0 10px 10px 0}.HomeLanding .SociallMedia svg{width:20px;height:20px}.HomeLanding .SociallMedia a:hover svg path{fill:var(--blue-200)}.HomeLanding .ScrollMore{position:absolute;bottom:-20px;right:10%;background-color:#101c21;display:flex;align-items:center;gap:15px;padding:10px 22px 10px 20px;border-radius:10px 10px}.HomeLanding .ScrollMore p{color:#9faaaf;font-size:13px;font-style:normal;font-weight:400;line-height:normal;text-transform:uppercase}.Jouerny{position:relative;padding-top:var(--main-padding-top);padding-bottom:var(--main-padding-bottom)}.Jouerny .JouernyBox{position:relative;display:flex;align-items:flex-end;gap:40px;width:100%;padding-top:100px;padding-left:40px;overflow:hidden;transition:var(--main-transition)}@media (max-width:1024px){.Jouerny .JouernyBox{flex-direction:column-reverse;gap:10px;padding-right:40px}}.Jouerny .JouernyBox:before{position:absolute;content:"";top:0;left:0;width:100%;height:calc(100% - 70px);border-radius:13px;border:1px solid #156253;background:#1a2a34}.Jouerny .JouernyBox:after{position:absolute;content:"";top:-200px;right:-200px;width:550px;height:550px;background-image:url(/_next/static/media/favicon.f51c9b7e.png);background-position:50%;background-size:contain;background-repeat:no-repeat;transition:var(--main-transition)}@media (max-width:1400px){.Jouerny .JouernyBox:after{scale:.5}}@media (max-width:776px){.Jouerny .JouernyBox:after{scale:.5;top:-250px;right:-250px}}.Jouerny .JouernyBox .left{position:relative}.Jouerny .JouernyBox .left img{position:relative;min-width:450px;max-width:100%;height:450px;-o-object-fit:cover;object-fit:cover;border-radius:13px;transition:var(--main-transition)}@media (max-width:1550px){.Jouerny .JouernyBox .left img{width:400px;min-width:400px;height:400px}}@media (max-width:1024px){.Jouerny .JouernyBox .left img{width:300px;min-width:auto;height:300px;max-width:100%}}.Jouerny .JouernyBox .Right{position:relative;display:flex;flex-direction:column;gap:20px;height:calc(100% - 70px);padding-bottom:100px;padding-right:40px;width:100%}@media (max-width:1024px){.Jouerny .JouernyBox .Right{padding-bottom:10px}}.Jouerny .JouernyBox .Right>h1{position:relative;display:flex;flex-direction:column;gap:5px;color:var(--white-50);font-size:32px;font-style:normal;font-weight:400;line-height:1;text-transform:uppercase;width:-moz-fit-content;width:fit-content}.Jouerny .JouernyBox .Right h1 .Marged{position:relative;margin-inline-start:40px;font-size:38px;font-weight:700;text-transform:uppercase}.Jouerny .JouernyBox .Right h1 .Styled{position:relative;color:#0fc;font-size:38px;font-weight:700}.Jouerny .JouernyBox .Right p{position:relative;color:var(--white-600);font-size:14px;font-weight:300;line-height:1.7;width:550px;max-width:100%;transition:var(--main-transition)}@media (max-width:1600px){.Jouerny .JouernyBox .Right p{font-size:12px;width:350px}}@media (max-width:1024px){.Jouerny .JouernyBox .Right p{width:100%}}.Jouerny .JouernyBox .PoweredBy{position:relative;display:flex;align-items:center;align-self:flex-end;gap:20px;color:var(--white-50);font-size:12px;font-weight:400;line-height:normal;text-transform:uppercase}.Jouerny .JouernyBox .PoweredBy>svg{position:relative;width:50px;height:auto}.Jouerny .JouernyBox .PoweredBy .poweredbyText{position:relative;display:flex;align-items:center;gap:15px}.Jouerny .JouernyBox .PoweredBy .poweredbyText h1{position:relative;color:var(--white-50);font-size:12px;font-style:normal;font-weight:500;line-height:normal;text-transform:uppercase}.Jouerny .JouernyBox .PoweredBy .poweredbyText img{position:relative;width:35px;height:auto}.LoadingData{position:relative;display:flex;justify-content:center;align-items:center;margin:0 auto;min-height:200px;width:-moz-fit-content;width:fit-content;font-weight:700;font-family:monospace;text-shadow:0 0 0 red,0 0 0 var(--green-300),0 0 0 var(--blue-alt-700);font-size:30px;animation:l32 1s cubic-bezier(.5,-2000,.5,2000) infinite;color:var(--white-50)}.LoadingData:before{content:"Loading..."}@keyframes l32{25%,to{text-shadow:.03px -.01px .01px red,.02px .02px 0 var(--green-300),-.02px .02px 0 var(--blue-alt-700)}}.Bannar{position:relative;padding-top:var(--main-padding-top);padding-bottom:var(--main-padding-bottom)}.Bannar .bannarImage{position:relative;width:100%;height:300px;border-radius:10px;background-size:cover;background-position:50%;background-repeat:no-repeat}.Bannar .bannarImage.loading{background-color:var(--green-400);animation:loadingBannar .5s ease-in-out infinite alternate}@keyframes loadingBannar{0%{opacity:.5}to{opacity:1}}.Bannar .bannarText{position:absolute;left:0;top:0;width:100%;height:100%;padding:20px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;border-radius:10px}.TemplateBox{position:relative;display:flex;justify-content:space-between;gap:40px;padding-top:var(--main-padding-top);padding-bottom:var(--main-padding-bottom)}.TemplateBox.reversed{flex-direction:row-reverse}@media (max-width:1280px){.TemplateBox,.TemplateBox.reversed{flex-direction:column}}.TemplateBox .left{position:relative;display:flex;flex-direction:column;gap:25px;width:420px;max-width:100%}@media (max-width:1280px){.TemplateBox .left{width:100%}}.TemplateBox .left h1{width:80%;max-width:100%}.TemplateBox .left p{color:var(--white-600);font-size:14px;font-weight:300;line-height:1.7}.TemplateBox .left a{position:relative;border-radius:5px;border:1px solid var(--blue-600);background:var(--grey-900);width:-moz-fit-content;width:fit-content;padding:16px;color:var(--white-50);font-size:12px;font-weight:600;line-height:normal;text-transform:uppercase;line-height:1;transition:var(--main-transition)}.TemplateBox .left a:hover{background-color:var(--blue-600);color:var(--black-900)}.TemplateBox .right{position:relative;display:flex;flex-direction:column;gap:25px;padding-left:40px;padding-bottom:40px;width:750px;max-width:100%;height:-moz-fit-content;height:fit-content;transition:var(--main-transition)}@media (max-width:1280px){.TemplateBox .right{margin:0 auto}}@media (max-width:776px){.TemplateBox .right{padding:0 40px 40px}}.TemplateBox .right:before{position:absolute;content:"";left:0;bottom:0;background-color:#0f4667;opacity:.302;width:100%;height:calc(100% - 50px);border-radius:5px}.TemplateBox .right>img{position:relative;width:calc(100% - 110px);height:250px;border-radius:5px;-o-object-fit:cover;object-fit:cover;transition:var(--main-transition)}@media (max-width:776px){.TemplateBox .right img{width:100%}}.TemplateBox .right .Client{position:relative;display:flex;align-items:center;gap:10px;color:var(--white-50);font-size:12px;font-weight:400;line-height:normal;text-transform:uppercase}.TemplateBox .right .Client img{position:relative;width:100px;height:auto;max-height:70px}.TemplateBox .right .PaginationContent{position:absolute;max-width:100%;bottom:-20px;right:3rem;padding:12px 15px;border-radius:5px;background-color:var(--grey-900)}.TemplateBox .right .PaginationContent .pagination{justify-content:center;display:flex;gap:5px;padding-left:0;list-style:none;margin:0}.TemplateBox .right .PaginationContent .page-item .page-link{position:relative;display:flex;justify-content:center;align-items:center;min-height:27px;min-width:27px;border-radius:10px;text-align:center;color:#0fc;font-size:11px;font-weight:400;line-height:1}.TemplateBox .right .PaginationContent .page-item a.page-link:hover{color:#fff}.TemplateBox .right .PaginationContent .page-item a.page-link:hover svg path{fill:#fff}.TemplateBox .right .PaginationContent .page-item.active .page-link{font-weight:700;color:#fff}.TemplateBox .right .PaginationContent .page-item.disabled .page-link,.TemplateBox .right .PaginationContent .page-item.disabled .page-link svg path{color:#6c757d;fill:#6c757d;pointer-events:none;cursor:auto}.TemplateBox .descriptionLoading{position:relative;display:flex;flex-direction:column;gap:10px}.TemplateBox .descriptionLoading p{height:10px;width:100%}.TemplateBox .ImageLoading,.TemplateBox .descriptionLoading p{position:relative;background-color:#6c757d;border-radius:5px;animation:loadingDescription .5s ease-in-out infinite alternate}.TemplateBox .ImageLoading{width:calc(100% - 110px);height:250px;min-height:250px}@keyframes loadingDescription{0%{opacity:.5}to{opacity:1}}.Newsletter{position:relative;padding-top:calc(var(--main-padding-top) * 2);padding-bottom:calc(var(--main-padding-bottom) * 2);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:32px;margin:0 auto}.Newsletter:before{position:absolute;content:"";background-image:url(/_next/static/media/NewsletterGlow.0e1e3c27.svg);background-size:contain;background-position:50%;width:100%;height:100%;background-repeat:no-repeat;top:0;left:0}.Newsletter .NewsTitle{position:relative;display:flex;align-items:center;gap:20px;height:-moz-fit-content;height:fit-content}.Newsletter .NewsTitle .HeadContent{position:relative;display:flex;flex-direction:column;gap:5px;padding-left:20px}.Newsletter .NewsTitle .HeadContent:before{position:absolute;content:"";width:1px;height:100%;left:0;top:0;background-color:#00ffcd}.Newsletter .NewsTitle .HeadContent h1{position:relative;color:#0fc;font-size:15px;font-style:normal;font-weight:700;line-height:normal;text-transform:uppercase}.Newsletter .NewsTitle .HeadContent p{position:relative;color:#fff;font-size:14px;font-style:normal;font-weight:400;line-height:normal;line-height:1}.Newsletter .Form-content{position:relative;display:flex;flex-direction:column;gap:32px;width:70%;transition:var(--main-transition)}@media (max-width:992px){.Newsletter .Form-content{width:100%}}.Newsletter .Form-content .FormInputs{position:relative;display:flex;flex-direction:column;gap:12px;width:100%}.Newsletter .Form-content .FormInputs .flex-box{position:relative;display:flex;align-items:flex-start;gap:24px}@media (max-width:776px){.Newsletter .Form-content .FormInputs .flex-box{flex-direction:column;gap:12px}}.Newsletter .Form-content .FormInputs .flex-box .InputBoxForm{position:relative;display:flex;flex-direction:column;gap:5px;width:100%}.Newsletter .Form-content .FormInputs .flex-box .InputBoxForm input{position:relative;padding:12px 24px;border-radius:5px;border:1px solid #156253;background:#1a2024;color:#fff;font-size:11px;font-style:normal;font-weight:400;line-height:normal;width:100%}.Newsletter .Form-content .FormInputs .flex-box .InputBoxForm .ErrorMessage{position:relative;color:red;font-size:13px;font-weight:300}.Newsletter .FormInputs .flex-box .InputBoxForm input::-moz-placeholder{text-transform:uppercase}.Newsletter .FormInputs .flex-box .InputBoxForm input::placeholder{text-transform:uppercase}.Newsletter .Form-content .FormInputs .flex-box .InputBoxForm input:focus{outline:none}.Newsletter .Form-content button{position:relative;display:flex;width:40%;padding:12px 16px;justify-content:center;align-items:center;gap:10px;margin:0 auto;border-radius:5px;border:1px solid var(--blue-500);background:#101c21;color:#fff;font-size:13px;font-style:normal;font-weight:400;line-height:normal;text-transform:uppercase;line-height:1;transition:var(--main-transition)}.Newsletter .Form-content button:hover{background:var(--blue-500);color:var(--black-900)}.LatestNews{position:relative;padding-top:var(--main-padding-top);padding-bottom:var(--main-padding-bottom)}.LatestNews .paddingContent{position:relative;display:flex;flex-direction:column;gap:64px}.LatestNews .NewsHead{position:relative;display:flex;justify-content:space-between;align-items:flex-end;gap:24px}@media (max-width:776px){.LatestNews .NewsHead{flex-direction:column}}.LatestNews .NewsHead .NewsTitle{position:relative;display:flex;flex-direction:column;gap:30px;width:500px;max-width:100%;transition:var(--main-transition)}.LatestNews .NewsHead .NewsTitle h1{position:relative;color:var(--white-50);font-size:32px;font-style:normal;font-weight:400;line-height:1;text-transform:uppercase}.LatestNews .NewsHead .NewsTitle h1 span{color:#05f7c7;font-weight:700;text-transform:uppercase}.LatestNews .NewsHead .NewsTitle p{position:relative;color:var(--white-600);font-size:14px;font-style:normal;font-weight:300;line-height:1.4}.LatestNews .NewsHead a{position:relative;display:flex;justify-content:center;width:160px;max-width:100%;padding:14px;align-items:center;gap:10px;border-radius:6px;border:1px solid var(--blue-500);background:#1e1e1e;color:var(--white-50);font-size:12px;font-style:normal;font-weight:500;line-height:1;text-transform:uppercase;transition:var(--main-transition)}.LatestNews .NewsHead a:hover{background-color:var(--blue-500);color:#1e1e1e}.LatestNews .NewsContainer{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:120px;transition:var(--main-transition)}@media (max-width:1600px){.LatestNews .NewsContainer{gap:30px;row-gap:50px}}@media (max-width:776px){.LatestNews .NewsContainer{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}.LatestNews .PaginationContent{position:relative;width:100%}.LatestNews .PaginationContent .pagination{justify-content:center;display:flex;gap:5px;padding-left:0;list-style:none;margin:0}.LatestNews .PaginationContent .page-item .page-link{position:relative;display:flex;justify-content:center;align-items:center;min-height:27px;min-width:27px;border-radius:10px;text-align:center;color:#0fc;font-size:11px;font-weight:400;line-height:1}.LatestNews .PaginationContent .page-item a.page-link:hover{background-color:#0fc;color:#1e1e1e}.LatestNews .PaginationContent .page-item a.page-link:hover svg path{fill:#1e1e1e}.LatestNews .PaginationContent .page-item.active .page-link{font-weight:700;color:#1e1e1e;background-color:#0fc}.LatestNews .PaginationContent .page-item.disabled .page-link{color:#6c757d;pointer-events:none;cursor:auto}.NewsCard{position:relative;display:flex;flex-direction:column;gap:15px;padding-left:40px;width:350px;max-width:100%;margin:0 auto}@media (max-width:776px){.NewsCard{width:100%!important}}.NewsCard:before{position:absolute;content:"";width:calc(100% - 50px);height:calc(100% - 50px);left:0;bottom:0;background-color:#0f4667;border-radius:10px}.NewsCard img{position:relative;border-radius:10px;-o-object-fit:cover;object-fit:cover;width:100%;height:280px}.NewsCard .NewsInfo{position:relative;display:flex;gap:5px;width:calc(100% - 50px);padding:0 30px 20px 0}.NewsCard .NewsInfo p{position:relative;min-width:70px;display:flex;flex-direction:column;color:var(--white-50);font-size:14px;font-style:normal;font-weight:400;line-height:20px}.NewsCard .NewsInfo p .BoldContent{font-weight:700}.NewsCard .NewsInfo h1{position:relative;color:var(--white-600);font-size:14px;font-style:normal;font-weight:300;line-height:1.3}.PoweredBySection{position:relative;padding-top:var(--main-padding-top);padding-bottom:var(--main-padding-bottom)}.PoweredBySection .paddingContent{position:relative;display:flex;gap:80px}@media (max-width:1280px){.PoweredBySection .paddingContent{gap:30px;flex-direction:column}}.PoweredBySection .paddingContent .Left{position:relative;display:flex;flex-direction:column;gap:40px;width:350px;min-width:350px;max-width:100%}@media (max-width:1280px){.PoweredBySection .paddingContent .Left{width:100%}}.PoweredBySection .paddingContent .Left h1{position:relative;color:var(--white-50);font-size:24px;font-weight:400;line-height:1.3;text-transform:uppercase}.PoweredBySection .paddingContent .Left h1 span{color:#0fc;font-weight:700;text-transform:uppercase}.PoweredBySection .paddingContent .Left .LeftBannar{position:relative;width:100%;height:100%;padding-right:25px;padding-bottom:25px}@media (max-width:1280px){.PoweredBySection .paddingContent .Left .LeftBannar{width:100%;height:350px}}.PoweredBySection .paddingContent .Left .LeftBannar:before{position:absolute;content:"";width:calc(100% - 25px);height:calc(100% - 25px);bottom:0;right:0;background-color:#102936;border-radius:10px}.PoweredBySection .paddingContent .Left .LeftBannar img{position:relative;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:10px}.PoweredBySection .paddingContent .Right{position:relative;display:flex;flex-direction:column;gap:100px}.PoweredBySection .paddingContent .Right .PowerAbout{position:relative;display:flex;flex-direction:column;align-items:flex-end;gap:30px}.PoweredBySection .paddingContent .Right .PowerAbout .InfoHEad{position:relative;display:flex;justify-content:space-between;align-items:center;gap:20px;width:100%}@media (max-width:776px){.PoweredBySection .paddingContent .Right .PowerAbout{flex-direction:column-reverse}.PoweredBySection .paddingContent .Right .PowerAbout .InfoHEad{flex-direction:column;justify-content:center;align-items:center;text-align:center}}.PoweredBySection .paddingContent .Right .PowerAbout .InfoHEad img{position:relative;width:150px;height:150px;-o-object-fit:contain;object-fit:contain}.PoweredBySection .paddingContent .Right .PowerAbout .InfoHEad p{position:relative;color:var(--white-50);font-size:14px;font-weight:300;line-height:1.5;width:600px;max-width:100%}.PoweredBySection .paddingContent .Right .PowerAbout a{position:relative;padding:12px 24px;border-radius:5px;border:1px solid var(--blue-500);background:var(--grey-900);color:var(--white-50);font-size:11px;font-weight:600;line-height:1;text-transform:uppercase;transition:var(--main-transition);min-width:165px;display:flex;justify-content:center;align-items:center}.PoweredBySection .paddingContent .Right .PowerAbout a:hover{background:var(--blue-500);color:var(--black-900)}.PoweredBySection .paddingContent .Right .SolutionsServices{position:relative;display:flex;flex-direction:column;gap:20px}.PoweredBySection .paddingContent .Right .SolutionsServices .InfoHead{position:relative;display:flex;justify-content:space-between;align-items:center;gap:10px}.PoweredBySection .paddingContent .Right .SolutionsServices .InfoHead h1{position:relative;color:#0fc;font-size:20px;font-weight:700;line-height:1.3;text-transform:uppercase}.PoweredBySection .paddingContent .Right .SolutionsServices .InfoHead a{position:relative;padding:12px 24px;border-radius:5px;border:1px solid var(--blue-500);background:var(--grey-900);color:var(--white-50);font-size:11px;font-weight:600;line-height:1;text-transform:uppercase;transition:var(--main-transition);min-width:165px;display:flex;justify-content:center;align-items:center}.PoweredBySection .paddingContent .Right .SolutionsServices .InfoHead a:hover{background:var(--blue-500);color:var(--black-900)}.PoweredBySection .paddingContent .Right .OurSolutionsBox{position:relative;padding-top:80px;padding-left:80px;display:flex;gap:60px;transition:var(--main-transition)}.PoweredBySection .paddingContent .Right .OurSolutionsBox .loading{animation:loadingDescription .5s ease-in-out infinite alternate}@media (max-width:1600px){.PoweredBySection .paddingContent .Right .OurSolutionsBox{gap:30px;flex-direction:column}}@media (max-width:1280px){.PoweredBySection .paddingContent .Right .OurSolutionsBox{gap:30px;flex-direction:row}}@media (max-width:1024px){.PoweredBySection .paddingContent .Right .OurSolutionsBox{flex-direction:column}}@media (max-width:776px){.PoweredBySection .paddingContent .Right .OurSolutionsBox{padding-left:30px;padding-top:30px}}.PoweredBySection .paddingContent .Right .OurSolutionsBox:before{position:absolute;content:"";height:calc(100% - 50px);left:0;top:0;width:100%;background-color:var(--blue-500);border-radius:10px}.PoweredBySection .paddingContent .Right .OurSolutionsBox .TitleBannar{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:20px;min-width:300px;width:300px;max-width:100%}.PoweredBySection .paddingContent .Right .OurSolutionsBox .TitleBannar h1{position:relative;color:#0f4667;font-size:24px;font-weight:700;line-height:1.3;text-transform:uppercase;width:100%}.PoweredBySection .paddingContent .Right .OurSolutionsBox .TitleBannar img{position:relative;height:250px;width:300px;border-radius:10px;-o-object-fit:cover;object-fit:cover}.PoweredBySection .paddingContent .Right .OurSolutionsBox .PagginationService{position:relative;display:flex;justify-content:space-between;flex-direction:column}.PoweredBySection .paddingContent .Right .OurSolutionsBox .PagginationService p{position:relative;padding:0 100px 70px 0;color:var(--black-900);font-size:16px;font-weight:300;line-height:1.7;transition:var(--main-transition)}@media (max-width:1600px){.PoweredBySection .paddingContent .Right .OurSolutionsBox .PagginationService p{padding:0 40px 70px 0}}.PoweredBySection .OurSolutionsBox .PagginationService .pagination{justify-content:center;display:flex;gap:15px;padding-left:0;list-style:none;justify-self:flex-end;align-self:flex-end;margin:0 100px 0 0;max-width:100%}.PoweredBySection .PagginationService .pagination .page-item .page-link{position:relative;display:flex;justify-content:center;align-items:center;min-height:17px;min-width:17px;text-align:center;color:#fff;font-size:11px;font-weight:400;line-height:1;background-color:var(--white-50);border-radius:50%;cursor:pointer;transition:var(--main-transition);overflow:auto}.PoweredBySection .PagginationService .pagination .page-item a.page-link:hover,.PoweredBySection .PagginationService .pagination .page-item.active .page-link{color:var(--blue-500);background-color:var(--blue-500)}.PoweredBySection .PagginationService .pagination .previous,.PoweredBySection .paddingContent .Right .PagginationService .pagination .next{display:none}.Loading{position:fixed;top:0;left:0;z-index:9999;background-color:var(--grey-900);width:100%;height:100vh;display:flex;justify-content:center;align-items:center}.pl{background:linear-gradient(var(--grey-900) calc(50% + 1.5em),var(--blue-alt-900) calc(50% + 2.5em) calc(50% + 10.5em),var(--grey-900));position:relative;overflow:hidden;perspective:800px;transform-style:preserve-3d}.pl,.pl:before{width:100%;height:100%}.pl:before,.pl__sphere,.pl__sphere-shadow{position:absolute}.pl:before,.pl__sphere-shadow{display:block}.pl:before{background:linear-gradient(var(--blue-alt-900),rgba(6,39,121,0)),radial-gradient(100% 100% at 50% 50%,rgba(6,39,121,0) 37.5%,var(--blue-alt-900) 50%),repeating-linear-gradient(0deg,rgba(8,55,170,0) 0 .95em,var(--blue-alt-500) .95em 1em),repeating-linear-gradient(90deg,rgba(8,55,170,0) 0 .9em,var(--blue-alt-500) .9em 1em) .5em 0;content:"";top:50%;left:50%;transform:translate(-50%,-50%) rotateX(90deg) translateZ(-4em);width:34em;height:34em}.pl__sphere{animation-name:moveSphere;background:var(--blue-alt-400);box-shadow:0 -.75em .5em var(--blue-alt-900) inset,0 0 .5em rgba(0,238,119,.7);transform:translateZ(10em)}.pl__sphere,.pl__sphere-shadow{animation-duration:2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;border-radius:50%;top:calc(50% - 1em);left:calc(50% - 1em);width:2em;height:2em;z-index:1}.pl__sphere-shadow{animation-name:moveSphereShadow;background-image:radial-gradient(100% 100% at center,rgba(0,0,0,.2) 45%,transparent 50%);transform:translateY(4em) translateZ(10em) rotateX(90deg)}.pl__sphere-shadow:first-of-type,.pl__sphere:first-of-type{left:calc(50% - 5.5em)}.pl__sphere-shadow:nth-of-type(2),.pl__sphere:nth-of-type(2){left:calc(50% - 2.5em);animation-delay:.1s}.pl__sphere-shadow:nth-of-type(3),.pl__sphere:nth-of-type(3){left:calc(50% - -.5em);animation-delay:.2s}.pl__sphere-shadow:nth-of-type(4),.pl__sphere:nth-of-type(4){left:calc(50% - -3.5em);animation-delay:.3s}@keyframes moveSphere{0%,to{filter:brightness(100%) blur(0);-webkit-filter:brightness(100%) blur(0);transform:translateZ(10em)}25%,75%{filter:brightness(100%) blur(0);-webkit-filter:brightness(100%) blur(0);transform:translateZ(12em)}50%{filter:brightness(80%) blur(4px);-webkit-filter:brightness(80%) blur(4px);transform:translateZ(-10em)}}@keyframes moveSphereShadow{0%,to{transform:translateY(4em) translateZ(10em) rotateX(90deg)}25%,75%{transform:translateY(4em) translateZ(12em) rotateX(90deg)}50%{transform:translateY(4em) translateZ(-10em) rotateX(90deg)}}