.AppMoonByPhases_list__0raPQ{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:4px;gap:4px;margin-top:4px}@media screen and (min-width:768px){.AppMoonByPhases_list__0raPQ{grid-template-columns:repeat(5,1fr);margin-top:8px}}.AppMoonByPhases_phase__9Y_lf{display:flex;flex-direction:column;align-items:center;text-align:center;padding:16px 8px 12px;background-color:var(--bg-default-soft);border-radius:12px;font:var(--text-s)}@media screen and (min-width:768px){.AppMoonByPhases_phase__9Y_lf{padding:26px 8px 22px;font:var(--text-m)}}.AppMoonByPhases_phase_active__Md9ek{background-color:var(--bg-default)}.AppMoonByPhases_phase__image__eAYV_{width:42px;height:42px}@media screen and (min-width:768px){.AppMoonByPhases_phase__image__eAYV_{width:56px;height:56px}}.AppMoonByPhases_phase__image_eclipse__wQK9D{background-image:url(https://yastatic.net/s3/weather-frontend/front2/_next/static/media/eclipse_large.d22da97c.png);background-size:contain;background-repeat:no-repeat;margin:-16px;padding:16px}@media screen and (min-width:768px){.AppMoonByPhases_phase__image_eclipse__wQK9D{margin:-21px;padding:21px}}.AppMoonByPhases_phase__name__IXNxq{margin-top:8px;color:var(--text-primary)}@media screen and (min-width:768px){.AppMoonByPhases_phase__name__IXNxq{margin-top:16px}}.AppMoonByPhases_phase__name_active__uguna{font:var(--text-s-medium)}@media screen and (min-width:768px){.AppMoonByPhases_phase__name_active__uguna{font:var(--text-m-medium)}}.AppMoonByPhases_phase__date__ub0Af{margin-top:2px;color:var(--text-secondary)}@media screen and (min-width:768px){.AppMoonByPhases_phase__date__ub0Af{margin-top:4px}}