.workpane-date-field{gap:6px;min-width:0;display:grid}.workpane-date-field>label{color:var(--suite-ink);font:500 var(--type-label)/1.4 var(--font-heading);margin:0}.workpane-date-field>small{color:var(--suite-muted);font:400 var(--type-label)/1.4 var(--font-body);margin:0}.workpane-date-control{box-sizing:border-box;border:1px solid var(--suite-control-line);border-radius:var(--radius-control);background:var(--suite-surface);align-items:center;gap:3px;min-width:0;padding:3px;display:flex;min-height:max(52px, var(--suite-control-target,44px))!important}.suite-shell .workpane-date-field .workpane-date-control>input.workpane-date-input:is([type=date],[type=datetime-local]){border-radius:max(3px, calc(var(--radius-control,6px) - 2px));width:0;min-width:0;min-height:44px;color:var(--suite-ink);box-shadow:none;font:400 var(--type-control)/1.4 var(--font-body);color-scheme:inherit;background:0 0;border:0;flex:1;margin:0;padding:7px 10px}.workpane-date-control>input::-webkit-calendar-picker-indicator{display:none}.suite-shell .workpane-date-field .workpane-date-control>input:focus-visible{outline:none}.workpane-date-control:focus-within{outline:2px solid var(--suite-focus);outline-offset:2px}.workpane-date-control:has(input:is([aria-invalid=true],:user-invalid)){border-color:var(--suite-danger)}.suite-shell .workpane-date-control>.workpane-date-trigger{border-radius:var(--radius-control);width:44px;min-height:44px;color:var(--product-accent-ink);box-shadow:none;background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.workpane-date-calendar{box-sizing:border-box;--workpane-date-overlap:6px;padding:calc(10px + var(--workpane-date-overlap)) 10px 10px;border:var(--workpane-date-parent-border,1px) solid var(--workpane-date-parent-line,var(--suite-control-line));border-radius:0 0 var(--radius-control,6px) var(--radius-control,6px);background:var(--suite-surface);color:var(--suite-ink);clip-path:inset(0 -28px -28px);border-top:0;margin:0;position:fixed;inset:auto;overflow:auto;box-shadow:0 8px 28px #0c19142e}.workpane-date-calendar:before{content:"";box-sizing:border-box;z-index:1;top:var(--workpane-date-cap-top);left:var(--workpane-date-cap-left);width:var(--workpane-date-cap-width);height:var(--workpane-date-overlap);border:var(--workpane-date-parent-border,1px) solid var(--workpane-date-parent-line,var(--suite-control-line));border-radius:0 0 var(--workpane-date-parent-radius,6px) var(--workpane-date-parent-radius,6px);background:var(--workpane-date-parent-surface,var(--suite-surface));pointer-events:none;border-top:0;position:fixed}.workpane-date-calendar[data-placement=above]{padding:10px 10px calc(10px + var(--workpane-date-overlap));border-top:var(--workpane-date-parent-border,1px) solid var(--workpane-date-parent-line,var(--suite-control-line));border-radius:var(--radius-control,6px) var(--radius-control,6px) 0 0;clip-path:inset(-28px -28px 0);border-bottom:0;box-shadow:0 -8px 28px #0c19142e}.workpane-date-calendar[data-placement=above]:before{border-top:var(--workpane-date-parent-border,1px) solid var(--workpane-date-parent-line,var(--suite-control-line));border-radius:var(--workpane-date-parent-radius,6px) var(--workpane-date-parent-radius,6px) 0 0;border-bottom:0}.workpane-date-calendar[data-wider=true]{border-top:var(--workpane-date-parent-border,1px) solid var(--workpane-date-parent-line,var(--suite-control-line))}.workpane-date-calendar[data-wider=true][data-placement=above]{border-bottom:var(--workpane-date-parent-border,1px) solid var(--workpane-date-parent-line,var(--suite-control-line))}.workpane-date-calendar>header{grid-template-columns:32px minmax(0,1fr) 32px;align-items:center;gap:4px;margin:0 0 8px;display:grid}.workpane-date-calendar h3{text-align:center;font:600 13px/1.3 var(--font-heading);margin:0}.suite-shell .workpane-date-field .workpane-date-calendar button{border-radius:var(--radius-control);min-width:0;min-height:36px;color:var(--suite-ink);font:500 12px/1.3 var(--font-heading);box-shadow:none;filter:none;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;display:inline-flex;transform:none}.suite-shell .workpane-date-calendar button:not(:disabled):hover{background:color-mix(in srgb, var(--product-accent) 12%, var(--suite-paper));border-color:var(--suite-line)}.suite-shell .workpane-date-calendar button:focus-visible{outline:2px solid var(--suite-focus);outline-offset:1px}.workpane-date-calendar table{table-layout:fixed;border-collapse:separate;border-spacing:2px;width:100%}.workpane-date-calendar th{color:var(--suite-muted);text-align:center;font:500 10px/1.3 var(--font-heading);padding:0 0 5px}.workpane-date-calendar td{text-align:center;padding:0}.suite-shell .workpane-date-calendar td>button{font-variant-numeric:tabular-nums;width:100%}.suite-shell .workpane-date-calendar button[data-outside=true]{color:var(--suite-muted)}.suite-shell .workpane-date-calendar button[aria-current=date]{border-color:var(--product-accent)}.suite-shell .workpane-date-calendar button[data-selected=true]{background:var(--product-accent);color:#20131c}.workpane-date-calendar>footer{border-top:1px solid var(--suite-line);justify-content:space-between;align-items:center;gap:8px;margin-top:8px;padding-top:8px;display:flex}.suite-shell .workpane-date-field .workpane-date-calendar>footer>button{padding-inline:8px}.workpane-date-time-editor{gap:6px;margin-top:10px;display:grid}.workpane-date-time-editor>p{color:var(--suite-muted);font:400 var(--type-label)/1.4 var(--font-body);margin:0}.workpane-date-time-editor>label{color:var(--suite-ink);font:500 var(--type-label)/1.4 var(--font-heading)}.suite-shell .workpane-date-field .workpane-date-calendar .workpane-date-time-editor>input[type=time]{border:1px solid var(--suite-control-line);border-radius:var(--radius-control);width:100%;min-width:0;min-height:44px;color:var(--suite-ink);background:var(--suite-surface);font:400 var(--type-control)/1.4 var(--font-body);color-scheme:inherit;padding:9px 10px}.suite-shell[data-theme=contrast] .workpane-date-calendar{box-shadow:none}.suite-shell[data-theme=contrast] .workpane-date-calendar button:not(:disabled):hover{background:color-mix(in srgb, var(--suite-ink) 10%, var(--suite-paper))}.suite-shell[data-theme=contrast] .workpane-date-calendar button[data-selected=true]{background:var(--suite-ink);color:var(--suite-paper)}@media (forced-colors:active){.workpane-date-calendar,.workpane-date-calendar:before{color:canvastext;box-shadow:none;background:canvas;border-color:canvastext}.suite-shell .workpane-date-calendar button[data-selected=true]{color:highlighttext;forced-color-adjust:none;background:highlight;border-color:highlight}}