.ui-date-picker{position:relative}.ui-date-picker .ui-date-picker-icons{top:50%;right:var(--uioption-form-spacing-x);cursor:text;position:absolute;font-size:20px;transform:translate(0,-50%);transition:all .3s;transform-origin:center}.ui-date-picker .ui-date-picker-icons.ui-date-picker-clearable{cursor:pointer;transform:translate(0,-50%) scale(0);border-radius:50%}.ui-date-picker .ui-date-picker-icons.ui-date-picker-clearable:hover{color:#fff;background-color:var(--uicolor-main-color)}.ui-date-picker .ui-form-candidates.ui-form-candidates-detach{left:50%;transform:translateX(-50%)}.ui-date-picker.ui-clearable:hover .ui-date-picker-icons.ui-date-picker-arrow{transform:translate(0,-50%) scale(0)}.ui-date-picker.ui-clearable:hover .ui-date-picker-icons.ui-date-picker-clearable{transform:translate(0,-50%) scale(1)}.ui-date-picker.ui-active .ui-form-control,.ui-date-picker:hover .ui-form-control{border-color:var(--uioption-form-active-color)}.ui-date-picker.ui-active .ui-date-picker-icons.ui-date-picker-arrow{transform:translate(0,-50%) rotate(180deg)}.ui-form-candidates .ui-date-picker-candidate .ui-date-picker-candidate-header{height:40px;display:flex;padding:0 calc(var(--uioption-form-spacing-x) - 2px);border-bottom:1px solid var(--uicolor-font-4-05)}.ui-form-candidates .ui-date-picker-candidate .ui-date-picker-candidate-header .ui-date-picker-candidate-controls{display:flex}.ui-form-candidates .ui-date-picker-candidate .ui-date-picker-candidate-header .ui-date-picker-candidate-controls .ui-date-picker-candidate-control{cursor:pointer;display:flex;padding:0 4px;font-size:18px;-webkit-user-select:none;user-select:none;align-items:center;transition:color .5s}.ui-form-candidates .ui-date-picker-candidate .ui-date-picker-candidate-header .ui-date-picker-candidate-controls .ui-date-picker-candidate-control:hover{color:var(--uicolor-main-color)}.ui-form-candidates .ui-date-picker-candidate .ui-date-picker-candidate-header .ui-date-picker-candidate-controls.ui-date-picker-candidate-left-controls .ui-date-picker-candidate-month-control{transform:rotate(90deg)}.ui-form-candidates .ui-date-picker-candidate .ui-date-picker-candidate-header .ui-date-picker-candidate-controls.ui-date-picker-candidate-right-controls .ui-date-picker-candidate-year-control{transform:rotate(180deg)}.ui-form-candidates .ui-date-picker-candidate .ui-date-picker-candidate-header .ui-date-picker-candidate-controls.ui-date-picker-candidate-right-controls .ui-date-picker-candidate-month-control{transform:rotate(-90deg)}.ui-form-candidates .ui-date-picker-candidate .ui-date-picker-candidate-header .ui-date-picker-candidate-context{flex:1;display:flex;align-items:center;justify-content:center}.ui-form-candidates .ui-date-picker-candidate .ui-date-picker-candidate-header .ui-date-picker-candidate-context>*{color:var(--uicolor-font-1);transition:color .3s;font-weight:700}.ui-form-candidates .ui-date-picker-candidate .ui-date-picker-candidate-header .ui-date-picker-candidate-context>.ui-date-picker-candidate-month:not(:first-child){margin-left:8px}.ui-form-candidates .ui-date-picker-candidate .ui-date-picker-candidate-content{padding:16px var(--uioption-form-spacing-x)}.ui-form-candidates .ui-date-picker-candidate .ui-date-picker-candidate-content .ui-picker-candidate{display:flex;align-items:center;justify-content:center}.ui-form-candidates .ui-date-picker-candidate .ui-date-picker-candidate-content .ui-picker-candidate.ui-readonly-status{color:var(--uicolor-font-4)}.ui-form-candidates .ui-date-picker-candidate .ui-date-picker-candidate-content .ui-date-picker-candidate-content-header{display:flex}.ui-form-candidates .ui-date-picker-candidate .ui-date-picker-candidate-content .ui-date-picker-candidate-content-container{display:flex;flex-wrap:wrap}.ui-form-candidates .ui-date-picker-candidate .ui-date-picker-candidate-content .ui-date-picker-candidate-content-container .ui-picker-candidate{cursor:pointer;transition:background-color .5s;-webkit-user-select:none;user-select:none;border-radius:var(--uisize-radius)}.ui-form-candidates .ui-date-picker-candidate .ui-date-picker-candidate-content .ui-date-picker-candidate-content-container .ui-picker-candidate:hover{background-color:var(--uicolor-font-5)}.ui-form-candidates .ui-date-picker-candidate .ui-date-picker-candidate-content .ui-date-picker-candidate-content-container .ui-picker-candidate.ui-active{color:#fff;background-color:var(--uicolor-main-color)}.ui-form-candidates .ui-date-picker-candidate .ui-date-picker-candidate-content .ui-date-picker-candidate-content-container .ui-picker-candidate.ui-disabled-status{cursor:no-drop;color:var(--uicolor-font-4);background-color:var(--uioption-form-background-color)}.ui-form-candidates .ui-date-picker-candidate.ui-picker-date .ui-date-picker-candidate-header .ui-date-picker-candidate-context:hover{cursor:pointer}.ui-form-candidates .ui-date-picker-candidate.ui-picker-date .ui-date-picker-candidate-header .ui-date-picker-candidate-context:hover>*{color:var(--uicolor-main-color)}.ui-form-candidates .ui-date-picker-candidate.ui-picker-date .ui-date-picker-candidate-content{width:calc((var(--uioption-form-spacing-x) * 2) + 276px)}.ui-form-candidates .ui-date-picker-candidate.ui-picker-date .ui-date-picker-candidate-content .ui-picker-candidate{width:36px;height:36px}.ui-form-candidates .ui-date-picker-candidate.ui-picker-date .ui-date-picker-candidate-content .ui-picker-candidate:not(:nth-child(7n+1)){margin-left:4px}.ui-form-candidates .ui-date-picker-candidate.ui-picker-date .ui-date-picker-candidate-content .ui-picker-candidate:nth-child(n+8){margin-top:4px}.ui-form-candidates .ui-date-picker-candidate.ui-picker-month .ui-date-picker-candidate-content{width:calc((var(--uioption-form-spacing-x) * 2) + (80px * 3) + 16px)}.ui-form-candidates .ui-date-picker-candidate.ui-picker-month .ui-date-picker-candidate-content .ui-date-picker-candidate-content-container{justify-content:space-between}.ui-form-candidates .ui-date-picker-candidate.ui-picker-month .ui-date-picker-candidate-content .ui-picker-candidate{width:80px;height:36px}.ui-form-candidates .ui-date-picker-candidate.ui-picker-month .ui-date-picker-candidate-content .ui-picker-candidate:nth-child(n+4){margin-top:8px}