.date-picker{--bg:#fff;--text-color:#7e8190;--selection:#2d4c82;--hover:rgba(45,76,130,.16);color:var(--text-color);position:relative;width:100%}.date-picker input.date-input{border:0;border-radius:8px;box-shadow:0 0 7px -4px gray;box-sizing:border-box;caret-color:transparent;color:var(--text-color);height:40px;outline:0;padding:8px;text-overflow:ellipsis;width:100%}.date-picker input.date-input.has-icon{padding-right:32px}.date-picker .calendar-icon{fill:var(--text-color);height:40px;position:absolute;right:4px;width:25px}.date-picker input.date-input::-webkit-input-placeholder{opacity:.5}.date-picker-options{background:var(--bg);border-radius:10px;box-shadow:0 0 8px -4px gray;font-size:1em;margin:4px 0;min-width:10em;overflow:hidden;padding:4px;position:absolute;z-index:1}.date-picker-options.bottom{top:40px}.date-picker-options.top{bottom:40px}.date-picker-options.left{right:0}.date-picker-options.right{left:0}.date-picker-options .option-search-input{border:1px solid #ababab;border-radius:6px;box-sizing:border-box;font-size:12px;height:28px;margin-bottom:5px;outline-color:var(--hover);padding:6px;width:100%}.date-picker-options .divider{background:var(--text-color);border:0;height:1px;margin:4px}.date-picker-options .relative-option{align-items:center;border-radius:5px;color:var(--text-color);cursor:pointer;display:flex;font-size:14px;gap:10px;margin:2px 0;padding:4px 8px}.date-picker-options .relative-option.selected,.date-picker-options .relative-option:hover{background:var(--hover);color:var(--selection)}.date-picker-options .relative-option:hover .arrow{color:var(--selection)}.date-picker-options .relative-option.absolute{justify-content:space-between}.date-picker-options .relative-option .arrow{color:var(--text-color);line-height:16px}.date-picker-options .relative-option .arrow.left{margin-top:2px;transform:rotate(180deg)}.calendar{--day-height:2.3em;background:var(--bg);color:var(--text-color);font-size:14px;height:220px;width:250px}.calendar .header{align-items:center;display:flex;height:26px;justify-content:space-between}.calendar .header h3{border-radius:6px;color:var(--text-color);padding:2px 10px;text-align:center}.calendar .header h3:not(.disabled):hover{background:var(--hover);color:var(--selection);cursor:pointer}.calendar .header button{align-items:center;background:none;border:none;border-radius:50px;color:var(--text-color);cursor:pointer;display:flex;font-size:22px;height:22px;justify-content:center;width:22px}.calendar .header button:hover{background:var(--hover);color:var(--selection)}.calendar .header button:disabled{cursor:default;opacity:.5}.calendar .header button span{display:block;line-height:10px}.calendar .weekdays{display:flex;height:26px}.calendar .weekdays .weekday{color:var(--selection);flex:1;padding:5px 4px;text-align:center}.calendar .days{display:grid;grid-template-columns:repeat(7,1fr);height:calc(100% - 52px)}.calendar .days .day{align-items:center;cursor:pointer;display:flex;justify-content:center;position:relative;z-index:1}.calendar .days .day.disabled,.calendar .days .day.next,.calendar .days .day.prev{opacity:.5}.calendar .days .day.disabled{cursor:default}.calendar .days .day .day-number{align-items:center;display:flex;height:calc(100% - 2px);justify-content:center;width:100%;z-index:-1}.calendar .days .day.highlighted .day-number{color:var(--selection)}.calendar .days:not(.disable-hover) .day:not(.disabled,.highlighted):hover .day-number{background-color:var(--hover);border-radius:5em;color:var(--selection);width:var(--day-height)}.calendar .days .day.highlighted:not(.possible-selection-end,.possible-selection-start) .day-number{background-color:var(--hover)}.calendar .days .day.highlighted.highlight-end .day-number,.calendar .days .day.highlighted.highlight-start .day-number{background-color:var(--selection);border-radius:5em;color:var(--bg);width:var(--day-height)}.calendar .days .day.highlighted.highlight-end:not(.highlight-start):before,.calendar .days .day.highlighted.highlight-start:not(.highlight-end):before,.calendar .days .day.highlighted.possible-selection-end:not(.possible-selection-start):before,.calendar .days .day.highlighted.possible-selection-start:not(.possible-selection-end):before{background:var(--hover);content:"";height:calc(100% - 2px);max-height:var(--day-height);position:absolute;width:calc(var(--day-height) + .2em);z-index:-1}.calendar .days .day.highlighted.highlight-end:not(.highlight-start):before,.calendar .days .day.highlighted.possible-selection-end:not(.possible-selection-start):before{border-bottom-right-radius:2em;border-top-right-radius:2em;left:0}.calendar .days .day.highlighted.highlight-start:not(.highlight-end):before,.calendar .days .day.highlighted.possible-selection-start:not(.possible-selection-end):before{border-bottom-left-radius:1.1em;border-top-left-radius:1.1em;right:0}.calendar .days .day .selected{background-color:var(--selection)}.calendar .months-container,.calendar .years-container{display:grid;height:calc(100% - 26px);margin:2px 0}.calendar .months-container{grid-template-columns:repeat(3,1fr)}.calendar .years-container{grid-template-columns:repeat(5,1fr)}.calendar .months-container .month,.calendar .years-container .year{align-items:center;display:flex;justify-content:center;min-height:25%}.calendar .months-container .month .month-name,.calendar .years-container .year .year-name{align-items:center;aspect-ratio:1/1;border-radius:50%;cursor:pointer;display:flex;height:100%;justify-content:center}.calendar .months-container .month .month-name.disabled,.calendar .years-container .year .year-name.disabled{cursor:default;opacity:.5}.calendar .months-container .month .month-name:not(.disabled):hover,.calendar .years-container .year .year-name:not(.disabled):hover{background:var(--hover);color:var(--selection)}