.year-time-fields{min-width:0;color:inherit;border:0;margin:0;padding:0;font:12px/1.5 system-ui}.year-time-fields legend{color:var(--directory-muted,inherit);margin-bottom:6px;padding:0;font-size:11px}.year-time-label small{opacity:.65;margin-left:8px;font-size:10px;font-weight:400}.year-time-fields .year-time-legend-inline{justify-content:space-between;align-items:center;gap:8px;width:100%;margin-bottom:8px;display:flex}.year-time-legend-inline .year-time-approx{min-height:28px;font-size:11px}.year-time-legend-inline~.year-time-footer{justify-content:flex-end;min-height:18px}.year-time-heading{justify-content:space-between;align-items:center;gap:8px;height:30px;display:flex}.year-time-inputs{align-items:center;gap:6px;display:flex}.year-time-inputs input{box-sizing:border-box;border:1px solid color-mix(in srgb,currentColor 9%,transparent);background:var(--directory-paper,transparent);width:56px;min-width:0;height:28px;color:inherit;text-align:center;font:inherit;font-variant-numeric:tabular-nums;border-radius:12px}.year-time-clear{color:inherit;opacity:.65;font:inherit;cursor:pointer;background:0 0;border:0;padding:5px 0 5px 8px}.year-time-clear:disabled{opacity:.35;cursor:default}.year-time-rail{touch-action:none;height:30px;margin:0 19px;position:relative}.year-time-track,.year-time-selection{pointer-events:none;border-radius:3px;height:3px;position:absolute;top:14px}.year-time-track{background:color-mix(in srgb,currentColor 13%,transparent);left:0;right:0}.year-time-selection{left:var(--time-start);width:calc(var(--time-end) - var(--time-start));background:var(--directory-accent,#8c9f79)}.year-time-thumb{cursor:ew-resize;touch-action:none;z-index:1;background:0 0;border:0;width:24px;height:30px;padding:0;position:absolute;top:0;transform:translate(-50%)}.year-time-thumb:before{content:"";background:var(--directory-accent,#8c9f79);border:2px solid var(--directory-paper,#faf7f2);box-sizing:content-box;border-radius:5px;width:8px;height:15px;position:absolute;top:5px;left:6px;box-shadow:0 1px 2px #00000012}.year-time-thumb[data-overlap=true][data-side=start]{transform:translate(calc(-50% - 12px))}.year-time-thumb[data-overlap=true][data-side=end]{transform:translate(calc(12px - 50%))}.year-time-thumb:focus-visible{outline:2px solid var(--directory-accent,#8c9f79);outline-offset:1px;border-radius:14px}.year-time-fields[data-selected=false] .year-time-selection{visibility:hidden}.year-time-fields[data-selected=false] .year-time-thumb:before{opacity:.4}.year-time-footer{justify-content:space-between;align-items:center;gap:8px;min-height:24px;display:flex}.year-time-approx{white-space:nowrap;align-items:center;gap:5px;display:flex}.year-time-approx input{appearance:none;border:1px solid color-mix(in srgb,currentColor 25%,transparent);background:var(--directory-paper,transparent);cursor:pointer;border-radius:5px;place-content:center;width:15px;height:15px;margin:0;display:grid}.year-time-approx input:checked{background:var(--directory-accent,#8c9f79);border-color:#0000}.year-time-approx input:after{content:"";visibility:hidden;border-bottom:1.5px solid #fff;border-left:1.5px solid #fff;width:6px;height:3px;transform:translateY(-1px)rotate(-45deg)}.year-time-approx input:checked:after{visibility:visible}.year-time-approx input:disabled{opacity:.4;cursor:default}.year-time-approx input:focus-visible{outline:2px solid var(--directory-accent,#8c9f79);outline-offset:2px}.year-time-footer small{opacity:.6;text-align:right;font-size:10px}.year-time-footer [role=alert]{color:#a34336;font-size:10px}.year-time-scale{color:var(--directory-muted,inherit);opacity:.7;justify-content:space-between;margin:0 1px 4px;font-size:9px;display:flex}.birthday-preference{color:inherit;font:12px/1.6 system-ui}.birthday-preference-heading{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.birthday-preference-heading label{font-weight:600}.birthday-preference-heading label span{opacity:.55;margin-left:8px;font-size:10px;font-weight:400}.birthday-preference input{box-sizing:border-box;border:1px solid color-mix(in srgb,currentColor 12%,transparent);width:100%;height:36px;font:inherit;color:inherit;color-scheme:inherit;background:0 0;border-radius:18px;padding:0 12px}.birthday-preference-heading button{color:inherit;font:inherit;text-underline-offset:4px;cursor:pointer;background:0 0;border:0;border-radius:15px;padding:3px 8px;text-decoration:underline}.birthday-preference-heading button:disabled{opacity:.4;cursor:default}.birthday-preference small{opacity:.6;margin-top:7px;font-size:10px;display:block}.year-time-inputs input:focus-visible,.birthday-preference input:focus-visible{outline:2px solid var(--directory-accent,#8c9f79);outline-offset:2px}@media (width<=600px){.year-time-inputs input,.birthday-preference input{font-size:16px}}