.date-calc__modes{grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));display:grid}.date-calc__modes label{text-align:center}.date-calc__panel{gap:var(--space-4);display:grid}.date-calc__panel[hidden]{display:none}.date-calc__pair{gap:var(--space-4);display:grid}@media (min-width:40rem){.date-calc__pair{grid-template-columns:repeat(2,minmax(0,1fr))}}.date-calc__date{gap:var(--space-2);grid-template-columns:minmax(0,1fr) auto;display:grid}.date-calc__date-input{font-family:"Literata Variable", var(--font-sans);font-weight:500}.date-calc__operation{justify-self:start}.date-calc__operation label{gap:var(--space-1);align-items:center;display:inline-flex}.date-calc__operation .icon{block-size:.875rem;inline-size:.875rem}.date-calc__duration{gap:var(--space-2);border:0;min-inline-size:0;margin:0;padding:0;display:grid}.date-calc__units{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (min-width:40rem){.date-calc__units{grid-template-columns:repeat(4,minmax(0,1fr))}}.date-calc__units .field{gap:var(--space-1)}.date-calc__count{font-family:"Literata Variable", var(--font-sans);font-size:var(--text-md);text-align:center;font-weight:600}.date-calc__month-end{gap:var(--space-2);align-items:flex-start;display:flex}.date-calc__month-end .icon{flex:none;margin-block-start:.125rem}.date-calc__figures{padding:var(--space-3) var(--space-5) var(--space-4);display:grid}.date-calc__main{padding-block:var(--space-2) var(--space-4);border-block-end:1px solid var(--sheet-rule)}.date-calc__main dt{color:var(--ink-2);font-size:var(--text-sm)}.date-calc__big{color:var(--ink-3);font-family:"Literata Variable", var(--font-display);letter-spacing:-.02em;overflow-wrap:anywhere;transition:color var(--duration) var(--ease-out);font-size:clamp(2rem,1.6rem + 1.6vw,2.5rem);font-weight:500;line-height:1.1}.date-calc__big--date{font-size:var(--text-xl);letter-spacing:-.01em}.date-calc__result.is-solved .date-calc__big{color:var(--accent)}.date-calc__figures .figures__row dd{text-align:end}.date-calc__message{margin:0 var(--space-5) var(--space-4);color:var(--ink-2);font-size:var(--text-sm)}.date-calc__message.is-error{color:var(--danger);font-weight:600}.date-calc__message[hidden]{display:none}.date-calc__bar{margin-block-start:auto}