.calendar-container{max-width:300px;margin:0 auto}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.calendar-cell{aspect-ratio:1/1;border-radius:.125rem;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none}.calendar-cell:hover,.calendar-cell:active{transform:scale(1.15);z-index:10;box-shadow:0 4px 8px #0006}.calendar-tooltip{position:absolute;bottom:120%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px 8px;border-radius:.125rem;font-size:.75rem;white-space:nowrap;pointer-events:none;z-index:20;box-shadow:0 2px 5px #0006}.calendar-tooltip:after{content:"";position:absolute;top:100%;left:50%;margin-left:-4px;border-width:4px;border-style:solid;border-color:#333 transparent transparent transparent}