.date-field{position:relative}.calendar-trigger{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:7px;padding:14px 12px;border:1px solid var(--line);background:#fff;color:var(--ink);font:14px var(--sans);text-align:left}.calendar-trigger span{font-size:16px;color:var(--green)}.calendar-popover{position:absolute;z-index:5;top:72px;left:0;width:290px;padding:16px;background:var(--paper);border:1px solid var(--line);box-shadow:0 14px 34px #1d2d2530}.calendar-head,.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);align-items:center;text-align:center}.calendar-head{grid-template-columns:34px 1fr 34px;margin-bottom:14px}.calendar-head button{border:0;background:transparent;font-size:22px;color:var(--green)}.calendar-head button:disabled{opacity:.25;cursor:not-allowed}.calendar-weekdays{color:#829087;font-size:10px;margin-bottom:7px}.calendar-grid{gap:3px}.calendar-grid button{aspect-ratio:1;border:0;background:transparent;color:var(--ink);font-size:12px}.calendar-grid button:hover,.calendar-grid button.selected{background:var(--green);color:#fff}.calendar-grid button.empty{visibility:hidden}.calendar-grid button:disabled{cursor:default}.calendar-grid button.past{color:#b7c0b9;text-decoration:line-through;background:transparent!important}.calendar-grid button.past:hover{color:#b7c0b9;background:transparent!important}.form-error{display:block;color:#a64f39;font-size:11px;margin-top:12px}