@media (min-width:64rem){.age{grid-template-columns:22rem minmax(0,1fr);align-items:start}}.age__date{min-block-size:3rem;font-family:"Literata Variable", var(--font-sans);font-size:var(--text-md);font-weight:500}.age__on{gap:var(--space-2);grid-template-columns:minmax(0,1fr) auto;display:grid}.age__on .btn{min-block-size:3rem}.age__leap{gap:var(--space-2);color:var(--ink-2);align-items:flex-start;display:flex}.age__leap .icon{color:var(--accent);flex:none;margin-block-start:.125rem}.age__headline{gap:var(--space-1);padding:var(--space-3) var(--space-5) var(--space-4);border-block-end:1px solid var(--sheet-rule);display:grid}.age__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}.age__result.is-solved .age__big{color:var(--accent)}.age__rest{min-block-size:1.5em;color:var(--ink-2);font-size:var(--text-md)}.age__result.is-solved .age__rest{color:var(--ink);font-family:"Literata Variable", var(--font-display);font-size:var(--text-lg);font-weight:500}.age__groups{padding-inline:var(--space-5);display:grid}@media (min-width:52rem){.age__groups{column-gap:var(--space-8);grid-template-columns:repeat(2,minmax(0,1fr))}}.age__figures{grid-template-columns:1fr;align-content:start;padding-block-end:var(--space-3);padding-inline:0}.age__figures dd{text-align:end}.age__birthday{border-block-start:1px solid var(--sheet-rule)}@media (min-width:52rem){.age__birthday{border-block-start:0}}.age__bar{margin-block-start:auto}