::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,.type-tag.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,filter .4s}.article-card.svelte-1cso6sw:before{content:"";position:absolute;inset:0;border:1px solid var(--divider);transition:border-color .4s;pointer-events:none}.article-card.svelte-1cso6sw:not(.external):not(.inPage).firstItem .article-desc:where(.svelte-1cso6sw){font-size:1em;margin-top:4px;margin-bottom:0}@media(min-width:1400px){.article-card.svelte-1cso6sw:not(.external):not(.inPage).firstItem{grid-column-start:span 2}.article-card.svelte-1cso6sw:not(.external):not(.inPage).firstItem .article-title:where(.svelte-1cso6sw){font-size:1.7em;margin-top:20px}}.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(var(--text-shadow))}@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:not(.detailed):active .article-card-content:where(.svelte-1cso6sw){transform:rotateY(1deg) translateZ(-1px)}.article-card.svelte-1cso6sw .article-heading:where(.svelte-1cso6sw){perspective:100px}.article-card.svelte-1cso6sw h1:where(.svelte-1cso6sw){transform-origin:var(--transform-origin, left)!important;transition:transform .4s cubic-bezier(0,.7,0,1)!important}.article-card.svelte-1cso6sw.punch:active h1:where(.svelte-1cso6sw){transform:rotateY(calc(var(--dir, 1deg) * 2)) rotateX(calc(var(--dir, 1deg) * 3)) scale(1) translateZ(-4px)!important}}.article-card-body.svelte-1cso6sw{display:flex;justify-content:space-between;width:100%;align-self:stretch;overflow:hidden;perspective:100px;border-radius:inherit}.article-thumb.svelte-1cso6sw{position:relative;z-index:-1;inset-inline-end:0;inset-block:0;width:200px;min-width:50%;margin:1px;border-radius:inherit;overflow:hidden;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)}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.5}.article-heading.svelte-1cso6sw{display:flex;align-items:flex-start;justify-content:space-between;width:100%;margin-top:auto;gap:15px}.article-title.svelte-1cso6sw{display:flex;align-items:flex-start;position:relative;font-size:1.4em;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}.type-tag.svelte-1cso6sw{position:absolute;inset-inline-end:var(--padding);top:var(--padding);isolation:isolate;z-index:10;background:var(--bg);pointer-events:none}.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;overflow:hidden;width:calc(100% + var(--padding));mask:linear-gradient(to left,transparent,black 60px)}.article-card:where(.svelte-1cso6sw):not(.inPage) .tags.svelte-1cso6sw{pointer-events:none}.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)}}.inPage.inPage.svelte-1cso6sw{grid-area:head;margin-bottom:var(--padding-large);min-height:400px;transform:none!important;margin-top:var(--padding-vertical);filter:drop-shadow(var(--text-shadow))}.inPage.inPage.svelte-1cso6sw:not(.external){margin-inline:calc(-1px - var(--padding))}@media not all and (min-width:1400px){.inPage.inPage.svelte-1cso6sw{margin-top:max(-1px,calc(40vw - 450px));border-radius:0!important;margin-inline:calc(-1px - var(--padding))}}.inPage.inPage.svelte-1cso6sw:before{opacity:.7}.inPage.inPage.svelte-1cso6sw .article-card-body:where(.svelte-1cso6sw){align-items:flex-end}.inPage.inPage.svelte-1cso6sw .article-title:where(.svelte-1cso6sw){font-size:2.4em;margin:0;font-weight:400;color:var(--accent)}.inPage.inPage.svelte-1cso6sw .article-title:where(.svelte-1cso6sw):before,.inPage.inPage.svelte-1cso6sw .article-title:where(.svelte-1cso6sw):after{content:unset!important}.inPage.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))}.external.external.svelte-1cso6sw{overflow:hidden;border-radius:var(--radius-large)}.external.external.svelte-1cso6sw:before,.external.external.svelte-1cso6sw:after{border-radius:inherit}.external.external.svelte-1cso6sw:before{background:var(--bg-2)}.external.external.svelte-1cso6sw:after{inset:0;height:unset}:is(.external.external.svelte-1cso6sw:hover,.external.external.svelte-1cso6sw:focus-within):after{opacity:.1}.external.external.svelte-1cso6sw .article-title:where(.svelte-1cso6sw){font-weight:700;margin-inline-end:2ch}.external.external.svelte-1cso6sw.inPage .article-title:where(.svelte-1cso6sw){margin-top:1lh}.external.external.svelte-1cso6sw.inPage a:where(.svelte-1cso6sw){margin-top:10px;font-size:1.1em}@media(min-width:1400px){.external.external.svelte-1cso6sw.inPage{--padding: var(--padding-large)}}.external.external.svelte-1cso6sw:not(.inPage) .article-desc:where(.svelte-1cso6sw){line-height:1.25;font-size:1em;overflow:hidden;text-overflow:ellipsis;max-width:100%;mask:linear-gradient(to bottom,var(--gradient));margin-bottom:calc(0px - var(--padding));height:4lh}