.date-time-input{width:100%;min-width:0;display:block;position:relative}.date-time-input>.date-time-native-value{clip-path:inset(50%)!important;opacity:0!important;pointer-events:none!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;min-height:0!important;margin:0!important;padding:0!important;position:absolute!important;overflow:hidden!important}.date-time-trigger{background:var(--recess);width:100%;min-height:46px;color:var(--muted);border:1px solid var(--line-strong,var(--line));font:inherit;text-align:left;cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:12px 14px;font-size:13px;display:flex}.date-time-trigger.has-value{color:var(--text)}.date-time-trigger>svg{color:var(--muted);flex:none}.date-time-trigger>span{overflow-wrap:anywhere;flex:1;min-width:0;line-height:1.5}.date-time-trigger:disabled{opacity:.5;cursor:default}.date-time-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.date-time-trigger[aria-invalid=true]{border-color:var(--red)}.date-time-dialog{width:calc(100vw - 32px);max-width:440px}.date-time-dialog .modal-body{padding:22px 26px 24px}.date-time-dialog .date-time-picker{gap:0;min-width:0;display:grid}.date-time-month{justify-content:space-between;align-items:center;gap:12px;margin:0 0 16px;display:flex}.date-time-month h3{letter-spacing:-.2px;text-align:center;color:var(--text);margin:0;font-size:16px;font-weight:600}.date-time-month-arrow{border:1px solid var(--line);background:var(--raised);width:38px;height:38px;color:var(--text);cursor:pointer;border-radius:11px;flex:none;place-items:center;display:grid}.date-time-month-arrow:first-child svg{transform:rotate(180deg)}.date-time-month-arrow:hover{background:var(--accent-soft);border-color:var(--accent)}.date-time-month-arrow:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.date-time-calendar{table-layout:fixed;border-collapse:separate;border-spacing:3px;width:100%;box-shadow:none;border:0;margin:0;font-size:12px}.date-time-calendar th{text-align:center;color:var(--muted);white-space:nowrap;background:0 0;border:0;padding:0 0 10px;font-size:10px;font-weight:500}.date-time-calendar td{text-align:center;background:0 0;border:0;padding:0}.date-time-calendar td>button{aspect-ratio:1;width:100%;min-height:38px;color:var(--text);font:inherit;cursor:pointer;font-variant-numeric:tabular-nums;background:0 0;border:1px solid #0000;border-radius:11px;place-items:center;padding:3px;font-size:12px;display:grid}.date-time-calendar td>button.outside{color:var(--faint,var(--muted));opacity:.55}.date-time-calendar td>button.today:not(.selected){border-color:var(--line-strong,var(--line));color:var(--accent-text);background:var(--raised)}.date-time-calendar td>button:hover{background:var(--accent-soft);border-color:var(--line-strong,var(--line))}.date-time-calendar td>button.selected{background:var(--accent);border-color:var(--accent);color:var(--accent-ink,#15151b);opacity:1;font-weight:650}.date-time-calendar td>button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.date-time-calendar td>button:disabled{opacity:.22;cursor:default;background:0 0;border-color:#0000}.date-time-calendar-tools{justify-content:space-between;align-items:center;gap:12px;margin:13px 0 0;font-size:11px;display:flex}.date-time-calendar-tools>button{font:inherit;min-height:34px;color:var(--accent-text);cursor:pointer;padding:5px 0}.date-time-calendar-tools>span{color:var(--muted);font-size:11px}.date-time-calendar-tools>button:disabled{opacity:.4;cursor:default}.date-time-clock{border-top:1px solid var(--line);margin-top:20px;padding-top:20px}.date-time-clock-heading{color:var(--muted);align-items:center;gap:7px;margin-bottom:14px;display:flex}.date-time-clock-heading strong{color:var(--text);font-size:11px;font-weight:550}.date-time-clock-heading>span{color:var(--muted);overflow-wrap:anywhere;margin-left:auto;font-size:10px}.date-time-clock-fields{align-items:end;gap:9px;display:flex}.date-time-clock-fields>label{color:var(--muted);flex:1;gap:8px;min-width:0;font-size:10px;display:grid}.date-time-clock-fields>label>input{background:var(--recess);width:100%;min-width:0;height:47px;color:var(--text);border:1px solid var(--line-strong,var(--line));text-align:center;font:inherit;font-variant-numeric:tabular-nums;border-radius:11px;margin:0;padding:11px 8px;font-size:17px;display:block}.date-time-clock-fields>span{color:var(--muted);align-self:end;padding-bottom:13px;font-size:17px}.date-time-clock-fields input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.date-time-period{border:1px solid var(--line);background:var(--recess);border-radius:12px;flex:1.5;grid-template-columns:1fr 1fr;gap:3px;min-width:98px;height:47px;padding:4px;display:grid}.date-time-period>button{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:7px 8px;font-size:11px}.date-time-period>button[aria-pressed=true]{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 35%,transparent);color:var(--accent-text);font-weight:650}.date-time-period>button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.date-time-error{color:var(--red);align-items:flex-start;gap:8px;margin:17px 0 0;font-size:11px;line-height:1.7;display:flex}.date-time-error>svg{flex:none;margin-top:2px}.date-time-actions{border-top:1px solid var(--line);justify-content:flex-end;align-items:center;gap:9px;margin-top:22px;padding-top:20px;display:flex}.date-time-actions .button{min-height:42px;padding:11px 14px;font-size:11px}.date-time-clear{color:var(--muted);font:inherit;cursor:pointer;min-height:42px;margin-right:auto;font-size:11px}.date-time-clear:hover{color:var(--text)}@media (width<=500px){.date-time-dialog{width:calc(100vw - 24px);max-width:420px}.date-time-dialog .modal-body{padding:18px 17px 20px}.date-time-dialog>header{padding:20px 18px}.date-time-dialog>header h2{font-size:21px}.date-time-trigger{font-size:16px}.date-time-calendar{border-spacing:3px}.date-time-calendar td>button{border-radius:10px;min-height:36px;font-size:12px}.date-time-month{margin-bottom:14px}.date-time-clock-fields{gap:7px}.date-time-clock-fields>label>input{padding:10px 5px;font-size:17px}.date-time-period{flex:1.45;min-width:91px}.date-time-period>button{padding:7px 5px;font-size:10px}.date-time-clock-heading>span{font-size:9px}.date-time-actions{gap:8px}.date-time-actions .button{padding:11px 12px;font-size:11px}.date-time-calendar-tools>span{font-size:10px}}@media (prefers-reduced-motion:reduce){.date-time-input *,.date-time-dialog *{transition:none!important}}