.date-calendar{z-index:10002;background-color:#fff;border-radius:10px;max-height:calc(100vh - 40px);position:fixed;overflow-y:auto;box-shadow:0 2px 8px #0000003d}.date-calendar-container{z-index:10002;background-color:var(--modal-background);border-radius:10px;width:300px;padding:.8rem .5rem;font-size:14px;font-weight:400;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.date-calendar-container.with-year-modal{background-color:#e5e7eb}.date-calendar-header{width:100%}.date-calendar-title{flex-direction:row;justify-content:center;padding-bottom:22px;display:flex;position:relative}.date-calendar-year-month{cursor:pointer;font-weight:600}.date-calendar-nav-button{position:absolute;top:0}.date-calendar-nav-button button{cursor:pointer}.date-calendar-nav-prev{left:10px}.date-calendar-nav-next{right:10px}.year-modal{z-index:201;background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;width:100%;max-height:280px;padding:1.5rem;position:absolute;top:100%;left:0;overflow-y:auto;box-shadow:0 2px 8px #0000003d}.year-list{flex-flow:wrap;width:100%;height:200px;display:flex;overflow-y:scroll}.year-list-item{color:#4b5563;cursor:pointer;border-radius:9999px;justify-content:center;align-items:center;width:25%;height:30px;font-size:1.125rem;display:flex}.year-list-item:hover{color:#000;background-color:#e5e7eb;font-weight:700}.year-list-item.selected{color:#fff;background-color:#000}.year-modal-close{flex-direction:row;justify-content:flex-end;padding-top:.5rem;display:flex}.week-days{flex-direction:row;justify-content:space-around;padding-bottom:.5rem;display:flex}.week-day{cursor:default}.calendar-days{flex-flow:wrap;display:flex}.calendar-day{aspect-ratio:1;flex-direction:row;width:14.28%;display:flex}.day-content{cursor:pointer;border-radius:9999px;flex-direction:row;justify-content:center;align-items:center;width:100%;display:flex}.day-content:not(.disabled):hover{background-color:#e5e7eb66}.day-content.selected{background-color:var(--bg-reverse-color);color:var(--font-reverse-color)}.day-content.disabled{color:#ced4da;cursor:not-allowed}.date-calendar-footer{flex-direction:row;justify-content:space-between;align-items:center;padding:0 .5rem;display:flex}.date-calendar-footer .close{background:var(--modal-btn-background);color:var(--modal-btn-font-color);cursor:pointer;border-radius:5px;padding:5px 15px;font-size:14px;font-weight:500}.reset-button{color:#3b82f6;cursor:pointer;background:0 0;border:none}.reset-button:hover{text-decoration:underline}.date-calendar-backdrop{z-index:10001;background:#00000080;width:100%;height:100%;position:fixed;top:0;left:0}