.calendar{container-type:inline-size;width:100%;margin:0 auto;padding:20px;background-color:#F8F1E8;color:#C68F4D;border-radius:28px;text-align:center}.calendar-header-month{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:center;line-height:1}.calendar-header-month a{border-radius:50%;text-indent:-9999px;display:flex;justify-content:center;align-items:center;height:14.285cqw;width:14.285%}.calendar-header-month a::before{content:'';display:block;width:10px;height:10px;border:solid currentColor;border-width:1px 0 0 1px;transform:translateX(2px) rotate(-45deg)}.calendar-header-month a.next::before{border-width:1px 1px 0 0;transform:translateX(-2px) rotate(45deg)}.calendar-header-month a.disabled{opacity:.5;pointer-events:none}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:0}.calendar-box a{display:flex;justify-content:center;align-items:center;color:inherit;text-decoration:none;border-radius:50px;padding:1px;height:14.285cqw}.calendar-box.today a{background-color:lightgrey}.calendar-box.now a{background-color:#C68F4D;color:#fff}.calendar-header-month a:hover,.calendar-box a:hover{background-color:#fff;color:#000}