.month-container{display:flex;flex-direction:column;gap:1rem}.month{font-size:2.5rem}@media(max-width:744px){.month{font-size:2rem}}@media(max-width:576px){.month{font-size:1.75rem}}.days{display:grid;grid-template-columns:repeat(7,1fr);direction:rtl;gap:.5rem}.day{display:flex;flex-direction:column;text-align:center;align-content:center;justify-content:center;position:relative;transition:all .3s ease-in-out;overflow:hidden;cursor:default;min-height:7rem}@media(max-width:744px){.day{min-height:5rem}}.day.active{cursor:pointer}.day-background{position:absolute;left:-4px;right:-4px;top:-4px;bottom:-4px;filter:blur(2px);background-size:cover;background-position:50%}.date{z-index:1;filter:opacity(.2);font-size:2.25rem}@media(max-width:744px){.date{font-size:1.75rem}}@media(max-width:576px){.date{font-size:1.5rem}}.date.active{filter:none}.calendar-container{width:100%;overflow-y:scroll}.calendar-wrapper{display:flex;flex-direction:column;margin-left:auto;margin-right:auto;padding:2rem 4rem 4rem;gap:2.5rem;max-width:1024px}@media(max-width:1024px){.calendar-wrapper{padding-left:2rem;padding-right:2rem;padding-bottom:2rem}}@media(max-width:744px){.calendar-wrapper{padding:0 1.5rem 1.5rem}}