.calendar p{text-align:center}.actions{display:flex;justify-content:space-between}.actions button{padding:8px 16px;border:none;--tw-bg-opacity:1;background-color:rgb(36 43 118/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.actions button:hover{--tw-bg-opacity:1;background-color:rgb(75 87 231/var(--tw-bg-opacity,1))}.actions button{border-radius:4px}.actions-cancel{padding:8px 16px;border-width:2px;--tw-border-opacity:1;border-color:rgb(227 233 247/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(43 51 72/var(--tw-text-opacity,1))}.actions-cancel:hover{--tw-bg-opacity:1;background-color:rgb(227 233 247/var(--tw-bg-opacity,1))}.actions-cancel{border-radius:4px;margin-right:16px}.calendar-container{width:100%;background:#fff;margin:0 auto;padding:16px}.month-display{display:flex;justify-content:center;align-items:center;margin-bottom:16px}.month-nav{background:none;border:none;font-weight:700;cursor:pointer}.day-names{display:grid;grid-template-columns:repeat(7,1fr);text-align:center}.day-name{font-weight:700}.days-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.day{height:40px;width:40px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background-color .3s;&:hover{background:#e0e0e0}}.selected{--tw-bg-opacity:1;background-color:rgb(75 87 231/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.selected:hover{--tw-bg-opacity:1;background-color:rgb(36 43 118/var(--tw-bg-opacity,1))}.selected{border-radius:2px}.month-name{margin-left:35%;margin-bottom:15px}.day-disabled,.day-past{color:#ccc;pointer-events:none}