.calendar{flex-wrap:wrap;justify-content:center;gap:1.5em;display:flex}calendar-date{background-color:#fafafa;border:1px solid #e0e0e0;border-radius:5px;padding:10px}calendar-date svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:16px;height:16px}calendar-date path{stroke-linecap:round;stroke-linejoin:round}calendar-date::part(heading){color:#062f1d}calendar-date::part(button){background-color:#fff;border:1px solid #adb5bd;border-radius:3px;width:26px;height:26px}calendar-date::part(button):hover{background-color:#e0e0e0;transition:all .2s}calendar-date::part(button):focus-visible{outline:2px solid #062f1d}calendar-date calendar-month{--color-accent:#00af50;--color-text-on-accent:#fff}calendar-date calendar-month::part(heading){color:#00af50;text-transform:capitalize}