.saas-diary-day{align-content:start;gap:var(--saas-space-md);min-inline-size:0;display:grid}.saas-diary-day__summary{align-items:center;gap:var(--saas-space-md);flex-wrap:wrap;display:flex}.saas-diary-day__ring{--done:0;border-radius:var(--saas-radius-full);background:conic-gradient(var(--saas-status-success-fill) calc(var(--done) * 360deg), var(--saas-bg-sunken) 0);flex:none;place-items:center;block-size:56px;inline-size:56px;display:grid}.saas-diary-day__ring span{border-radius:var(--saas-radius-full);background:var(--saas-bg-surface);block-size:44px;inline-size:44px;color:var(--saas-text-primary);font-size:var(--saas-font-body-sm);font-variant-numeric:tabular-nums;place-items:center;font-weight:700;display:grid}.saas-diary-day__headline{flex:1;min-inline-size:12rem}.saas-diary-day__headline h2{color:var(--saas-text-primary);font-size:var(--saas-font-title);margin:0;font-weight:600}.saas-diary-day__headline p{color:var(--saas-text-secondary);font-size:var(--saas-font-body-sm);margin:0}.saas-diary-day__toolbar{align-items:flex-end;gap:var(--saas-space-sm);flex-wrap:wrap;flex-basis:100%;display:flex}.saas-diary-day__list{gap:var(--saas-space-md);margin:0;padding:0;display:grid;position:relative}.saas-diary-day__list:before{content:"";inset-block:var(--saas-space-md);background:var(--saas-border-default);inline-size:2px;position:absolute;inset-inline-start:calc(5.5rem + var(--saas-space-md) / 2 - 1px)}.saas-diary-day__skeleton{block-size:96px;border-radius:var(--saas-radius-xl);background:var(--saas-bg-sunken);margin-inline-start:calc(5.5rem + var(--saas-space-md));list-style:none;animation:1.2s ease-in-out infinite alternate saas-diary-day-pulse}@keyframes saas-diary-day-pulse{0%{opacity:1}to{opacity:.5}}@media (prefers-reduced-motion:reduce){.saas-diary-day__skeleton{animation:none}}@media (width<=599px){.saas-diary-day__list:before{display:none}.saas-diary-day__skeleton{margin-inline-start:0}.saas-diary-day__summary>button{flex-basis:100%}}.saas-diary-day[data-stale=true] .saas-diary-day__list{opacity:.5;pointer-events:none;transition:opacity var(--saas-motion-micro) var(--saas-ease-standard)}