@import "https://fonts.googleapis.com/css2?family=Zain:ital,wght@0,200;0,300;0,400;0,700;0,800;0,900;1,300;1,400&display=swap";._head_z778l_1{grid-template:1fr/1fr 1fr 1fr;padding:7px 20px;display:grid}._logo_z778l_7{align-items:center;width:56px;height:100%;display:flex}._logo_z778l_7 svg{aspect-ratio:1;fill:#fff;width:100%}._addToTank_z778l_20{justify-content:center;width:100%;display:flex}._plantOption_z778l_26,._creatureOption_z778l_27{aspect-ratio:1;cursor:pointer;align-items:center;width:80px;margin:0 20px;padding:8px;display:flex;position:relative}:is(._plantOption_z778l_26,._creatureOption_z778l_27) svg{fill:#fff;width:100%}._plantOption_z778l_26:hover,._creatureOption_z778l_27:hover{background-color:#ffffff23;border-radius:12px}._plant_z778l_26,._creature_z778l_27{white-space:nowrap;color:#fff;z-index:12;background-color:#50927fe4;border-radius:12px;flex-direction:column;width:fit-content;height:fit-content;padding:5px;font-size:1.2rem;display:none;position:absolute;top:80px}._plant_z778l_26{right:0}._creature_z778l_27{left:0}._dropdown_z778l_74{z-index:10;border-radius:7px;max-height:200px;padding:3px 8px}._dropdown_z778l_74:hover{background-color:#ffffff1b}._line_z778l_85{background:linear-gradient(90deg,#002d1946,#00578028);width:100%;height:1px;margin:3px 0}._active_z778l_92{display:flex}._info_z778l_96{text-align:right;color:#fff;padding-bottom:24px;font-size:1.6rem}._tankInfo_z778l_103{flex-direction:row-reverse;align-items:center;display:flex}@media (orientation:portrait){._logo_z778l_7{width:40px}._plantOption_z778l_26,._creatureOption_z778l_27{width:60px;margin:0 8px}._info_z778l_96{width:80px;padding-bottom:0;font-size:.9rem}._plant_z778l_26,._creature_z778l_27{font-size:.9rem}._head_z778l_1{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:200;position:sticky;top:0}}._container_17f95_1{z-index:2;flex-grow:1;grid-template:100%/20% 60% 20%;padding:20px;display:grid}._aquarium_17f95_9{flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}._image_17f95_17{object-fit:contain;width:100%;max-height:900px}._data_17f95_23{font-size:1.4rem}._dataDiv_17f95_27{flex-direction:row-reverse;width:100%;display:flex}._stats_17f95_33{flex-direction:column;align-items:end;min-width:155px;max-width:240px;padding:20px 10px;display:flex}._basics_17f95_42{background-color:#1b4b2a57;border-radius:16px;justify-content:space-evenly;align-items:center;width:100%;margin:5px 0;padding:5px 0;display:flex}._dataContainer_17f95_53{justify-content:space-evenly;align-items:center;margin:5px 0;display:flex}._addContainer_17f95_60{border-radius:50%;justify-content:space-evenly;align-items:center;display:flex;position:absolute}._round_17f95_68{aspect-ratio:1;width:75%;max-width:700px}._square_17f95_74{aspect-ratio:2;width:85%}@media (orientation:portrait){._container_17f95_1{grid-template:13% 55% 32%/1fr;align-items:center;height:90%;padding:10px}._thing_17f95_87{order:3;height:100%;padding-bottom:20px}._aquarium_17f95_9{order:2;height:100%}._dataDiv_17f95_27{order:1}._stats_17f95_33{max-width:none;min-width:none;flex-direction:row;justify-content:space-between;width:100%;padding:0}._basics_17f95_42{background:0 0;width:clamp(60px,33%,160px);height:80%;margin:0;padding:0}._dataContainer_17f95_53{justify-content:center;width:clamp(60px,33%,160px);height:80%;margin:0;padding:0}._image_17f95_17{max-height:50vh}}._container_13pzi_1{z-index:10;position:absolute}._container_13pzi_1:hover{z-index:1000}._aquariumContainer_13pzi_10{position:relative}._aquariumComponent_13pzi_14{border-radius:50%;justify-content:center;align-items:center;width:56px;display:flex;position:absolute}._aquariumComponent_13pzi_14 svg{fill:#fff;width:100%;height:100%}._active_13pzi_29 ._critter_13pzi_29{fill:#00ee20}._shadow_13pzi_33{background-color:#00000012;border-radius:50%;width:50%;height:50%;position:absolute;top:45%;left:60%;box-shadow:0 0 9px 5px #0001}._fish_13pzi_44{animation:10s ease-in-out infinite _swimStill_13pzi_1}._plant_13pzi_48{animation:6s ease-in-out infinite _plantStill_13pzi_1}._shrimp_13pzi_52{animation:10s ease-in-out infinite _shrimpStill_13pzi_1}._fish_13pzi_44 ._critter_13pzi_29{animation:10s ease-in-out infinite _swim_13pzi_1}._plant_13pzi_48 ._critter_13pzi_29{animation:6s ease-in-out infinite _plant_13pzi_48}._shrimp_13pzi_52 ._critter_13pzi_29{animation:10s ease-in-out infinite _shrimp_13pzi_52}._componentDetails_13pzi_69{color:#fff;white-space:nowrap;background-color:#365b41d4;border-radius:12px 12px 12px 3px;flex-direction:column;padding:8px 14px;font-weight:200;display:none;position:absolute;bottom:85%;left:85%}._aquariumComponent_13pzi_14:hover ._componentDetails_13pzi_69{display:flex}._head_13pzi_88{justify-content:space-between;display:flex}._remove_13pzi_93{cursor:pointer;width:36px;height:36px;margin-left:6px}._remove_13pzi_93 svg{fill:#fff;width:100%;height:100%}._name_13pzi_106{font-size:1.7rem}._health_13pzi_110{justify-content:space-evenly;width:100%;display:flex}._high_13pzi_116{color:red}._low_13pzi_120{color:#00b7ff}._healthy_13pzi_124{color:#00ec00}@media (orientation:portrait){._aquariumComponent_13pzi_14{width:36px}._aquariumComponent_13pzi_14:hover ._componentDetails_13pzi_69{display:none}}@keyframes _swim_13pzi_1{0%{transform:rotate(0)}20%{transform:rotate(34deg)scale(1.1)}40%{transform:rotate(-12deg)rotateY(180deg)}70%{transform:rotate(-25deg)rotateY(180deg)scale(.9)}85%{transform:rotate(-10deg)rotateY(0)}99%{transform:rotate(0)rotateY(0)scale(1)}}@keyframes _swimStill_13pzi_1{0%{transform:translate(0)translateY(0)rotate(0)}20%{transform:translate(50px)translateY(30px)}40%{transform:translate(50px)translateY(50px)}70%{transform:translate(-30px)translateY(80px)}85%{transform:translate(-30px)translateY(80px)}99%{transform:translate(0)translateY(0)}}@keyframes _plant_13pzi_48{0%{transform:scale(1.2)rotate(10deg)}50%{transform:scale(.9)rotate(-10deg)}to{transform:scale(1.2)rotate(10deg)}}@keyframes _plantStill_13pzi_1{0%{transform:translate(10px)}50%{transform:translate(-10px)}to{transform:translate(10px)}}@keyframes _shrimp_13pzi_52{0%{transform:rotate(0)}15%{transform:rotate(15deg)scale(1.1)}30%{transform:rotate(-12deg)}50%{transform:rotate(-25deg)scale(.9)}85%{transform:rotate(-10deg)}99%{transform:rotate(0)scale(1)}}@keyframes _shrimpStill_13pzi_1{0%{transform:translate(0)translateY(0)rotate(0)}20%{transform:translate(-40px)translateY(-20px)}40%{transform:translate(-54px)translateY(-34px)}70%{transform:translate(-30px)translateY(-4px)}85%{transform:translate(-5px)translateY(10px)}99%{transform:translate(0)translateY(0)}}._container_1xlqa_1{color:#fff;border:2px solid #fff;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:45%;height:100%;margin:2%;display:flex}._name_1xlqa_14{margin:8px 0;font-size:1.5rem}._dataText_1xlqa_19{margin-top:4px;margin-bottom:8px;font-size:1.2rem}._input_1xlqa_25{flex-wrap:nowrap;justify-content:center;width:100%;display:flex}._dataSpan_1xlqa_32{width:50%;padding:4px 0;font-size:1.2rem}._phSpan_1xlqa_38{display:none}._phData_1xlqa_42{text-align:center}input{color:#fff;text-align:right;background:0 0;border:none;outline:none;width:50%;height:fit-content;font-family:Zain,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:1.2rem;font-weight:300;text-decoration:underline;overflow:hidden}input::placeholder{color:#fff}._container_1xlqa_1 svg{aspect-ratio:1;fill:#fff;width:80%;margin:6px 0}@media (orientation:portrait){._container_1xlqa_1{width:clamp(30px,45%,80px)}._name_1xlqa_14,._dataText_1xlqa_19{font-size:.9rem}._dataSpan_1xlqa_32{padding:6px 0;font-size:.9rem}input{font-size:.9rem}}._container_1cif2_1{color:#fff;scrollbar-width:none;border:2px solid #fff;border-radius:12px;min-width:155px;max-width:230px;max-height:70vh;margin:20px 10px;overflow:auto}._head_1cif2_13{color:#009597;background-color:#ffffffca;flex-direction:column;justify-content:center;width:100%;height:48px;padding:0 10px;display:flex;position:sticky;top:0}._head1_1cif2_26{top:0}._head2_1cif2_30{top:48px}._head3_1cif2_34{top:96px}._title_1cif2_38{margin:0;padding:0;font-size:1.4rem}._line_1cif2_44{background-color:#00ad82;width:100%;height:2px}._creatures_1cif2_50{flex-wrap:wrap;justify-content:space-evenly;display:flex}@media (orientation:portrait){._container_1cif2_1{max-width:100%;max-height:100%}._head_1cif2_13{height:32px;padding:5px}._head2_1cif2_30{top:31px}._head3_1cif2_34{top:62px}._title_1cif2_38{font-size:1.3rem}}._container_3mtm3_1{aspect-ratio:1;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;width:45%;margin:5px 1%;padding:5px 1%;transition:all .15s ease-in-out;display:flex}._container_3mtm3_1 svg{aspect-ratio:1;fill:#fff;width:75%}._container_3mtm3_1:hover{background-color:#ffffff23;border-radius:12px}._name_3mtm3_25{text-align:center;height:33px;line-height:120%}@media (orientation:portrait){._container_3mtm3_1{width:clamp(60px,12vw,200px);font-size:.9rem}}._container_1l2ea_1{color:#fff;scrollbar-width:none;border:2px solid #fff;border-radius:12px;min-width:155px;max-width:230px;max-height:70vh;margin:20px 10px;overflow:auto}._head_1l2ea_13{color:#009597;background-color:#ffffffca;flex-direction:column;width:100%;height:66px;padding:3px 10px;display:flex;position:sticky;top:0}._top_1l2ea_25{flex-grow:1;justify-content:space-between;align-items:end;display:flex}._top_1l2ea_25 svg{aspect-ratio:1;stroke:#009597;cursor:pointer;width:10%;margin-bottom:15%}._title_1l2ea_40{width:85%;font-size:1.5rem;line-height:100%}._line_1l2ea_46{background-color:#00ad82;width:100%;height:2px;margin-bottom:2px}._info_1l2ea_53{padding:5px}._data_1l2ea_57{padding:5px 0;font-size:1.1rem}._health_1l2ea_62{justify-content:space-around;padding-top:10px;display:flex}._high_1l2ea_68{color:red}._low_1l2ea_72{color:#00b7ff}._healthy_1l2ea_76{color:#00ec00}@media (orientation:portrait){._container_1l2ea_1{max-width:100%;height:100%;max-height:none}._head_1l2ea_13{height:35px}._title_1l2ea_40{font-size:1.3rem}._top_1l2ea_25{flex-direction:row;align-items:baseline;height:100%}._top_1l2ea_25 svg{width:fit-content;height:80%}}._container_ngxvu_1{flex-direction:column;flex-grow:1;justify-content:center;padding-bottom:10%;display:flex}._title_ngxvu_9{text-align:center;color:#fff;padding-bottom:4%;font-size:2.2rem;font-weight:300}._options_ngxvu_17{justify-content:center;align-items:center;width:100%;display:flex}._imgOption_ngxvu_24{object-fit:contain;cursor:pointer;height:32vh;margin:0 12px;padding:12px 20px;transition:all .3s ease-in-out}._imgOption_ngxvu_24:hover{background-color:#ffffff23;border-radius:12px}@media (orientation:portrait){._title_ngxvu_9{font-size:1.8rem}._options_ngxvu_17{height:fit-content}._imgOption_ngxvu_24{height:12vh}}._container_1v97a_1{flex-direction:column;justify-content:center;align-items:center;display:flex}._head_1v97a_8{text-align:center;color:#fff;margin-top:30px;font-size:2.4rem}._options_1v97a_15{justify-content:center;width:100%;display:flex}._singleOption_1v97a_21{aspect-ratio:1;color:#fff;text-align:center;cursor:pointer;flex-direction:column;align-items:center;width:20%;margin:18px 12px 0;transition:all .2s ease-in-out;display:flex}._singleOption_1v97a_21 svg{fill:#fff;width:90%}._type_1v97a_40{font-size:1.9rem}._activeType_1v97a_44,._singleOption_1v97a_21:hover{background-color:#ffffff23;border-radius:12px}._sizeContainer_1v97a_54{justify-content:space-evenly;width:60%;padding:20px;display:flex}._size_1v97a_54{color:#fff;cursor:pointer;padding:12px;font-size:1.8rem;transition:all .2s ease-in-out}._size_1v97a_54:hover,._activeSize_1v97a_74{background-color:#ffffff23;border-radius:12px}._continue_1v97a_79{color:#fff;cursor:pointer;background-color:#ffffff23;border-radius:12px;padding:12px 24px;font-size:2rem;transition:all .2s ease-in-out}._continue_1v97a_79:hover{background-color:#5acaa75d}@media (orientation:portrait){._container_1v97a_1{flex-grow:1}._head_1v97a_8{font-size:1.8rem}._sizeContainer_1v97a_54{width:100%}._type_1v97a_40{font-size:1.4rem}._size_1v97a_54{font-size:1.3rem}}*{box-sizing:border-box;font-family:Zain,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}html,body{margin:0}._container_1hx1o_13{background:linear-gradient(23deg,#10572e,#5cd5d9);flex-direction:column;width:100vw;height:100vh;display:flex}@media (orientation:portrait){._container_1hx1o_13{scrollbar-width:none;overflow:scroll}}