.date-time-field{align-content:start;min-width:0}.date-time-field>label{flex-wrap:wrap;align-items:baseline;gap:5px;display:flex}.picker-optional{color:var(--muted);font:400 10px/16px var(--ui)}.picker-trigger{border:1px solid var(--line);width:100%;min-height:48px;color:var(--ink);font:400 14px/22px var(--ui);text-align:left;cursor:pointer;background:#fff;border-radius:9px;align-items:center;gap:9px;padding:10px 12px;display:flex}.picker-trigger>svg{width:17px;height:17px;color:var(--plum);flex:none}.picker-trigger>span{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.picker-trigger:hover:not(:disabled){background:#fbf9fd;border-color:#a994c3}.picker-trigger:disabled{cursor:default;opacity:.6;background:#f6f5f8}.picker-trigger[aria-invalid=true]{border-color:#ae3535}.picker-trigger:focus-visible,.calendar-days button:focus-visible,.calendar-nav button:focus-visible,.time-picker-panel button:focus-visible{outline:2px solid var(--plum);outline-offset:3px}:is(dialog:has(>.body>.date-picker-panel),dialog:has(>.body>.time-picker-panel)){width:min(410px,100% - 24px);max-width:410px;max-height:calc(100svh - 24px);margin:auto}.date-picker-panel,.time-picker-panel{gap:20px;display:grid}.calendar-nav{justify-content:space-between;align-items:center;gap:8px;display:flex}.calendar-nav>div{gap:4px;min-width:0;display:flex}.calendar-nav select{color:var(--ink);font:600 15px var(--ui);background:#fff;border:0;min-width:0;padding:8px 3px}.calendar-nav button{border:1px solid var(--line);width:36px;height:36px;color:var(--ink);font:400 25px var(--ui);cursor:pointer;background:#fff;border-radius:50%;flex:none}.calendar-weekdays,.calendar-days{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.calendar-weekdays{color:var(--muted);font:500 12px/22px var(--ui);text-align:center;margin-bottom:-12px}.calendar-days button{aspect-ratio:1;min-height:40px;color:var(--ink);font:500 15px var(--ui);cursor:pointer;background:#fff;border:0;border-radius:50%;position:relative}.calendar-days button:hover{background:#eee8f5}.calendar-days button[aria-pressed=true]{background:var(--plum);color:#fff}.calendar-days button[aria-current=date]:after{content:"";background:currentColor;border-radius:50%;width:4px;height:4px;position:absolute;bottom:5px;left:calc(50% - 2px)}.picker-footer{border-top:1px solid var(--line);justify-content:space-between;gap:16px;padding-top:16px;display:flex}.picker-footer button{min-height:32px}.time-picker-panel>p{color:var(--muted);font:400 14px/22px var(--ui);margin:0}.time-dials{justify-content:center;align-items:flex-end;gap:10px;padding-top:4px;display:flex}.time-dials>label{flex:1;gap:8px;min-width:0;display:grid}.time-dials>label>span{color:var(--muted);font:500 12px var(--ui)}.time-dials select{border:1px solid var(--line);width:100%;min-width:0;height:76px;color:var(--ink);font:500 30px var(--ui);text-align:center;background:#faf8fc;border-radius:12px;padding:8px}.time-colon{color:var(--muted);align-self:flex-end;font-size:28px;line-height:76px}.time-period{background:#efebf5;border-radius:10px;gap:4px;padding:4px;display:grid}.time-period button{min-height:30px;color:var(--muted);font:600 12px var(--ui);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:5px 11px}.time-period button[aria-pressed=true]{background:var(--plum);color:#fff}.minute-shortcuts{justify-content:center;gap:8px;display:flex}.minute-shortcuts button{border:1px solid var(--line);min-height:36px;color:var(--muted);font:500 13px var(--ui);cursor:pointer;background:#fff;border-radius:8px;flex:1}.minute-shortcuts button[aria-pressed=true]{color:var(--plum);background:#f1ebf8;border-color:#b9a4d0}.time-picker-panel>.btn{width:100%;min-height:48px}.time-clear{justify-self:center;min-height:32px;margin-top:-10px}.reply-deadline-fields{gap:12px;display:grid}.reply-deadline-fields>.text-button{justify-self:start}.reply-deadline-fields .row{align-items:start}@media (max-width:400px){.picker-trigger{gap:6px;padding:10px 8px;font-size:13px}.picker-trigger>svg{width:15px;height:15px}.calendar-days button{min-height:34px}.calendar-nav select{font-size:14px}}.design-studio .date-time-field>label{font:500 10px/16px var(--ui);letter-spacing:.045em;text-transform:uppercase}.design-studio .picker-trigger{gap:6px;padding:10px 8px;font-size:12px}.design-studio .picker-trigger>svg{width:15px;height:15px}.design-studio .picker-optional{letter-spacing:0;text-transform:none;font-size:9px}