::view-transition-group(.article){transform-origin:center center;animation-duration:.4s;animation-timing-function:cubic-bezier(.7,0,0,1.1)}.article-title.svelte-1cso6sw,.tags.svelte-1cso6sw,time.svelte-1cso6sw,.tooltip.svelte-1cso6sw,.article-desc.svelte-1cso6sw{view-transition-name:var(--view);view-transition-class:article;width:fit-content}.tooltip.svelte-1cso6sw,.article-desc.svelte-1cso6sw{view-transition-name:var(--view-desc)}.article-card.svelte-1cso6sw{position:relative;display:flex;isolation:isolate;transition:transform .2s cubic-bezier(0,0,0,1.5),border-color .4s}.article-card.svelte-1cso6sw:before{content:"";position:absolute;inset:0;border:1px solid var(--divider);transition:border-color .4s;pointer-events:none}@media(min-width:1400px){.article-card.svelte-1cso6sw:first-child{grid-column:1 / span 2}}.article-card.svelte-1cso6sw:after{content:"";position:absolute;bottom:0;inset-inline:0;height:4px;opacity:0;pointer-events:none;mask:linear-gradient(to top,var(--gradient));background:linear-gradient(to right,#fff433,#fff660,#fef87f 8.33%,#fefbaf 16.67%,#fff 33.33%,#9b59d0 66.67%,#61457b,#2d2d2d);transition:opacity .2s}:is(.article-card.svelte-1cso6sw:hover,.article-card.svelte-1cso6sw:focus-within):not(.inPage){filter:drop-shadow(0px 4px 2px rgba(0,0,0,.2))}@media(prefers-reduced-motion:no-preference){:is(.article-card.svelte-1cso6sw:hover,.article-card.svelte-1cso6sw:focus-within):not(.inPage){transform:translateY(-4px)}:is(.article-card.svelte-1cso6sw:hover,.article-card.svelte-1cso6sw:focus-within):not(.inPage) .article-card-content:where(.svelte-1cso6sw){transform:translateY(-4px)}}:is(.article-card.svelte-1cso6sw:hover,.article-card.svelte-1cso6sw:focus-within):before{border-color:var(--accent)}:is(.article-card.svelte-1cso6sw:hover,.article-card.svelte-1cso6sw:focus-within):after{opacity:.7}@media(prefers-reduced-motion:no-preference){.article-card.svelte-1cso6sw:active .article-card-content:where(.svelte-1cso6sw){transform:rotateY(1deg) translateZ(-1px)!important}}.article-card-body.svelte-1cso6sw{display:flex;justify-content:space-between;width:100%;align-self:stretch;overflow:hidden;perspective:100px}.article-thumb.svelte-1cso6sw{position:relative;z-index:-1;inset-inline-end:0;inset-block:0;width:200px;min-width:50%;margin:1px;margin-inline-start:-20%;align-self:stretch;mask:linear-gradient(to left,var(--gradient)) subtract,linear-gradient(0deg,black -20%,transparent 100%)}.article-thumb.svelte-1cso6sw img:where(.svelte-1cso6sw){object-fit:cover;height:0;min-height:100%;width:100%}.article-thumb.svelte-1cso6sw .playing:where(.svelte-1cso6sw),.article-thumb.svelte-1cso6sw .paused:where(.svelte-1cso6sw){position:absolute;top:var(--padding);right:var(--padding);padding:8px 16px;background:#000000e6;color:#eee;z-index:10;border-radius:var(--radius-round);opacity:0;transition:opacity .2s}.article-thumb.svelte-1cso6sw .paused:where(.svelte-1cso6sw){opacity:1}.article-card:where(.svelte-1cso6sw):hover :is(.article-thumb.svelte-1cso6sw .paused:where(.svelte-1cso6sw)){opacity:0}.article-thumb.svelte-1cso6sw .playing:where(.svelte-1cso6sw){font-weight:700;background:var(--accent);color:var(--fg-on-accent)}.article-card:where(.svelte-1cso6sw):hover :is(.article-thumb.svelte-1cso6sw .playing:where(.svelte-1cso6sw)){opacity:1}.article-thumb.svelte-1cso6sw .overlayed:where(.svelte-1cso6sw){position:absolute;inset:0;opacity:0;transition:opacity .4s}.article-card:where(.svelte-1cso6sw):hover :is(.article-thumb.svelte-1cso6sw .overlayed:where(.svelte-1cso6sw)){opacity:1}.article-card-content.svelte-1cso6sw{display:flex;flex-direction:column;min-height:100px;min-width:0;transition:transform .4s cubic-bezier(.4,.2,0,2);transform-origin:left;padding:var(--padding)}.inPage.svelte-1cso6sw{grid-area:head;margin-inline:calc(-1px - var(--padding));margin-bottom:var(--padding-large);min-height:400px;transform:none!important}.inPage.svelte-1cso6sw:before{opacity:.7}.inPage.svelte-1cso6sw .article-card-body:where(.svelte-1cso6sw){align-items:flex-end}.inPage.svelte-1cso6sw .article-title:where(.svelte-1cso6sw){font-size:2.4em;margin:0;font-weight:400;color:var(--accent)}.inPage.svelte-1cso6sw .article-title:where(.svelte-1cso6sw):before,.inPage.svelte-1cso6sw .article-title:where(.svelte-1cso6sw):after{content:unset!important}.inPage.svelte-1cso6sw .article-thumb:where(.svelte-1cso6sw){margin-inline-start:-50px;mask:linear-gradient(to left,var(--gradient)),linear-gradient(to left,var(--gradient))}time.svelte-1cso6sw{font-size:.9em;margin-bottom:10px;color:var(--fg-muted)}a.svelte-1cso6sw{z-index:2}p.svelte-1cso6sw{font-size:1.2em;margin-block:10px;line-height:1.7}.article-title.svelte-1cso6sw{position:relative;font-size:1.4em;margin-top:auto;z-index:5}.article-title.svelte-1cso6sw:not(:hover){text-decoration-color:transparent}.article-card:where(.svelte-1cso6sw):not(.inPage) .article-title.svelte-1cso6sw:before,.article-card:where(.svelte-1cso6sw):not(.inPage) .article-title.svelte-1cso6sw:after{content:"";position:absolute;inset:-900px;background:var(--accent);opacity:0;z-index:-1;border-radius:var(--radius-round);pointer-events:all}.article-card:where(.svelte-1cso6sw):not(.inPage) .article-title.svelte-1cso6sw:after{inset:0;filter:blur(8px);transition:transform 1s cubic-bezier(0,0,0,1),opacity .2s}.tags.svelte-1cso6sw{padding:0;margin:10px 0 0;display:flex;margin-inline-end:calc(0px - var(--padding) / 2);gap:10px;font-size:.9em;z-index:6}.tooltip.svelte-1cso6sw{position:absolute;inset-inline-start:-10px;top:calc(100% - 20px);max-width:300px;width:unset;font-size:.8em;pointer-events:none;transform-origin:top left}.article-card:where(.svelte-1cso6sw):not(:hover):not(:focus) .tooltip.svelte-1cso6sw{opacity:0}@media(prefers-reduced-motion:no-preference){.article-card:where(.svelte-1cso6sw):not(:hover):not(:focus) .tooltip.svelte-1cso6sw{transform:scale(.95)}}