.os-date-picker{font-size:var(--os-date-picker-font-size)}.os-date-picker .os-input{font-size:inherit}.os-date-picker.is-open .os-input{--os-input-border-color: var(--os-color-primary)}.os-date-picker.is-disabled{cursor:not-allowed}.os-date-picker{--os-date-picker-font-size: var(--os-heading8)}.os-date-picker-large{--os-date-picker-font-size: var(--os-heading7)}.os-date-picker-mini{--os-date-picker-font-size: var(--os-heading9)}.os-date-picker-panel{min-width:100px;overflow:hidden;border-radius:var(--os-border-radius-base);background-color:var(--os-color-neutral-0);border:solid 1px var(--os-color-neutral-2);padding:var(--os-space-xs) 0;box-shadow:0 3px 12px #0000001f;z-index:2001;transition:.5s opacity;padding:var(--os-space-s);max-height:inherit;font-size:14px}.os-date-picker-panel.card-fade-enter-from{opacity:0}.os-date-picker-panel.card-fade-leave-to{opacity:0;transition:.2s opacity}.os-date-picker-panel .bd{width:220px;display:flex;flex-wrap:wrap}.os-date-picker-panel .bd .times-am-pm{width:100%;align-items:center;justify-content:center;display:flex;margin-bottom:4px}.os-date-picker-panel .bd .times-am-pm .months{float:none}.os-date-picker-panel .bd .times{flex:1;display:flex;flex-direction:column;align-items:center;max-height:180px;overflow:hidden;padding:0 1px;position:relative}.os-date-picker-panel .bd .times:hover{overflow:auto}.os-date-picker-panel .bd .times .months{width:100%;padding:0 var(--os-space-xs)}.os-date-picker-panel .bd .times .months.is-active{position:sticky;bottom:0;z-index:9}.os-date-picker-panel .bd .months{box-sizing:border-box;float:left;width:25%;padding:var(--os-space-s);border-radius:4px}.os-date-picker-panel .bd .months:hover{background:var(--os-color-neutral-2);cursor:pointer}.os-date-picker-panel table{margin:0}.os-date-picker-panel table tr td.minute:hover,.os-date-picker-panel table tr td.hour:hover,.os-date-picker-panel table tr td.day:hover{background:var(--os-color-neutral-2);cursor:pointer}.os-date-picker-panel td,.os-date-picker-panel th{text-align:center;width:32px;height:32px;padding:var(--os-space-xs);border-radius:4px;border:none}.os-date-picker-panel table tr td.old,.os-date-picker-panel table tr td.new{color:var(--os-color-neutral-4)}.os-date-picker-panel table tr td.disabled,.os-date-picker-panel table tr td.disabled:hover{background:none;color:var(--os-color-neutral-4);cursor:default}.os-date-picker-panel table tr td.is-now,.os-date-picker-panel table tr td.is-now:hover,.os-date-picker-panel table tr td.is-now.disabled,.os-date-picker-panel table tr td.is-now.disabled:hover{background-color:var(--os-color-primary-lightest)}.os-date-picker-panel .months.is-active,.os-date-picker-panel .months.is-active:hover,.os-date-picker-panel table tr td.is-active,.os-date-picker-panel table tr td.is-active:hover,.os-date-picker-panel table tr td.is-active.disabled,.os-date-picker-panel table tr td.is-active.disabled:hover{background-color:var(--os-color-primary);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.os-date-picker-panel thead tr:first-child th,.os-date-picker-panel tfoot tr th{cursor:pointer}.os-date-picker-panel thead tr:first-child th:hover,.os-date-picker-panel tfoot tr th:hover{background:var(--os-color-neutral-2)}.os-date-picker-panel tfoot tr th.clear{font-weight:400;color:var(--os-color-neutral-6)}.os-date-picker-panel table tfoot tr .is-active,.os-date-picker-panel table tfoot tr .is-active:hover{color:var(--os-color-primary)}