.calendar-date-input{gap:var(--field-label-gap);flex-direction:column;min-width:0;display:flex;container:caldate/inline-size}.calendar-date-input>.calendar-date-input__label-row{margin-bottom:0}.calendar-date-input__row{align-items:stretch;gap:var(--space-2);flex-wrap:wrap;min-width:0;display:flex}.calendar-date-input__field{flex:8rem;min-width:0}.calendar-date-input__icon-btn{width:var(--control-height-md);min-height:var(--control-height-md);color:var(--color-text-muted);background:var(--color-input-bg);border:1px solid var(--color-border);border-radius:var(--radius-control);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast);flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.calendar-date-input__icon-btn:hover:not(:disabled){color:var(--color-text);border-color:var(--color-border-strong);background:var(--color-surface-hover)}.calendar-date-input__icon-btn:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}.calendar-date-input__icon-btn:disabled{opacity:.5;cursor:not-allowed}.calendar-date-input__popover{width:min(20rem, calc(100vw - var(--space-8)));padding:var(--space-4);background:var(--popover-bg);border:1px solid var(--popover-border);border-radius:var(--popover-radius);box-shadow:var(--popover-shadow);z-index:var(--z-tooltip);animation:popover-in var(--popover-enter)}@media (prefers-reduced-motion:reduce){.calendar-date-input__popover{animation:none}}.calendar-date-input__nav{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.calendar-date-input__nav-cluster{gap:var(--space-1);display:flex}.calendar-date-input__nav-btn{min-width:2rem;height:2rem;padding:0 var(--space-2);font-family:inherit;font-size:var(--font-size-base);color:var(--color-text);background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;line-height:1;display:inline-flex}.calendar-date-input__nav-btn:hover:not(:disabled){background:var(--color-surface-hover)}.calendar-date-input__nav-btn:disabled{opacity:.45;cursor:not-allowed}.calendar-date-input__title{min-width:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-align:center;color:var(--color-text);flex:1}.calendar-date-input__weekdays{gap:var(--space-1);margin-bottom:var(--space-2);grid-template-columns:repeat(7,1fr);display:grid}.calendar-date-input__weekday{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-align:center}.calendar-date-input__grid{gap:var(--space-1);grid-template-columns:repeat(7,1fr);display:grid}.calendar-date-input__cell{aspect-ratio:1;font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.calendar-date-input__cell:hover:not(:disabled):not(.calendar-date-input__cell--muted){background:var(--color-primary-light)}.calendar-date-input__cell--muted{visibility:hidden;pointer-events:none}.calendar-date-input__cell--selected{background:var(--color-primary);color:var(--color-on-inverse)}.calendar-date-input__cell--selected:hover:not(:disabled){background:var(--color-primary-hover);color:var(--color-on-inverse)}.calendar-date-input__cell:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}.structured-date-input{gap:var(--field-label-gap);flex-direction:column;min-width:0;display:flex;container:strdate/inline-size}.structured-date-input__row{align-items:flex-start;gap:var(--space-2);flex-wrap:wrap;min-width:0;display:flex}.structured-date-input__kind,.structured-date-input__calendar{flex:0 auto;width:auto;min-width:0;max-width:13rem}.structured-date-input__date{flex:16rem;min-width:0}.structured-date-input__date .calendar-date-input{gap:0}.structured-date-input__sep{padding:0 var(--space-1);color:var(--color-text-muted);font-size:var(--font-size-sm);flex:none;align-self:center}.structured-date-input__note{gap:var(--space-1);flex-direction:column;display:flex}.structured-date-input__warning{align-items:flex-start;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-lg);background:var(--color-warning-light);color:var(--color-warning);font-size:var(--font-size-sm);margin:0;line-height:1.4;display:flex}.structured-date-input__warning svg{flex-shrink:0;margin-top:2px}.structured-date-input__details-toggle{font-size:var(--font-size-xs-plus)}.structured-date-input__details{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}@container strdate (width<=32rem){.structured-date-input__kind,.structured-date-input__calendar{flex:100%;max-width:none}}@container strdate (width<=26rem){.structured-date-input__sep{text-align:center;flex:100%}}