html{height:100%;margin:0;width:100%;z-index:1}body{background-color:#000;display:flex;flex-direction:column;margin:0;min-height:100vh;overflow-x:hidden;text-transform:uppercase}b,body{font-family:Handel_Gothic_D_Bold}.box{background-size:cover;margin:15px auto;padding:0;position:relative}.box:before{border:5px solid transparent;bottom:-1px;content:"";left:-1px;pointer-events:none;position:absolute;right:-1px;top:-1px}.box h4,.box:not(:last-of-type){margin-bottom:30px}.box h4{text-align:center;text-shadow:0 1px 0 #bbb,0 2px 0 #bbb,0 3px 0 #bbb,0 4px 0 rgba(0,0,0,.5)}.box .boxInner{background-color:hsla(0,0%,75%,.8);padding:25px 30px}.box .boxImage{bottom:10px;position:absolute;right:10px}.box.factionBox{background-image:url(/build/images/factions.962f83b3.jpg)}.box.factionBox .boxImage{width:120px}.box.factionBox:before{border-image:linear-gradient(90deg,#823ad5 0,#3a4ed5) 1}.box.factionBox .link{color:#3a4ed5}.box.factionBox .link:hover{color:#823ad5}.box.action_cardBox{background-image:url(/build/images/action.1f54534e.jpg)}.box.action_cardBox .boxImage{width:60px}.box.action_cardBox:before{border-image:linear-gradient(90deg,#e9891b 0,#cfc31a) 1}.box.action_cardBox .link{color:#cfc31a}.box.action_cardBox .link:hover{color:#e9891b}.box.agendaBox{background-image:url(/build/images/agendas.a514b074.jpg)}.box.agendaBox .boxImage{width:60px}.box.agendaBox:before{border-image:linear-gradient(90deg,#014c92 0,#11bee9) 1}.box.agendaBox .link{color:#11bee9}.box.agendaBox .link:hover{color:#014c92}.box.relicBox{background-image:url(/build/images/pok.6a3dfc32.jpg)}.box.relicBox .boxImage{width:60px}.box.relicBox:before{border-image:linear-gradient(90deg,#a4af09 0,#fffb03) 1}.box.relicBox .link{color:#fffb03}.box.relicBox .link:hover{color:#a4af09}.box.objectiveBox{background-image:url(/build/images/objectives.44711c7b.jpg)}.box.objectiveBox .boxImage{width:60px}.box.objectiveBox:before{border-image:linear-gradient(90deg,#750101 0,red) 1}.box.objectiveBox .link{color:red}.box.objectiveBox .link:hover{color:#750101}.box.technologyBox{background-image:url(/build/images/technologies.e4e8c0a5.jpg)}.box.technologyBox .boxImage{width:60px}.box.technologyBox:before{border-image:linear-gradient(90deg,#008d00 0,#01beaf) 1}.box.technologyBox .link{color:#01beaf}.box.technologyBox .link:hover{color:#008d00}body.dashboard .box p{position:relative;z-index:5}.search{color:#2424b5;display:block;font-size:24px;margin:15px auto 30px;padding:5px 10px;text-align:center}.search::placeholder{color:#aaa}.link{display:inline-flex;font-size:24px}.link svg{filter:drop-shadow(3px 3px 2px rgba(0,0,0,.7));height:1.5em;margin-right:.5em;vertical-align:middle;width:1.5em}#listingContainer{text-align:center}#listingContainer .cardPreview,#listingContainer .factionPreview{display:inline-block;margin:10px;max-width:100%;width:250px}#listingContainer .cardPreview img,#listingContainer .factionPreview img{width:100%}#listingContainer .factionPreview{background-color:rgba(64,64,64,.6);border-radius:10px;padding:10px}#listingContainer .factionPreview img{width:100%}#listingContainer .factionPreview h6{margin:0}#main_content{align-content:center;display:flex;flex-grow:1;flex-wrap:wrap;min-height:fit-content;overflow-x:hidden;padding:140px 0 30px}footer{color:#fff;margin-top:auto;padding:20px 30px;text-align:center}footer a{color:inherit;text-decoration:none}footer a:hover{text-shadow:0 0 5px rgba(168,195,255,.7)}.help-text{color:#6c757d;font-size:.875em;margin:0}.buttonRow{display:flex;justify-content:space-around}.form-check-input:checked[type=checkbox]{background-color:#2424b5;background-image:none;border-color:#2424b5}input[type=checkbox]{appearance:none;background-color:#fff;border:.15em solid;border-radius:.15em;color:currentColor;display:inline-grid;font:inherit;height:1.15em;margin:0 5px 0 0;place-content:center;transform:translateY(-.075em);width:1.15em}input[type=checkbox]:before{background-color:#fff;box-shadow:inset 1em 1em var(--form-control-color);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%);content:"";height:.65em;transform:scale(0);transform-origin:bottom left;transition:transform .12s ease-in-out;width:.65em}input[type=checkbox]:checked:before{transform:scale(1)}input[type=checkbox]:focus{outline:max(2px,.15em) solid currentColor;outline-offset:max(2px,.15em)}header{align-items:center;display:flex;left:0;margin:20px 30px;pointer-events:none;position:fixed;right:0;top:0;z-index:30}header a{pointer-events:auto}header .header-left-section{flex-grow:1}body.loggedOff header{align-items:flex-start}#faction_name{font-size:2rem;font-weight:700;line-height:1.3}.newCommentTextareaWrapper{background-color:#eee;border:2px solid #aaa;border-radius:8px;margin-top:15px;position:relative}.newCommentTextareaWrapper.loading{pointer-events:none}.newCommentTextareaWrapper:has(.newCommentTextarea:focus){border-color:#2424b5}.newCommentTextareaWrapper .newCommentTextarea{background-color:transparent;border:none;box-sizing:border-box;color:#2424b5;max-height:300px;min-height:32px;padding:8px 10px 0;width:100%}.newCommentTextareaWrapper .newCommentTextarea:focus{outline:none}.newCommentTextareaWrapper .newCommentActions{text-align:end}.newCommentTextareaWrapper .newCommentActions button{margin:2px}.loadingWrapper{align-items:center;background-color:hsla(0,0%,100%,.5);bottom:0;display:flex;left:0;position:absolute;right:0;text-align:center;top:0}.loadingWrapper .loadingContainer{margin:0 auto}.commentSection{margin-top:45px}.commentSection .comment{background-color:#ababcd;border:2px solid #999;margin-top:25px;padding:10px}.commentSection .comment .op{margin-left:10px;text-shadow:0 0 5px #fff,0 0 5px #00f}.commentSection .comment .commentInner{display:flex;text-transform:none}.commentSection .comment .commentInner .commentAuthor img{margin-right:10px;width:70px}.commentSection .comment .commentInner .authorName{margin-bottom:5px}.commentSection .comment .commentInner .authorName a{color:#000}.commentSection .comment .commentInner .commentBody{flex-grow:1}.commentSection .comment .commentInner .commentBody .commentContent{color:#444;margin-bottom:0}.commentSection .comment .likes{text-align:center}.commentSection .comment .likes .likeCount{background-color:#e8e8e8;border-radius:6px;box-shadow:0 0 1px 2px;display:block;margin:5px 0;padding:1px 2px;text-align:center}.commentSection .comment .likes .rateButton{color:#ddd;font-family:Courier New,Courier,monospace;font-size:36px;line-height:0px}.commentSection .comment .likes .rateButton.like.selected{color:green;text-shadow:0 0 2px #004900}.commentSection .comment .likes .rateButton.dislike.selected{color:red;text-shadow:0 0 2px #610000}.reviewSection{margin:60px 0;text-align:center}.reviewSection .currentRatingSection,.reviewSection .reviewRatingSection{margin-bottom:45px}.reviewSection .currentRatingSection .currentRating,.reviewSection .reviewRatingSection .currentRating{font-size:30px;margin-left:15px;vertical-align:middle}.reviewSection .currentRatingSection .star,.reviewSection .reviewRatingSection .star{width:36px;fill:gold}.reviewSection .currentRatingSection .star.empty,.reviewSection .reviewRatingSection .star.empty{fill:none}.reviewSection .currentBalanceSection{font-size:30px}.reviewSection .currentBalanceSection .balance_tooStrong,.reviewSection .currentBalanceSection .balance_tooWeak{color:#8d0000}.reviewSection .currentBalanceSection .balance_strong,.reviewSection .currentBalanceSection .balance_weak{color:#966600}.reviewSection .currentBalanceSection .balance_balanced{color:#008d00}.reviewSection .currentBalanceSection h4,.reviewSection .currentRatingSection h4{margin-bottom:10px}.reviewSection .noReview{color:#5e5e5e;font-size:20px}.reviewSection .reviewRatingSection .star{cursor:pointer}.reviewSection .reviewBalanceSection input{-webkit-appearance:none;background:#d3d3d3;border-radius:6px;height:24px;opacity:.8;outline:none;width:100%}.reviewSection .reviewBalanceSection input::-webkit-slider-thumb{background-color:red;border-radius:10px;cursor:pointer;height:18px;overflow:visible;width:18px}.reviewSection .reviewBalanceSection .balanceLegend{color:#008d00;text-align:center;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:100%}.reviewSection .reviewBalanceSection .balanceLegend:after{clear:both;content:"";display:block}.reviewSection .reviewBalanceSection .balanceLegend div,.reviewSection .reviewBalanceSection .balanceLegend span{cursor:pointer}.reviewSection .reviewBalanceSection .balanceLegend div{color:#c00000;width:125px}.reviewSection .reviewBalanceSection .balanceLegend div:first-child{float:left;margin-right:25px;text-align:left}.reviewSection .reviewBalanceSection .balanceLegend div:last-child{float:right;margin-left:25px;text-align:right}.slider{background-color:#d3d3d3;border-radius:5px;height:20px;position:relative;width:100%}.slider .thumb{background-color:#008d00;border-radius:50%;cursor:pointer;height:20px;position:absolute;width:20px}.svg-icon{height:36px;width:36px;fill:currentColor}.svg-icon.empty{fill:none}.svg-icon.empty path{stroke:currentColor}.custom-checkbox{display:grid;font-family:system-ui,sans-serif;font-size:2rem;font-weight:700;gap:.5em;grid-template-columns:1em auto;line-height:1.1}.custom-checkbox+.form-control{margin-top:1em}.custom-checkbox--disabled{color:var(--form-control-disabled);cursor:not-allowed}.home_icon{transition:filter .5s;width:85px}.home_icon:hover{filter:drop-shadow(0 0 10px #32329b)}.header{margin-bottom:40px;position:relative}.header .edit-link{position:absolute;right:0;text-shadow:0 0 5px #000;top:0}a{color:#fff;text-decoration:none;transition:color .5s}a:hover{color:#2424b5}.imageWithChoicesRow{width:100%}.imageWithChoicesRow .currentImage{max-width:100%}.imageChoice,.imageWithChoicesRow .imageChoiceToggler{cursor:pointer}.imageChoice{border:5px solid transparent;margin:8px 5px;max-width:120px;transition:transform 1s}.imageChoice:hover{transform:scale(1.1)}.imageChoice.chosenImage{background:linear-gradient(to bottom right,#344fc4,#a520e2) border-box;border-radius:8px}.imageChoiceSection,body.user_edit h4{text-align:center}.profile{background-color:#bbb;border-radius:0 30px 30px 0;box-shadow:0 0 20px blue;display:inline-flex;min-width:420px;text-shadow:0 0 4px hsla(0,0%,100%,.7);text-transform:none;transition:transform .2s}.profile h3{color:#000;display:inline-block;padding:2px}.profile .infos{background-position:0;background-repeat:no-repeat;background-size:contain;padding:25px 25px 25px 200px;text-align:center;width:100%}.profile .quote{color:#fff;display:inline-block;font-style:italic;max-width:450px;min-width:255px;text-shadow:0 0 2px rgba(0,0,0,.9)}.profile .profile-icons{margin-top:auto}.profile .profile-icons .profile-icon{background-color:#2424b5;border-radius:50px;color:#fff;display:inline-block;margin:10px;padding:10px;position:relative}.profile .profile-icons .profile-icon svg{height:40px;width:40px;fill:#fff}@media (max-width:575px){.profile{max-width:100%;min-width:100%}.profile .infos{padding:15px 10px 15px 20%}.profile .profile-icons .profile-icon{margin:5px}.profile .profile-icons .profile-icon svg{height:25px;width:25px}}a.profile:hover{transform:scale(1.05)}.button{align-items:center;appearance:button;-webkit-appearance:button;background-color:#2424b5;border:2px outset buttonborder;border-image:initial;border-radius:30px;color:#fbede1;display:flex;font-size:20px;margin:30px auto;padding:10px 20px;text-transform:uppercase;transition:all .4s}.button svg{height:25px;margin-right:10px;width:25px}.button:hover{color:#fff;text-shadow:0 0 5px #fff,0 0 5px #00f}.button:focus{border-style:inset}.count{background-color:#8a00b4;border-radius:100%;bottom:-5px;box-shadow:2px 2px 5px 0 #48005e;color:#fff;font-size:16px;height:24px;line-height:24px;position:absolute;right:-5px;text-align:center;width:24px}.floatingTitle{animation:float 3s ease-in-out infinite,title-color-change 5s linear infinite;color:#a8c3ff;letter-spacing:2px;position:relative;text-align:center;text-shadow:0 0 5px rgba(168,195,255,.5),0 0 10px rgba(75,0,130,.3),0 0 15px rgba(138,43,226,.3);transition:color .3s ease,text-shadow .3s ease;width:100%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes title-color-change{0%{color:#a8c3ff;text-shadow:0 0 5px #a8c3ff,0 0 10px #5f5fff,0 0 15px #5f5fff}33%{color:#b19cd9;text-shadow:0 0 5px #b19cd9,0 0 10px #6a0dad,0 0 15px #6a0dad}66%{color:#8b3d65;text-shadow:0 0 5px #8b3d65,0 0 10px #6a0dad,0 0 15px #6a0dad}to{color:#a8c3ff;text-shadow:0 0 5px #a8c3ff,0 0 10px #5f5fff,0 0 15px #5f5fff}}.text-shadow{text-shadow:0 2px 2px #000,2px 0 2px #000,0 -2px 2px #000,-2px 0 2px #000,1px 1px 2px #000,1px -1px 2px #000,-1px 1px 2px #000,-1px -1px 2px #000}.dark-overlay{background-color:#000;bottom:0;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:.8s;z-index:50}.dark-overlay.open{opacity:.9}.text-right{text-align:right}.text-blue{color:#2424b5}.text-white{color:#fff}.float-left{float:left}.clear{clear:both}.flex-center{align-content:center;align-items:center;display:flex}.prerequisite-section .prerequisite-dropdown:nth-child(5){display:none}.form-text{text-transform:none}.form-range{opacity:.7;-webkit-transition:.2s;transition:opacity .2s}.form-range:hover{opacity:1}.form-range::-webkit-slider-thumb{background:#2424b5}.form-range::-moz-range-thumb{background:#2424b5}#popups_overlay{align-content:center;background-color:rgba(0,0,0,.5);bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:2}#popups_overlay.open{display:flex}.popup{background-color:#ccc;margin:auto;max-height:80%;max-width:60%;overflow-y:auto;padding:15px}.react-overlay{align-content:center;background-color:rgba(0,0,0,.9);bottom:0;display:flex;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:.8s;z-index:50}.react-overlay.open{opacity:1;pointer-events:auto}.react-overlay .react-popup{background-color:#ccc;margin:auto;max-height:80%;max-width:60%;overflow-y:auto;padding:20px;position:relative}.react-overlay .react-popup .close-button{cursor:pointer;font-size:20px;padding:2px;position:absolute;right:3px;text-decoration:none;text-shadow:0 0 3px #000;top:0}.imageField{margin-bottom:1rem}.imageField .imageFieldLabel{display:block;margin-bottom:5px}.imageField .imageFieldImage{display:block;margin:10px 0}body.homepage #main_content{color:#bbe;font-size:18px;text-align:center;text-shadow:0 0 5px rgba(168,195,255,.7);text-transform:none}body.homepage #main_content h1{font-size:3rem;margin-bottom:30px;text-align:center;text-transform:uppercase}body.homepage #main_content h2{text-transform:uppercase}body.homepage #main_content .featureRow{margin-bottom:40px;margin-top:40px}body.homepage #main_content .featureRow>div{align-content:center}#users-table{text-align:center}#users-table .user{align-items:center;background-color:#ddd;border:2px solid #2424b5;display:inline-flex;margin:10px auto;max-width:360px;min-height:150px;padding:15px 5px;text-align:center;vertical-align:bottom;width:100%}#users-table .user .userInner{margin:0 auto}#users-table .user.disabled{opacity:.3}#users-table .switch-user{color:#2424b5}.btn{text-transform:uppercase}.justify-content-center>*{margin-left:auto;margin-right:auto}.userComponentType.box{display:inline-block;margin:10px;position:relative}.userComponentType.box a{text-align:center;text-shadow:0 0 3px #000,0 1px 0 #bbb,0 2px 0 #bbb,0 3px 0 #bbb,0 4px 0 rgba(0,0,0,.5)}.userComponentType.box a:hover{text-shadow:0 0 3px #ddf,0 1px 0 #bbb,0 2px 0 #bbb,0 3px 0 #bbb,0 4px 0 rgba(0,0,0,.5)}.userComponentType.box .userComponentImage{display:block;height:150px;margin:0 auto}#newUserForm.quickSetup{max-width:100%;width:540px}#newUserForm.quickSetup .quickSetupPadding{height:60px}#newUserForm.quickSetup .fullSetup{display:none}.quickSetupSwitch{position:absolute;right:15px;text-align:right;top:10px}.quickSetupSwitch .switch{margin-top:5px}.switch{border-radius:20px;box-shadow:0 0 5px 0 #2424b5;cursor:pointer;display:inline-block;outline:2px solid #2424b5;outline-offset:1px;width:80px}.switch .switchInner{background:radial-gradient(circle at 30% 30%,#2424b5,#0b0b35);border-radius:15px;color:#fff;height:25px;text-align:center;transform:translateX(0);transition:all .2s cubic-bezier(1,.2,.8,1);width:50px}.switch.on{box-shadow:0 0 5px 5px #7575e4}.switch.on .switchInner{background:radial-gradient(circle at 50% 50%,#2424b5,#4a4adb);box-shadow:0 0 5px 2px #4a4adb;transform:translateX(30px)}.announcement{align-items:center;background-color:rgba(240,220,92,.8);bottom:60px;color:#333;display:flex;font-size:18px;left:0;padding:10px;position:sticky;right:0;text-align:center;transition:opacity .3s ease-in-out;z-index:100}.announcement p{flex:1;margin:0}.announcement p a{color:#2424b5}.announcement.hidden{opacity:0;pointer-events:none}.announcement .close{cursor:pointer;-webkit-text-stroke:1px #000;-webkit-text-fill-color:#fff;font-size:24px}.prerequisite{border-radius:50%;display:inline-block;height:50px;margin-bottom:15px;margin-top:5px;position:relative;width:50px;-webkit-touch-callout:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.prerequisite:not(:last-child){margin-right:15px}.prerequisite .center.RED,.prerequisite .choice.RED{background-color:red}.prerequisite .center.BLUE,.prerequisite .choice.BLUE{background-color:#00f}.prerequisite .center.GREEN,.prerequisite .choice.GREEN{background-color:#008d00}.prerequisite .center.YELLOW,.prerequisite .choice.YELLOW{background-color:#cfc31a}.prerequisite.isOpen{z-index:10}.prerequisite .center{background-color:#666;border:2px solid #000;border-radius:50%;color:#ddd;display:inline-block;font-size:32px;height:50px;line-height:45px;position:relative;text-align:center;transition:transform .5s;width:50px;z-index:9}.prerequisite .center:hover{transform:scale(1.25)}.prerequisite .center img{width:65%}.prerequisite .prerequisiteChooser{border-radius:50%;height:200px;left:-75px;margin-right:10px;position:absolute;top:-75px;width:200px}.prerequisite .prerequisiteChooser .choice{border:2px solid #000;border-radius:50%;clip-path:polygon(50% 50%,100% 50%,100% 0,50% 0);height:100%;line-height:55px;position:absolute;text-align:center;transform:rotate(calc(45deg + var(--i)*(1turn/var(--segments))));transform-origin:50% 50%;transition:transform .5s;width:100%;z-index:4}.prerequisite .prerequisiteChooser .choice img{left:60%;position:absolute;top:12%;transform:rotate(calc(-45deg + var(--i)*(1turn/var(--segments))*-1));width:25%}.prerequisite .prerequisiteChooser .choice:hover{transform:scale(1.1) rotate(calc(45deg + var(--i)*(1turn/var(--segments))))}.prerequisite .prerequisiteChooser .choice.unavailable{filter:brightness(.5);pointer-events:none}.prerequisite .prerequisiteChooser .choice.unavailable img{filter:saturate(0)}.prerequisite .prerequisiteChooser.hasChosenOption .choice:not(.chosen){filter:brightness(.5)}.prerequisite .prerequisiteChooser .closingOverlay{bottom:0;cursor:default;left:0;position:fixed;right:0;top:0;z-index:3}@media (max-width:575px){header{margin:10px}body.dashboard .box .boxInner{padding:25px 20px}.prerequisite-section{text-align:center}}@media (min-width:1920px){.container{max-width:1828px}}#main-menu-container{align-items:center;display:flex;z-index:1000}#main-menu-container,#main-menu-container .page-overlay{bottom:0;left:0;pointer-events:none;position:fixed;right:0;top:0}#main-menu-container .page-overlay{background-color:#000;opacity:0;transition:opacity .5s;z-index:2}#main-menu-container #main-menu{display:block;left:100vw;margin:0 auto;padding:10px;pointer-events:auto;position:relative;transition:left .5s;z-index:3}#main-menu-container #main-menu a{align-items:center;color:#fff;display:flex;font-size:42px;margin:15px 0;text-decoration:none;transition:filter .8s}#main-menu-container #main-menu a svg{margin-right:15px}#main-menu-container #main-menu a:hover,#main-menu-container #main-menu a:hover svg{filter:drop-shadow(0 0 15px #6464cd)}#main-menu-container #main-menu .menu-column{display:inline-flex;flex-direction:column}#main-menu-container #main-menu #notifications{overflow:hidden;padding-left:30px;transition:width .5s;width:0}#main-menu-container #main-menu #notifications.open{width:auto}#main-menu-container.open .page-overlay{opacity:.8;pointer-events:auto}#main-menu-container.open #main-menu{left:0}#background{background-attachment:fixed;background-color:navy;background-position:0 0;background-repeat:repeat;background-size:2048px 2048px;bottom:0;left:0;opacity:.8;position:fixed;right:0;top:0;z-index:-1}#background .stars{display:none}#background.animated{animation:bgmoveverti 120s linear infinite,bgmovehori 7s cubic-bezier(.36421242,0,.63578758,1) infinite alternate}#background.animated .stars{animation:zoom 12s infinite;background-image:radial-gradient(2px 2px at 20px 30px,#eee,transparent),radial-gradient(2px 2px at 40px 70px,#fff,transparent),radial-gradient(2px 2px at 50px 160px,#ddd,transparent),radial-gradient(2px 2px at 90px 40px,#fff,transparent),radial-gradient(2px 2px at 130px 80px,#fff,transparent),radial-gradient(2px 2px at 160px 120px,#ddd,transparent);background-repeat:repeat;background-size:200px 200px;bottom:0;display:block;left:0;opacity:0;overflow:hidden;position:absolute;right:0;top:0}#background.animated .stars:first-child{animation-delay:0s;background-position:50% 50%}#background.animated .stars:nth-child(2){animation-delay:-3s;background-position:20% 60%}#background.animated .stars:nth-child(3){animation-delay:-6s;background-position:-20% -30%}#background.animated .stars:nth-child(4){animation-delay:-9s;background-position:40% -80%}@keyframes zoom{0%{animation-timing-function:ease-in;opacity:0;transform:scale(.5)}85%{animation-timing-function:linear;opacity:1;transform:scale(2.8)}to{opacity:0;transform:scale(3.5)}}@keyframes bgmovehori{0%{background-position-x:0}to{background-position-x:64px}}@keyframes bgmoveverti{0%{background-position-x:0}to{background-position-y:-2048px}}#login_form{border-radius:30px;color:#ddd;margin:10px auto;min-width:260px;padding:25px;text-align:center}#login_form .form-control{width:auto}#login_form .login_tools{padding:10px 0 30px;position:relative}#login_form .login_tools .create_account{left:0;position:absolute}#login_form .login_tools .forgot_password{position:absolute;right:0}#login_form a{color:#bbe;text-decoration:none;transition:color .5s}#login_form a:hover{color:#fff}#login_form a.connect_with_google{background-color:#fff;border:1px solid #000;color:#000;display:inline-block;font-size:20px;margin-top:20px;padding:15px}#login_form a.connect_with_google:before{background-image:url(/build/images/google.9cfcdbb4.png);background-size:24px;content:"";display:inline-block;height:24px;margin-right:10px;vertical-align:middle;width:24px}#login_form #login_error{color:red;margin-bottom:10px;padding:10px}input.transparentBackgroundInput{background:transparent;border:0;border-bottom:1px solid #fff;border-radius:0;color:#fff;font-size:24px;font-weight:600;letter-spacing:2px;margin:10px 0;outline:none;padding:5px 0;text-shadow:0 0 3px #fff,0 0 5px #00f;transition:background-color 5000000s ease-in-out 0s;width:100%}input.transparentBackgroundInput:focus{border-bottom:1px solid #fff;box-shadow:none;color:#fff;outline:none}input.transparentBackgroundInput:-webkit-autofill,input.transparentBackgroundInput:-webkit-autofill:active,input.transparentBackgroundInput:-webkit-autofill:first-line,input.transparentBackgroundInput:-webkit-autofill:focus,input.transparentBackgroundInput:-webkit-autofill:hover{-webkit-color:#fff;font-size:36px}input.transparentBackgroundInput::placeholder{color:#bbe;opacity:1;text-shadow:none}input.transparentBackgroundInput:-ms-input-placeholder{color:#bbe;text-shadow:none}input.transparentBackgroundInput::-ms-input-placeholder{color:#bbe;text-shadow:none}.passwordReset{color:#ccc;margin:0 auto;padding:0 30px}@font-face{font-family:Iceberg-Regular;src:url(/build/fonts/Iceberg-Regular.f6c60b76.ttf) format("truetype")}@font-face{font-family:Handel_Gothic_D_Bold;src:url(/build/fonts/Handel_Gothic_D_Bold.58acc21c.otf) format("opentype")}@font-face{font-family:Handel_Gothic_D_Regular;src:url(/build/fonts/Handel_Gothic_D_Regular.0aefb4e2.otf) format("opentype")}@font-face{font-family:Handel_Gothic_Italic;src:url(/build/fonts/Handel_Gothic_Italic.2a630206.otf) format("opentype")}body.edit_faction #factionName,body.new_faction #factionName{color:blue;font-size:36px;font-weight:600;margin:30px 0;width:100%}body.edit_faction h4,body.new_faction h4{font-size:32px;margin-bottom:25px}body.edit_faction .faction-form,body.new_faction .faction-form{width:100%}body.edit_faction .unit_creator_box,body.new_faction .unit_creator_box{border:1px solid #333;box-shadow:2px 2px 5px 0 #000;cursor:pointer;margin:15px 0;padding:10px;position:relative;text-align:center;transition:all .3s;transition-timing-function:ease-in-out}body.edit_faction .unit_creator_box:hover,body.new_faction .unit_creator_box:hover{background-color:#1a2052;color:#ccc}body.edit_faction .box.factionBox,body.new_faction .box.factionBox{background-image:none}body.edit_faction #unit_creator_overlay,body.new_faction #unit_creator_overlay{align-items:center;bottom:0;display:flex;left:0;overflow:hidden;position:fixed;right:0;top:0;transform:scale(0);transition:.5s;transition-timing-function:ease-in-out;z-index:51}body.edit_faction #unit_creator_overlay.open,body.new_faction #unit_creator_overlay.open{transform:scale(1)}body.edit_faction #unit_creator_overlay #unit_creator_popup,body.new_faction #unit_creator_overlay #unit_creator_popup{background:#020024;background:linear-gradient(180deg,#020024,#090979 67%,#0085a1);color:#ddd;margin:0 auto;max-height:85%;min-height:25%;min-width:25%;overflow-y:auto;padding:15px;position:relative;text-align:center}body.edit_faction #unit_creator_overlay #unit_creator_popup input,body.edit_faction #unit_creator_overlay #unit_creator_popup textarea,body.new_faction #unit_creator_overlay #unit_creator_popup input,body.new_faction #unit_creator_overlay #unit_creator_popup textarea{background-color:#090979;color:#fff;text-align:center}body.edit_faction #unit_creator_overlay #unit_creator_popup .add-unit-ability,body.new_faction #unit_creator_overlay #unit_creator_popup .add-unit-ability{display:inline-block;font-size:32px;margin-bottom:30px;margin-top:-20px;-webkit-text-stroke:1px #00ad26;text-stroke:1px #00ad26}body.edit_faction #unit_creator_overlay #unit_creator_popup .add-unit-ability:hover,body.new_faction #unit_creator_overlay #unit_creator_popup .add-unit-ability:hover{color:#00ad26}body.edit_faction #unit_creator_overlay #unit_creator_popup .basic-to-faction-unit-switch,body.new_faction #unit_creator_overlay #unit_creator_popup .basic-to-faction-unit-switch{left:10px;position:absolute;top:10px}body.edit_faction #unit_creator_overlay #unit_creator_popup .basic-to-faction-unit-switch img,body.new_faction #unit_creator_overlay #unit_creator_popup .basic-to-faction-unit-switch img{width:100px}body.edit_faction #unit_creator_overlay #unit_creator_popup .closeUnitCreatorBox,body.new_faction #unit_creator_overlay #unit_creator_popup .closeUnitCreatorBox{position:absolute;right:10px;top:10px}body.edit_faction #unit_creator_overlay #unit_creator_popup .unit-title,body.new_faction #unit_creator_overlay #unit_creator_popup .unit-title{text-align:center}body.edit_faction #unit_creator_overlay #unit_creator_popup .unit-image,body.new_faction #unit_creator_overlay #unit_creator_popup .unit-image{max-width:100%}body.edit_faction #unit_creator_overlay #unit_creator_popup .unit_level,body.new_faction #unit_creator_overlay #unit_creator_popup .unit_level{border:1px solid grey;display:none;margin:15px 0;padding:1rem 2rem 0;position:relative}body.edit_faction #unit_creator_overlay #unit_creator_popup .unit_level[data-level="0"],body.new_faction #unit_creator_overlay #unit_creator_popup .unit_level[data-level="0"]{display:block}body.edit_faction #unit_creator_overlay #unit_creator_popup .unit_level .next-level,body.edit_faction #unit_creator_overlay #unit_creator_popup .unit_level .prev-level,body.new_faction #unit_creator_overlay #unit_creator_popup .unit_level .next-level,body.new_faction #unit_creator_overlay #unit_creator_popup .unit_level .prev-level{background-color:blue;border-radius:100%;padding:5px 10px;position:absolute;top:50%}body.edit_faction #unit_creator_overlay #unit_creator_popup .unit_level .prev-level,body.new_faction #unit_creator_overlay #unit_creator_popup .unit_level .prev-level{left:0}body.edit_faction #unit_creator_overlay #unit_creator_popup .unit_level .next-level,body.new_faction #unit_creator_overlay #unit_creator_popup .unit_level .next-level{right:0}body.edit_faction #unit_creator_overlay #unit_creator_popup .unit_level:first-child .prev-level,body.edit_faction #unit_creator_overlay #unit_creator_popup .unit_level:last-child .next-level,body.new_faction #unit_creator_overlay #unit_creator_popup .unit_level:first-child .prev-level,body.new_faction #unit_creator_overlay #unit_creator_popup .unit_level:last-child .next-level{display:none}body.edit_faction #unit_creator_overlay #unit_creator_popup .unit-stat,body.new_faction #unit_creator_overlay #unit_creator_popup .unit-stat{position:relative}body.edit_faction #unit_creator_overlay #unit_creator_popup .unit-stat .hasIcons,body.new_faction #unit_creator_overlay #unit_creator_popup .unit-stat .hasIcons{padding-right:80px}body.edit_faction #unit_creator_overlay #unit_creator_popup .unit-stat .unit-stats-icon-dropdown,body.new_faction #unit_creator_overlay #unit_creator_popup .unit-stat .unit-stats-icon-dropdown{position:absolute;right:0;top:0;width:75px}body.edit_faction #unit_creator_overlay #unit_creator_popup .unit-ability,body.new_faction #unit_creator_overlay #unit_creator_popup .unit-ability{position:relative}body.edit_faction #unit_creator_overlay #unit_creator_popup .unit-ability .remove-unit-ability,body.new_faction #unit_creator_overlay #unit_creator_popup .unit-ability .remove-unit-ability{background-color:#e11;border-radius:7px;bottom:1px;color:#ddd;cursor:pointer;padding:5px 10px;position:absolute;right:0;top:1px}body.edit_faction .flexible-collection .add-flexible-element,body.edit_faction .flexible-collection .remove-flexible-element,body.new_faction .flexible-collection .add-flexible-element,body.new_faction .flexible-collection .remove-flexible-element{background:linear-gradient(180deg,#555,#222 49%,#000 51%,#222);border-color:#111;border-radius:5px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.5),0 1px 3px rgba(0,0,0,.3);font-size:30px;line-height:20px;padding:5px;text-align:center;width:28px}body.edit_faction .flexible-collection .flexible-collection-element,body.new_faction .flexible-collection .flexible-collection-element{background-color:#bbb;border-radius:5px;box-shadow:inset 0 3px 6px rgba(0,0,0,.16),0 4px 6px rgba(0,0,0,.45);margin-bottom:15px;padding:10px;position:relative}body.edit_faction .flexible-collection .flexible-collection-element .remove-flexible-element,body.new_faction .flexible-collection .flexible-collection-element .remove-flexible-element{color:red;position:absolute;right:0;top:0}body.edit_faction .flexible-collection .add-flexible-element,body.new_faction .flexible-collection .add-flexible-element{color:green;display:block;margin:0 auto}body.edit_faction .planet-preview,body.new_faction .planet-preview{width:100%}body.edit_faction .existingTechnologyRow,body.new_faction .existingTechnologyRow{margin:2rem 0}body.edit_faction .existingTechnologyRow .existingTechnology,body.new_faction .existingTechnologyRow .existingTechnology{border:1px solid grey;border-radius:3px;cursor:pointer;font-size:14px;margin:5px 0;padding:3px}body.edit_faction .existingTechnologyRow .existingTechnology.selected,body.new_faction .existingTechnologyRow .existingTechnology.selected{background-color:#bbb;border:3px solid blue;padding:1px}body.edit_faction .existingTechnologyRow .existingTechnology input[type=checkbox],body.new_faction .existingTechnologyRow .existingTechnology input[type=checkbox]{display:none}body.edit_faction .existingTechnologyRow .existingTechnology .technology-link,body.new_faction .existingTechnologyRow .existingTechnology .technology-link{background-color:#aaa;border-radius:50%;float:right;padding:0 5px}body.edit_faction .leader-attributes,body.new_faction .leader-attributes{width:100%}body.edit_faction #faction_unitsColor .form-check,body.new_faction #faction_unitsColor .form-check{display:inline-block;line-height:18px;margin-right:30px}body.view_faction .header h1{display:inline-block;vertical-align:middle}body.view_faction .table-of-content{background-color:#aaa;border:1px solid grey;display:inline-block;margin-bottom:50px}body.view_faction .table-of-content .table-of-content-header{border-bottom:1px solid grey}body.view_faction .table-of-content .table-of-content-header .table-of-content-header-inner{color:#fff;padding:10px}body.view_faction .table-of-content .table-of-content-body{padding:10px}body.view_faction .table-of-content .table-of-content-body a{display:block}body.view_faction .table-of-content .table-of-content-body a span{display:inline-block;width:20px}body.view_faction .side-column .side-column-section{border:1px solid grey;padding:5px}body.view_faction .side-column .side-column-section:not(:last-child){border-bottom:none}body.view_faction .side-column .side-column-section p.label{color:grey;font-style:italic;margin:10px auto 20px;text-align:center}body.view_faction .side-column .side-column-section .faction-lore,body.view_faction .side-column .side-column-section .faction-sheet{width:100%}body.view_faction .reviewSection{margin-top:30px}body.view_faction #image_overlay{align-items:center;bottom:0;display:flex;left:0;overflow:hidden;position:fixed;right:0;top:0;transform:scale(0);transition:.5s;transition-timing-function:ease-in-out;z-index:52}body.view_faction #image_overlay.open{transform:scale(1)}body.view_faction #image_overlay img{margin:0 auto;max-height:80%;max-width:80%}body.view_faction h2{border-bottom:1px solid #aaa;color:#2424b5;margin-bottom:25px;padding-top:15px}body.view_faction .faction-section{margin-bottom:60px}body.view_faction .display-table{border-collapse:collapse;display:table;margin-bottom:40px}body.view_faction .display-table .display-table-header{background-color:#aaa;font-weight:600}body.view_faction .display-table .display-table-header,body.view_faction .display-table .display-table-row{border:1px solid gray;display:table-row}body.view_faction .display-table .display-table-header .display-table-cell,body.view_faction .display-table .display-table-row .display-table-cell{display:table-cell;padding:10px;vertical-align:middle}body.view_faction .display-table .display-table-header .display-table-cell p:last-child,body.view_faction .display-table .display-table-row .display-table-cell p:last-child{margin-bottom:0}body.view_faction .display-table .display-table-header .unit-description,body.view_faction .display-table .display-table-row .unit-description{text-transform:none}body.view_faction .display-table .display-table-row{font-family:Handel_Gothic_D_Regular}body.view_faction .display-table img{max-width:120px}body.view_faction #factionAbilities li{font-family:Handel_Gothic_D_Regular;margin-bottom:15px;text-transform:none}body.view_faction #factionAbilities li b{font-family:Handel_Gothic_D_Bold;text-transform:uppercase}body.view_faction .faction-user-section{margin-top:60px;text-align:center}body.view_faction .collection-element{margin-bottom:30px}body.view_faction .ident-left{margin-left:30px}body.view_faction .light-text{font-family:Handel_Gothic_D_Regular;text-transform:none}body.view_faction .gallery-image{margin:10px;max-width:160px}body.view_faction .img-zoomable{cursor:pointer;transition:transform .3s ease-in-out 0s}body.view_faction .img-zoomable:hover{transform:scale(1.05)}body.view_faction .technology-link{cursor:pointer;display:block;margin:10px 0}body.view_faction .faq-qa:not(:last-child){margin-bottom:60px}body.view_faction .box.factionBox{background-image:none}body.view_faction .breakthrough{display:flex;min-width:240px;text-transform:none}body.view_faction .breakthrough-synergy{display:flex;flex-direction:column}body.view_faction .breakthrough-synergy div{align-items:center;display:flex;flex:1;justify-content:center;padding:10px;text-align:center}body.view_faction .breakthrough-synergy div:not(:last-child){border-bottom:1px solid #888}body.view_faction .breakthrough-ability{padding:15px;width:100%}body.view_faction .leaders-container{margin-bottom:40px}body.view_faction .leader-card{border:1px solid gray;margin-bottom:0}body.view_faction .leader-flavor{font-family:Handel_Gothic_Italic}@media screen and (min-width:992px){body.view_faction .leaders-container{border-collapse:collapse;display:table}body.view_faction .leader-header{background-color:#aaa;display:table-row;font-weight:600}body.view_faction .leader-card{display:table-row}body.view_faction .leader-ability-cell,body.view_faction .leader-flavor-cell,body.view_faction .leader-name-cell,body.view_faction .leader-portrait-cell,body.view_faction .leader-type-cell,body.view_faction .leader-unlock-cell{border:1px solid gray;display:table-cell;padding:10px;vertical-align:middle}body.view_faction .leader-portrait{max-width:120px}body.view_faction .mobile-label{display:none}body.view_faction .leader-type-badge{font-weight:700}}@media screen and (max-width:991px){body.view_faction .display-table{font-size:80%}body.view_faction .leader-header{display:none}body.view_faction .leader-card{background-color:#b4b4b4;border-radius:8px;display:block;margin-bottom:20px;padding:15px}body.view_faction .leader-ability-cell,body.view_faction .leader-flavor-cell,body.view_faction .leader-name-cell,body.view_faction .leader-portrait-cell,body.view_faction .leader-type-cell,body.view_faction .leader-unlock-cell{display:block;margin-bottom:10px}body.view_faction .leader-type-cell{margin-bottom:15px;text-align:center}body.view_faction .leader-type-badge{background-color:#aaa;border-radius:20px;display:inline-block;font-size:14px;font-weight:700;padding:5px 15px}body.view_faction .leader-portrait-cell{text-align:center}body.view_faction .leader-portrait{border-radius:8px;height:auto;max-width:200px;width:100%}body.view_faction .leader-name-cell{font-size:18px;font-weight:700;margin-bottom:15px;text-align:center}body.view_faction .mobile-label{color:#666;display:inline-block;font-size:14px;margin-right:5px}body.view_faction .leader-name{font-family:Handel_Gothic_D_Bold}body.view_faction .leader-ability-cell,body.view_faction .leader-flavor-cell,body.view_faction .leader-unlock-cell{background-color:#d5d5d5;border-radius:5px;padding:10px}body.view_faction .leader-ability-cell,body.view_faction .leader-unlock-cell{font-family:Handel_Gothic_D_Regular}body.view_faction .leader-flavor{font-family:Handel_Gothic_Italic}body.view_faction .leader-ability{margin-top:5px}}.tech-icon{width:24px}.technology-name{font-size:24px}.technology-name .tech-icon{margin-right:10px;vertical-align:middle;width:20px}.technology-card{background-color:#ccc;border:1px solid #888;display:none;font-size:12px;max-width:calc(100% - 60px);position:fixed;text-align:center;width:420px}.technology-card .technology-card-header{background-color:#aaa;font-size:16px}.technology-card .technology-card-description,.technology-card .technology-card-header{padding:15px 60px}.technology-card .technology-card-description ul{padding:0}.technology-card .technology-card-description ul li:not(:first-child){margin-top:15px}.technology-card .technology-card-prerequisites{bottom:0;left:0;position:absolute}.technology-card .technology-card-prerequisites img{display:block}.technology-card .technology-card-color{bottom:0;position:absolute;right:0;width:45px}.factionSpecificUnit{margin-bottom:60px}.unit-mobile{border:1px solid grey;margin-bottom:20px;padding:10px;text-align:center}.unit-mobile .unit-stats{border-top:1px solid grey;padding-top:10px}.unit-mobile p{margin-bottom:10px}.factionListingRow{background-color:#823ad5;border:1px solid #888;height:60px;line-height:60px}.factionListingRow:nth-child(2n){background-color:#3a4ed5}.factionListingRow .text{text-shadow:0 1px 0 #888,0 2px 0 #888,0 3px 0 #000}.factionListingRow .color{border:1px solid #888;border-radius:100%;box-shadow:2px 2px 5px 0 #000;display:inline-block;height:50%;line-height:60px;vertical-align:middle;width:30px}.factionListingRow .factionLogo{height:50px;vertical-align:middle}.factionListingRow .commodities{align-items:center;display:inline-flex;font-size:36px}.factionListingRow .commodities img{height:36px;margin-left:5px}.factionListingRow a{color:#fff}.factionListingRow a:hover{color:#aaa}.complexity{align-items:center;display:inline-flex;height:100%}.complexity.lowComplexity :not(:first-child),.complexity.moderateComplexity :last-child{background-color:hsla(0,0%,50%,.7)!important}.complexity .complexityIndicator{border:3px solid #000;box-shadow:0 0 5px 3px #0bb;display:inline-block;height:30px;margin:5px;width:50px}.complexity .complexityIndicator:first-child{border-radius:15px 0 0 15px}.complexity .complexityIndicator:last-child{border-radius:0 15px 15px 0}.cardForm{margin:0 auto;max-width:600px;width:100%}body.view_card .cardLeftColumn{text-align:center}body.view_card .cardRightColumn{display:flex;flex-direction:column}body.view_card .cardRightColumn .profileColumn{align-content:end;flex:1;text-align:center}body.view_card .cardImg{max-width:100%}@media (min-width:1200px){body.view_card .cardLeftColumn{text-align:left}body.view_card .reviewSection{margin-top:0}body.view_card .cardRightColumn .profileColumn,body.view_card .cardRightColumn .profileColumn h4{text-align:end}}.loadingContainer{--size:45px;--color:#000;--speed:2s;animation:rotate calc(var(--speed)*4) linear infinite;display:inline-block;height:var(--size);position:relative;width:var(--size)}.loadingContainer .lp{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.loadingContainer .lp:first-child{--delay:0;transform:rotate(8deg)}.loadingContainer .lp:nth-child(2){--delay:-0.4;transform:rotate(36deg)}.loadingContainer .lp:nth-child(3){--delay:-0.9;transform:rotate(72deg)}.loadingContainer .lp:nth-child(4){--delay:-0.5;transform:rotate(90deg)}.loadingContainer .lp:nth-child(5){--delay:-0.3;transform:rotate(144deg)}.loadingContainer .lp:nth-child(6){--delay:-0.2;transform:rotate(180deg)}.loadingContainer .lp:nth-child(7){--delay:-0.6;transform:rotate(216deg)}.loadingContainer .lp:nth-child(8){--delay:-0.7;transform:rotate(252deg)}.loadingContainer .lp:nth-child(9){--delay:-0.1;transform:rotate(300deg)}.loadingContainer .lp:nth-child(10){--delay:-0.8;transform:rotate(324deg)}.loadingContainer .lp:nth-child(11){--delay:-1.2;transform:rotate(335deg)}.loadingContainer .lp:nth-child(12){--delay:-0.5;transform:rotate(290deg)}.loadingContainer .lp:nth-child(13){--delay:-0.2;transform:rotate(240deg)}.loadingContainer .lp:before{background-color:var(--color);border-radius:50%;content:"";flex-shrink:0;height:17.5%;position:absolute;transition:background-color .3s ease;width:17.5%;--d:calc(var(--delay)*var(--speed));animation:orbit var(--speed) linear var(--d) infinite}.loadingContainer.colored .lp:before{animation:orbit var(--speed) linear var(--d) infinite,color-change 5s linear infinite}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes orbit{0%{opacity:.65;transform:translate(calc(var(--size)*.5)) scale(.73684)}5%{opacity:.58;transform:translate(calc(var(--size)*.4)) scale(.684208)}10%{opacity:.51;transform:translate(calc(var(--size)*.3)) scale(.631576)}15%{opacity:.44;transform:translate(calc(var(--size)*.2)) scale(.578944)}20%{opacity:.37;transform:translate(calc(var(--size)*.1)) scale(.526312)}25%{opacity:.3;transform:translate(0) scale(.47368)}30%{opacity:.37;transform:translate(calc(var(--size)*-.1)) scale(.526312)}35%{opacity:.44;transform:translate(calc(var(--size)*-.2)) scale(.578944)}40%{opacity:.51;transform:translate(calc(var(--size)*-.3)) scale(.631576)}45%{opacity:.58;transform:translate(calc(var(--size)*-.4)) scale(.684208)}50%{opacity:.65;transform:translate(calc(var(--size)*-.5)) scale(.73684)}55%{opacity:.72;transform:translate(calc(var(--size)*-.4)) scale(.789472)}60%{opacity:.79;transform:translate(calc(var(--size)*-.3)) scale(.842104)}65%{opacity:.86;transform:translate(calc(var(--size)*-.2)) scale(.894736)}70%{opacity:.93;transform:translate(calc(var(--size)*-.1)) scale(.947368)}75%{opacity:1;transform:translate(0) scale(1)}80%{opacity:.93;transform:translate(calc(var(--size)*.1)) scale(.947368)}85%{opacity:.86;transform:translate(calc(var(--size)*.2)) scale(.894736)}90%{opacity:.79;transform:translate(calc(var(--size)*.3)) scale(.842104)}95%{opacity:.72;transform:translate(calc(var(--size)*.4)) scale(.789472)}to{opacity:.65;transform:translate(calc(var(--size)*.5)) scale(.73684)}}@keyframes color-change{0%{background-color:#a8c3ff;box-shadow:0 0 10px #a8c3ff}33%{background-color:#b19cd9;box-shadow:0 0 10px #b19cd9}66%{background-color:#8b3d65;box-shadow:0 0 10px #8b3d65}to{background-color:#a8c3ff;box-shadow:0 0 10px #a8c3ff}}body.error_page #main_content{padding:10px}body.error_page #main_content .error{color:#fff;margin:30px auto}#gravityRift{--duration:10000;position:relative}#gravityRift .gravityRiftOverlay{align-items:center;bottom:0;display:flex;left:0;position:absolute;right:0;top:0}#gravityRift .center{align-items:center;background-color:#000;border-radius:100%;box-shadow:0 0 30px 10px #ccc;display:flex;height:50%;margin:0 auto;position:relative;text-align:center;width:50%;z-index:1}#gravityRift .center .text1,#gravityRift .center .text2{left:10%;position:absolute;right:10%;text-align:center}#gravityRift .center .text1{animation:text1 9s infinite}#gravityRift .center .text2{animation:text2 9s infinite}#gravityRift .center:hover{cursor:pointer}#gravityRift .center:hover .text1{display:none}#gravityRift .center:hover .text2{animation:none;color:#6060df}#gravityRift .center span{margin:0 auto}#gravityRift .rings{height:85vw;position:relative;width:85vw}#gravityRift .rings .ring{animation:gravityRiftSpin infinite calc(var(--duration)*1ms) linear;animation-delay:var(--animation-delay);background:#000;border-radius:100%;bottom:0;box-shadow:0 0 0 .25vw rgba(0,0,0,.5),inset 3vw 3vw 3vw #fff,-1vw -1vw 5vw hsla(0,0%,60%,.75);left:0;opacity:0;position:absolute;right:0;top:0}#gravityRift .rings .ring:nth-child(2){--initial-rotation:90;animation-delay:calc((var(--duration)*0.25)*-1ms)}#gravityRift .rings .ring:nth-child(3){--initial-rotation:180;animation-delay:calc((var(--duration)*0.5)*-1ms)}#gravityRift .rings .ring:nth-child(4){--initial-rotation:270;animation-delay:calc((var(--duration)*0.75)*-1ms)}@media (min-aspect-ratio:1/1){#gravityRift .rings{height:60vh;width:60vh}}@keyframes gravityRiftSpin{0%{opacity:0;transform:scale(1)}to{box-shadow:0 0 0 .25vw rgba(0,0,0,.5);opacity:1;transform:scale(.2) rotate(5turn)}}@keyframes text1{0%,to{opacity:0}50%{opacity:1}}@keyframes text2{0%,to{opacity:1}40%,60%{opacity:0}}