.df{display:block;position:relative}.df>input[type=text]{text-overflow:ellipsis;padding-right:34px}.df>.cv-field__input{font-size:21px}.df__btn{width:44px;height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;bottom:1px;right:-10px}.df__btn:hover,.df[data-open] .df__btn{color:var(--accent)}.df__pop{z-index:30;background:var(--surface);width:320px;box-shadow:var(--elev-2);color:var(--text);border-radius:12px;padding:12px 16px 6px;display:grid;position:absolute;top:calc(100% + 8px);left:0}.df__done{font:500 15px/1.2 var(--sans);color:var(--text);cursor:pointer;background:0 0;border:0;justify-self:end;padding:10px 4px}@media (prefers-reduced-motion:no-preference){.df__pop{animation:df-drop .18s var(--ease)}}@keyframes df-drop{0%{opacity:0;translate:0 -4px}}@media (max-width:639px){.df__pop{z-index:40;width:auto;padding:16px var(--gutter) calc(8px + env(safe-area-inset-bottom));border-radius:12px 12px 0 0;justify-items:center;position:fixed;inset:auto 0 0}.df__pop .rdp-root{width:100%;max-width:320px}@media (prefers-reduced-motion:no-preference){.df__pop{animation:df-sheet .36s var(--ease)}}}@keyframes df-sheet{0%{translate:0 100%}}.df .rdp-root{font:400 15px/1 var(--sans);font-variant-numeric:lining-nums}.df .rdp-months,.df .rdp-month{position:relative}.df .rdp-month_caption{height:44px;font:400 22px/1 var(--display);align-items:center;padding-right:88px;display:flex}.df .rdp-dropdowns{align-items:center;gap:10px;display:inline-flex}.df .rdp-dropdown_root{align-items:center;display:inline-flex;position:relative}.df .rdp-dropdown{z-index:2;opacity:0;appearance:none;width:100%;font:inherit;cursor:pointer;border:0;margin:0;padding:0;position:absolute;inset:0}.df .rdp-caption_label{white-space:nowrap;text-transform:capitalize;align-items:center;gap:2px;display:inline-flex}.df .rdp-caption_label svg{color:var(--muted)}.df .rdp-dropdown:focus-visible~.rdp-caption_label{outline:2px solid var(--color-focus);outline-offset:2px}.df .rdp-nav{z-index:3;height:44px;display:flex;position:absolute;top:0;right:-10px}.df .rdp-button_previous,.df .rdp-button_next{width:44px;height:44px;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.df .rdp-button_previous:hover:not(:disabled),.df .rdp-button_next:hover:not(:disabled){background:var(--surface-2)}.df .rdp-button_previous:disabled,.df .rdp-button_next:disabled,.df .rdp-button_previous[aria-disabled=true],.df .rdp-button_next[aria-disabled=true]{opacity:.3;cursor:default}.df .rdp-month_grid{border-collapse:collapse;width:100%;margin-top:6px}.df .rdp-weekday{font:600 11px/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase;text-align:center;color:var(--muted);padding:6px 0 8px}.df .rdp-day{text-align:center;width:40px;height:40px;padding:0}.df .rdp-day_button{width:40px;height:40px;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;margin:0 auto;padding:0;display:grid}.df .rdp-day_button:hover:not(:disabled){background:var(--surface-2)}.df .rdp-today .rdp-day_button{box-shadow:inset 0 0 0 1px var(--border-strong)}.df .rdp-selected .rdp-day_button{background:var(--primary);color:var(--on-primary);box-shadow:none}.df .rdp-disabled .rdp-day_button{color:var(--border-strong);opacity:.6;cursor:default}.df .rdp-hidden{visibility:hidden}.df .rdp-day_button:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px}.tf__pop{width:260px;padding:10px 12px 4px}.tf__list{overscroll-behavior:contain;scrollbar-width:thin;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;max-height:292px;display:grid;overflow-y:auto}.tf__time{min-height:36px;font:400 15px/1 var(--sans);font-variant-numeric:lining-nums;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 4px}.tf__time:hover{background:var(--surface-2)}.tf__time[aria-selected=true]{background:var(--primary);color:var(--on-primary)}.tf__time:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px}@media (max-width:639px){.tf__pop{width:auto}.tf__list{width:100%;max-width:320px;max-height:44svh}}