.home-tank-preview{background:#faeeda;border:2px solid #e8ddcb;border-radius:25px;flex-direction:column;gap:12px;padding:16px;display:flex}.home-tank-preview__header{justify-content:space-between;align-items:flex-start;display:flex}.home-tank-preview__header div{flex-direction:column;display:flex}.home-tank-preview__title{font-size:14px;font-weight:600}.home-tank-preview__meta{color:#a5a29b;font-size:12px}.home-tank-preview__status{color:#00a676;background:#7be22a1f;border-radius:50px;padding:4px 8px;font-size:12px;font-weight:600;transition:background .2s,color .2s}.home-tank-preview__status.alerting{color:#ff3434;background:#ff343414}.home-tank-preview__fish{display:flex}.home-tank-preview__fish img{object-fit:cover;border:3px solid #faeeda;border-radius:50%;width:40px;height:40px;transition:border-color .2s,transform .2s}.home-tank-preview__fish img+img{margin-left:-12px}.home-tank-preview__fish img.alerting{border-color:#ff3434;transform:translateY(-2px)}.home-tank-preview__try{border:2px dashed #50505033;border-radius:10px;flex-direction:column;gap:4px;padding:8px 12px;display:flex}.home-tank-preview__try-label{color:#ffba6d;text-transform:uppercase;letter-spacing:.08em;background:#ffba6d1a;border-radius:50px;align-self:flex-start;padding:0 8px;font-size:12px;font-weight:600}.home-tank-preview__slider-header{color:#a5a29b;justify-content:space-between;font-size:12px;display:flex}.home-tank-preview__slider-header strong{color:#505050;font-variant-numeric:tabular-nums}.home-tank-preview__alerts{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.home-tank-preview__more{color:#ff3434;padding-left:12px;font-size:12px}.home-tank-preview__ok{color:#00a676;background:#7be22a1f;border-radius:10px;align-items:center;gap:8px;padding:8px 12px;font-size:14px;font-weight:600;display:flex}.home-tank-preview__alert{color:#ff3434;background:#ff343414;border-radius:10px;align-items:flex-start;gap:8px;padding:8px 12px;animation:.3s home-tank-preview-pop;display:flex}.home-tank-preview__alert div{flex-direction:column;display:flex}.home-tank-preview__alert-title{font-size:14px;font-weight:600}.home-tank-preview__alert-detail{color:#a5a29b;font-size:12px}.home-tank-preview__reminder{background:#faf4e6;border-radius:10px;align-items:center;gap:8px;padding:8px 12px;font-size:14px;font-weight:600;display:flex}.home-tank-preview__reminder svg{color:#50c9ce}.home-tank-preview__due{color:#ffba6d;margin-left:auto;font-size:12px;font-weight:400}.home-tank-preview__chart{background:#faf4e6;border-radius:10px;flex-direction:column;gap:8px;padding:8px 12px 12px;display:flex}.home-tank-preview__chart-label{color:#a5a29b;align-items:center;gap:4px;font-size:12px;display:flex}.home-tank-preview__bars{align-items:flex-end;gap:8px;height:64px;display:flex}.home-tank-preview__bar{background:linear-gradient(#51cf66 0%,#00a676 100%);border-radius:5px 5px 0 0;flex:1}@media screen and (max-width:768px){.home-tank-preview{border-radius:15px;padding:12px}.home-tank-preview__try{padding:8px}}@keyframes home-tank-preview-pop{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}
.home-tools__list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.home-tools__list li{align-items:center;gap:8px;font-size:14px;display:flex}.home-tools__list svg{color:#50c9ce;flex-shrink:0}.home-tools__tanks{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.home-tools__tanks li+li{border-top:2px solid #e8ddcb}.home-tools__tank{color:#505050;align-items:center;gap:12px;padding:8px 0;text-decoration:none;display:flex}.home-tools__tank:hover .home-tools__tank-name,.home-tools__tank:focus-visible .home-tools__tank-name{color:#50c9ce}.home-tools__tank-thumb{background:#e8ddcb;border-radius:10px;flex-shrink:0;width:56px;height:56px;overflow:hidden}.home-tools__tank-thumb img{object-fit:cover;width:100%;height:100%}.home-tools__tank-info{flex-direction:column;gap:4px;min-width:0;display:flex}.home-tools__tank-name{white-space:nowrap;text-overflow:ellipsis;font-weight:600;transition:color .2s;overflow:hidden}.home-tools .button{align-self:flex-start;margin-top:auto}@media screen and (max-width:768px){.home-tools .button{align-self:stretch}}
