.coloringCocoone{-webkit-filter:saturate(10) hue-rotate(300deg);filter:saturate(10) hue-rotate(300deg)}.showme{display:none}.showhim{position:relative}.showhim:hover .showme{background-color:hsla(26,84%,78%,.95);border:1px solid #c8c8c8;border-radius:5px;box-shadow:0 0 3px 1px gray;display:flex;flex-direction:column;padding:5px;position:absolute;top:-20px;width:70px;z-index:99999}.showhim img:hover{border-radius:5px}.showMetamorphosInfo:hover .metamorphosInfo{background-color:#434848;border:1px solid #c8c8c8;border-radius:5px;display:block;margin:auto;padding:5px;position:absolute;top:80%;z-index:99999}.metamorphosInfo{display:none}.breedBtn{background-color:rgba(20,220,20,.5);border:none;border-radius:0 0 10px 10px;font-size:15px;width:100%}.randomizeBreed{background-color:rgba(106,221,215,.5);border:none;border-radius:6px;font-size:12px;width:30%}.breedBtn[disabled],.randomizeBreed[disabled]{background-color:#bfbfbf;color:#969696}.generationsHolder{font-size:"12px";overflow-wrap:"break-word";text-align:"center"}#breedingHolder .titleIcon{background-color:initial;border:none;font-size:25px;margin:0;width:auto}.titleHolder{font-size:20px;font-weight:700}#breedingHolder .iconStyle,.titleHolder{align-items:center;display:flex;padding:5px}#breedingHolder .iconStyle{background-color:#232d2d;border:1px solid #698787;border-radius:3px;font-size:10px;justify-content:center;margin:.1px;text-align:center;width:32%}#breedingHolder .btnAddLarva{background-color:rgba(77,194,9,.3);border:1px solid #969696;border-radius:3px;color:green;font-size:20px;font-weight:500;padding:0}#breedingHolder .breedingButterflies{display:flex;font-size:12px;padding:5px;width:49%}@media screen and (min-width:600px){#breedingHolder .breedingButterflies{line-height:20px;width:16.55%}}.loading-animate-fading{-webkit-animation:fading 1.5s infinite;animation:fading 1.5s infinite}@-webkit-keyframes fading{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes fading{0%{opacity:0}50%{opacity:1}to{opacity:0}}.heartBeating-animate-scale{-webkit-animation:scaling 1s infinite;animation:scaling 1s infinite}@-webkit-keyframes scaling{0%{scale:.6}60%{color:#c74848;scale:.85}80%{color:#fd1010;scale:1}to{scale:.6}}@keyframes scaling{0%{scale:.6}60%{color:#c74848;scale:.85}80%{color:#fd1010;scale:1}to{scale:.6}}.generationsHolder i{font-size:13px;margin-left:2px;padding:3px;text-align:center;text-shadow:0 0 3px #000}.butterflyCardHover:hover{transition:.1s}.showDetailInfoButterfly{align-items:center;background-color:#2d2d2d;color:wheat;display:none;font-size:12px;justify-content:space-between;padding:5px;width:100%}.butterflyCardHover:hover .showDetailInfoButterfly{display:flex;flex-direction:column}.butterflyNameHolder{background-color:#141414;border-bottom:1px dotted #464646;border-radius:5px 5px 0 0;color:wheat;font-size:18px;text-align:center;width:100%;z-index:100}.butterflyCardBodyHover:hover{background-color:#1a2222!important;box-shadow:0 0 7px 2px #464646;transition:.1s}.allButterfliesInfoBtn{background-color:#2a2a2a;border:none;border-radius:5px;color:wheat;margin-left:5px;width:50px}.generationsHolderAll i{border-radius:5px;font-size:16px;margin-left:2px;padding:3px;text-align:center;text-shadow:0 0 3px #000}.typeInfoHolder i,.typeInfoHolder span{text-shadow:0 0 5px #000}.typeInfoHolder i{margin-left:1px;width:15%}.genreInfoHolder i{text-align:center;width:17%}.genreInfoHolder i,.genreInfoHolder span{text-shadow:0 0 5px #000}.butterflyHolder{background-color:#232d2d;background-position:50%;background-repeat:no-repeat;background-size:400px;border-radius:5px;display:flex;flex-direction:column;height:250px;justify-content:space-between;padding:5px}.butteflyCloseButton{align-items:center;border:none;color:#ff5a5a;cursor:pointer;display:flex;font-size:20px;font-weight:600}.butterflyGenerationsHolder{background-color:#232d2d;-webkit-column-gap:10px;column-gap:10px;display:flex;flex-direction:row;font-size:25px;justify-content:flex-end;padding:2px}.gameTitleHolder{align-items:center;background-color:#0f1919;border-bottom:.2px solid #8f5730;display:flex;flex-direction:column;justify-content:center;z-index:1}.gameTitleHolder .userProfileHolder{color:#fff;font-size:30px;left:-13%;position:absolute;text-shadow:0 0 15px #f60;top:10%}.gameTitleHolder a{color:#ff994b;font-size:12px;font-weight:700;text-decoration:none;text-transform:uppercase}.gameTitleHolder .gameTitle{color:#fffade;font-size:30px;font-weight:900;text-shadow:0 0 5px #000}.gameTitleHolder .gameMiniRelease{color:rgba(255,250,222,.673);font-size:12px;font-weight:700;left:0;position:absolute;top:68%;width:120px}.gameTitleHolder .gameMiniTitle{border-bottom:2px solid #fffade;color:#fffade;font-size:12px;font-weight:700;left:61%;line-height:10px;position:absolute;text-align:center;top:9%;width:98px}.miniUserButterflyHolder a{color:#232d2d;text-decoration:none}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{box-shadow:inset 0 0 1px grey}::-webkit-scrollbar-thumb{background:#232d2d}::-webkit-scrollbar-thumb:hover{background:#485a5a}.modelInfoTitle{border-bottom:1px dashed #625949;color:#fff;margin-bottom:5px}.resourcesHolder{background-color:#232d2d;margin-bottom:10px;padding:10px;width:100%}.butterflyIntoFeatherBtn{align-items:center;background-color:#7e1a15;border:none;border-radius:5px;color:wheat;display:flex;font-size:9px;font-weight:700;height:15px;justify-content:center;width:35px}.typeInfoHolderButton span{border-bottom:1px dashed #323232;color:#64be64;display:flex;font-size:12px!important;margin-bottom:6px;padding:3px;width:100%}.butterflyLevelUpBtn{align-items:center;border:none;border-radius:5px;color:#232d2d;display:flex;font-size:9px;font-weight:700;height:15px;justify-content:center}.cardTopInfo{align-items:center;border-bottom:1px dashed #464646;color:wheat;display:flex;font-size:10px;height:23px;padding:5px;width:25%}.cardLevelInfo{justify-content:start}.cardBirthTimeInfo{justify-content:end}.butterflySelectionHolder{border:1px solid #c8c8c8;border-radius:10px;color:#fff;display:flex;flex-direction:column;height:280px;justify-content:center;margin-bottom:25px;margin-top:5px;padding:10px}.hide{-webkit-transform:translateX(-9999px);transform:translateX(-9999px);transition:.1s}.topMenu{align-items:start;background-color:#171513;display:flex;gap:10px;justify-content:center;width:100%;z-index:3}.topMenuHolder{align-items:center;display:flex;flex-direction:column}.topMenuHolder small{color:#fff;font-size:10px;letter-spacing:1px}.butterfliesForBreed{background-color:#dcdcdc;border:1px solid #bebebe;border-radius:5px 5px 0 0;box-shadow:0 0 15px 2px #b4b4b4;display:flex;overflow:auto;padding:5px}.larvaHolder,.larvaTitleHolder{background-color:#00e673}.larvaHolder{border-top-left-radius:30px;left:0;padding:5px;text-align:center;top:-75%;width:25%}.butterfliesForBreed .butterflyPicture{align-items:end;background-color:#232d2d;background-position:50% -10px;background-repeat:no-repeat;background-size:150%;border-bottom:8px solid #000;box-shadow:0 -5px 7px 2px #464646;display:flex;flex-direction:column;height:130px;justify-content:space-between;position:relative;width:100px}.butterfliesForBreed .butterflyPicture .informationHolder{display:flex;font-size:40px;left:35%;position:absolute;top:-12%;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.butterfliesForBreed .butterflyPicture .informationHolder .information{color:#141414;position:relative;text-shadow:0 0 1px rgba(255,255,50,.4)}.butterfliesForBreed .butterflyPicture .informationHolder .information .typeHolder{color:#c8c8c8;display:flex;font-size:7px;left:49%;position:absolute;top:41%}.butterfliesForBreed .butterflyName{background-color:#141414;border-bottom:1px dotted #464646;color:wheat;font-size:11px;text-align:center;width:100%;z-index:9999}.butterfliesForBreed .forBreedButterflyHolder{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:5px}.butterfliesForBreed .selectButtonHolder{display:flex;justify-content:center;width:100%}.butterfliesForBreed .selectButtonHolder .selectBtn{align-items:center;border:1px dashed #9696c8;border-radius:0 0 6px 6px;border-top:none;color:#505050;display:flex;height:25px;justify-content:center;padding:4px;width:45%}.welcomePageHolder h1{font-weight:800;text-align:center;width:100%}.userLoginPageHolder .userLoginIco{color:#1d1b1a;font-size:20px;left:2%;position:absolute;text-shadow:0 0 2px #000;top:25%;z-index:9999}.userLoginPageHolder .userCreateMustFill{color:#ff0329;font-size:10px;position:absolute;right:1%;text-shadow:0 0 1px #000;top:15%;z-index:9999}.userLoginPageHolder{display:flex;flex-direction:column;width:35%}.userLoginPageHolder .loginError{background-color:#ff1e47;border:1px solid #000;border-radius:10px;font-weight:600;justify-content:center;width:100%}@media screen and (max-width:600px){.userLoginPageHolder{width:90%}}.userLoginPageHolder input{border:none;border-radius:8px;font-weight:700;height:45px;margin-bottom:5px;padding:5px 45px;transition:.2s;width:100%}.userLoginPageHolder input:focus{background-color:#ecffb3;height:55px;outline:2px solid #020303}.userLoginPageHolder input::-webkit-input-placeholder{color:#8c8c8c;display:flex;font-size:14px;font-weight:400;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.userLoginPageHolder input::placeholder{color:#8c8c8c;display:flex;font-size:14px;font-weight:400;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.userLoginPageHolder button{align-items:center;align-self:center;border:none;border-radius:4px;display:flex;font-size:14px;font-weight:400;gap:10px;height:35px;justify-content:center;margin-top:5px;width:70%}.userLoginPageHolder h1{font-weight:800;margin:10px;text-align:center}.userLoginPageHolder span{align-self:center;background-color:#686868;color:#fff;font-weight:700;margin-top:10px;padding:2px;text-align:center}.userLoginPageHolder span a{color:#fff41f;text-decoration:none}.userLoginPageHolder .userCreateFail{align-self:center;background-color:#ff0d5a;border-radius:5px;padding:6px;text-align:center;width:70%}.userLoginPageHolder .userCreateSuccess{align-self:center;background-color:#0dff45;border-radius:5px;padding:6px;text-align:center;width:70%}.buildingPageHolder{margin-top:10px}.buildingCardHolder{background-color:#dcdcce;margin:5px}.buildingInfo{border:1px solid #9c9c9c;box-shadow:0 0 4px #727272;display:flex;flex-direction:column;font-size:15px;height:200px;justify-content:space-between;margin-top:0;padding:2px;width:200px}.buildingInfo .buildingTopInfo{width:100%}.buildingInfo .buildingTopInfo .capacity{font-size:10px}.buildingInfo .buildingBottomInfo{align-items:center;background-color:#383838;color:#fff;display:flex;justify-content:space-between;padding:5px;width:100%}.buildingInfo h1{font-size:21px;font-weight:900;margin:0;padding:5px;width:100%}.buildingInfo span{font-size:14px;font-weight:600;margin:0;padding-left:5px}.buildingInfo button{background-color:#ffe884;border:none;border-radius:15px;width:30%}.alliancePageHolder{display:flex;flex-direction:column;margin:auto;text-align:center;width:100%}.alliancePageHolder .allianceMessage{font-size:22px;font-weight:800;margin:auto;width:50%}.alliancePageHolder .userAllianceLeft{display:flex;flex-direction:column;overflow:hidden;position:relative;width:30%}.alliancePageHolder .userAllianceLeft .createdOnText{word-wrap:break-word;align-items:center;background-color:#101010;color:#a1ff4f;display:flex;height:30px;justify-content:center;left:-12%;position:absolute;top:6%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);width:50%}.alliancePageHolder .userAllianceLeft .createdOnText span,i{font-size:10px;padding:2px}.alliancePageHolder .userAllianceLeft .allianceTitleWrapped{word-wrap:break-word;align-items:center;background-color:#09f;color:#151515;display:flex;height:120px;justify-content:center}.alliancePageHolder .userAllianceRight{border-left:none;display:flex;flex-direction:column;width:70%}.alliancePageHolder .userAllianceHolder .userAllianceRight .descriptionHolder{word-wrap:break-word;align-items:center;background-color:gold;color:#212121;display:flex;font-size:15px;font-weight:600;height:60px;justify-content:center;padding:5px;text-shadow:0 0 1px #000;width:100%}.alliancePageHolder .userAllianceHolder .userAllianceRight .allianceMenuHolder{align-items:center;border-bottom:10px solid #09f;color:#09f;display:flex;gap:10px;height:60px;justify-content:left;width:100%}.alliancePageHolder .userAllianceHolder .userAllianceRight .allianceMenuHolder span{padding:5px}.alliancePageHolder .userAllianceLeft span{font-size:30px;font-weight:700}.alliancePageHolder .userAllianceLeft span i{border-radius:7px;color:#ff6517;font-size:90px;margin-top:2px;padding:2px;width:95%}.alliancePageHolder .userAllianceHolder{background-color:#232d2d;border:3px solid gold;box-shadow:0 0 10px 4px #8e8e8e;display:flex;flex-direction:column;margin:auto;transition:.4s;width:50%}.alliancePageHolder .userAllianceHolder .allianceBottomHolder{background-color:#000;color:#fff;font-size:10px;width:100%}.alliancePageHolder .userAllianceHolder:hover{box-shadow:0 0 15px 1px rgba(255,217,0,.626)}@media screen and (max-width:600px){.alliancePageHolder .userAllianceHolder{width:95%}.alliancePageHolder .userAllianceLeft{width:40%}.alliancePageHolder .userAllianceRight{width:60%}}