.btn{border-radius:.5rem;padding:.75rem;font-size:1rem;font-weight:500}.btn--primary{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.calendar{display:flex;position:relative;padding:16px;margin:0 auto;max-width:320px;background:white;border-radius:4px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.month-year{position:absolute;bottom:62px;right:-27px;font-size:2rem;line-height:1;font-weight:300;color:#94a3b8;transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg)}.year{margin-left:4px;color:#cbd5e1}.days{display:flex;flex-wrap:wrap;flex-grow:1;margin-right:46px}.day-label{position:relative;flex-basis:calc(14.286% - 2px);margin:1px 1px 12px;font-weight:700;font-size:.65rem;text-transform:uppercase;color:#1e293b}.day{position:relative;flex-basis:calc(14.286% - 2px);margin:1px;border-radius:999px;cursor:pointer;font-weight:300}.day.dull{color:#94a3b8}.day.today{color:#0ea5e9;font-weight:600}.day:before{content:"";display:block;padding-top:100%}.day:hover{background:#E0F2FE}.day .content{position:absolute;top:0;left:0;height:100%;width:100%;display:flex;justify-content:center;align-items:center}