@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";.button{border-radius:25px;display:flex;justify-content:center;align-items:center;gap:10px;font-weight:600;transition:all .2s ease;text-rendering:optimizeLegibility}.button.primary{padding:0 20px;border:none;background:linear-gradient(360deg,#50c9ce,#80d8db);color:#faf4e6}.button.secondary{padding:0 20px;border:none;background:linear-gradient(360deg,#ffba6d,#ffc687);color:#faf4e6}.button.outline-dark{padding:0 20px;background-color:transparent;border:2px solid #505050;color:#505050}.button.outline-light{padding:0 20px;background-color:transparent;border:2px solid #faf4e6;color:#faf4e6}.button.inline-dark{background-color:transparent;border:none;color:#505050}.button.inline-light{background-color:transparent;border:none;color:#faf4e6}.button.md{font-size:12px;height:30px}.button.md svg{width:22px;height:22px}.button.lg{font-size:16px;height:50px}.button.lg svg{width:24px;height:24px}.button:hover{cursor:pointer;filter:brightness(.98);transform:scale(1.02)}.button:disabled{cursor:not-allowed;opacity:.6}.button-loading-icon{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.search-container{display:flex;width:100%}.search-container.sm{height:30px;min-width:295px}.search-container.sm .search-button-icon{height:22px;width:22px}.search-container.md{height:45px}.search-container.md .search-button-icon{height:24px;width:24px}.search-container.lg{height:50px}.search-container.lg .search-input{font-size:18px}.search-container.lg .search-button-icon{height:26px;width:26px}.search-input{vertical-align:middle;font-size:12px;font-family:Poppins;border:none;border-radius:20px;background:#faf4e6;color:#505050;border:2px rgba(80,80,80,.1) solid;text-align:center;width:100%;cursor:pointer;z-index:50;height:inherit}.search-submit{height:2.8rem;border:none;border-radius:20px;min-width:50px;cursor:pointer;margin-left:.5em;position:relative;height:inherit;transition:all .1s ease}.search-submit.orange{background:linear-gradient(180deg,rgba(255,255,255,.5) -126.58%,rgba(255,255,255,0) 100%),#ff9b3f}.search-submit.orange .search-button-icon{color:#ffd6ba;stroke:#ffd6ba}.search-submit.blue{background:linear-gradient(360deg,#50c9ce,#80d8db);box-shadow:none}.search-submit.blue .search-button-icon{color:#faf4e6;stroke:#faf4e6}.search-submit.expanded{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:0}.search-submit.expanded:before{content:"";position:absolute;right:100%;top:0;height:100%;width:0%;background:linear-gradient(180deg,rgba(255,255,255,.5) -126.58%,rgba(255,255,255,0) 100%),#ff9b3f;animation-name:expand-button;animation-delay:.05s;animation-duration:.1s;animation-fill-mode:forwards}.search-button-icon{margin-top:2px;color:#ffd6ba;stroke:#ffd6ba;transition:scale .2s ease}.home-trending-empty{display:flex;align-items:center;justify-content:center;color:#999;font-size:15px}.home-trending-container{display:flex;flex-direction:column;gap:20px;width:100%;height:100%;position:relative}.home-trending-card{position:absolute;width:280px;background:white;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000001f;cursor:pointer;transition:all .2s ease;animation:scroll linear infinite;top:calc(90vh + 10px);left:0}.home-trending-card:hover{transform:scale(1.03)!important;box-shadow:0 6px 20px #0000002e}.home-trending-card.first{animation-duration:80s;animation-delay:-60s;left:10%;transform:scale(.95)}.home-trending-card.second{z-index:1;animation-duration:57s;animation-delay:-22s;left:30%;transform:scale(1.05)}.home-trending-card.third{z-index:1;animation-duration:57s;animation-delay:0s;left:50%;transform:scale(1.05)}.home-trending-card.fourth{animation-duration:80s;animation-delay:-45s;left:70%;transform:scale(.95)}.home-trending-card.fifth{animation-duration:80s;animation-delay:-10s;left:5%;transform:scale(.95)}.home-trending-card.sixth{z-index:1;animation-duration:57s;animation-delay:20s;left:60%;transform:scale(1.05)}.home-trending-card-img{width:100%;height:120px;object-fit:cover}.home-trending-card-placeholder{width:100%;height:120px;background:linear-gradient(135deg,#50c9ce,#ffba6d)}.home-trending-card-body{padding:12px 14px;text-align:left}.home-trending-card-body h3{margin:0 0 4px;font-size:13px;font-weight:600;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-trending-card-body p{margin:0;font-size:11px;color:#777;line-height:1.4}.home-trending-card-tag{display:inline-block;padding:2px 8px;border-radius:10px;background:#faeeda;color:#505050;font-size:10px;font-weight:500;margin-bottom:6px}.home-trending-card-stats{display:flex;gap:10px;margin-top:8px;font-size:11px;color:#999}.home-trending-card-stats span{display:flex;align-items:center;gap:3px}@media screen and (max-width: 768px){.home-trending-card{top:0;left:-280px!important;animation:horizontal-scroll linear infinite}.home-trending-card.first{top:10%;transform:scale(.65)}.home-trending-card.second{top:30%;transform:scale(.75)}.home-trending-card.third{top:50%;transform:scale(.75)}.home-trending-card.fourth{top:70%;transform:scale(.65)}.home-trending-card.fifth{top:5%;transform:scale(.65)}.home-trending-card.sixth{top:60%;transform:scale(.75)}}.home-tank-steps{display:flex;background:#ffba6d;justify-content:space-between;align-items:center;padding:100px 120px;gap:50px;text-align:start;position:relative;z-index:100;box-shadow:0 -4px 6px -1px #0000001a,0 -2px 4px -2px #0000001a,0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.home-tank-steps h2,.home-tank-steps p{margin:0}.home-tank-step{display:flex;flex-direction:column;gap:15px;opacity:0;transform:translate(-50%);animation:slide .5s ease-in-out forwards}.home-tank-step-title{display:flex;align-items:center;gap:12px}.home-tank-step-title h2{font-weight:600}.home-tank-step-number{opacity:.6}.home-tank-step-description{padding:10px 0;line-height:2}.home-tank-step-link{width:min-content;white-space:nowrap;display:flex;align-items:center;gap:10px;color:inherit;transition:all .2s ease}.home-tank-step-link p{border-bottom:2px dotted}.home-tank-step-link:hover{scale:1.025}@keyframes slide{0%{opacity:0;transform:translate(-50%)}to{opacity:1;transform:translate(0)}}@media screen and (max-width: 768px){.home-tank-steps{flex-direction:column;padding:50px 40px;gap:50px}}.loading-text.bold{font-weight:600}.loading-text.primary-loading{color:#faf4e6}.loading-text.secondary-loading{color:#505050}.loading-text.tertiary-loading{color:#ffba6d}.fish-card-browse{margin:5% auto;width:350px;background:#ffba6d;border-radius:30px;box-shadow:#50505040 0 5px 8px;align-self:center;color:#faf4e6;transition:all .2s ease-in-out;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;gap:25px;padding-bottom:15px}.fish-card-browse.selected{outline:#50c9ce solid 5px}.fish-card-browse.mini{margin-top:0;margin-bottom:0;gap:20px;width:250px}.fish-card-browse.mini h1{font-size:20px}.fish-card-browse.mini h2{font-size:16px}.fish-card-browse.mini p{font-size:12px}.fish-card-browse.mini .fish-card-pic{height:200px}.fish-card-browse.mini .fish-card-info{margin:0 25px}.fish-card-browse.mini .fish-pic-loading-fallback,.fish-card-browse.mini .fish-pic-fallback{height:200px}.fish-pic-loading-fallback{margin-bottom:0;background:#faeeda;border-radius:30px 30px 0 0;width:100%;height:275px;display:flex;justify-content:center;align-items:center}.fish-pic-fallback{margin-bottom:0;background:#faeeda;border-radius:30px 30px 0 0;width:100%;height:275px;display:flex;justify-content:center;align-items:center;color:#ffba6d}.fish-pic-fallback svg{width:65px}.fish-card-browse:hover{transform:scale(1.01)}.fish-card-pic{width:100%;height:275px;object-fit:cover;margin-bottom:0}.fish-card-names{cursor:pointer}.name{margin-top:0;margin-bottom:0;font-size:26px}.sci-name{margin-top:0;margin-bottom:0;font-weight:500;font-size:20px;opacity:.8}.fish-info-divider{margin:auto;width:2px;height:30px;border-radius:50px;background:#faf4e6;opacity:.2}.fish-card-info{display:flex;justify-content:space-between;margin:0 40px;border-radius:20px;font-weight:500;align-items:center}.fish-card-info p{margin:0}.fish-card-care-level{position:relative;border-radius:30px;display:flex;flex-direction:column;justify-content:center;padding-left:20px}.fish-card-care-level:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:8px;height:20px;border-radius:50px}.fish-card-care-level.beginner{margin-right:10px}.fish-card-care-level.beginner:before{background-color:#7be22a}.fish-card-care-level.intermediate:before{background-color:#fcd834}.fish-card-care-level.difficult{margin-right:10px}.fish-card-care-level.difficult:before{background-color:#ff3434}.size-header{font-size:17px;font-weight:600;margin-top:0;margin-bottom:0;color:#fff}.fish-size{font-size:24px;margin-top:0;margin-bottom:0}.care-header{font-size:16px;font-weight:600;margin-top:0;margin-bottom:0;color:#fff}.fish-care{font-size:20px;margin-top:5px;margin-bottom:0}.globe-loading-fallback{display:flex;flex-direction:column;justify-content:center;align-items:center}.header{display:flex;justify-content:space-between;align-items:center;width:100%}.header-text{display:flex;flex-direction:column;position:relative;margin-left:30px;gap:0;align-items:start}.header-text p{margin:0;font-size:16px}.header-text:before{content:"";position:absolute;left:-30px;top:50%;transform:translateY(-50%);width:10px;height:80%;border-radius:30px;background-color:#ffba6d}.header-text.primary{color:#505050}.header-text.primary p{color:#505050bf}.header-text.secondary{color:#faf4e6}.header-text.secondary p{color:#faf4e6bf}.header-text h1,.header-text h2,.header-text h3{margin:0}.header-actions{display:flex;gap:20px}@media screen and (max-width: 768px){.header-text h1{font-size:24px}.header-text h2{font-size:18px}.header-text h3{font-size:16px}}.home-entry{height:calc(100vh - 70px);color:#505050;display:grid;grid-template-columns:55% 45%;align-items:center;width:90%;margin:auto}.home-entry-text{width:80%;display:flex;flex-direction:column;gap:25px;margin:auto;align-items:center;justify-content:center}.home-entry-text h1{margin:0}.home-entry-text p{margin:0;font-size:18px;line-height:2;font-weight:500;opacity:.8}.home-entry-img{width:100%;height:400px;position:relative;display:flex;align-items:center;justify-content:center}.home-entry-img img{width:500px;height:400px;animation:borders ease-in-out infinite;animation-duration:30s;animation-delay:-7s}.home-entry-img div{width:500px;height:400px;background:#ffba6d;position:absolute;top:0;left:50%;transform:translate(-50%);z-index:-1;animation:borders 30s ease-in-out infinite}.home-search{position:relative;z-index:100;min-height:90vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;background:#ffba6d;box-shadow:0 -4px 6px -1px #0000001a,0 -2px 4px -2px #0000001a,0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.home-search-text{width:60%;margin:auto;display:flex;flex-direction:column;gap:40px;color:#faf4e6}.home-search-text h1{margin:0}.home-search-text p{margin:0;font-size:18px;font-weight:500;line-height:2}.home-search-img{width:100%;height:60vh;object-fit:cover;border-radius:0 20px 20px 0;object-position:right center;animation:slide-in 1s ease-in-out}.home-articles{height:90vh;width:100%;display:grid;grid-template-columns:45% 55%;overflow:hidden;color:#505050;margin:auto}.home-articles-text{width:80%;display:flex;flex-direction:column;gap:25px;margin:auto;align-items:center;justify-content:center}.home-articles-text h1{margin:0}.home-articles-text p{margin:0;font-size:18px;line-height:2;font-weight:500;opacity:.8}.home-articles-button{background:none;border:none}.home-articles-button svg{width:24px;stroke:#505050;stroke-width:2px}.floating-articles-container{display:flex;flex-direction:column;gap:20px;width:100%;height:100%;position:relative}.floating-article{transition:all .5s ease;top:calc(90vh + 10px);left:0;position:absolute;width:300px;animation:scroll linear infinite}.floating-article:hover .article-link{rotate:1.5deg}.floating-article .article-link{box-shadow:0 4px 4px #00000040;transition:all .2s ease}.floating-article.first{animation-duration:80s;animation-delay:-60s;left:10%}.floating-article.first .article-link{transform:scale(.95)}.floating-article.second{z-index:1;animation-duration:57s;animation-delay:-22s;left:30%}.floating-article.second .article-link{transform:scale(1.05)}.floating-article.third{z-index:1;animation-duration:57s;animation-delay:0;left:50%}.floating-article.third .article-link{transform:scale(1.05)}.floating-article.fourth{animation-duration:80s;animation-delay:-45s;left:70%}.floating-article.fourth .article-link{transform:scale(.95)}.floating-article.fifth{animation-duration:80s;animation-delay:-10s;left:5%}.floating-article.fifth .article-link{transform:scale(.95)}.floating-article.sixth{z-index:1;animation-duration:57s;animation-delay:20s;left:60%}.floating-article.sixth .article-link{transform:scale(1.05)}.home-daily-fish-container{height:90vh;width:80%;color:#505050;margin:auto;display:flex;flex-direction:column;justify-content:center;gap:15px}.home-daily-fish{display:grid;grid-template-columns:calc(37% - 40px) 63%;column-gap:40px;overflow:hidden;justify-content:center;align-items:center}.home-daily-fish .fish-card-browse{scale:.9}.home-fish-card{overflow:visible;transition:.1s ease}.home-fish-card:hover{rotate:1deg}.daily-fish-habitat-info,.daily-fish-info{display:flex;flex-direction:column;gap:30px}.daily-fish-facts{display:grid;grid-template-columns:repeat(3,33%);height:80px;justify-content:center;align-items:center}.daily-fish-fact{display:flex;flex-direction:column;gap:20px;justify-content:center;align-items:center}.daily-fish-fact p{margin:0}.fact-header{font-size:16px;display:flex;align-items:center;gap:15px;opacity:.8;margin-right:20px}.fact-header svg{width:24px;height:24px}.fact-info{font-size:24px;font-weight:600;margin-bottom:0}.daily-fish-habitat{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"globe distribution" "globe habitat" "globe habitat";gap:30px;align-items:center;justify-content:center}.daily-fish-globe{grid-area:globe}.distribution{grid-area:distribution}.habitat{grid-area:habitat}.daily-fish-globe{display:flex;align-items:center;justify-content:center}.daily-fish-section{display:flex;flex-direction:column;gap:15px;font-size:16px}.daily-fish-section p{margin:0;text-align:start}.fact-info-long{font-size:16px}.fact-info-long.habitat{max-height:160px;line-height:40px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}@keyframes borders{0%{border-radius:13% 87% 43% 57%/21% 35% 65% 79%}33%{border-radius:78% 22% 29% 71%/50% 18% 82% 50%}66%{border-radius:38% 62% 70% 30%/70% 41% 59% 30%}to{border-radius:13% 87% 43% 57%/21% 35% 65% 79%}}@keyframes scroll{0%{transform:translateY(0)}to{transform:translateY(calc(-90vh - 220px))}}@keyframes horizontal-scroll{0%{transform:translate(0)}to{transform:translate(calc(100vw + 300px))}}@keyframes slide-in{0%{transform:translate(-100%)}to{transform:translate(0)}}@media screen and (max-width: 768px){.origin-info{display:flex;flex-direction:column;gap:30px}.home-daily-fish .fish-card-browse{scale:.95}.home-daily-fish{display:flex;flex-direction:column;gap:25px}.home-daily-fish-container{height:unset;width:90%;margin:40px auto;gap:unset}.daily-fish-habitat{display:grid;grid-template-columns:1fr;grid-template-areas:"globe" "distribution" "habitat"}.fact-header{font-size:14px;margin-right:0;gap:5px}.fact-header svg{width:18px;height:18px}.fact-info{font-size:18px}.home-search{display:flex;flex-direction:column;gap:40px;padding:50px 0}.home-search-img{height:300px;width:90%;display:flex;justify-self:start}.home-search-text{width:90%}.home-entry{display:flex;flex-direction:column}.home-entry-text{width:90%;margin:0;padding:50px 0}.home-articles{display:flex;flex-direction:column;margin-top:50px}.floating-article{top:0;left:-300px!important;animation:horizontal-scroll linear infinite}.floating-article.first{top:10%}.floating-article.first .article-link{transform:scale(.65)}.floating-article.second{top:30%}.floating-article.second .article-link{transform:scale(.75)}.floating-article.third{top:50%}.floating-article.third .article-link{transform:scale(.75)}.floating-article.fourth{top:70%}.floating-article.fourth .article-link{transform:scale(.65)}.floating-article.fifth{top:5%}.floating-article.fifth .article-link{transform:scale(.65)}.floating-article.sixth{top:60%}.floating-article.sixth .article-link{transform:scale(.75)}}.loading-page{height:calc(100vh - 70px);display:flex;justify-content:center;align-items:center;color:#505050}.filter-button{background:linear-gradient(179.58deg,rgba(255,255,255,.525) -43.81%,rgba(255,255,255,.075) 99.63%),#50c9ce;border:none;border-radius:20px;display:flex;min-width:50px;max-width:50px;align-items:center;justify-content:center;margin-right:.5em;transition:background ease-in-out .1s ease;transition:all .1s ease;height:45px;cursor:pointer}.filter-button.expanded{border-top-right-radius:0;border-bottom-right-radius:0;margin-right:0;position:relative}.filter-button.expanded:before{content:"";position:absolute;left:100%;height:100%;width:0%;background:linear-gradient(179.58deg,rgba(255,255,255,.525) -43.81%,rgba(255,255,255,.075) 99.63%),#50c9ce;animation-name:expand-button;animation-delay:.05s;animation-duration:.1s;animation-fill-mode:forwards}.filter-button-icon{width:70%;height:2.5rem;color:#c3ecee;stroke-width:1.3px;stroke:#c3ecee;transition:scale .2s ease-in-out}@keyframes expand-button{0%{width:0%}to{width:35%}}.add-button{border:none;border-radius:25px;width:55px;height:45px;display:flex;justify-content:center;align-items:center;background:linear-gradient(165.41deg,rgba(255,255,255,.525) -19.95%,rgba(255,255,255,.075) 98.98%),#7be22a;transition:all .3s ease}.add-button svg{width:60%;height:60%;stroke-width:1.4px;color:#d4fbb7;stroke:#d4fbb7;transition:scale .3s ease}.add-button:hover{cursor:pointer;filter:brightness(.98);transform:scale(1.02)}.add-button:disabled{cursor:not-allowed;opacity:.6}.add-button.disabled{background:linear-gradient(165.41deg,rgba(255,255,255,.525) -19.95%,rgba(255,255,255,.075) 98.98%),#b9b9b9}.add-button.disabled svg{color:#fff;stroke:#fff}.select-input{border:none;width:100%;height:100%;border-radius:25px;text-align:center;color:#747474;font-size:16px;min-height:auto;display:flex;box-shadow:0 2px #d4d4d4;height:45px}.select-input.primary{background:#f1f1f1}.select-input.secondary{background:linear-gradient(165.41deg,rgba(255,255,255,.525) -19.95%,rgba(255,255,255,.075) 98.98%),#e4e4e4;color:#505050}.select-input.outlined{background:#faf4e6;border:2px rgba(80,80,80,.1) solid;box-shadow:none}.select-input.outlined:focus{outline:none;border:2px solid #ffba6d}.select-input[disabled]{opacity:.6;cursor:not-allowed}.number-input{height:45px;vertical-align:start;font-size:16px;border:none;border-radius:25px;text-align:center;cursor:pointer;width:100%;padding:3% 20px;background:#f1f1f1;color:#505050}.number-input.primary-input{background:#faf4e6;border:2px rgba(80,80,80,.1) solid}.number-input.primary-input:focus{outline:none;border:2px solid #ffba6d}.number-input.secondary-input{background:#f1f1f1;box-shadow:0 2px #d3d3d3}.number-input.outlined{background:#faf4e6;border:2px rgba(80,80,80,.1) solid;box-shadow:none}.number-input.outlined:focus{outline:none;border:2px solid #ffba6d}.number-input[disabled]{opacity:.6;cursor:not-allowed}.filter-bar{width:100%;transition:all ease-in-out .2s;display:grid;height:0;justify-content:space-between;visibility:hidden;opacity:0;grid-template-columns:35% 10% 35% 10%;justify-items:center}.filter-bar.expanded{height:65px;visibility:visible;opacity:100%}@media screen and (max-width: 768px){.filter-bar{grid-template-columns:33% 15% 33% 15%;align-items:center}}.filter-token-container{display:flex;width:100%;margin-top:1%;height:0}.filter-token-container.open{animation:container-dropdown .3s ease forwards}.filter-token-container.close{animation:container-dropup .3s ease forwards}.filter-token{border-radius:50px;margin-right:2%;padding:1% 1% 1% 2%;max-width:40%;display:flex;justify-content:space-between;align-items:center;animation:dropdown .2s ease forwards;margin-bottom:1.5px}.filter-token.close{animation:zipup .2s ease forwards}.filter-token.equal{background:linear-gradient(180.72deg,rgba(255,255,255,.525) -100.2%,rgba(255,255,255,.075) 110.95%),#7be22a;box-shadow:0 1.5px #77d32b}.filter-token.not-equal{background:linear-gradient(180.72deg,rgba(255,255,255,.525) -100.2%,rgba(255,255,255,.075) 110.95%),#50c9ce;box-shadow:0 1.5px #30adb3}.filter-token.compare{background:linear-gradient(180.72deg,rgba(255,255,255,.525) -100.2%,rgba(255,255,255,.075) 110.95%),#ca9ce1;box-shadow:0 1.5px #ce82f4}.filter-token p{font-size:14px;margin:0;padding:0;vertical-align:center;white-space:nowrap}.remove-token{width:20%;border:none;background:none;display:flex;justify-content:center;align-items:center}.remove-token-icon{width:16px;stroke:#fff;stroke-width:1.2px;color:#fff;transition:scale .2s ease}.remove-token-icon:hover{scale:1.15}@keyframes container-dropdown{0%{height:0}to{height:35px}}@keyframes container-dropup{0%{height:35px}to{height:0}}@keyframes dropdown{0%{opacity:0;visibility:hidden;transform:translateY(-100%)}to{opacity:1;visibility:visible;transform:translateY(0)}}@keyframes zipup{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(-100%)}}.search-filter-bar-container{width:45%;margin:3% auto auto;height:100%}.search-filter-container{border-radius:20px;height:0%;transition:all .2s ease}.search-filter-container.expanded{height:100%;background-color:#faeeda}.search-bar-container{margin:auto;width:100%;display:flex}@media screen and (max-width: 768px){.search-filter-bar-container{width:92%;margin:3% auto auto;height:100%}}.select-count{position:fixed;bottom:20px;background-color:#50c9ce;border-radius:50px;left:50%;transform:translate(-50%);height:50px;color:#faf4e6;display:flex;flex-direction:row;align-items:center;white-space:nowrap;gap:15px;padding:0 25px}.select-count h3{margin:0;font-size:18px;font-weight:500}.select-count-buttons{display:flex;gap:8px}.select-count-buttons button{background:none;border:none;color:inherit;display:flex;align-items:center;padding:0}.select-count-buttons button svg{width:30px;height:30px}.select-count-buttons .select-cancel svg{width:20px;height:20px;stroke:#faf4e6;stroke-width:1px}.fishCardGrid{display:grid;grid-template-columns:1fr 1fr 1fr;margin-left:100px;margin-right:100px;align-items:center}.browseContainer{margin-bottom:3%}.moreFish{border:none;background:linear-gradient(180deg,rgba(255,255,255,.35) 0%,rgba(255,255,255,.05) 100%),#50c9ce;box-shadow:0 2px 2px #30adb3;border-radius:30px;font-family:Poppins,sans-serif;font-size:20px;font-weight:600;color:#fff;margin-top:2%;margin-bottom:3%;padding:1.5%;transition:all .2s ease-in-out}.moreFish:hover{background:linear-gradient(180deg,rgba(255,255,255,.35) 0%,rgba(255,255,255,.05) 100%),#6cd4d8;box-shadow:0 2px 2px #6cd4d8;transform:scale(1.2)}.no-search-results-fallback{color:#505050;height:60vh;display:flex;flex-direction:column;justify-content:center;margin-bottom:17vh;gap:15}.no-search-results-fallback h2{margin:0}.no-search-results-fallback p{margin:0;opacity:.8}@media screen and (max-width: 1300px){.fishCardGrid{grid-template-columns:1fr 1fr}}@media screen and (max-width: 968px){.fishCardGrid{display:block;margin:auto}}@media screen and (max-width: 768px){.browseContainer{margin-bottom:30%}}@media screen and (max-width: 520px){.browseContainer{margin-bottom:50%}}.switch{position:relative;display:inline-block;width:55px;min-width:55px;height:28px}.switch.green input:checked+.slider{background-color:#96e856}.switch.green input:focus+.slider{box-shadow:0 0 1px #96e856}.switch.blue input:checked+.slider{background-color:#50c9ce}.switch.blue input:focus+.slider{box-shadow:0 0 1px #50c9ce}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s}.slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;top:3px;background-color:#fff;transition:.4s}input:checked+.slider:before{transform:translate(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.hover-container{position:relative;height:max-content!important;width:min-content!important}.hover-tooltip{position:absolute;transform:translate(-50%,-50%);top:50%;right:50%;visibility:hidden;opacity:0;transition:all .2s ease}.hover-tooltip.show{visibility:visible;opacity:1;filter:drop-shadow(0px 3px 3px rgba(0,0,0,.1))}.hover-content{background-color:#faf4e6;position:absolute;border-radius:10px;font-size:14px;font-family:sans-serif;line-height:1;white-space:nowrap;height:auto!important;color:#696969;font-family:inherit;padding:6px 10px}.hover-content:before{content:"";left:50%;height:0;width:0;position:absolute;pointer-events:none;border-width:6px;margin-left:-6px}.hover-content.left{top:50%;transform:translate(0) translateY(-50%)}.hover-content.left:before{border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid #faf4e6;left:auto;right:-7.2px;top:50%;transform:translate(0) translateY(-50%)}.hover-content.right{top:50%;transform:translate(0) translateY(-50%)}.hover-content.right:before{border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #faf4e6;left:-1.2px;top:50%;transform:translate(0) translateY(-50%)}.hover-content.top{left:50%;transform:translate(-50%) translateY(-4px)}.hover-content.top:before{top:100%;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #faf4e6}.hover-content.bottom{left:50%;transform:translateY(4px) translate(-50%)}.hover-content.bottom:before{bottom:100%;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #faf4e6}.tank-calculator{margin:40px auto;width:50%;min-width:700px;color:#faf4e6;display:flex;flex-direction:column}.tank-size-header{margin-bottom:10px}.input-container{display:grid;grid-template-columns:50% 43%;column-gap:7%;row-gap:25px;grid-template-areas:"select select" "tankpic input" "tankpic input" "substrate input" "output output";width:100%;padding:40px 60px;background-color:#ffba6d;border-radius:50px}.input-container.cube{grid-template-areas:"select select" "tankpic input" "tankpic substrate" "output output"}.input-container.cube .dimension-inputs{justify-content:center;margin-top:15px}.input-container.cube .substrate-input-container{align-self:center;margin-bottom:15px}.input-container.bowfront .calculate-button{margin-top:10px}.input-container.rectangular .dimension-inputs{margin-top:30px;margin-bottom:30px}.input-container.rectangular .calculate-button{margin-top:15px}.input-container.cylinder{grid-template-rows:min-content 1fr min-content min-content;grid-template-areas:"select select" "tankpic input" "tankpic substrate" "output output"}.input-container.cylinder .dimension-inputs{justify-content:space-evenly;gap:25px}.tank-properties-select{grid-area:select;display:flex;justify-content:space-between;gap:20px}.tank-properties-select div{display:flex;gap:10px;text-align:start;flex-direction:column;width:100%}.select-header{margin:0}.property-select{border:none;background-color:#faf4e6;border-radius:30px;padding:0 20px;height:40px;color:#505050;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%;background-image:url(./dropdown-icon-92a24074.svg);background-repeat:no-repeat;background-position:calc(100% - 10px) center;background-size:24px 24px}.calculator-tank-pic{grid-area:tankpic;width:100%;height:250px;object-fit:contain;display:flex;justify-self:center;align-self:center}.dimension-inputs{grid-area:input;text-align:start;justify-content:space-between}.dimension-input-container{text-align:start}.dimension-input-label{margin:0}.dimension-input{display:flex;height:40px;align-items:center;width:100%;position:relative}.dimension-input input{width:100%;height:inherit;border:none;background-color:#faf4e6;border-radius:30px 20px 20px 30px;padding:0 15px;position:relative;z-index:1;color:#505050}.dimension-input h3{background-color:#50c9ce;height:inherit;padding-left:15px;padding-right:20px;display:flex;align-items:center;border-radius:0 20px 20px 0;position:relative;z-index:0}.dimension-input h3:before{content:"";display:block;position:absolute;left:-20px;top:0;bottom:0;width:20px;background-color:#50c9ce;z-index:-1}.substrate-input-container{grid-area:substrate;width:100%;text-align:start}.substrate-input-container h4{margin:0}.substrate-toggle-input{display:flex;align-items:center;gap:20px;text-align:start;width:100%}.substrate-input{display:flex;height:40px;align-items:center;width:100%;position:relative}.substrate-input input{width:100%;height:inherit;border:none;background-color:#faf4e6;border-radius:30px 20px 20px 30px;padding:0 15px;position:relative;z-index:1;color:#505050}.substrate-input h3{background-color:#50c9ce;height:inherit;padding-left:15px;padding-right:20px;display:flex;align-items:center;border-radius:0 20px 20px 0;position:relative;z-index:0}.substrate-input h3:before{content:"";display:block;position:absolute;left:-20px;top:0;bottom:0;width:20px;background-color:#50c9ce;z-index:-1}.substrate-input input:disabled{background-color:#ffddb6;color:#a5a29b}.substrate-input input:disabled+h3{background-color:#96c3a7;color:#ffddb6}.substrate-input input:disabled+h3:before{background-color:#96c3a7}.substrate-input h3{transition:all .3s ease}.size-result-container{grid-area:output;text-align:start;width:min-content;margin:auto}.size-header{margin:0}.size-result-display{display:flex;align-items:center;height:inherit;height:60px}.size-result-display button{padding:0 20px;white-space:nowrap;border:none;background-color:#50c9ce;border-radius:0 30px 30px 0;height:60px;color:#faf4e6;font-weight:700;font-size:16px;margin:0;position:relative;z-index:0;display:flex;align-items:center}.size-result-display button svg{width:26px;height:26px;stroke-width:2px;margin-right:5px}.size-result-display button:hover{cursor:pointer}.size-result-display button:before{content:"";display:block;position:absolute;left:-20px;top:0;bottom:0;width:20px;background-color:#50c9ce;z-index:-1}.size-result-text{background-color:#faf4e6;border-radius:30px 20px 20px 30px;color:#505050;z-index:1;height:inherit;padding:0 30px;display:flex;flex-direction:column;justify-content:center;white-space:nowrap}.size-result-text h3{display:flex;align-items:center;white-space:nowrap;margin:0}.size-result-text p{margin:0;font-size:12px;color:#747474}.calculate-button{height:60px;padding:0 20px;white-space:nowrap;border:none;background-color:#50c9ce;border-radius:30px;color:#faf4e6;font-weight:700;font-size:16px;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s ease}.calculate-button svg{width:24px;height:24px}.calculate-button:hover{cursor:pointer}.calculate-button:disabled{opacity:.7;cursor:not-allowed}.tank-calculator,.dimension-inputs,.dimension-input-container,.substrate-input-container,.size-result-container{display:flex;flex-direction:column;gap:10px}@media screen and (max-width: 768px){.tank-calculator{width:95%;min-width:0;max-width:100%;gap:25px}.input-container{display:flex;flex-direction:column;padding:30px;row-gap:0;border-radius:30px}.tank-properties-select{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}.tank-properties-select div:first-child{grid-column:1/3}.size-result-container{margin-top:25px}.tank-size-header{width:95%;margin:auto}}.tank-card{background-color:#ffba6d;border-radius:30px;display:grid;width:100%;transition:all .2s ease-in-out;grid-template-areas:"tank name actions" "tank size actions";row-gap:20px;column-gap:2.5%;grid-template-columns:30% 35% 30%;padding:10px}.tank-card:hover{cursor:pointer;transform:scale(1.01)}.tank-pic{margin:auto;width:100%;height:125px;object-fit:cover;grid-area:tank;border-radius:25px}.tank-card-pic-fallback{grid-area:tank;width:100%;height:125px;border-radius:25px;background:#ffddb6;color:#ffba6d;display:flex;align-items:center;justify-content:center}.tank-card-pic-fallback svg{width:70px;stroke-width:2px}.tank-card-name{grid-area:name;display:flex;align-items:end;font-size:20px;margin:0 0 0 15px}.tank-card-size{grid-area:size;padding:5px 25px;white-space:nowrap;width:min-content;font-weight:500;background:#ffddb6;color:#ffba6d;border-radius:25px;height:min-content;font-size:14px;display:flex;align-items:center;align-self:start;margin:0 0 0 15px}.tank-card-actions{grid-area:actions;display:flex;align-items:center;justify-content:center;gap:5px}.tank-card-actions button{cursor:pointer;border:none;background:none;color:#faf4e6}.tank-card-actions button svg{width:24px;height:24px;stroke-width:2px}@media screen and (max-width: 768px){.tank-card{grid-template-areas:"tank" "name" "size" "actions";grid-template-columns:1fr;grid-template-rows:1fr;column-gap:5%;row-gap:10px;justify-content:center;justify-items:center;align-items:center;padding-bottom:15px}.tank-card-name,.tank-card-size{margin-left:0}.tank-pic,.tank-card-pic-fallback{height:180px}}.my-tanks-container{width:55%;min-width:500px;margin:auto;display:flex;flex-direction:column;gap:35px;min-height:calc(100vh - 70px);padding:40px 0}.my-tanks-header{display:flex;justify-content:space-between;align-items:center}.my-tanks-header h1{color:#505050;text-align:start;font-weight:800;position:relative;margin-left:30px}.my-tanks-header h1:before{content:"";position:absolute;left:-30px;width:10px;height:48px;border-radius:30px;background-color:#ffba6d}.tank-list{border-radius:30px;display:flex;flex-direction:column;gap:35px}.tank-item{margin:auto;display:flex;background-color:#ff9b3f;width:100%;padding:2%;border-radius:25px}.tank-item img{width:250px;height:150px;object-fit:cover;border-radius:20px}.no-tanks{color:#505050;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;height:100%;margin:auto;padding-bottom:75px}.no-tanks p{margin:0}.no-tanks button{margin-top:5px}.no-tanks-header{font-weight:600;font-size:20px}.no-tanks-text{font-size:16px;opacity:.8}@media screen and (max-width: 768px){.my-tanks-container{width:80%;min-width:0}}.gallery-container{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:20px;z-index:102;color:#505050;animation:gallery-drop-in .3s ease}.gallery{width:50%;min-width:275px;max-width:600px;display:flex;flex-direction:column;gap:20px}.gallery-image{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;border-radius:10px;box-shadow:0 0 10px #00000080;cursor:pointer}.mini-gallery-image{width:110px;height:80px;object-fit:cover;border-radius:5px;transition:transform .1s ease-in-out}.mini-gallery-image.selected{transform:scale(1.2)}.gallery-actions{display:flex;justify-content:space-between;align-items:center}.gallery-actions div{display:flex;gap:20px}.gallery-actions p{margin:0}.gallery-background{position:fixed;backdrop-filter:blur(5px);background-color:#faf4e6;opacity:.95;top:0;left:0;width:100vw;height:100vh;z-index:101;animation:background-fade-in .3s ease}.gallery-image-select-container{position:relative}.gallery-image-select-container:before{content:"";position:absolute;top:0;left:0;width:10px;height:100%;background:linear-gradient(to right,#faf4e6,transparent);z-index:1;pointer-events:none}.gallery-image-select-container:after{content:"";position:absolute;top:0;right:0;width:10px;height:100%;background:linear-gradient(to left,#faf4e6,transparent);z-index:1;pointer-events:none}.gallery-image-select{display:flex;gap:20px;height:110px;overflow-x:auto;overflow-y:unset;align-items:center;padding-bottom:10px;-ms-overflow-style:none;scrollbar-width:none}.gallery-image-select::-webkit-scrollbar{display:none}.gallery-image-container{display:flex;align-items:center;gap:10px;position:relative;width:100%;padding-top:70%}.gallery-image-button{position:absolute;top:50%;transform:translateY(-50%)}.gallery-image-button.left{left:-50px}.gallery-image-button.right{right:-50px}.gallery-image-button:hover{transform:translateY(-50%) scale(1.02)}@keyframes gallery-drop-in{0%{transform:translateY(-5%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes background-fade-in{0%{opacity:0}to{opacity:.95}}@media screen and (max-width: 768px){.gallery{min-width:85%}.gallery-image-button.left{left:-35px}.gallery-image-button.right{right:-35px}}.selected-events-header{display:flex;align-items:center;gap:8px}.rbc-btn{color:inherit;font:inherit;margin:0}button.rbc-btn{overflow:visible;text-transform:none;-webkit-appearance:button;cursor:pointer}button[disabled].rbc-btn{cursor:not-allowed}button.rbc-input::-moz-focus-inner{border:0;padding:0}.rbc-calendar{box-sizing:border-box;height:100%;display:flex;flex-direction:column;align-items:stretch}.rbc-calendar *,.rbc-calendar *:before,.rbc-calendar *:after{box-sizing:inherit}.rbc-abs-full,.rbc-row-bg{overflow:hidden;position:absolute;inset:0}.rbc-ellipsis,.rbc-show-more,.rbc-row-segment .rbc-event-content,.rbc-event-label{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rbc-rtl{direction:rtl}.rbc-off-range{color:#999}.rbc-off-range-bg{background:#e6e6e6}.rbc-header{overflow:hidden;flex:1 0 0%;text-overflow:ellipsis;white-space:nowrap;padding:0 3px;text-align:center;vertical-align:middle;font-weight:700;font-size:90%;min-height:0;border-bottom:1px solid #ddd}.rbc-header+.rbc-header{border-left:1px solid #ddd}.rbc-rtl .rbc-header+.rbc-header{border-left-width:0;border-right:1px solid #ddd}.rbc-header>a,.rbc-header>a:active,.rbc-header>a:visited{color:inherit;text-decoration:none}.rbc-button-link{color:inherit;background:none;margin:0;padding:0;border:none;cursor:pointer;user-select:text}.rbc-row-content{position:relative;user-select:none;-webkit-user-select:none;z-index:4}.rbc-row-content-scrollable{display:flex;flex-direction:column;height:100%}.rbc-row-content-scrollable .rbc-row-content-scroll-container{height:100%;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}.rbc-row-content-scrollable .rbc-row-content-scroll-container::-webkit-scrollbar{display:none}.rbc-today{background-color:#eaf6ff}.rbc-toolbar{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin-bottom:10px;font-size:16px}.rbc-toolbar .rbc-toolbar-label{flex-grow:1;padding:0 10px;text-align:center}.rbc-toolbar button{color:#373a3c;display:inline-block;margin:0;text-align:center;vertical-align:middle;background:none;background-image:none;border:1px solid #ccc;padding:.375rem 1rem;border-radius:4px;line-height:normal;white-space:nowrap}.rbc-toolbar button:active,.rbc-toolbar button.rbc-active{background-image:none;box-shadow:inset 0 3px 5px #00000020;background-color:#e6e6e6;border-color:#adadad}.rbc-toolbar button:active:hover,.rbc-toolbar button:active:focus,.rbc-toolbar button.rbc-active:hover,.rbc-toolbar button.rbc-active:focus{color:#373a3c;background-color:#d4d4d4;border-color:#8c8c8c}.rbc-toolbar button:focus{color:#373a3c;background-color:#e6e6e6;border-color:#adadad}.rbc-toolbar button:hover{color:#373a3c;background-color:#e6e6e6;border-color:#adadad}.rbc-btn-group{display:inline-block;white-space:nowrap}.rbc-btn-group>button:first-child:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.rbc-btn-group>button:last-child:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.rbc-rtl .rbc-btn-group>button:first-child:not(:last-child){border-radius:0 4px 4px 0}.rbc-rtl .rbc-btn-group>button:last-child:not(:first-child){border-radius:4px 0 0 4px}.rbc-btn-group>button:not(:first-child):not(:last-child){border-radius:0}.rbc-btn-group button+button{margin-left:-1px}.rbc-rtl .rbc-btn-group button+button{margin-left:0;margin-right:-1px}.rbc-btn-group+.rbc-btn-group,.rbc-btn-group+button{margin-left:10px}.rbc-event,.rbc-day-slot .rbc-background-event{border:none;box-sizing:border-box;box-shadow:none;margin:0;padding:2px 5px;background-color:#3174ad;border-radius:5px;color:#fff;cursor:pointer;width:100%;text-align:left}.rbc-slot-selecting .rbc-event,.rbc-slot-selecting .rbc-day-slot .rbc-background-event,.rbc-day-slot .rbc-slot-selecting .rbc-background-event{cursor:inherit;pointer-events:none}.rbc-event.rbc-selected,.rbc-day-slot .rbc-selected.rbc-background-event{background-color:#265985}.rbc-event:focus,.rbc-day-slot .rbc-background-event:focus{outline:5px auto #3b99fc}.rbc-event-label{font-size:80%}.rbc-event-overlaps{box-shadow:-1px 1px 5px #33333380}.rbc-event-continues-prior{border-top-left-radius:0;border-bottom-left-radius:0}.rbc-event-continues-after{border-top-right-radius:0;border-bottom-right-radius:0}.rbc-event-continues-earlier{border-top-left-radius:0;border-top-right-radius:0}.rbc-event-continues-later{border-bottom-left-radius:0;border-bottom-right-radius:0}.rbc-row{display:flex;flex-direction:row}.rbc-row-segment{padding:0 1px 1px}.rbc-selected-cell{background-color:#0000001a}.rbc-show-more{background-color:#ffffff4d;z-index:4;font-weight:700;font-size:85%;height:auto;line-height:normal;color:#3174ad}.rbc-show-more:hover,.rbc-show-more:focus{color:#265985}.rbc-month-view{position:relative;border:1px solid #ddd;display:flex;flex-direction:column;flex:1 0 0;width:100%;user-select:none;-webkit-user-select:none;height:100%}.rbc-month-header{display:flex;flex-direction:row}.rbc-month-row{display:flex;position:relative;flex-direction:column;flex:1 0 0;flex-basis:0px;overflow:hidden;height:100%}.rbc-month-row+.rbc-month-row{border-top:1px solid #ddd}.rbc-date-cell{flex:1 1 0;min-width:0;padding-right:5px;text-align:right}.rbc-date-cell.rbc-now{font-weight:700}.rbc-date-cell>a,.rbc-date-cell>a:active,.rbc-date-cell>a:visited{color:inherit;text-decoration:none}.rbc-row-bg{display:flex;flex-direction:row;flex:1 0 0;overflow:hidden}.rbc-day-bg{flex:1 0 0%}.rbc-day-bg+.rbc-day-bg{border-left:1px solid #ddd}.rbc-rtl .rbc-day-bg+.rbc-day-bg{border-left-width:0;border-right:1px solid #ddd}.rbc-overlay{position:absolute;z-index:5;border:1px solid #e5e5e5;background-color:#fff;box-shadow:0 5px 15px #00000040;padding:10px}.rbc-overlay>*+*{margin-top:1px}.rbc-overlay-header{border-bottom:1px solid #e5e5e5;margin:-10px -10px 5px;padding:2px 10px}.rbc-agenda-view{display:flex;flex-direction:column;flex:1 0 0;overflow:auto}.rbc-agenda-view table.rbc-agenda-table{width:100%;border:1px solid #ddd;border-spacing:0;border-collapse:collapse}.rbc-agenda-view table.rbc-agenda-table tbody>tr>td{padding:5px 10px;vertical-align:top}.rbc-agenda-view table.rbc-agenda-table .rbc-agenda-time-cell{padding-left:15px;padding-right:15px;text-transform:lowercase}.rbc-agenda-view table.rbc-agenda-table tbody>tr>td+td{border-left:1px solid #ddd}.rbc-rtl .rbc-agenda-view table.rbc-agenda-table tbody>tr>td+td{border-left-width:0;border-right:1px solid #ddd}.rbc-agenda-view table.rbc-agenda-table tbody>tr+tr{border-top:1px solid #ddd}.rbc-agenda-view table.rbc-agenda-table thead>tr>th{padding:3px 5px;text-align:left;border-bottom:1px solid #ddd}.rbc-rtl .rbc-agenda-view table.rbc-agenda-table thead>tr>th{text-align:right}.rbc-agenda-time-cell{text-transform:lowercase}.rbc-agenda-time-cell .rbc-continues-after:after{content:" »"}.rbc-agenda-time-cell .rbc-continues-prior:before{content:"« "}.rbc-agenda-date-cell,.rbc-agenda-time-cell{white-space:nowrap}.rbc-agenda-event-cell{width:100%}.rbc-time-column{display:flex;flex-direction:column;min-height:100%}.rbc-time-column .rbc-timeslot-group{flex:1}.rbc-timeslot-group{border-bottom:1px solid #ddd;min-height:40px;display:flex;flex-flow:column nowrap}.rbc-time-gutter,.rbc-header-gutter{flex:none}.rbc-label{padding:0 5px}.rbc-day-slot{position:relative}.rbc-day-slot .rbc-events-container{inset:0;position:absolute;margin-right:10px}.rbc-day-slot .rbc-events-container.rbc-rtl{left:10px;right:0}.rbc-day-slot .rbc-event,.rbc-day-slot .rbc-background-event{border:1px solid #265985;display:flex;max-height:100%;min-height:20px;flex-flow:column wrap;align-items:flex-start;overflow:hidden;position:absolute}.rbc-day-slot .rbc-background-event{opacity:.75}.rbc-day-slot .rbc-event-label{flex:none;padding-right:5px;width:auto}.rbc-day-slot .rbc-event-content{width:100%;flex:1 1 0;word-wrap:break-word;line-height:1;height:100%;min-height:1em}.rbc-day-slot .rbc-time-slot{border-top:1px solid #f7f7f7}.rbc-time-view-resources .rbc-time-gutter,.rbc-time-view-resources .rbc-time-header-gutter{position:sticky;left:0;background-color:#fff;border-right:1px solid #ddd;z-index:10;margin-right:-1px}.rbc-time-view-resources .rbc-time-header{overflow:hidden}.rbc-time-view-resources .rbc-time-header-content{min-width:auto;flex:1 0 0;flex-basis:0px}.rbc-time-view-resources .rbc-time-header-cell-single-day{display:none}.rbc-time-view-resources .rbc-day-slot{min-width:140px}.rbc-time-view-resources .rbc-header,.rbc-time-view-resources .rbc-day-bg{width:140px;flex:1 1 0;flex-basis:0 px}.rbc-time-header-content+.rbc-time-header-content{margin-left:-1px}.rbc-time-slot{flex:1 0 0}.rbc-time-slot.rbc-now{font-weight:700}.rbc-day-header{text-align:center}.rbc-slot-selection{z-index:10;position:absolute;background-color:#00000080;color:#fff;font-size:75%;width:100%;padding:3px}.rbc-slot-selecting{cursor:move}.rbc-time-view{display:flex;flex-direction:column;flex:1;width:100%;border:1px solid #ddd;min-height:0}.rbc-time-view .rbc-time-gutter{white-space:nowrap;text-align:right}.rbc-time-view .rbc-allday-cell{box-sizing:content-box;width:100%;height:100%;position:relative}.rbc-time-view .rbc-allday-cell+.rbc-allday-cell{border-left:1px solid #ddd}.rbc-time-view .rbc-allday-events{position:relative;z-index:4}.rbc-time-view .rbc-row{box-sizing:border-box;min-height:20px}.rbc-time-header{display:flex;flex:0 0 auto;flex-direction:row}.rbc-time-header.rbc-overflowing{border-right:1px solid #ddd}.rbc-rtl .rbc-time-header.rbc-overflowing{border-right-width:0;border-left:1px solid #ddd}.rbc-time-header>.rbc-row:first-child{border-bottom:1px solid #ddd}.rbc-time-header>.rbc-row.rbc-row-resource{border-bottom:1px solid #ddd}.rbc-time-header-cell-single-day{display:none}.rbc-time-header-content{flex:1;display:flex;min-width:0;flex-direction:column;border-left:1px solid #ddd}.rbc-rtl .rbc-time-header-content{border-left-width:0;border-right:1px solid #ddd}.rbc-time-header-content>.rbc-row.rbc-row-resource{border-bottom:1px solid #ddd;flex-shrink:0}.rbc-time-content{display:flex;flex:1 0 0%;align-items:flex-start;width:100%;border-top:2px solid #ddd;overflow-y:auto;position:relative}.rbc-time-content>.rbc-time-gutter{flex:none}.rbc-time-content>*+*>*{border-left:1px solid #ddd}.rbc-rtl .rbc-time-content>*+*>*{border-left-width:0;border-right:1px solid #ddd}.rbc-time-content>.rbc-day-slot{width:100%;user-select:none;-webkit-user-select:none}.rbc-current-time-indicator{position:absolute;z-index:3;left:0;right:0;height:1px;background-color:#74ad31;pointer-events:none}.rbc-addons-dnd .rbc-addons-dnd-row-body{position:relative}.rbc-addons-dnd .rbc-addons-dnd-drag-row{position:absolute;top:0;left:0;right:0}.rbc-addons-dnd .rbc-addons-dnd-over{background-color:#0000004d}.rbc-addons-dnd .rbc-event,.rbc-addons-dnd .rbc-day-slot .rbc-background-event,.rbc-day-slot .rbc-addons-dnd .rbc-background-event{transition:opacity .15s}.rbc-addons-dnd .rbc-event:hover .rbc-addons-dnd-resize-ns-icon,.rbc-addons-dnd .rbc-day-slot .rbc-background-event:hover .rbc-addons-dnd-resize-ns-icon,.rbc-day-slot .rbc-addons-dnd .rbc-background-event:hover .rbc-addons-dnd-resize-ns-icon,.rbc-addons-dnd .rbc-event:hover .rbc-addons-dnd-resize-ew-icon,.rbc-addons-dnd .rbc-day-slot .rbc-background-event:hover .rbc-addons-dnd-resize-ew-icon,.rbc-day-slot .rbc-addons-dnd .rbc-background-event:hover .rbc-addons-dnd-resize-ew-icon{display:block}.rbc-addons-dnd .rbc-addons-dnd-dragged-event{opacity:0}.rbc-addons-dnd.rbc-addons-dnd-is-dragging .rbc-event:not(.rbc-addons-dnd-dragged-event):not(.rbc-addons-dnd-drag-preview),.rbc-addons-dnd.rbc-addons-dnd-is-dragging .rbc-day-slot .rbc-background-event:not(.rbc-addons-dnd-dragged-event):not(.rbc-addons-dnd-drag-preview),.rbc-day-slot .rbc-addons-dnd.rbc-addons-dnd-is-dragging .rbc-background-event:not(.rbc-addons-dnd-dragged-event):not(.rbc-addons-dnd-drag-preview){opacity:.5}.rbc-addons-dnd .rbc-addons-dnd-resizable{position:relative;width:100%;height:100%}.rbc-addons-dnd .rbc-addons-dnd-resize-ns-anchor{width:100%;text-align:center;position:absolute}.rbc-addons-dnd .rbc-addons-dnd-resize-ns-anchor:first-child{top:0}.rbc-addons-dnd .rbc-addons-dnd-resize-ns-anchor:last-child{bottom:0}.rbc-addons-dnd .rbc-addons-dnd-resize-ns-anchor .rbc-addons-dnd-resize-ns-icon{display:none;border-top:3px double;margin:0 auto;width:10px;cursor:ns-resize}.rbc-addons-dnd .rbc-addons-dnd-resize-ew-anchor{position:absolute;top:4px;bottom:0}.rbc-addons-dnd .rbc-addons-dnd-resize-ew-anchor:first-child{left:0}.rbc-addons-dnd .rbc-addons-dnd-resize-ew-anchor:last-child{right:0}.rbc-addons-dnd .rbc-addons-dnd-resize-ew-anchor .rbc-addons-dnd-resize-ew-icon{display:none;border-left:3px double;margin-top:auto;margin-bottom:auto;height:10px;cursor:ew-resize}.tank-calendar{display:grid;grid-template-columns:65% calc(35% - 30px);gap:30px;color:#505050}.calendar{width:100%;height:70vh}.calendar-header{display:flex;justify-content:space-between}.calendar-nav{display:flex;align-items:center;gap:20px}.calendar-nav-button{border:none;background:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.calendar-nav-button svg{stroke:#505050;width:24px}.calendar-nav-button:hover{transform:scale(1.05)}.rbc-month-view{border-radius:5px}.calendar-reminder{border-radius:10px;padding:10px 15px 10px 30px;text-align:start;color:#505050;display:flex;gap:5px;flex-direction:column;font-size:14px;position:relative;cursor:pointer;transition:all .2s ease}.calendar-reminder:hover{background-color:#faeeda}.calendar-reminder p{margin:0}.calendar-reminder:before{height:80%;content:"";position:absolute;left:5px;top:50%;transform:translateY(-50%);width:10px;border-radius:30px}.calendar-reminder.water-change-reminder:before{background-color:#ca9ce1}.calendar-reminder.service-filter-reminder:before{background-color:#ca9ce1}.calendar-reminder.feed-fish-reminder:before{background-color:#b8b9ff}.calendar-reminder.refill-auto-feeder-reminder:before{background-color:#b8b9ff}.calendar-reminder.add-treatment-reminder:before{background-color:#ce82f4}.calendar-reminder.test-water-reminder:before{background-color:#ce82f4}.no-reminders-fallback{border-radius:10px;padding:10px 15px 10px 30px;text-align:start;color:#505050;display:flex;gap:5px;flex-direction:column;font-size:14px;position:relative;cursor:pointer;transition:all .2s ease}.no-reminders-fallback:hover{background-color:#faeeda}.no-reminders-fallback p{margin:0}.no-reminders-fallback:before{height:80%;content:"";position:absolute;left:5px;top:50%;transform:translateY(-50%);width:10px;border-radius:30px;background-color:#ffba6d}.no-reminders-prompt{opacity:.8}.calendar-reminder-header{display:flex;justify-content:space-between;align-items:center}.reminder-list{display:flex;flex-direction:column;gap:10px;max-height:100%;overflow-y:auto;border-radius:5px}.upcoming-reminders{text-align:start;display:flex;flex-direction:column;max-height:500px}.reminder-type{font-weight:600}.reminder-date{opacity:.7}.reminder-note{font-size:14px}.rbc-event,.rbc-day-slot .rbc-background-event{font-size:12px}.rbc-event.water-change-reminder,.rbc-day-slot .water-change-reminder.rbc-background-event,.rbc-event.service-filter-reminder,.rbc-day-slot .service-filter-reminder.rbc-background-event{background-color:#ca9ce1}.rbc-event.feed-fish-reminder,.rbc-day-slot .feed-fish-reminder.rbc-background-event,.rbc-event.refill-auto-feeder-reminder,.rbc-day-slot .refill-auto-feeder-reminder.rbc-background-event{background-color:#b8b9ff}.rbc-event.add-treatment-reminder,.rbc-day-slot .add-treatment-reminder.rbc-background-event,.rbc-event.test-water-reminder,.rbc-day-slot .test-water-reminder.rbc-background-event{background-color:#ce82f4}.rbc-show-more{color:#505050;font-weight:500;transition:.1s ease}.rbc-show-more:hover{color:#50c9ce}.rbc-overlay{border-radius:10px;border:none;display:flex;flex-direction:column;gap:5px;padding-top:5px;background-color:#faf4e6}.rbc-overlay-header{color:#505050;font-size:14px;height:min-content;margin:0}.rbc-today{background-color:#ffba6d40}.rbc-off-range-bg{background-color:#5050501a}.rbc-off-range{color:#50505080}.nonDraggable{opacity:.7}.reminder-delete-button{border:none;background:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;margin:0;padding:0;animation:fade-in .3s ease;height:21px}.reminder-delete-button svg{stroke:#505050;width:20px}.reminder-delete-button:hover{transform:scale(1.05)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media screen and (max-width: 768px){.tank-calendar{display:flex;flex-direction:column;gap:10px}.calendar{height:60vh!important}.calendar-header button{font-size:0!important;gap:0!important}}.journal-entries{display:flex;flex-direction:column;gap:20px}.entry-navigation-container{position:relative;height:100%}.entry-navigation-container:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:70px;z-index:5;background:linear-gradient(to top,#faf4e6,transparent);pointer-events:none}.entry-navigation{color:#505050;width:min-content;display:flex;flex-direction:column;gap:20px;position:relative;margin-top:30px;height:550px;overflow:auto}.entry-navigation .highlight{position:absolute;left:31px;min-height:30px;width:calc(100% - 30px);background-color:#ffba6d;z-index:0;border-radius:10px;pointer-events:none}.entry-bullet{min-width:16px;min-height:16px;border-radius:50%;border:3px #ffba6d solid;margin-right:10px;position:relative;z-index:1;transition:.3s ease}.entry-item{white-space:nowrap;text-align:start;width:100%;display:flex;gap:5px;align-items:center;position:relative;min-height:30px;cursor:pointer}.entry-item:before{content:"";position:absolute;left:6px;top:-30px;width:5px;height:calc(100% + 8px);background-color:#ffba6d;z-index:0}.entry-item p{width:100%;display:flex;align-items:center;border-radius:10px;transition:color .3s ease;margin:0 10px;justify-content:center;font-weight:500}.entry-item.current p{color:#faf4e6}.entry-item.current .entry-bullet{background-color:#ffba6d;margin-right:10px}.highlight+.entry-item:before{display:none}.journal-content{position:relative;display:grid;grid-template-columns:1fr 4fr;column-gap:20px}.journal-entry-list{display:flex;flex-direction:column;gap:30px;height:580px;width:100%;overflow-y:scroll;scroll-snap-type:y mandatory}.journal-entry-list:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:30px;background:linear-gradient(to top,#faf4e6,transparent);pointer-events:none}.journal-entry-list .journal-entry:last-child{margin-bottom:30px}.journal-entry{scroll-snap-align:start;border-radius:30px;background-color:#faeeda;color:#505050;padding:30px 45px;text-align:start;width:100%}.journal-entry p{margin:0}.no-entries-fallback{display:flex;justify-content:center;align-items:center;flex-direction:column;border-radius:30px;background-color:#faeeda;color:#505050;padding:30px 45px;width:100%;gap:30px;min-height:60vh}.no-entries-fallback p{margin:0}.no-entries-header{font-size:20px;font-weight:600}.no-entries-prompt{opacity:.8}.journal-entry-info{display:flex;flex-direction:column;gap:20px;opacity:1;transition:.3s ease}.journal-entry-info.hidden{opacity:0}.journal-entry-animator{display:flex;flex-direction:column;gap:20px;height:100%}.water-params{grid-column:1/4}.journal-header{font-weight:600;font-size:16px}.fish-health-content,.water-change-content{display:grid;grid-template-columns:1fr 1fr 1fr}.water-parameters-content{display:grid;grid-template-columns:1fr 1fr 1fr;row-gap:20px}.transition-container{position:relative;overflow:hidden;border-radius:30px;width:100%}.journal-content-label{font-size:14px;opacity:.75}.journal-section{display:flex;flex-direction:column;gap:10px;height:100%}.journal-notes{line-height:28px;overflow:hidden;text-overflow:ellipsis;transition:all .3s ease;word-wrap:break-word;height:100%;white-space:pre-wrap}.journal-notes.overflows:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:70px;background:linear-gradient(to top,#faeeda,transparent);pointer-events:none}.journal-notes.full-note{max-height:100%!important}.journal-notes.full-note:after{display:none}.no-info-fallback{grid-column:1/4;height:45px;display:flex;align-items:center;gap:12px;opacity:.5}.no-info-fallback svg{width:26px;stroke-width:1.3px}.view-note-button{border:none;background:none;display:flex;align-items:center;justify-content:center;gap:10px;transition:.1s ease;white-space:nowrap}.view-note-button:hover{transform:scale(1.025);color:#ffba6d}.view-note-button svg{width:20px;transition:transform .5s ease}.view-note-button.note-expanded svg{transform:rotate(180deg)}.journal-section-header{display:flex;align-items:center;justify-content:space-between}.journal-actions{display:flex;gap:10px;justify-content:space-between}.journal-entry-navigation{display:flex;gap:10px}@media screen and (max-width: 768px){.journal-content{display:flex;width:100%}.journal-content .entry-navigation-container{display:none}.fish-health-content{display:flex;flex-direction:column;gap:20px}}textarea{vertical-align:middle;font-size:16px;border:none;border-radius:20px;padding:3% 4%;text-align:start;cursor:pointer;width:100%;resize:vertical;min-height:70px;max-height:350px}textarea.notepad{display:block;font-size:16px;line-height:40px;resize:none;height:239px;width:100%;padding:5px 30px 0;border:2px rgba(80,80,80,.1) solid;background-color:#faf4e6;background-image:linear-gradient(to right,#faf4e6,#faf4e6 30px,transparent 30px,transparent calc(100% - 30px),#faf4e6 calc(100% - 30px),#faf4e6),linear-gradient(to bottom,transparent,transparent 39px,rgba(80,80,80,.1) 0);background-size:100%,100% 40px;background-attachment:local,local}textarea.notepad:focus{outline:none;border:2px solid #ffba6d}textarea.outlined{background-color:#faf4e6;border:2px rgba(80,80,80,.1) solid}textarea.outlined:focus{outline:none;border:2px solid #ffba6d}.fish-activity-select{color:#505050;text-align:start;display:flex;flex-direction:column;gap:12px}.fish-activity-select p{margin:0}.activity-selector{display:flex;align-items:center}.activity-selector button{border:#ffba6d 3px solid;background-color:transparent;width:22px;height:22px;border-radius:50px;transition:.2s ease;position:relative}.activity-selector button:before{content:"";position:absolute;top:50%;left:50%;width:11px;height:11px;background-color:#50c9ce;border-radius:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .2s ease}.activity-selector button.filled:before{opacity:1}.selector-line{background-color:#ffba6d;height:3px;width:12px}.activity-level{font-size:14px;opacity:.75}.water-change-input-container{display:flex;flex-direction:column;text-align:start;color:#505050}.water-change-input{display:flex;position:relative}.tank-visualizer{position:relative;color:#ffba6d;border:2px solid #ffba6d;width:175px;height:110px;border-radius:10px;overflow:hidden}.tank-visualizer p{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;z-index:3;font-weight:600}.tank-visualizer .water-fill{background-color:#50c9ce;width:100%;bottom:0;position:absolute;z-index:1;--mask: radial-gradient(18.87px at 50% 26px, #000 99%, #0000 101%) calc(50% - 20px) -5px/40px 100%, radial-gradient(18.87px at 50% -16px, #0000 99%, #000 101%) 50% 5px/40px 100% repeat-x;-webkit-mask:var(--mask);mask:var(--mask)}.tank-visualizer .water-fill.full{-webkit-mask:none;mask:none}.tank-visualizer .water-fill.empty{background-color:transparent}.range-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:110px;width:30px;overflow:hidden}.range-container input[type=range]{transform:rotate(-90deg);width:110px;-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer}.range-container input[type=range]::-webkit-slider-runnable-track{background:rgba(80,80,80,.1);height:8px;border-radius:25px}.range-container input[type=range]::-moz-range-track{background:rgba(80,80,80,.1);height:8px;border-radius:25px}.range-container input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-4px;background-color:#50c9ce;height:1rem;width:1rem;border-radius:50px}.range-container input[type=range]::-moz-range-thumb{border:none;border-radius:0;background-color:#50c9ce;height:2rem;width:1rem}.flag-token{display:flex;align-items:center;align-self:center;height:28px;font-size:12px;font-weight:600;text-align:center!important;padding:2px 10px;border-radius:25px;width:min-content;margin:0}.flag-token.white{background-color:#ffffff80;color:#ffba6d}.flag-token.orange{background-color:#ffba6d;color:#faf4e6}.submit-button{display:flex;border:none;background:rgba(255,255,255,.2);padding:3.5% 8%;color:inherit;align-items:center;transition:scale .2s ease;border-radius:30px;opacity:85%;height:40px}.submit-button p{font-size:16px;margin:0}.submit-button svg{width:24px;margin-left:8px;animation:expand .2s ease ease-in-out forwards}.submit-button.filled{background:rgba(241,241,241,.2);padding:2% 4%}.submit-button.blue{background:linear-gradient(360deg,#50c9ce,#80d8db);color:#faf4e6;padding:2% 4%}.submit-button.clicked{animation:shake .3s ease ease-in-out forwards;transform:translate(0)}.submit-button:hover{scale:1.05}.submit-button:active{scale:.95}.submit-button.disabled{opacity:.6}.journal{width:92%;margin:auto;text-align:start;color:#505050;display:flex;flex-direction:column;gap:20px}.journal-entry-sections{display:flex;flex-direction:column;gap:30px}.section-header-text{font-weight:600;margin:0;font-size:18px}.journal-date{opacity:.75}.journal-divider{width:100%;height:1px;border:1px rgba(80,80,80,.1) solid}.section{display:flex;flex-direction:column}.section-input{display:grid;grid-template-columns:repeat(3,1fr);column-gap:40px;row-gap:10px}.section-input.health{align-items:center}.maintainance-input{display:flex;justify-content:center;align-items:center;gap:10px}.maintainance-input input[type=radio]{appearance:none;background-color:#faf4e6;color:#50c9ce;margin:0;border:3px #ffba6d solid;width:22px;height:22px;border-radius:50%;display:inline-grid;place-content:center}.maintainance-input input[type=radio]:before{content:"";width:11px;height:11px;border-radius:50%;transform:scale(0);transition:.12s transform ease-in-out}.maintainance-input input[type=radio]:checked:before{transform:scale(1);background-color:#50c9ce}.section-header{display:flex;align-items:center;justify-content:space-between}.notes{display:flex;flex-direction:column;gap:25px}.submit-journal-entry{margin-top:20px;display:flex;justify-content:end}.input-title-optional{display:flex;align-items:center;justify-content:space-between}.input-title-optional span{font-size:12px;color:#505050bf}.fish-count-input{display:flex;flex-direction:column;gap:12px}.fish-count-input p{margin-top:0}@media screen and (max-width: 768px){.section-input.health{display:flex;flex-direction:column;align-self:center;gap:40px;align-items:start}}.tank-fish{display:flex;gap:15px;background-color:#ffba6d;border-radius:20px;padding:10px;color:#faf4e6;align-items:center}.tank-fish p{margin:0}.tank-fish-img{min-width:100px;max-width:100px;height:70px;display:flex;align-items:center;justify-content:center;border-radius:10px;overflow:hidden}.tank-fish-img img{width:100%;height:100%;object-fit:cover}.invalid-fish-image{background-color:#ffddb6;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.invalid-fish-image svg{color:#ffba6d;width:50px;stroke-width:2px!important;height:min-content}.tank-fish-info-container{display:flex;flex-direction:column;gap:10px;text-align:start;justify-content:center;width:100%}.tank-fish-name{font-weight:500}.tank-fish-info{display:flex;gap:15px;align-items:center}.tank-fish-info button{border:none;background:none;display:flex;align-items:center;cursor:pointer;transition:all .2s ease}.tank-fish-info button svg{stroke:#faf4e6;stroke-width:2px;width:18px}.tank-fish-info button:hover{transform:scale(1.1)}.tank-quantity{display:flex;gap:5px;align-items:center;justify-content:center;width:min-content}.fish-quantity-button{border:none;background:none;display:flex;align-items:center;justify-content:center;padding:0}.fish-quantity-button svg{fill:#faf4e6;stroke:none!important;width:22px!important}.fish-quantity{background-color:#ffddb6;color:#ffba6d;font-weight:600;padding:0 15px;display:flex;border-radius:20px;font-size:14px;white-space:nowrap}.fish-quantity.quantity-edit{background-color:#faf4e6}.tank-stock-list{display:flex;flex-direction:column;gap:20px;overflow:auto;height:420px;border-radius:20px 20px 0 0;position:relative;min-height:1}.no-fish-fallback{color:#505050;display:flex;flex-direction:column;gap:10px}.no-fish-fallback p{margin:0}.no-fish-fallback-header{font-weight:600}.no-fish-fallback-text{font-size:14px;opacity:.8}.tank-stock-list-container{grid-area:tank-stock;position:relative}.tank-stock-list-container:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:60px;background:linear-gradient(to top,#faf4e6,transparent);pointer-events:none}.tank-stock-list-container.stock-list-empty .tank-stock-list{height:100%;justify-content:center;align-items:center;border-radius:20px;background-color:#faeeda;padding:8% 0}.tank-stock-list-container.stock-list-empty:after{display:none}.add-fish-button{background:linear-gradient(360deg,#50c9ce,#80d8db);border-radius:30px;padding:0 10px;display:flex;gap:10px;color:#faeeda;border:none;min-height:32px;height:32px;justify-content:center;align-items:center;margin:0 auto;font-size:14px;position:sticky;bottom:0;z-index:1;width:100%}.add-fish-button svg{stroke:#faeeda;stroke-width:2px;width:20px}.add-fish-button.fish-empty{width:80%}.health-info{display:flex;flex-direction:column;justify-content:space-between;grid-area:tank-quick-health;gap:20px;color:#505050}.health{border-radius:30px;height:100%;text-align:start;position:relative;padding:20px 20px 20px 35px}.health p{margin:0}.health:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:10px;border-radius:30px}.tank-health{display:flex;justify-content:start;align-items:center;gap:20px}.tank-health:before{height:70%}.tank-health.good:before{background-color:#7be22a}.tank-health.fair:before{background-color:#fcd834}.tank-health.poor:before{background-color:#ff3434}.health-icon{font-size:35px}.health-info-container{display:flex;flex-direction:column}.health-header{font-size:16px;font-weight:600}.health-info-header{margin:0;font-size:18px;font-weight:600}.water-change{display:flex;flex-direction:column;gap:10px}.water-change .tank-divider{border-color:#50505033;max-height:2px}.water-change:before{background-color:#50c9ce;height:80%}.water-change-header{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600}.water-change-header svg{width:24px;stroke:#505050;stroke-width:1.5px}.water-change-subheader{font-size:14px;font-weight:500;opacity:.75}.latest-journal-entry{align-items:center;background-color:#ffba6d;border-radius:25px;display:flex;flex-direction:column;gap:20px;padding:20px 40px 30px;width:100%;color:#faf4e6;grid-area:tank-journal}.journal-header-container{align-items:center;display:flex;flex-direction:column;width:100%;gap:10px}.latest-journal-header{display:flex;justify-content:space-between;align-items:center;width:100%}.journal-header-text{display:flex;align-items:center;gap:10px}.journal-header-text p{margin:0;font-size:16px}.journal-header-text svg{width:24px;stroke:#faf4e6;stroke-width:2px}.entry{font-weight:600}.latest-journal-actions{display:flex;gap:12px;align-items:center}.journal-chart-container{width:100%;min-height:220px}.journal-chart-container .recharts-legend-item-text{color:#faf4e6!important}.journal-chart-tooltip{background:rgba(0,0,0,.9);border-radius:8px;padding:10px 14px;font-size:12px;line-height:1.6;backdrop-filter:blur(4px)}.journal-chart-tooltip p{margin:0}.journal-chart-tooltip-label{font-weight:600;margin-bottom:4px!important;color:#faf4e6}.no-latest-entry-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;width:100%;height:100%}.no-latest-entry-fallback p{margin:0}.no-latest-entry-header{font-size:16px;font-weight:600}.no-latest-entry-prompt{font-size:14px;padding-bottom:5px}@media screen and (max-width: 768px){.latest-journal-actions button{gap:0!important;font-size:0!important}.latest-journal-entry{padding:20px 20px 25px}.journal-chart-container{min-height:200px}}.upload-button__input{display:none}.tank-pic-action{border:none;background:none}.tank-name-input{display:flex;align-items:center;gap:10px;height:40px;width:100%}.tank-name-input input{font-weight:700;font-size:24px;background:none;border-radius:10px;width:100%;box-sizing:border-box;border:2px rgba(80,80,80,.1) solid;border-style:solid;color:#505050}.tank-name-input input:focus{outline:none;border-color:#ffba6d}.tank-name-input button{border:none;background:none;display:flex;align-items:center;transition:all .2s ease-in-out}.tank-name-input button svg{width:26px;stroke-width:2px;stroke:#505050}.tank-name-input button:hover{transform:scale(1.05)}.tank-name-input h2{max-height:160px;line-height:40px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}.tab-bar-container{position:relative;white-space:nowrap}.tab-bar-container.primary-tabs .selected-tab{background:white;opacity:.2}.tab-bar-container.secondary-tabs{color:#505050}.tab-bar-container.secondary-tabs .selected-tab{background:linear-gradient(360deg,#50c9ce,#80d8db)}.tab-bar-container.secondary-tabs .selected{color:#faf4e6}.tab-bar{display:flex;height:40px;z-index:1;position:relative}.tab-bar button{padding-left:5%;padding-right:5%;border:none;background:none;color:inherit;font-size:14px;border-radius:30px;transition:all .3s ease;display:flex;gap:15px;align-items:center}.tab-bar p{margin:0}.tab-bar svg{stroke:#505050}.selected{font-weight:600}.selected svg{stroke:#faf4e6}.selected-tab{height:100%;position:absolute;border-radius:25px;top:0;z-index:0}@media screen and (max-width: 1300px){.tab-bar{justify-content:unset}.tab-bar p{display:none}.tab-bar .selected p{display:unset}}@media screen and (max-width: 600px){.tab-bar{gap:0}.tab-bar button{padding-left:10px;padding-right:10px}}.popover{position:fixed;background-color:#faeeda;border-radius:30px;top:50%;left:50%;transform:translate(-50%,-50%);max-width:600px;color:#505050;animation:drop-in .3s ease;text-align:start;padding:30px;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;z-index:102;display:flex;flex-direction:column;gap:20px}.popover h2{margin:0}.popover.close{animation:drop-out .3s ease}.popover-header{display:flex;justify-content:space-between;align-items:center;gap:20px}.popover-background{background-color:#505050;animation:fade-in .2s ease;opacity:.25}.popover-actions{display:flex;justify-content:flex-end;gap:15px}.popover-background{position:fixed;backdrop-filter:blur(2px);top:0;left:0;width:100vw;height:100vh;z-index:101}.popover-background.close{animation:fade-out .3s ease}@keyframes drop-out{0%{top:50%;left:50%;transform:translate(-50%,-50%);opacity:1}to{top:25%;left:50%;transform:translate(-50%,-25%);opacity:0}}@keyframes fade-in{0%{opacity:0;backdrop-filter:blur(0px)}to{opacity:.25;backdrop-filter:blur(5px)}}@keyframes fade-out{0%{backdrop-filter:blur(5px);opacity:.25}to{backdrop-filter:blur(0px);opacity:0}}.photo-album{width:100%;text-align:start;color:#505050;height:100%;position:relative;display:flex;flex-direction:column;gap:25px;margin-bottom:5%}.photo-album-month{display:flex;flex-direction:column;gap:15px}.photo-album-month h4{margin:0}.album-month-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:10px}.photo-album-upload-button{position:absolute;right:0}.photo-album-empty{color:#505050;display:flex;flex-direction:column;align-items:center;justify-content:center;width:40%;min-width:300px;margin:auto;min-height:50vh;text-align:center;gap:25px}.photo-album-empty p{margin:0}.photo-album-empty-header{font-weight:600}.photo-album-empty-text{font-size:14px;opacity:.8}.upload-button-container{position:absolute;right:0;transition:all .1s ease}.album-image__container{position:relative;width:100%;padding-top:70%;border-radius:15px;overflow:hidden}.album-image__container img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.album-image__fallback{background-color:#faeeda;display:flex;justify-content:center;align-items:center;width:100%;height:100%;position:absolute;top:0;left:0}@media screen and (max-width: 550px){.album-month-grid{grid-template-columns:1fr 1fr}}.tank-container{display:flex;flex-direction:column;width:65%;margin:20px auto;gap:20px;min-height:calc(100vh - 110px)}.tank-tabs{width:100%;display:grid;grid-template-columns:10% 80% 10%;align-items:center}.tank-tabs .hover-container{justify-self:end}.tank-actions{display:flex;align-items:center;gap:10px}.tank-back-button{display:flex;border:none;background:none;stroke:#505050;stroke-width:1.5px;cursor:pointer;justify-content:center;align-items:center;transition:all .3s ease}.tank-back-button svg{min-width:24px;min-height:24px;stroke:#505050;stroke-width:2.5px}.tank-back-button:hover{transform:scale(1.1)}.tank{gap:20px;display:grid;grid-template-columns:repeat(5,1fr);grid-template-areas:"tank-info tank-info tank-info tank-stock tank-stock" "tank-quick-health tank-quick-health tank-journal tank-journal tank-journal"}.tank-pic-and-name{color:#505050;display:flex;gap:5px;grid-area:tank-info;flex-direction:column;text-align:start}.tank-pic-date-actions{display:flex;gap:5px;flex-direction:column}.tank-pic-date-actions p{opacity:.7}.tank-pic-fallback-container{width:100%;padding-top:70%;position:relative;border-radius:15px;overflow:hidden;margin-bottom:15px}.tank-pic-fallback{width:100%;height:100%;display:flex;position:absolute;top:0;left:0;flex-direction:column;justify-content:center;align-items:center;background-color:#faeeda;gap:15px}.tank-pic-fallback svg{width:150px!important;height:auto}.tank-pic-upload-prompt{text-align:center;display:flex;flex-direction:column;gap:5px}.tank-pic-upload-prompt p{margin:0}.prompt-title{font-weight:600}.prompt-subtitle{font-size:14px;opacity:.75}.tank-name-and-info{background-color:#faeeda;border-radius:20px;padding:18px 30px 20px;display:flex;flex-direction:column;gap:5px}.tank-name-and-info h2{margin:0}.tank-info{display:flex;gap:10px}.tank-info p{margin:0}.tank-info .tank-info-divider{opacity:.1}.tank-quick-health{grid-area:tank-quick-health;display:flex;flex-direction:column}.tank-quick-journal{grid-area:tank-journal}.tank-divider{width:100%;max-height:.5px;border:.5px rgba(250,244,230,.2) solid}.tank-pic__image-container{width:100%;overflow:hidden;position:relative;padding-top:70%;border-radius:15px}.tank-pic__image{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.tank-pic__date-and-actions{display:flex;justify-content:space-between;align-items:center}@media screen and (max-width: 768px){.tank-container{width:90%}.tank{display:flex;flex-direction:column}.tank-stock-list{max-height:420px;height:unset}.health-info{gap:10px}.tank-tabs{width:100%;gap:5px;grid-template-columns:12% 76% 12%}.tank-info{font-size:14px}}.logo{display:flex;align-items:center;gap:15px;color:#505050}.logo-icon{font-size:26px;margin:0}.logo-text{margin:0;font-size:18px;font-weight:600;text-decoration:none}.footer{flex-shrink:0;background-color:#ffba6d;width:100%;height:70px;align-items:center;justify-content:space-between;display:flex;padding:0 6%}.back-to-surface-arrow{animation:jump 1s 3 ease;animation-delay:2s;transition:all ease-in-out .3s}@keyframes jump{0%{transform:translateY(0)}33%{transform:translateY(1px)}66%{transform:translateY(-1px)}to{transform:translateY(0)}}.date-time-input{border:none;background:#f1f1f1;width:100%;height:45px;padding:3%;text-align:center;border-radius:25px;font-size:16px;color:#747474;display:flex;box-shadow:0 2px #d4d4d4}.date-time-input::-webkit-calendar-picker-indicator{filter:invert(52%) sepia(19%) saturate(13%) hue-rotate(322deg) brightness(84%) contrast(88%);margin-right:10px}.date-time-input.outlined{background:#faf4e6;border:2px rgba(80,80,80,.1) solid;box-shadow:none}.date-time-input.outlined:focus{outline:none;border:2px solid #ffba6d}.reminder-popover{position:fixed;background:#50c9ce;border-radius:30px;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;color:#faf4e6;animation:drop-in .3s ease;text-align:start;padding:30px;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;z-index:102}.reminder-popover-header{display:flex;justify-content:space-between}.reminder-popover-header h2{margin:0}.reminder-popover.close{animation:drop-out .3s ease}.close-reminder-popover{display:flex;justify-content:center;align-items:center}.close-reminder-popover button{display:flex;justify-content:center;align-items:center;border:none;background:none;transition:all .2s ease-in-out;color:inherit}.close-reminder-popover button svg{width:28px;stroke:#faf4e6;stroke-width:1px}.close-reminder-popover button:hover{scale:1.1}.reminder-label{font-weight:600;margin:12px 0}.reminder-input{height:50px}.repeat-reminder{display:grid;align-items:center;grid-template-columns:55px 1fr 2fr;column-gap:15px}.submit-reminder{display:flex;justify-content:flex-end;margin-top:20px}@media screen and (max-width: 550px){.reminder-popover{width:95%}}.logout-button-wrapper{position:relative}.logout-profile-button{display:flex;align-items:center;gap:10px;background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:12px;transition:background .2s ease;color:#505050}.logout-profile-button .logout-profile-name{color:#505050}.logout-profile-button .logout-profile-username{color:#50505099}.logout-profile-button .logout-profile-pic-placeholder{background:rgba(80,80,80,.15)}.logout-profile-button:hover{background:rgba(0,0,0,.05)}.logout-profile-pic{width:34px;height:34px;border-radius:50%;object-fit:cover}.logout-profile-pic-placeholder{width:34px;height:34px;border-radius:50%;background:rgba(250,244,230,.3)}.logout-profile-info{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}.logout-profile-name{font-size:14px;font-weight:600;font-family:Poppins,sans-serif}.logout-profile-username{font-size:11px;font-weight:400;font-family:Poppins,sans-serif}.logout-dropdown{position:absolute;top:calc(100% + 8px);right:0;background-color:#faeeda;border-radius:16px;box-shadow:0 4px 16px #0000001f;padding:8px;min-width:160px;z-index:200;display:flex;flex-direction:column;gap:4px}.logout-dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border:none;background:none;border-radius:10px;font-size:14px;font-weight:500;color:#505050;cursor:pointer;width:100%;text-align:left}.logout-dropdown-item:hover{background-color:#5050500d}.notification-button{background:none;border:none;display:flex;align-items:center;color:inherit;position:relative;transition:all .3s ease}.notification-button .bell-icon{width:24px}.notification-button.light .bell-icon{stroke:#faf4e6}.notification-button.dark .bell-icon{stroke:#505050}.notification-button:hover{scale:1.1}.notification-button.alert{animation:wobble .7s ease-in-out;animation-delay:2s}@keyframes wobble{0%{transform:none;scale:1}15%{transform:translate3d(-3%,0,0) rotate3d(0,0,1,4deg);scale:1.05}30%{transform:translate3d(3%,0,0) rotate3d(0,0,1,-4deg)}45%{transform:translate3d(-3%,0,0) rotate3d(0,0,1,3deg)}50%{scale:1.08}60%{transform:translate3d(3%,0,0) rotate3d(0,0,1,-3deg)}75%{transform:translate3d(-3%,0,0) rotate3d(0,0,1,1deg);scale:1.05}to{transform:none;scale:1}}.notification-item{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgb(243,237,223);border-bottom:2px solid rgb(242,236,221);border-left:1px solid rgb(237,231,218);border-right:1px solid rgb(237,231,218);cursor:pointer;transition:all .2s ease-in-out;border-radius:20px;padding:5px 15px;margin-bottom:10px;background-color:#faf4e6}.notification-item .notification-actions{transition:all .3s ease}.notification-item .notification-actions .delete-notification-button{visibility:hidden;border:none;background-color:none;background:none;display:flex;align-items:center;width:auto;max-width:0%;transition:all .5s ease}.notification-item .notification-actions .delete-notification-button .delete-icon{opacity:0;transition:all .3s ease;width:20px;height:20px;stroke-width:2px;stroke:#000}.notification-item .notification-actions .delete-notification-button:hover .delete-icon{scale:1.1}.notification-item:hover{background-color:#faeeda}.notification-item:hover .notification-actions{width:30%}.notification-item:hover .notification-actions .delete-notification-button{visibility:visible;max-width:50%}.notification-item:hover .notification-actions .delete-notification-button .delete-icon{opacity:.25}.notification-item .notification-text{font-size:12px;color:#505050;text-align:left}.notification-item .notification-text .title{font-size:14px;color:#505050;font-weight:600;margin-bottom:0}.view-notification-button{color:#fcfcfc;border-radius:20px;border:none;background:linear-gradient(180deg,rgba(255,255,255,.5) -126.58%,rgba(255,255,255,0) 100%),#ff9b3f;display:flex;align-items:center;justify-content:center;padding:10px;font-weight:500;height:45px;transition:all .3s ease;max-width:50px;width:auto;cursor:pointer}.view-notification-button .view-icon{width:24px;height:24px;stroke-width:2px;stroke:#fff;opacity:.7;transition:all .3s ease}.view-notification-button:hover{cursor:pointer;filter:brightness(.98);transform:scale(1.02)}.view-notification-button:disabled{cursor:not-allowed;opacity:.6}.notification-actions{display:flex;align-items:center;justify-content:space-between;width:20%;margin-top:10px;margin-bottom:10px}@keyframes expand{0%{width:0px}to{width:45px}}.notification-list{overflow:auto;max-height:400px;border-radius:0}.notification-dropdown-container{position:absolute;top:53px;left:-25px;animation:dropdown .5s ease}.notification-dropdown-container:before{content:"";position:absolute;top:-8px;left:28px;background-color:#faf4e6;width:30px;height:30px;transform:rotate(-60deg) skew(-30deg) scaleY(.866);border-top-right-radius:8px;filter:drop-shadow(0px 3px 10px rgba(0,0,0,.15))!important}.notification-dropdown-container.close{animation:zipup .2s ease forwards}.notification-dropdown{position:absolute;height:auto;width:350px;background-color:#faf4e6;border-radius:25px;padding:25px;opacity:1;filter:drop-shadow(0px 3px 10px rgba(0,0,0,.15))}.notification-wrapper{overflow:hidden;max-height:inherit}.notification-header{margin:0;color:#505050;text-align:start;font-weight:600;font-size:20px}.header-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;height:45px}.no-notifications{font-size:16px;padding-top:40px;padding-bottom:70px;display:flex;flex-direction:column;align-items:center;gap:20px}.no-notifications p{margin:0;font-size:14px;color:#505050cc}.no-notifications .title{font-weight:600;font-size:16px;color:#505050}.no-notifications button{margin-top:5px}@keyframes dropdown{0%{opacity:0;max-height:0px}75%{opacity:1}to{max-height:500px}}@keyframes zipup{0%{max-height:500px}to{max-height:0px;opacity:0}}@keyframes container-dropdown{0%{opacity:0}to{opacity:1}}@keyframes container-zipup{0%{opacity:1}to{opacity:0}}@media screen and (max-width: 768px){.notification-dropdown{position:fixed;width:95%;left:50%;top:75px;transform:translate(-50%)}}.notification-container{position:relative}.nav-bar{height:47px;display:flex;align-items:center;justify-content:space-between;font-size:1.2em;z-index:100;padding:0 3%;color:#faf4e6;border-bottom:2px solid #faeeda}.nav-bar.home{background:transparent;filter:none;color:#505050}.nav-bar.compact:not(.home){padding:0 1.5%}.nav-bar.compact:not(.home) .button{padding:0 15px}.nav-bar.compact:not(.home) .nav-logo-notifications{gap:15px}.nav-logo-notifications{display:flex;align-items:center;gap:30px}.menu-icon button img{width:100%;min-width:40px;max-width:50px;filter:drop-shadow(0 1px 2px #b9b9b9)}.nav-container{display:flex;gap:5px}.nav-menu{list-style:none;padding:0;justify-content:center}.search-bar{margin-left:3%}.menu-item{padding:.1em;display:flex;align-items:center}.nav-search{width:30%}.mobile-nav-bar{height:47px;display:flex;align-items:center;justify-content:space-between;font-size:1.2em;z-index:100;padding:0 6%;color:#faf4e6;position:relative;border-bottom:2px solid #faeeda}.mobile-nav-bar.home{box-shadow:unset;background:transparent;filter:none;color:#505050}.mobile-nav-actions{display:flex;align-items:center;gap:15px}.mobile-navigation{position:absolute;overflow:hidden;height:0;top:47px;left:0;transition:all ease-in-out .3s;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;gap:15px;visibility:hidden}.mobile-navigation ul{display:flex;flex-direction:column;align-items:center;justify-content:center;width:70%;list-style-type:none;padding:0;margin:0}.mobile-navigation ul li{border-bottom:1px rgba(80,80,80,.1) solid;padding:30px 0;width:100%}.mobile-navigation ul li:last-child{border-bottom:none}.mobile-navigation ul li a{color:#505050;text-decoration:none;font-size:18px}.mobile-navigation.open{height:calc(100vh - 47px);background:#faf4e6;visibility:visible}.mobile-nav-search{width:85%;max-width:600px}.mobile-nav-logout-button{border:none;background:none;color:#505050;font-size:18px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;width:100%;gap:15px;padding:25px 0}.mobile-nav-profile-pic{width:34px;height:34px;border-radius:50%;object-fit:cover}.mobile-nav-profile-info{display:flex;flex-direction:column;line-height:1.2}.mobile-nav-profile-name{font-size:18px;font-weight:500}.mobile-nav-profile-username{font-size:11px;font-weight:400;opacity:.6}.mobile-nav-login-link{display:flex;align-items:center;justify-content:center;gap:10px}.mobile-navigation ul li{padding:0}.mobile-navigation ul li a{padding:25px 0;width:100%;display:flex;align-items:center;justify-content:center}.navigation-layout{display:flex;flex-direction:column;min-height:100vh}.content{flex:1 0 auto;width:100vw;overflow:hidden}.fish-tabs{display:grid;grid-template-columns:10% 90%;width:100%;gap:10px;align-items:center}.fish-back-button{background:none;border:none;display:flex;align-items:center;justify-content:center}.fish-back-button svg{min-width:24px;min-height:24px;stroke:#505050;stroke-width:2.5px}@media screen and (max-width: 768px){.fish-tabs{width:60%;gap:20px}}.temperature{width:100%;padding:20px 15px 20px 40px;border-radius:30px;display:flex;flex-direction:column;justify-content:space-around;position:relative}.temperature:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:10px;border-radius:30px;background-color:#50c9ce;height:70%}.temperature div{display:flex;justify-content:space-between}.temperature div button{background:none;border:none;color:inherit;display:flex;align-items:center;transition:scale .2s ease;height:max-content}.temperature div button svg{width:22px;height:22px;stroke:#505050;opacity:.8;stroke-width:2px}.temp-head{display:flex;justify-content:center!important;gap:15px;align-items:center}.temp-head button:hover{scale:1.1}.temp-container{display:flex;align-items:center;justify-content:space-around}.temp-container .temp-f{margin:0}.temp-container .thermometer{background:linear-gradient(90deg,#50c9ce 37.5%,#ff3434 87.5%);box-shadow:0 2px 1px #00000026;border-radius:20px;height:20px;width:50%}.temp-container .thermometer .temp-range{height:100%;outline:white 3.5px solid;border-radius:8px}@media screen and (max-width: 768px){.temperature{gap:10px;padding-right:50px;padding-left:60px}}.img-expanded{z-index:3;position:fixed;width:60vw;height:75vh;left:50%;top:50%;transform:translate(-50%,-50%);animation:drop-in .3s ease}.img-expanded img{object-fit:cover;border-radius:30px;width:inherit;height:inherit}.img-expanded button{position:absolute;border:none;background:none}.img-expanded button svg{position:absolute;fill:#fff;stroke:#fff;stroke-width:2px;width:40px;height:40px;transition:all .2s ease;opacity:.6}.img-expanded button:hover svg{opacity:.9;scale:1.2}.img-expanded .close-img-button{right:60px;top:20px}.img-expanded .next-img-button{right:60px;top:50%;transform:translateY(-50%);display:flex;align-items:center}.img-expanded.close{animation:zip-up .3s ease}.img-expanded-background{position:fixed;backdrop-filter:blur(2px);top:0;left:0;width:100vw;height:100vh;z-index:1}.img-expanded-background.close{animation:fade-out .3s ease}@keyframes drop-in{0%{top:25%;left:50%;transform:translate(-50%,-25%);opacity:0}70%{top:53%;transform:translate(-50%,-53%)}to{top:50%;left:50%;transform:translate(-50%,-50%);opacity:1}}@keyframes zip-up{0%{top:50%;left:50%;transform:translate(-50%,-50%);opacity:1}to{top:25%;left:50%;transform:translate(-50%,-25%);opacity:0}}@keyframes fade-out{0%{backdrop-filter:blur(5px)}to{backdrop-filter:blur(0px)}}.img-container{height:300px;position:relative}.img-container:hover button{opacity:.5}.img{height:100%;width:100%;object-fit:cover;border-radius:30px}.next-img-button{position:absolute;right:6px;top:50%;border:none;background:none;transform:translateY(-50%);opacity:0;transition:all .2s ease}.next-img-button svg{color:#fff;stroke:#fff;stroke-width:2px;width:28px;transition:scale .2s ease}.next-img-button:hover{opacity:.9!important}.next-img-button:hover svg{scale:1.3}.delete-img-button{position:absolute;right:50px;top:15px;border:none;background:none;opacity:0;transition:all .2s ease}.delete-img-button svg{color:#fff;stroke:#fff;stroke-width:2px;width:28px;transition:scale .2s ease}.delete-img-button:hover{opacity:.9!important}.delete-img-button:hover svg{scale:1.2}@media screen and (max-width: 768px){.img-container{height:265px}}.add-fish-popover{position:fixed;background-color:#faeeda;border-radius:30px;top:50%;left:50%;transform:translate(-50%,-50%);width:350px;color:#505050;animation:drop-in .3s ease;text-align:start;padding:30px;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;z-index:102;display:flex;flex-direction:column;gap:20px}.add-fish-popover h2{margin:0}.add-fish-popover button{border:none;background:none;color:inherit}.add-fish-popover button svg{width:24px;stroke:inherit;stroke-width:2px}.add-fish-popover.close{animation:drop-out .3s ease}.close-popover{position:absolute;top:0;right:0;padding:40px}.close-popover button{border:none;background:none;color:#fff;transition:all .2s ease-in-out}.close-popover button svg{width:24px;stroke:#fff;stroke-width:1px}.close-popover button:hover{color:#e4e4e4;scale:1.1}.close-popover button:hover svg{stroke:#e4e4e4}.add-fish-popover-background{background-color:#505050;animation:background-fade .2s ease;opacity:.25}.add-fish-submit{display:flex;justify-content:end}.add-fish-input{display:flex;flex-direction:column;gap:15px}.add-fish-header{margin:0}.quantity-select{display:flex;justify-content:space-between;gap:15px}.quantity-select button{display:flex;align-items:center}@keyframes background-fade{0%{opacity:0}to{opacity:.25}}.text-input{vertical-align:start;font-size:16px;border:none;border-radius:25px;text-align:start;cursor:pointer;width:100%;padding:3% 20px;height:45px;color:#505050}.text-input.outlined{background-color:#faf4e6;border:2px rgba(80,80,80,.1) solid}.text-input.outlined:focus{outline:none;border:2px solid #ffba6d}.text-input.primary{background:#f1f1f1;box-shadow:0 2px #d3d3d3}.text-input.secondary{box-shadow:0 2px #d4d4d4;background:linear-gradient(165.41deg,rgba(255,255,255,.525) -19.95%,rgba(255,255,255,.075) 98.98%),#e4e4e4;color:#505050}.sources-and-errors{border-radius:25px;display:flex;flex-direction:column;background-color:#faeeda;color:#505050;padding:5% 7%}.sources-and-errors h2{margin:0;text-align:start;font-size:22px}.sources-and-errors hr{height:1px;background:#505050;width:100%;border-radius:25px;border:none;opacity:10%;margin-top:2.5%;margin-bottom:5%}.container{width:100%}.source-error-header{display:flex;gap:20px}.source-error-header svg{width:22px;stroke-width:2px;stroke:#505050}.sources.container{margin-bottom:3%}.sources-list{display:grid;grid-template-columns:1fr 1fr;padding-left:10%;padding-right:10%;gap:80px;margin-top:3%}.sources-list div{display:flex;flex-direction:column}.sources-list p{text-align:start;opacity:.8;margin-top:2.5%;margin-bottom:2.5%}.sources-list .link-container{display:flex;flex-direction:row;justify-content:space-between;position:relative}.sources-list .link-container:before{background:white;content:"";position:absolute;right:105%;top:20%;height:60%;width:8px;opacity:0;transition:opacity .5s ease;border-radius:25px}.sources-list .link-container:hover:before{opacity:.2}.sources-list a{text-align:start;font-size:18px;color:inherit;font-weight:500;transition:all .2s ease;margin-top:2.5%;margin-bottom:2.5%}.sources-list a:hover{text-shadow:-.2px -.2px 0 #fff,.2px -.2px 0 #fff,-.2px .2px 0 #fff,.2px .2px 0 #fff}.sources-list .icon{width:20px;animation:expand .2s linear forwards}.sources-list .icon.copied{stroke:#505050;stroke-width:1px;fill:#505050}.optional-flag{opacity:.5;font-size:12px}.error-icon{stroke-width:3px!important;border-radius:25px}.error-form{padding-top:1%;display:grid;grid-template-columns:35% 60%;column-gap:20px}.error-form div{display:flex;flex-direction:column}.error-form p{text-align:start}.error-form .link-field-header{flex-direction:row;justify-content:space-between}.error-form .error-summary{grid-column:1/3}.error-actions{float:right;display:flex;align-items:center;margin-top:4%;justify-content:space-around;width:30%}.error-actions .reset-button{border:none;background:none;display:flex;align-items:center;color:inherit;transition:scale .2s ease}.error-actions .reset-button svg{width:22px;stroke:#505050;stroke-width:1px;opacity:80%}.error-actions .reset-button:hover{scale:1.1}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(2px)}50%{transform:translate(-2px)}75%{transform:translate(2px)}to{transform:translate(0)}}@keyframes expand{0%{scale:.8}75%{scale:1.1}to{scale:1}}@media screen and (max-width: 768px){.sources-list{grid-template-columns:1fr;padding-left:0;padding-right:0;gap:0}.error-form{display:flex;flex-direction:column}.error-actions{width:100%;justify-content:space-between;margin-top:25px}}.quick-info{grid-column:1/3;border-radius:25px;width:100%;padding:20px 30px;background:#ffba6d;display:grid;grid-template-columns:1fr 1fr 1fr}.quick-info div{text-align:start;display:flex;flex-direction:column;gap:10px;position:relative;padding-left:30px;padding-right:10px}.quick-info div:after{content:"";display:block;position:absolute;top:0;right:0;height:100%;width:2px;background:#faf4e6;opacity:.2}.quick-info div:nth-child(3n):after{display:none}.quick-info div:nth-child(n+4){padding-top:20px}.quick-info p{margin:0}.quick-info-header{opacity:.8}.quick-info-text{font-size:18px}@media screen and (max-width: 768px){.quick-info{grid-template-columns:1fr 1fr}.quick-info div{padding-top:0;padding-left:15px}.quick-info div:after{display:none}.quick-info div:nth-child(n+3){padding-top:20px}}.extended-info-container{grid-column:1/3;display:flex;flex-direction:column;text-align:start;color:#505050;gap:25px;margin-top:10px}.extended-info{display:flex;flex-direction:column;gap:10px;line-height:2}.extended-info p{margin:0 30px}.info-subheader{opacity:.8;padding-bottom:5px}.origin-info{display:flex;justify-content:space-between;gap:15px;align-items:center}.fish-comments{text-align:left}.fish-comments-header{font-size:18px;font-weight:600;color:#505050;margin:0 0 16px}.fish-comments-form{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.fish-comments-input{font-family:Poppins,sans-serif;font-size:14px;padding:12px 16px;border:2px solid rgba(80,80,80,.1);border-radius:20px;outline:none;resize:vertical;color:#505050;line-height:1.5;background-color:#faf4e6;width:100%;box-sizing:border-box}.fish-comments-input::placeholder{color:#50505059}.fish-comments-input:focus{border-color:#ffba6d}.fish-comments-submit{align-self:flex-end}.fish-comments-login{color:#50505080;font-size:14px;margin-bottom:16px}.fish-comments-list{display:flex;flex-direction:column}.fish-comments-empty{text-align:center;color:#50505066;font-size:14px;padding:20px 0}.fish-comment{padding:16px 0;border-bottom:1px solid rgba(80,80,80,.1)}.fish-comment:last-child{border-bottom:none}.fish-comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.fish-comment-author{display:flex;align-items:center;gap:8px}.fish-comment-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}.fish-comment-avatar-placeholder{width:28px;height:28px;border-radius:50%;background:rgba(80,80,80,.15)}.fish-comment-username{font-size:13px;font-weight:600;color:#505050}.fish-comment-time{font-size:12px;color:#50505066}.fish-comment-body{margin:0;font-size:14px;color:#505050;line-height:1.5}.fish-comment-actions{display:flex;align-items:center;gap:4px}.fish-comment-delete{background:none;border:none;color:#50505040;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center}.fish-comment-delete:hover{color:#ff3434;background:rgba(255,52,52,.08)}.fish-comment-reply-btn{background:none;border:none;color:#50505066;cursor:pointer;font-size:12px;font-weight:600;padding:4px 8px;border-radius:4px}.fish-comment-reply-btn:hover{color:#ffba6d;background:rgba(255,186,109,.1)}.fish-comment-reply-form{margin-top:8px;display:flex;flex-direction:column;gap:8px}.fish-comment-reply-input{font-family:Poppins,sans-serif;font-size:13px;padding:10px 14px;border:2px solid rgba(80,80,80,.1);border-radius:16px;outline:none;resize:vertical;color:#505050;line-height:1.5;background-color:#faf4e6;width:100%;box-sizing:border-box}.fish-comment-reply-input::placeholder{color:#50505059}.fish-comment-reply-input:focus{border-color:#ffba6d}.fish-comment-reply-actions{display:flex;gap:8px;justify-content:flex-end}.fish-comment-reply-cancel{background:none;border:1px solid rgba(80,80,80,.15);color:#50505080;cursor:pointer;font-size:13px;font-weight:600;padding:6px 14px;border-radius:20px}.fish-comment-reply-cancel:hover{background:rgba(80,80,80,.05)}.fish-comment-reply-submit{background:#ffba6d;border:none;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:6px 14px;border-radius:20px}.fish-comment-reply-submit:disabled{opacity:.5;cursor:not-allowed}.fish-comment-reply-submit:not(:disabled):hover{opacity:.9}.fish-comment-replies{margin-top:4px;margin-left:36px;border-left:2px solid rgba(80,80,80,.1);padding-left:16px}.fish-comment-replies .fish-comment-reply-item{padding:12px 0}.fish-comment-replies .fish-comment-reply-item:last-child{border-bottom:none}.fish-card{border-radius:40px;width:60%;max-width:800px;margin:3% auto;position:relative;z-index:0;display:flex;flex-direction:column;gap:25px}.info-card{display:grid;grid-template-columns:65% 35%;column-gap:35px;gap:25px}.fish-header{border-radius:20px 0 0 20px;align-self:center;width:100%}.fish-img-container{height:300px;position:relative}.fish-img-container:hover button{opacity:.5}.fish-img{height:100%;width:100%;object-fit:cover;border-radius:30px;box-shadow:0 3px #f7ba91}.fish-img-button{position:absolute;right:6px;top:50%;border:none;background:none;transform:translateY(-50%);opacity:0;transition:all .2s ease}.fish-img-button svg{color:#fff;stroke:#fff;stroke-width:2px;width:28px;transition:scale .2s ease}.fish-img-button:hover{opacity:.9!important}.fish-img-button:hover svg{scale:1.3}.loading-fish-pic-fallback{background-color:#faeeda;border-radius:30px;height:300px;display:flex;justify-content:center;align-items:center}.no-fish-pic-fallback{background-color:#faeeda;border-radius:30px;height:300px;display:flex;justify-content:center;align-items:center;color:#505050;gap:15px;font-size:18px;flex-direction:column}.no-fish-pic-fallback p{opacity:.6;margin:0}.no-fish-pic-fallback svg{opacity:.8;width:65px}.fullscreen-img-button{position:absolute;right:10px;top:15px;border:none;background:none;opacity:0;transition:all .2s ease}.fullscreen-img-button svg{color:#fff;stroke:#fff;stroke-width:1px;width:28px;transition:scale .2s ease}.fullscreen-img-button:hover{opacity:.9!important}.fullscreen-img-button:hover svg{scale:1.2}.fish-title{background:#faeeda;color:#505050;border-radius:20px;margin:25px auto auto;width:100%;padding:3% 7%;display:flex;justify-content:space-between}.fish-names{grid-area:name;text-align:start;display:flex;flex-direction:column;gap:5px}.fish-name{font-size:22px;margin-top:0;margin-bottom:.5%}.add-fish-to-tank-button{border:none;background:none;display:flex;align-items:center;color:#505050;width:min-content}.add-fish-to-tank-button svg{width:32px;stroke-width:2px;transition:all .2s ease}.add-fish-to-tank-button svg:hover{scale:1.1}.sub-name{font-size:18px;font-weight:600;margin:0;opacity:.8}.buttonGroup{grid-area:buttons;align-self:center}.add{display:inline-flex;vertical-align:middle}.fast-facts{color:#505050;display:flex;flex-direction:column;justify-content:space-between}.fast-facts div{height:30%}.fast-facts h2{opacity:.8;font-size:18px;font-weight:600;margin:0}.fast-facts h1{font-size:22px;margin:0}.care-level{position:relative;border-radius:30px;width:100%;display:flex;flex-direction:column;justify-content:space-around;padding:25px 0}.care-level:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:10px;border-radius:30px;height:70%}.care-level.beginner:before{background-color:#7be22a}.care-level.intermediate:before{background-color:#fcd834}.care-level.difficult:before{background-color:#ff3434}.temperament{position:relative;border-radius:30px;width:100%;display:flex;flex-direction:column;justify-content:space-around;padding:25px 0}.temperament:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:10px;border-radius:30px;height:70%}.temperament.peaceful:before{background-color:#7be22a}.temperament.semi-aggressive:before{background-color:#fcd834}.temperament.aggressive:before{background-color:#ff3434}.ph-level{position:relative;width:100%;text-align:start;border-radius:30px;display:flex;flex-direction:column;align-items:center;justify-content:space-around;padding:25px 0}.ph-level:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:10px;border-radius:30px;background-color:#b8b9ff;height:70%}.fish-comments-container{grid-column:1/3}.related-fish-container{grid-column:1/3;display:flex;flex-direction:column;gap:25px}.related-fish-list{display:flex;justify-content:space-between}@media screen and (max-width: 768px){.fish-card{width:90%;margin:5% auto 10%}.info-card{display:flex;flex-direction:column;gap:25px}.care-level,.temperament,.ph-level{gap:10px}.related-fish-list{overflow-y:hidden;overflow-x:auto;gap:20px;scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none}.related-fish-list::-webkit-scrollbar{display:none}.related-fish{scroll-snap-align:center;scroll-snap-stop:always}.fish-card-browse{box-shadow:none}}.tank-details{display:grid;grid-template-columns:40% 50%;column-gap:10%;height:100%;width:100%;flex-wrap:wrap}.tank-details h3{text-align:start;font-size:16px}.tank-details .next-button-container{flex:0 0 100%;width:20%;align-items:end}.create-tank-size-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.tank-calc-nav{border:none;background:none;height:25px;color:#faf4e6;border-bottom:dotted 2px #faf4e6;padding:0;cursor:pointer}.size-inputs{display:flex;flex-direction:row;gap:20px}.size-inputs label{margin-left:8px}.upload-pic-container{height:300px;grid-row:1/4;grid-column:2/3;align-self:center}.upload-pic{background:rgba(255,255,255,.2);width:100%!important;min-height:225px;position:relative;border-radius:25px;overflow:hidden;cursor:pointer;max-width:500px;display:flex;justify-content:center;align-items:center;flex-direction:column}.upload-pic img{max-height:250px;width:100%;object-fit:cover}.upload-pic p{padding:0 40px}.upload-pic .reset-button{position:absolute;top:10px;right:10px;border:none;background:none;transition:scale .2s ease}.upload-pic .reset-button:hover{scale:1.075}.upload-pic div{display:flex;flex-direction:row;justify-content:center;align-items:center;padding-bottom:0;flex:none}.upload-pic div svg{color:#faf4e6;opacity:.7;transition:all .2s ease-in-out}.upload-pic u{text-decoration:none;border-bottom:2px dotted #faf4e6}.reset-pic-icon{width:24px;stroke-width:3px;stroke:#faf4e6;height:24px}.picture-icon{width:50px}.add-icon{width:25px;stroke-width:4px;stroke:#faf4e6}@media screen and (max-width: 768px){.tank-details{row-gap:20px;grid-template-columns:1fr;grid-template-areas:"upload-pic" "tank-name" "tank-size" "size-unit"}.upload-pic-container{height:unset;grid-area:upload-pic}.tank-name{grid-area:tank-name}.tank-size{grid-area:tank-size}.size-unit{grid-area:size-unit}}.tank-type{grid-area:tank-type}.tank-type-inputs{display:flex;flex-direction:column;row-gap:20px;align-items:start;margin-left:30px}.planted-tank{grid-area:planted-tank}.planted-tank-inputs{display:flex;flex-direction:column;row-gap:20px;align-items:start;margin-left:30px}.tank-temp{grid-area:tank-temp;display:flex;flex-direction:column}.tank-ph{grid-area:tank-ph}.temp-unit{grid-area:temp-unit}.temp-unit-inputs{display:flex;flex-direction:column;row-gap:20px;align-items:start;margin-left:30px}.new-tank{grid-area:new-tank;justify-items:start;display:flex;flex-direction:column}.new-tank-inputs{display:flex;flex-direction:column;row-gap:20px;align-items:start;margin-left:30px}.tank-specifications{display:grid;column-gap:10%;width:100%;height:100%;grid-template-columns:45% 45%;grid-template-areas:"tank-temp tank-type" "tank-temp tank-type" "temp-unit tank-type" "temp-unit planted-tank" "new-tank planted-tank" "new-tank planted-tank"}.tank-specifications h3{text-align:start;font-size:16px}.tank-specifications label{margin-left:8px}@media screen and (max-width: 768px){.tank-specifications{grid-template-columns:1fr;grid-template-areas:"tank-temp" "temp-unit" "new-tank" "tank-type" "planted-tank";row-gap:20px}}.list-fish-card{border-radius:30px;background-color:#faf4e6;color:#505050;padding:2%;width:100%;margin:auto;display:grid;grid-template-columns:30% 40% 20% 10%;justify-content:center;align-items:center}.list-fish-card img{border-radius:25px;width:175px;height:125px;object-fit:cover}.list-fish-card button{border:none;background:none;color:inherit;display:flex;align-items:center;justify-content:center}.list-fish-card button svg{width:30px}.fish-amount{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px}.list-fish-name{text-align:start}@media screen and (max-width: 768px){.list-fish-card{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"fish-image fish-image" "fish-name fish-name" "fish-amount fish-delete";row-gap:15px;padding-bottom:15px}.list-fish-card img{width:100%;height:170px;grid-area:fish-image}.fish-amount{grid-area:fish-amount}.fish-delete{grid-area:fish-delete}.list-fish-name{display:flex;flex-direction:column;text-align:center;gap:10px;grid-area:fish-name}.list-fish-name h3,.list-fish-name p,.fish-amount p{margin:0}}.tank-stock{width:100%}.fish-list{display:flex;flex-direction:column;gap:15px}.no-fish{border:dashed 2px rgba(250,244,230,.5);border-radius:30px;padding:2% 2% 3%;width:100%;margin:auto}.no-fish-header{font-size:16px;font-weight:700}.no-fish-subheader{font-size:14px;padding:0 15%}.add-fish{margin-top:25px;display:flex;justify-content:center}@media screen and (max-width: 768px){.tank-stock{min-height:65vh;display:flex;flex-direction:column;justify-content:center;padding:5% 0}.tank-stock h2{font-size:20px}.no-fish-header{margin:0}.no-fish-subheader{font-size:12px;padding:0 5%;margin:0}.no-fish{gap:15px;min-height:370px;display:flex;flex-direction:column;justify-content:center;align-items:center}}.create-tank-steps{display:flex;flex-direction:column;margin-top:25%}.create-step{display:flex;align-items:center;gap:15px}.create-step p{cursor:pointer;color:#505050}.create-step.complete .step-indicator{background-color:#ffba6d}.create-step.complete .step-indicator:before{background-color:#ffba6d;border:none}.create-step.complete p{font-weight:600}.create-step:first-child .step-indicator:before{display:none}.step-indicator{position:relative;width:20px;height:20px;border-radius:30px;border:#ffba6d 3px solid}.step-indicator:before{content:"";position:absolute;top:-40px;left:3px;width:8px;height:39px;background-color:none;border:#ffba6d 4.5px dashed}@media screen and (max-width: 768px){.create-tank-steps{display:none}}.create-tank{margin:2% 12% 7%;color:#faf4e6}.create-tank input[type=radio]{appearance:none;background-color:#faf4e6;color:#50c9ce;border:none;width:20px;height:20px;border-radius:50%;display:inline-grid;place-content:center}.create-tank input[type=radio]:before{content:"";width:12px;height:12px;border-radius:50%;transform:scale(0);transition:.12s transform ease-in-out}.create-tank input[type=radio]:checked:before{transform:scale(1);background-color:#50c9ce}.create-body-container{display:grid;grid-template-columns:20% 80%}.create-body{background:#ffba6d;border-radius:40px;width:100%;margin:auto;padding:5% 8%;min-height:70vh;height:100%;justify-content:center;align-items:center;display:flex;flex-direction:column}.create-actions{display:flex;flex-direction:row;justify-content:space-between;width:100%;margin-top:3%;padding-left:50px;padding-right:50px}@media screen and (max-width: 768px){.create-body-container{display:flex;flex-direction:column}.create-body{min-height:unset}.create-tank{margin:6% auto;width:90%;display:flex;flex-direction:column;gap:12px;min-height:calc(100vh - 70px)}.create-actions{padding:unset;margin-top:30px}}.authentication-page{width:100%;height:calc(100vh - 80px);display:flex;justify-content:center;align-items:center;color:#505050}.authentication-card-container{width:350px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:20px;display:relative}.authentication-card{width:350px;min-height:350px;max-height:650px;margin:auto;background-color:#faeeda;border-radius:30px;padding:25px 40px;display:flex;flex-direction:column;justify-content:space-between;gap:20px}.authentication-card h2{margin:0}.auth-fields{display:flex;flex-direction:column;justify-content:space-between;height:max-content;gap:20px}.auth-field{text-align:start;display:flex;flex-direction:column;gap:10px}.auth-field input{border:none;outline:none;font-size:16px;background-color:#faf4e6;border-radius:12px;padding:10px 20px}.auth-password{position:relative}.auth-password input{padding-right:45px;width:100%}.auth-password button{position:absolute;right:10px;top:50%;transform:translateY(-50%);background-color:transparent;border:none;outline:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.auth-password button svg{width:20px;stroke:#505050;stroke-width:1.75px}.auth-submit{display:flex;flex-direction:column;gap:15px}.auth-submit-success{background-color:#ffba6d;color:#faf4e6;border:none;outline:none;padding:10px 20px;border-radius:30px;font-size:14px;font-weight:600;height:40px;display:flex;align-items:center;justify-content:center;gap:10px;cursor:not-allowed}.auth-submit-success svg{width:20px;stroke:#faf4e6;stroke-width:1.5px}.auth-page-prompt{font-size:14px;color:#505050bf;margin:0}.auth-page-prompt a{color:#ffba6d;text-decoration:none;font-weight:600;cursor:pointer}.authentication-alert{background-color:#ff34340d;padding:10px 20px;width:100%;border-radius:20px;overflow:hidden;font-size:14px}.authentication-alert p{margin:0;font-weight:600}.authentication-alert.alert-error{border:#ff3434 2px solid;color:#ff3434;background-color:#ff34340d}.authentication-alert.alert-success{border:#ffba6d 2px solid;color:#ffba6d;background-color:#ffba6d0d}.no-bites{color:#505050;height:calc(100vh - 80px);display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:-40px;margin-bottom:40px;gap:35px}.no-bites-text{display:flex;flex-direction:column;gap:10px}.no-bites-text h1{margin:0}.no-bites-text p{margin:0;opacity:.8}.identification{width:60%;margin:40px auto 80px;color:#505050;display:flex;flex-direction:column;gap:60px}.identification__upload{border-radius:30px;width:475px;height:339px;border:3px dashed rgba(80,80,80,.1);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.identification__upload-prompt{display:flex;gap:10px;align-items:center;justify-content:center;text-align:center}.identification__upload-prompt h3{margin:0}.identification__upload-prompt svg{width:35px;height:35px}.identification__upload-prompt-subtitle{font-size:14px;opacity:.8;margin:0}.identification__content{display:flex;gap:40px;flex-direction:column;align-items:center;justify-content:center;position:relative}.identification__content .identification__image{position:relative;width:475px;border-radius:30px;height:339px;object-fit:cover;transition:all 1s ease-in-out;z-index:3;animation:pulsing 2.5s ease-in-out infinite}.identification__content .identification__image.error{animation:shake .4s ease-in-out}.identification__content.match{gap:20px;display:grid;grid-template-columns:350px 1fr 1fr;align-items:center;justify-content:center;position:relative}.identification__content.match .identification__image{object-fit:cover;width:350px;height:250px;animation:reverseSlideOut 1s ease-in-out}.identification__content.result .identification__image{animation:none}.identification__image-container{height:339px;display:flex;align-items:center;justify-content:center;z-index:3;width:100%}.identification__match-icon{display:flex;justify-content:center;z-index:1}.identification__result{display:flex;flex-direction:column;gap:10px;animation:dropDown 1s ease-in-out}.identification__result p{margin:0}.identification__name{font-size:20px;font-weight:600}.identification__scientific-name{opacity:.8}.identification__match{position:relative;animation:slideOut 1s ease-in-out;z-index:2;justify-self:center}.identification__actions{display:flex;flex-direction:column;gap:15px;animation:dropDown 1s ease-in-out}.identification__action-buttons{display:flex;gap:20px;justify-content:center;align-items:center}.identification__feedback{display:flex;gap:5px;justify-content:center;align-items:center;font-size:14px}.identification__feedback p{margin:0}.identification__loading{display:flex;justify-content:center;align-items:center;gap:10px}.identification__loading p{margin:0}.identification__error{display:flex;justify-content:center;align-items:center;gap:10px;margin:0}.identification__instructions{display:flex;flex-direction:column;gap:30px;align-items:start;justify-content:center;text-align:start}.identification__instructions svg{width:35px;height:35px}.identification__instruction{display:grid;grid-template-columns:1fr 9fr;align-items:center;gap:10px;grid-template-areas:"icon title" "icon description"}.identification__instruction svg{grid-area:icon}.identification__instruction-title{font-weight:600;grid-area:title;margin:0}.identification__instruction-description{grid-area:description;margin:0}.identification__divider{width:100%;height:2px;background-color:#505050;border-radius:10px;opacity:.05;margin:10px 0}@media screen and (max-width: 1125px){.identification{width:70%}}@media screen and (max-width: 968px){.identification{width:85%}}@media screen and (max-width: 768px){.identification{width:90%}.identification__upload{width:100%;height:250px;max-width:375px}.identification__instruction{display:grid;grid-template-columns:1fr 9fr;column-gap:20px;align-items:center}.identification__loading{position:absolute;top:95%}.identification__actions{animation:mobileDropDown 1s ease-in-out}.identification__content{display:flex;gap:0px;flex-direction:column;align-items:center;justify-content:center;transition:all .3s ease ease-in-out}.identification__content .identification__image{position:relative;width:100%;max-width:375px;border-radius:30px;height:250px;object-fit:cover;transition:all 1s ease-in-out;z-index:3;animation:pulsing 2.5s ease-in-out infinite}.identification__content.match{display:flex;grid-template-columns:1fr;align-items:center;justify-content:center;top:0;position:relative;height:339px}.identification__content.match .identification__image-container{animation:zIndex .8s ease-in-out forwards}.identification__content.match .identification__image{object-fit:cover;justify-self:center;align-items:center;animation:downAndUnder .8s ease-in-out forwards}.identification__content.match .identification__match{position:absolute;z-index:2;justify-self:center;animation:unset;top:0;animation:upAndOver 1s ease forwards}.identification__content.result{gap:30px;margin-bottom:-28px}.identification__content.result .identification__image{animation:none}.identification__content.result .identification__image-container{height:100%}}@keyframes zIndex{0%{z-index:3}to{z-index:1}}@keyframes upAndOver{0%{top:0;transform:scale(.5)}50%{top:-30%}to{top:0;transform:scale(1)}}@keyframes downAndUnder{0%{transform:scale(1) translateY(0)}50%{transform:translateY(60%);opacity:1}to{transform:scale(.7) translateY(0);z-index:1;opacity:.5}}@keyframes mobileDropDown{0%{transform:translateY(-300%);scale:.7}to{transform:translateY(0);scale:1}}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-10px)}50%{transform:translate(10px)}75%{transform:translate(-10px)}to{transform:translate(0)}}@keyframes dropDown{0%{transform:translateY(-250%);scale:.7}to{transform:translateY(0);scale:1}}@keyframes pulsing{0%{transform:scale(1)}50%{transform:scale(.97)}to{transform:scale(1)}}@keyframes spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideOut{0%{transform:translate(-100%);scale:.7}to{transform:translate(0);scale:1}}@keyframes reverseSlideOut{0%{position:absolute;left:50%;transform:translate(-50%)}to{position:absolute;left:0}}.country-select{position:relative;width:100%}.country-select-trigger{width:100%;height:45px;border-radius:25px;background:#faf4e6;border:2px rgba(80,80,80,.1) solid;padding:0 16px;font-size:16px;color:#505050;cursor:pointer;display:flex;align-items:center;justify-content:space-between;text-align:left}.country-select-trigger:focus{outline:none;border-color:#ffba6d}.country-select-placeholder{color:#747474}.country-select-value{color:#505050}.country-select-dropdown{position:absolute;top:calc(100% + 6px);left:0;width:100%;background:#faeeda;border-radius:16px;box-shadow:0 4px 20px #0000001f;z-index:100;overflow:hidden}.country-select-search{width:100%;padding:12px 16px;border:none;border-bottom:1px solid rgba(80,80,80,.1);background:transparent;font-size:14px;color:#505050;outline:none}.country-select-search::placeholder{color:#999}.country-select-list{max-height:240px;overflow-y:auto;padding:6px}.country-select-option{width:100%;padding:10px 12px;border:none;background:none;text-align:left;font-size:15px;color:#505050;cursor:pointer;border-radius:10px;display:block}.country-select-option:hover{background:rgba(80,80,80,.06)}.country-select-option.selected{background:rgba(80,201,206,.12);font-weight:600}.country-select-empty{padding:16px;text-align:center;color:#999;font-size:14px}.create-account-page{width:100%;min-height:calc(100vh - 80px);display:flex;justify-content:center;align-items:center;padding:40px 20px;color:#505050}.create-account-card{width:580px;max-width:100%;background-color:#faeeda;border-radius:30px;padding:35px 45px;display:flex;flex-direction:column;gap:20px}.create-account-card h2{margin:0;text-align:center}.create-account-error{background-color:#ff34340d;border:2px solid #ff3434;border-radius:20px;padding:10px 20px;color:#ff3434;font-size:14px}.create-account-error p{margin:0;font-weight:600}.create-account-fields{display:flex;flex-direction:column;gap:16px}.create-account-field{text-align:start;display:flex;flex-direction:column;gap:8px}.create-account-field label{font-size:14px;font-weight:600}.create-account-traits-row{display:flex;gap:12px}.create-account-traits-row select{flex:1}.create-account-dropzone{background-color:#faf4e6;border:2px dashed rgba(80,80,80,.2);border-radius:16px;padding:20px;cursor:pointer;text-align:center;transition:border-color .2s}.create-account-dropzone:hover{border-color:#ffba6d}.create-account-upload-prompt{display:flex;flex-direction:column;align-items:center;gap:8px;color:#999}.create-account-upload-prompt p{margin:0;font-size:14px}.create-account-pic-preview{display:flex;align-items:center;gap:12px}.create-account-pic-preview img{width:60px;height:60px;border-radius:50%;object-fit:cover}.create-account-pic-preview p{margin:0;font-size:14px;color:#505050}.create-account-actions{display:flex;justify-content:space-between;gap:12px;padding-top:5px}.profile-page{width:100%;min-height:calc(100vh - 80px);display:flex;justify-content:center;align-items:center;padding:40px 20px;color:#505050}.profile-card{width:800px;max-width:100%;background-color:#faeeda;border-radius:30px;padding:40px;display:grid;grid-template-columns:1fr 260px;gap:40px}.profile-form-section{display:flex;flex-direction:column;gap:20px}.profile-form-section h2{margin:0}.profile-alert{padding:10px 20px;border-radius:20px;font-size:14px}.profile-alert p{margin:0;font-weight:600}.profile-alert.alert-error{border:2px solid #ff3434;color:#ff3434;background-color:#ff34340d}.profile-alert.alert-success{border:2px solid #ffba6d;color:#ffba6d;background-color:#ffba6d0d}.profile-fields{display:flex;flex-direction:column;gap:16px}.profile-field{text-align:start;display:flex;flex-direction:column;gap:8px}.profile-field label{font-size:14px;font-weight:600}.username-input-wrapper{display:flex;align-items:center;background-color:#faf4e6;border:2px rgba(80,80,80,.1) solid;border-radius:25px;height:45px;padding:0 20px;gap:2px}.username-input-wrapper:focus-within{border-color:#ffba6d}.username-prefix{font-size:16px;color:#999;user-select:none}.username-input{border:none;outline:none;background:transparent;font-size:16px;color:#505050;width:100%;height:100%;padding:0}.profile-traits-row{display:flex;gap:12px}.profile-traits-row select{flex:1}.profile-actions{display:flex;justify-content:space-between;gap:12px;padding-top:5px}.profile-picture-section{display:flex;flex-direction:column;align-items:center;padding-top:40px;gap:8px}.profile-picture-section h3{margin:0;font-size:20px}.profile-username{margin:0;font-size:14px;color:#999}.profile-picture-container{cursor:pointer}.profile-picture-wrapper{position:relative;width:200px;height:200px;border-radius:50%;overflow:hidden}.profile-picture-wrapper img{width:100%;height:100%;object-fit:cover}.profile-picture-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;color:#fff}.profile-picture-wrapper:hover .profile-picture-overlay{opacity:1}.profile-picture-placeholder{width:200px;height:200px;border-radius:50%;background-color:#faf4e6;border:2px dashed rgba(80,80,80,.2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#999;transition:border-color .2s}.profile-picture-placeholder:hover{border-color:#ffba6d}.profile-picture-placeholder p{margin:0;font-size:14px}@media (max-width: 700px){.profile-card{grid-template-columns:1fr;padding:30px 25px}.profile-picture-section{order:-1;padding-top:0}.profile-picture-wrapper,.profile-picture-placeholder{width:150px;height:150px}}.trending-card{position:relative;min-width:220px;height:180px;border-radius:20px;overflow:hidden;cursor:pointer;flex-shrink:0;transition:transform .2s}.trending-card:hover{transform:scale(1.03)}.trending-card-image{width:100%;height:100%;object-fit:cover}.trending-card-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#6cd4d8,#ffba6d)}.trending-card-overlay{position:absolute;bottom:0;left:0;right:0;padding:12px;background:linear-gradient(transparent,rgba(0,0,0,.7));color:#faf4e6;text-align:left}.trending-card-title{margin:0 0 4px;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trending-card-body{margin:0;font-size:11px;opacity:.85;line-height:1.3}.forum-trending-header{font-size:20px;font-weight:600;color:#505050;margin:0 0 16px;text-align:left}.forum-trending-scroll{display:flex;gap:16px;overflow-x:auto;padding:8px;margin:-8px;-ms-overflow-style:none;scrollbar-width:none}.forum-trending-scroll::-webkit-scrollbar{display:none}.post-card{display:flex;background:#faeeda;border-radius:20px;overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s}.post-card:hover{transform:translateY(-2px)}.post-card-image{width:200px;min-height:160px;flex-shrink:0}.post-card-image img{width:100%;height:100%;object-fit:cover}.post-card-content{padding:16px 20px;display:flex;flex-direction:column;flex:1;text-align:left}.post-card-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.post-card-tag{padding:2px 10px;border-radius:12px;background:rgba(255,186,109,.25);color:#ff9b3f;font-size:11px;font-weight:600}.post-card-title{margin:0 0 6px;font-size:16px;font-weight:600;color:#505050}.post-card-body{margin:0 0 12px;font-size:13px;color:#505050b3;line-height:1.4;flex:1}.post-card-footer{display:flex;justify-content:space-between;align-items:center}.post-card-author{display:flex;align-items:center;gap:8px;font-size:13px;color:#505050;font-weight:500}.post-card-time{font-size:12px;color:#50505066;font-weight:400}.post-card-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}.post-card-avatar-placeholder{width:28px;height:28px;border-radius:50%;background:rgba(80,80,80,.15)}.post-card-stats{display:flex;gap:12px}.post-card-stat{display:flex;align-items:center;gap:4px;font-size:13px;color:#50505080}@media screen and (max-width: 768px){.post-card{flex-direction:column}.post-card-image{width:100%;height:180px;min-height:auto}}.forum-feed-list{display:flex;flex-direction:column;gap:16px}.forum-feed-empty{text-align:center;padding:60px 20px;color:#50505080;font-size:15px}.forum-feed-loading{text-align:center;padding:40px}.forum-feed-load-more{display:flex;justify-content:center;margin-top:24px}.forum-sidebar{display:flex;flex-direction:column;gap:20px}.forum-sidebar-create{width:100%}.forum-sidebar-section{background:#faeeda;border-radius:20px;padding:20px}.forum-sidebar-section h3{margin:0 0 12px;font-size:16px;font-weight:600;color:#505050;text-align:left}.forum-sidebar-tags{display:flex;flex-wrap:wrap;gap:8px}.forum-sidebar-tag{padding:6px 14px;border:1.5px solid rgba(80,80,80,.15);border-radius:20px;background:transparent;color:#505050;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.forum-sidebar-tag:hover{border-color:#ffba6d;color:#ff9b3f}.forum-sidebar-tag.active{background:#ffba6d;border-color:#ffba6d;color:#faf4e6}.forum-sidebar-drafts{width:100%}@media screen and (max-width: 968px){.forum-sidebar{flex-direction:row;flex-wrap:wrap;gap:12px}.forum-sidebar-create{flex:1;min-width:150px}.forum-sidebar-section{width:100%}.forum-sidebar-drafts{flex:1;min-width:150px}}.time-filter{display:flex;gap:8px;margin-bottom:20px}.time-filter-tab{padding:8px 20px;border:1.5px solid rgba(80,80,80,.15);border-radius:20px;background:transparent;color:#505050;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.time-filter-tab:hover{border-color:#ffba6d;color:#ff9b3f}.time-filter-tab.active{background:#ffba6d;border-color:#ffba6d;color:#faf4e6}.forum{margin:40px auto;max-width:1100px;width:90%;color:#505050;display:flex;flex-direction:column;gap:20px}.forum-layout{display:grid;grid-template-columns:1fr 280px;gap:30px;align-items:start}@media screen and (max-width: 968px){.forum-layout{grid-template-columns:1fr}.forum{width:92%}}.comment{padding:16px 0;border-bottom:1px solid rgba(80,80,80,.1)}.comment:last-child{border-bottom:none}.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.comment-author{display:flex;align-items:center;gap:8px}.comment-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}.comment-avatar-placeholder{width:28px;height:28px;border-radius:50%;background:rgba(80,80,80,.15)}.comment-username{font-size:13px;font-weight:600;color:#505050}.comment-time{font-size:12px;color:#50505066}.comment-body{margin:0;font-size:14px;color:#505050;line-height:1.5;text-align:left}.comment-actions{display:flex;align-items:center;gap:4px}.comment-delete{background:none;border:none;color:#50505040;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center}.comment-delete:hover{color:#ff3434;background:rgba(255,52,52,.08)}.comment-reply-btn{background:none;border:none;color:#50505066;cursor:pointer;font-size:12px;font-weight:600;padding:4px 8px;border-radius:4px}.comment-reply-btn:hover{color:#ffba6d;background:rgba(255,186,109,.1)}.comment-reply-form{margin-top:8px;display:flex;flex-direction:column;gap:8px}.comment-reply-input{font-family:Poppins,sans-serif;font-size:13px;padding:10px 14px;border:2px solid rgba(80,80,80,.1);border-radius:16px;outline:none;resize:vertical;color:#505050;line-height:1.5;background-color:#faf4e6;width:100%;box-sizing:border-box}.comment-reply-input::placeholder{color:#50505059}.comment-reply-input:focus{border-color:#ffba6d}.comment-reply-form-actions{display:flex;gap:8px;justify-content:flex-end}.comment-reply-cancel{background:none;border:1px solid rgba(80,80,80,.15);color:#50505080;cursor:pointer;font-size:13px;font-weight:600;padding:6px 14px;border-radius:20px}.comment-reply-cancel:hover{background:rgba(80,80,80,.05)}.comment-reply-submit{background:#ffba6d;border:none;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:6px 14px;border-radius:20px}.comment-reply-submit:disabled{opacity:.5;cursor:not-allowed}.comment-reply-submit:not(:disabled):hover{opacity:.9}.comment-replies{margin-top:4px;margin-left:36px;border-left:2px solid rgba(80,80,80,.1);padding-left:16px}.comment-replies .comment-reply-item{padding:12px 0}.comment-replies .comment-reply-item:last-child{border-bottom:none}.comment-section{margin-top:30px;text-align:left}.comment-section-header{font-size:18px;font-weight:600;color:#505050;margin:0 0 16px;text-align:left}.comment-section-form{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.comment-section-input{font-family:Poppins,sans-serif;font-size:14px;padding:12px 16px;border:2px solid rgba(80,80,80,.1);border-radius:20px;outline:none;resize:vertical;color:#505050;line-height:1.5;background-color:#faf4e6}.comment-section-input::placeholder{color:#50505059}.comment-section-input:focus{border-color:#ffba6d}.comment-section-submit{align-self:flex-end}.comment-section-login{color:#50505080;font-size:14px;text-align:left;margin-bottom:16px}.comment-section-list{display:flex;flex-direction:column}.comment-section-empty{text-align:center;color:#50505066;font-size:14px;padding:20px 0}.post-detail{margin:40px auto;max-width:800px;width:90%;color:#505050}.post-detail-header{display:flex;justify-content:space-between;align-items:center;margin:20px 0 16px}.post-detail-header-left{display:flex;align-items:center;gap:8px}.post-detail-author{display:flex;align-items:center;gap:10px}.post-detail-author div{display:flex;flex-direction:column;text-align:left}.post-detail-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.post-detail-avatar-placeholder{width:40px;height:40px;border-radius:50%;background:rgba(80,80,80,.15)}.post-detail-username{font-size:14px;font-weight:600;color:#505050}.post-detail-time{font-size:12px;color:#50505080}.post-detail-owner-actions{display:flex;gap:4px}.post-detail-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.post-detail-tag{padding:3px 12px;border-radius:12px;background:rgba(255,186,109,.25);color:#ff9b3f;font-size:12px;font-weight:600}.post-detail-title{margin:0 0 20px;font-size:28px;font-weight:700;color:#505050;text-align:left}.post-detail-images{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.post-detail-image{width:100%;max-height:500px;object-fit:contain;border-radius:20px;background:rgba(80,80,80,.05)}.post-detail-card{background:#faeeda;border-radius:30px;padding:30px}.post-detail-body{font-size:15px;line-height:1.7;color:#505050;text-align:left;white-space:pre-wrap;margin:0 0 20px}.post-detail-actions{display:flex;gap:16px;padding-top:12px;border-top:1px solid rgba(80,80,80,.1)}.post-detail-like{display:flex;align-items:center;gap:6px;background:none;border:none;color:#50505080;font-family:Poppins,sans-serif;font-size:14px;cursor:pointer;padding:6px 12px;border-radius:20px;transition:all .2s}.post-detail-like:hover{background:rgba(255,52,52,.08);color:#ff3434}.post-detail-like.liked{color:#ff3434}.post-detail-like:disabled{cursor:default;opacity:.6}.post-detail-like:disabled:hover{background:none;color:#50505080}.post-detail-delete-message{color:#505050;font-size:14px;margin:10px 0}@media screen and (max-width: 768px){.post-detail-card{padding:20px;border-radius:20px}.post-detail-title{font-size:22px}}.mini-back-button{background:none;border:none;color:#ffba6d;font-size:14px;display:flex;gap:5px;justify-content:center;align-items:center;padding:0;transition:scale .2s ease;font-family:inherit}.mini-back-button p{margin:0;padding-top:1px}.mini-back-button svg{width:14px;height:14px;stroke-width:.25px;stroke:#ffba6d}.mini-back-button:hover{scale:1.05;cursor:pointer}.create-post{margin:40px auto;max-width:750px;width:90%;color:#505050}.create-post-form{display:flex;flex-direction:column;gap:20px;background:#faeeda;padding:30px;border-radius:30px}.create-post-title{font-family:Poppins,sans-serif;font-size:18px;font-weight:600;padding:12px 20px;border:2px solid rgba(80,80,80,.1);border-radius:25px;outline:none;color:#505050;background-color:#faf4e6;height:45px}.create-post-title::placeholder{color:#50505059}.create-post-title:focus{border-color:#ffba6d}.create-post-body{font-family:Poppins,sans-serif;font-size:14px;padding:12px 20px;border:2px solid rgba(80,80,80,.1);border-radius:20px;outline:none;resize:vertical;min-height:150px;color:#505050;line-height:1.5;background-color:#faf4e6}.create-post-body::placeholder{color:#50505059}.create-post-body:focus{border-color:#ffba6d}.create-post-label{margin:0 0 8px;font-size:14px;font-weight:600;color:#505050;text-align:left}.create-post-tags{text-align:left}.create-post-tag-list{display:flex;flex-wrap:wrap;gap:8px}.create-post-tag{padding:6px 14px;border:1.5px solid rgba(80,80,80,.15);border-radius:20px;background:transparent;color:#505050;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.create-post-tag:hover{border-color:#ffba6d;color:#ff9b3f}.create-post-tag.active{background:#ffba6d;border-color:#ffba6d;color:#faf4e6}.create-post-images{text-align:left}.create-post-dropzone{display:flex;align-items:center;justify-content:center;gap:10px;padding:30px;border:2px dashed rgba(80,80,80,.2);border-radius:20px;color:#50505066;font-size:14px;cursor:pointer;transition:border-color .2s,color .2s}.create-post-dropzone:hover,.create-post-dropzone.active{border-color:#ffba6d;color:#ff9b3f}.create-post-image-preview{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.create-post-image-item{position:relative;width:100px;height:100px;border-radius:15px;overflow:hidden}.create-post-image-item img{width:100%;height:100%;object-fit:cover}.create-post-image-remove{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;border:none;background:rgba(0,0,0,.6);color:#faf4e6;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.create-post-actions{display:flex;gap:12px;justify-content:flex-end}@media screen and (max-width: 768px){.create-post-form{padding:20px;border-radius:20px}}.drafts{margin:40px auto;max-width:750px;width:90%;color:#505050}.drafts-loading{text-align:center;padding:40px}.drafts-empty{text-align:center;padding:40px;color:#50505080;font-size:15px}.drafts-list{display:flex;flex-direction:column;gap:12px}.drafts-item{background:#faeeda;padding:20px;border-radius:20px;cursor:pointer;text-align:left;transition:transform .2s}.drafts-item:hover{transform:translateY(-1px)}.drafts-item h3{margin:0 0 6px;font-size:16px;font-weight:600;color:#505050}.drafts-item p{margin:0 0 8px;font-size:13px;color:#505050b3;line-height:1.4}.drafts-date{font-size:12px;color:#50505066}*{font-family:Poppins,sans-serif}*,*:before,*:after{box-sizing:inherit}html{box-sizing:border-box;font-family:Poppins,sans-serif;color:#fff;text-align:center;background-color:#faf4e6}body{position:relative;margin:0}.easy{background:linear-gradient(180.72deg,rgba(255,255,255,.525) -100.2%,rgba(255,255,255,.075) 110.95%),#7be22a;box-shadow:0 2px #77d32b}.easy h3{text-shadow:0px 1px 0px #77d32b}.medium{background:linear-gradient(180.72deg,rgba(255,255,255,.525) -100.2%,rgba(255,255,255,.075) 110.95%),#fcd834;box-shadow:0 2px #e2c542}.medium h3{text-shadow:0px 1px 0px #e2c542}.hard{background:linear-gradient(180.72deg,rgba(255,255,255,.525) -100.2%,rgba(255,255,255,.075) 110.95%),#ff3434;box-shadow:0 2px #d84e20}.hard h3{text-shadow:0px 1px 0px #d84e20}body{margin:0;font-family:Poppins,sans-serif}body a{text-decoration:none}