.temporal-field{min-width:0;color:var(--color-ink,#172126);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:20px}.temporal-input{border:1px solid var(--color-line,#dfe7ec);background:var(--color-surface,white);border-radius:10px;height:48px;display:flex;overflow:hidden}.temporal-input:not(.temporal-month){min-width:180px}.temporal-compact .temporal-input:not(.temporal-month){box-sizing:border-box;height:44px}.temporal-input input{width:0;min-width:0;font:inherit;color:inherit;box-sizing:border-box;background:0 0;border:0;flex:1;padding:10px}.temporal-input button{width:44px;color:var(--color-primary,#087e99);cursor:pointer;background:0 0;border:0;flex-shrink:0;place-items:center;display:grid}.temporal-picker{box-sizing:border-box;z-index:100;pointer-events:auto;border:1px solid var(--color-line,#dfe7ec);background:var(--color-surface,#f8fbfc);border-radius:12px;margin:0;padding:12px;overflow-y:auto;box-shadow:0 8px 28px #17212630}.temporal-picker button{font:inherit;background:var(--color-surface,white);color:inherit;cursor:pointer;border:0;border-radius:8px;min-height:36px}.temporal-heading{justify-content:space-between;align-items:center;gap:4px;margin-bottom:8px;display:flex}.temporal-heading button{width:32px;font-size:24px}.temporal-heading strong{text-align:center;text-transform:capitalize;font-size:13px}.temporal-calendar{text-align:center;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;display:grid}.temporal-calendar button{padding:0}.temporal-calendar .outside-month{color:var(--color-muted,#73848c);background:0 0}.temporal-calendar button[aria-pressed=true],.temporal-picker .temporal-confirm{color:var(--color-onPrimary,white);background:var(--color-primaryFill,#157d99)}.temporal-picker .temporal-confirm,.temporal-picker .temporal-cancel{width:100%;margin-top:8px}.temporal-picker .temporal-cancel{color:var(--color-primary,#157d99);background:0 0}.temporal-time{align-items:flex-end;gap:6px;display:flex}.temporal-time label{flex:1;min-width:0;font-size:12px}.temporal-time select{border:1px solid var(--color-line,#dfe7ec);background:var(--color-surface,white);width:100%;min-width:0;height:40px;color:inherit;font:inherit;border-radius:8px;margin-top:4px;display:block}.temporal-time>span{padding-bottom:10px}.temporal-field button:focus-visible,.temporal-field input:focus-visible,.temporal-field select:focus-visible{outline:2px solid var(--color-primary,#157d99);outline-offset:-2px}.temporal-field button:disabled,.temporal-field input:disabled{opacity:.5;cursor:default}.temporal-month{height:40px}.temporal-month button{width:auto;min-width:190px;font:inherit;gap:10px;padding:0 12px;display:flex}.temporal-month button span:first-of-type{text-transform:capitalize;text-align:left;flex:1}