.calendar-container{background-color:hsla(0,0%,100%,.2);border-radius:1.5rem;padding:1.5rem;color:#fff;font-family:sans-serif;box-sizing:border-box;margin:0 auto;max-height:35rem;max-width:35rem}.calendar-header{display:flex;justify-content:space-around;align-items:center;margin-bottom:16px;font-size:18px}.calendar-header button{background:none;border:none;color:#fff;font-size:20px;cursor:pointer}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:clamp(4px,1vw,12px);gap:clamp(4px,1vw,12px);text-align:center}.calendar-day{font-weight:600;font-size:13px;opacity:.9}.calendar-cell{aspect-ratio:1/1;width:100%;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;transition:background .2s;font-size:14px;background:transparent}.calendar-cell:hover{background:hsla(0,0%,100%,.1)}.inactive{opacity:.25;cursor:default}.today{border:1px solid #fff}.selected{background:#fff;color:#000;font-weight:700}