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