.archive-container{align-self:center;width:100%;display:flex;flex-direction:column;align-items:center;gap:24px;color:var(--highlight-text);text-align:center}.archive-container h3{margin-top:-24px}.archive-container span{max-width:var(--max-width-mobile)}.archive-calendar{color:var(--text-primary);background-color:var(--background-secondary);border-radius:10px;box-shadow:inset 2px 2px 3px var(--highlight-faded),inset -2px -2px 3px var(--highlight-faded)}.archive-calendar button:focus{background-color:rgba(0,0,0,0)!important}.archive-day-icon{display:flex;justify-content:center;align-items:center;text-align:center;background-color:var(--background-secondary);border-radius:50%;width:30px;height:30px;font-weight:500}.archive-day-icon svg{color:var(--theme-text)}.archive-day-icon.completed{background-color:var(--theme-secondary);border-radius:6px;border:2px solid var(--theme-primary)}.archive-container>span{display:flex;gap:2px}.archive-container>span svg{margin-left:12px}.archive-container>span :first-child{margin-left:0}.archive-legend{display:flex;align-items:center;gap:12px}.archive-legend .archive-day-icon{margin-right:3px}.archive-calendar.skeleton{opacity:.75;width:320px;height:336px;align-self:center;padding-top:96px}