:where(.field,.login-field) .date-time-control{width:100%;min-width:0;height:var(--form-control-height,38px);color:#1f2937;border-radius:var(--form-control-radius,6px);cursor:pointer;background:#fff;border:1px solid #d5dbe5;align-items:stretch;transition:border-color .16s,box-shadow .16s,background-color .16s;display:flex;position:relative;overflow:hidden}:where(.field,.login-field) .date-time-control:hover:not(.is-disabled):not(.is-readonly){background:#fff;border-color:#aeb9c8}:where(.field,.login-field) .date-time-control:focus-within,:where(.field,.login-field) .date-time-control.is-open{background:#fff;border-color:#6b9df5;box-shadow:0 0 0 4px #3867ed1c}.field-error .date-time-control{border-color:#ec8994}:where(.field,.login-field) .date-time-control.is-disabled,:where(.field,.login-field) .date-time-control.is-readonly{color:#7d8795;cursor:not-allowed;background:#f3f5f8;border-color:#e1e5eb}:where(.field,.login-field) .date-time-control input,:where(.field,.login-field) .date-time-control input:hover,:where(.field,.login-field) .date-time-control input:focus,:where(.field,.login-field) .date-time-control input:read-only,:where(.field,.login-field) .date-time-control input:disabled{width:100%;min-width:0;height:100%;color:inherit;font-size:var(--form-control-font-size,13px);font-variant-numeric:tabular-nums;box-shadow:none;cursor:inherit;appearance:none;background:0 0;border:0;border-radius:0;outline:0;flex:auto;padding:0 11px;line-height:normal}:where(.field,.login-field) .date-time-control input::placeholder{color:#98a2b3;opacity:1}:where(.field,.login-field) .date-time-control input::-webkit-calendar-picker-indicator{appearance:none;display:none}:where(.field,.login-field) .date-time-control input::-webkit-clear-button{appearance:none;display:none}:where(.field,.login-field) .date-time-control input::-webkit-inner-spin-button{appearance:none;display:none}.date-time-control-icon{color:#718096;pointer-events:none;align-self:stretch;place-items:center;width:36px;min-width:36px;transition:color .16s;display:grid}.date-time-control:hover:not(.is-disabled):not(.is-readonly) .date-time-control-icon,.date-time-control.is-open .date-time-control-icon{color:#316dd9}.date-time-control.is-disabled .date-time-control-icon,.date-time-control.is-readonly .date-time-control-icon{color:#a5adba}.date-time-popover,.date-time-popover *{box-sizing:border-box}.date-time-popover{z-index:180;color:#263248;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);scrollbar-width:thin;scrollbar-color:#c3cad4 transparent;overscroll-behavior:auto;background:#fffffffc;border:1px solid #d9e0e9;border-radius:10px;flex-direction:column;min-width:0;animation:.15s ease-out both date-time-popover-in;display:flex;position:fixed;overflow:hidden auto;box-shadow:0 16px 38px #1420372e,0 3px 9px #14203712}.date-time-popover::-webkit-scrollbar{width:7px}.date-time-options::-webkit-scrollbar{width:7px}.date-time-popover::-webkit-scrollbar-thumb{background:#c3cad4 padding-box padding-box;border:2px solid #0000;border-radius:7px}.date-time-options::-webkit-scrollbar-thumb{background:#c3cad4 padding-box padding-box;border:2px solid #0000;border-radius:7px}.date-time-popover-heading{background:#fbfcfe;border-bottom:1px solid #edf0f4;flex:none;justify-content:space-between;align-items:center;gap:12px;min-width:0;min-height:43px;padding:0 13px;display:flex}.date-time-popover-heading>span{color:#344054;white-space:nowrap;align-items:center;gap:7px;min-width:0;font-size:16px;font-weight:600;display:flex}.date-time-popover-heading>span>svg{color:#4378d7;flex:none}.date-time-popover-heading>strong{color:#315fbd;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums;min-width:0;font-size:15px;font-weight:600;overflow:hidden}.date-time-picker-body{align-items:stretch;min-width:0;display:grid}.date-time-popover-datetime-local .date-time-picker-body{grid-template-columns:minmax(0,1fr) 226px}.date-time-popover-date .date-time-picker-body:has(.date-time-day-period){display:block}.date-time-popover-month .date-time-period-grid{min-height:190px;padding:5px 3px}.date-time-popover-month .date-time-period-grid>button{height:38px}.date-time-popover-month .date-time-picker-footer{min-height:48px;padding-block:7px}.date-time-popover-datetime-local .date-time-popover-heading{min-height:39px}.date-time-popover-datetime-local :is(.date-time-calendar,.date-time-clock){padding:7px}.date-time-popover-datetime-local :is(.date-time-calendar-header,.date-time-clock-header){height:32px;margin-bottom:3px}.date-time-popover-datetime-local .date-time-weekdays{margin-block:0 3px}.date-time-popover-datetime-local .date-time-weekdays>span{height:22px}.date-time-popover-datetime-local .date-time-days>button{height:28px}.date-time-popover-datetime-local .date-time-clock-columns>section>span{height:23px}.date-time-popover-datetime-local .date-time-options{height:178px}.date-time-popover-datetime-local .date-time-picker-footer{min-height:45px;padding-block:6px}.date-time-popover-datetime-local .date-time-picker-footer button{height:30px}.date-time-calendar,.date-time-clock{min-width:0;padding:9px}.date-time-day-period{border-top:1px solid #edf0f4;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:8px;margin:0 9px 9px;padding-top:9px;display:grid}.date-time-day-period>span{color:#69768a;font-size:14px;font-weight:600}.date-time-day-period>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.date-time-day-period button{color:#465367;cursor:pointer;background:#fff;border:1px solid #d9e0e9;border-radius:6px;height:34px}.date-time-day-period button:hover,.date-time-day-period button:focus-visible{color:#195fbd;background:#edf5ff;border-color:#b9d2f2;outline:0}.date-time-day-period button.is-selected{color:#fff;background:#2f6fd0;border-color:#2f6fd0;font-weight:650}.date-time-popover-datetime-local .date-time-calendar{border-right:1px solid #edf0f4}.date-time-calendar-header,.date-time-clock-header{justify-content:space-between;align-items:center;gap:6px;min-width:0;height:36px;margin-bottom:5px;display:flex}.date-time-calendar-header>button,.date-time-clock-header+button{border:0}.date-time-calendar-header>button{color:#6b7789;cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;place-items:center;width:32px;height:32px;padding:0;display:grid}.date-time-calendar-header>button:hover,.date-time-calendar-header>button:focus-visible{color:#2266c7;background:#eef5ff;outline:0}.date-time-calendar-header>.date-time-period{color:#344054;white-space:nowrap;flex:auto;width:auto;min-width:0;padding-inline:7px;font-size:16px;font-weight:650}.date-time-weekdays,.date-time-days{grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;display:grid}.date-time-weekdays{margin:1px 0 4px}.date-time-weekdays>span{color:#8b95a4;place-items:center;height:25px;font-size:14px;font-weight:600;display:grid}.date-time-days>button,.date-time-period-grid>button{color:#465367;font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;outline:0;place-items:center;min-width:0;height:33px;padding:0;font-size:15px;display:grid}.date-time-days>button:hover:not(:disabled),.date-time-days>button:focus-visible,.date-time-period-grid>button:hover:not(:disabled),.date-time-period-grid>button:focus-visible{color:#195fbd;background:#edf5ff;border-color:#d4e5fb}.date-time-days>button.is-outside{color:#a4adba}.date-time-days>button.is-today{color:#2367c5;border-color:#9ec1ef;font-weight:650}.date-time-days>button.is-selected,.date-time-days>button.is-selected:hover,.date-time-period-grid>button.is-selected,.date-time-period-grid>button.is-selected:hover{color:#fff;background:#2f6fd0;border-color:#2f6fd0;font-weight:650;box-shadow:0 3px 8px #2f6fd033}.date-time-popover-week .date-time-days{column-gap:0}.date-time-popover-week .date-time-days>button.is-selected{box-shadow:none;border-left-color:#2f6fd0;border-right-color:#2f6fd0;border-radius:0}.date-time-popover-week .date-time-days>button.is-selected.is-week-start{border-radius:6px 0 0 6px}.date-time-popover-week .date-time-days>button.is-selected.is-week-end{border-radius:0 6px 6px 0}.date-time-days>button:disabled,.date-time-period-grid>button:disabled{color:#c2c8d0;cursor:not-allowed;background:0 0;text-decoration:line-through}.date-time-period-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-content:center;gap:7px;min-height:226px;padding:8px 3px 4px;display:grid}.date-time-period-grid>button{height:43px}.date-time-clock-header{padding-inline:3px}.date-time-clock-header>span{color:#637083;align-items:center;gap:6px;min-width:0;display:flex}.date-time-clock-header>span>svg{color:#5681cb}.date-time-clock-header strong{font-size:15px;font-weight:600}.date-time-clock-header time{color:#245eaf;font-variant-numeric:tabular-nums;font-size:18px;font-weight:700}.date-time-clock-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;min-width:0;display:grid}.date-time-clock-columns>section{min-width:0}.date-time-clock-columns>section>span{color:#8b95a4;background:#f7f8fa;border:1px solid #edf0f3;border-bottom:0;border-radius:6px 6px 0 0;justify-content:center;align-items:center;height:25px;font-size:14px;font-weight:600;display:flex}.date-time-options{scrollbar-width:thin;scrollbar-color:#c3cad4 transparent;overscroll-behavior:auto;background:#fff;border:1px solid #e4e8ee;border-radius:0 0 6px 6px;align-content:start;gap:2px;height:213px;min-height:0;padding:4px;display:grid;overflow:hidden auto}.date-time-options>button{color:#4a5668;font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:0;border-radius:5px;outline:0;justify-content:space-between;align-items:center;gap:5px;width:100%;min-width:0;min-height:31px;padding:0 7px;font-size:15px;display:flex}.date-time-options>button>span{min-width:0}.date-time-options>button>svg{flex:none}.date-time-options>button:hover:not(:disabled),.date-time-options>button:focus-visible{color:#1c5fb9;background:#eef5ff}.date-time-options>button.is-selected{color:#195ebd;background:#e8f2ff;font-weight:650}.date-time-options>button:disabled{color:#bdc4ce;cursor:not-allowed}.date-time-picker-footer{z-index:2;background:#fbfcfefa;border-top:1px solid #e9edf2;flex:none;justify-content:space-between;align-items:center;gap:10px;min-width:0;min-height:53px;padding:9px 11px;display:flex;position:sticky;bottom:0}.date-time-picker-footer>div{align-items:center;gap:6px;min-width:0;display:flex}.date-time-picker-footer button{white-space:nowrap;cursor:pointer;border-radius:6px;outline:0;justify-content:center;align-items:center;height:32px;padding:0 11px;font-size:15px;font-weight:550;display:inline-flex}.date-time-picker-footer button:focus-visible{box-shadow:0 0 0 3px #3867ed21}.date-time-link-button{color:#2f68bb;background:0 0;border:0}.date-time-link-button:hover:not(:disabled){background:#edf4ff}.date-time-secondary-button{color:#4e5a6b;background:#fff;border:1px solid #d9dfe7}.date-time-secondary-button:hover{border-color:#b9c3d0}.date-time-primary-button{color:#fff;background:#2f6fd0;border:1px solid #2f6fd0}.date-time-primary-button:hover:not(:disabled){background:#245fb8;border-color:#245fb8}.date-time-picker-footer button:disabled{opacity:.42;cursor:not-allowed}@keyframes date-time-popover-in{0%{opacity:0}to{opacity:1}}@media (width<=600px){.date-time-popover{border-radius:10px;box-shadow:0 18px 50px #1420373d}.date-time-popover-heading{min-height:45px}.date-time-popover-datetime-local .date-time-picker-body{grid-template-columns:minmax(0,1fr)}.date-time-popover-datetime-local .date-time-calendar{border-bottom:1px solid #edf0f4;border-right:0}.date-time-popover-time .date-time-clock{padding-inline:13px}.date-time-popover-datetime-local .date-time-options{height:164px}.date-time-picker-footer{min-height:56px;padding-inline:10px}}@media (width<=380px){.date-time-calendar,.date-time-clock{padding-inline:7px}.date-time-weekdays,.date-time-days{gap:2px}.date-time-days>button{height:32px}.date-time-picker-footer button{padding-inline:9px}}@media (prefers-reduced-motion:reduce){.date-time-popover{animation:none}}