.date-field[data-v-8b0a755f]{font-weight:400;display:block;position:relative}.date-control[data-v-8b0a755f]{display:flex;position:relative}.date-control input[data-v-8b0a755f]{padding-right:3rem;font-size:16px}.date-toggle[data-v-8b0a755f]{width:44px;color:var(--ink);background:0 0;border:0;place-items:center;display:grid;position:absolute;top:1px;bottom:1px;right:1px}.date-hint[data-v-8b0a755f]{color:#655c4c;margin-top:5px;font-size:12px;display:block}.date-calendar[data-v-8b0a755f]{z-index:30;background:#fffdf9;border:1px solid #b8a989;border-radius:6px;width:min(340px,100vw - 48px);padding:12px;position:absolute;top:100%;right:0}.date-month[data-v-8b0a755f]{justify-content:space-between;align-items:center;gap:8px;font-size:14px;display:flex}.date-month button[data-v-8b0a755f]{min-width:44px;min-height:44px;color:var(--ink);background:0 0;border:0;font-size:24px}.date-grid[data-v-8b0a755f]{text-align:center;grid-template-columns:repeat(7,minmax(0,1fr));margin-top:8px;font-size:12px;display:grid}.date-grid>span[data-v-8b0a755f]{padding:8px 0}.date-grid button[data-v-8b0a755f]{min-height:40px;color:var(--ink);background:0 0;border:0;border-radius:4px;padding:0}.date-grid button[data-v-8b0a755f]:hover:not(:disabled){background:#eee7da}.date-grid button[aria-pressed=true][data-v-8b0a755f]{background:var(--ink);color:#fff}.date-grid .outside[data-v-8b0a755f]{color:#777064}.date-grid button[data-v-8b0a755f]:disabled{opacity:.3}.date-close[data-v-8b0a755f]{background:0 0;border:0;min-height:44px;margin-left:auto;display:block}