.article-item[data-v-4ef4a8a2]{animation:float-in .2s var(--delay)backwards;align-items:center;gap:.5em;margin:.2em 0;transition:all .2s;display:flex}@media (max-width:768px){.article-item[data-v-4ef4a8a2]{font-size:.9em}}.article-item time[data-v-4ef4a8a2]{font-family:var(--font-monospace);opacity:.4;transition:opacity .2s;display:inline-block}.article-item time.aux-date[data-v-4ef4a8a2]{vertical-align:middle;font-size:.8em}.article-item:hover>time[data-v-4ef4a8a2]{opacity:1}.article-title[data-v-4ef4a8a2]{color:var(--c-text)}.article-link[data-v-4ef4a8a2]{flex-grow:1;padding:.3em .6em;overflow:hidden}.article-cover[data-v-4ef4a8a2]{-o-object-fit:cover;object-fit:cover;opacity:.8;z-index:-1;width:min(50%,180px);height:100%;margin:0;transition:all .2s;position:absolute;top:0;right:0;-webkit-mask-image:linear-gradient(90deg,#0000,#fff7);mask-image:linear-gradient(90deg,#0000,#fff7)}:hover>.article-cover[data-v-4ef4a8a2]{-o-object-position:center 43.5%;object-position:center 43.5%;opacity:1;width:50%}.archive[data-v-882db6c3]{margin:1rem;-webkit-mask-image:linear-gradient(#fff 50%,#fff5);mask-image:linear-gradient(#fff 50%,#fff5)}.archive-group[data-v-882db6c3]{margin:1rem 0 3rem}.archive-title[data-v-882db6c3]{color:#0000;opacity:.5;justify-content:space-between;gap:1em;font-size:min(1.5em,5vw);transition:color .2s;display:flex;position:sticky;top:0}.archive-title[data-v-882db6c3]::-moz-selection{color:var(--c-text-3)}.archive-title[data-v-882db6c3]::selection,:hover>.archive-title[data-v-882db6c3]{color:var(--c-text-3)}:hover>.archive-title .archive-age[data-v-882db6c3]{opacity:0}.archive-title .archive-age[data-v-882db6c3],.archive-title>.archive-year[data-v-882db6c3]{font:800 3em/1 var(--font-stroke-free);z-index:-1;-webkit-text-stroke:1px var(--c-text-3);margin-bottom:-.3em;-webkit-mask-image:linear-gradient(#fff 50%,#0000);mask-image:linear-gradient(#fff 50%,#0000)}.archive-title>.archive-age[data-v-882db6c3]{transition:opacity .2s;position:absolute;right:0}.archive-title>.archive-age>.age-label[data-v-882db6c3]{vertical-align:super;font-size:.5em}.archive-title>.archive-info[data-v-882db6c3]{-moz-column-gap:.5em;flex-wrap:wrap;justify-content:flex-end;column-gap:.5em;display:flex}