.fish-card{color:#505050;cursor:pointer;background:#faf4e6;border:2px solid #e8ddcb;border-radius:25px;flex-direction:column;align-self:center;gap:16px;width:100%;margin:16px auto auto;transition:all .2s;display:flex;position:relative;overflow:hidden}.fish-card:hover{transform:translateY(-4px);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000d}.fish-card.selected{outline:5px solid #50c9ce}.fish-card--mini{gap:16px;width:250px;margin-top:0;margin-bottom:0}.fish-card--mini .fish-card__name{font-size:18px}.fish-card--mini .fish-card__sci-name{font-size:14px}.fish-card--mini .fish-card__info p{font-size:12px}.fish-card__pic-fallback{aspect-ratio:27/20;color:#a5a29b;background:#faeeda;border-bottom:2px solid #e8ddcb;border-radius:25px 25px 0 0;justify-content:center;align-items:center;width:100%;margin-bottom:0;display:flex}.fish-card__pic-fallback svg{opacity:.6}.fish-card__pic{aspect-ratio:27/20;object-fit:cover;border-bottom:2px solid #e8ddcb;width:100%;margin-bottom:0}.fish-card__names{cursor:pointer}.fish-card__name{margin-top:0;margin-bottom:0;font-size:24px;font-weight:600}.fish-card__sci-name{opacity:.8;margin-top:0;margin-bottom:0;font-size:18px;font-weight:600}.fish-card__info{border-top:1px solid #e8ddcb;justify-content:space-between;align-items:center;padding:0 8px;font-size:12px;font-weight:600;display:flex}.fish-card__info p{text-align:center;flex:1;margin:0;padding:8px 0}.fish-card__info p:not(:last-child){border-right:1px solid #e8ddcb}@media screen and (max-width:768px){.fish-card--compact-mobile{gap:8px;max-width:none;margin-top:0}.fish-card--compact-mobile:hover{transform:none}.fish-card--compact-mobile .fish-card__names{padding:0 8px}.fish-card--compact-mobile .fish-card__name{font-size:18px}.fish-card--compact-mobile .fish-card__sci-name{font-size:14px}.fish-card--compact-mobile .fish-card__info{flex-wrap:wrap}.fish-card--compact-mobile .fish-card__info p{font-size:12px;font-weight:400}}