.badge.svelte-15mvsj3{background:color-mix(in lch,var(--fg),transparent 94%);color:var(--fg);padding:2px 4px;border-radius:2px}.badges.svelte-47bkpf{display:flex;flex-wrap:wrap;gap:.5rem}article.svelte-1d3beh9{--bg: var(--bg-1);container:show-card / inline-size;display:grid;padding:20px;background-color:var(--bg);background-image:var(--bg-grit);position:relative;overflow:hidden;align-items:start}article.has-youtube.svelte-1d3beh9{gap:.75rem;cursor:pointer}@media (min-width: 700.02px){article.has-youtube.svelte-1d3beh9{grid-template-columns:1fr 1fr;gap:2rem}}article.svelte-1d3beh9 a:where(.svelte-1d3beh9){color:var(--fg);display:flex;gap:10px;height:100%;min-width:0}article.svelte-1d3beh9 .details:where(.svelte-1d3beh9){display:grid;flex-grow:1;grid-template-rows:auto auto 1fr auto auto;grid-gap:1rem;gap:1rem;min-width:0}article.svelte-1d3beh9 .details:where(.svelte-1d3beh9)>:where(.svelte-1d3beh9){margin:0;position:relative}article.svelte-1d3beh9:hover{background-color:color-mix(in lch,var(--fg),var(--bg) 96%)}article.card.svelte-1d3beh9{border-radius:var(--brad);border:solid var(--border-size) var(--subtle)}article.highlight.svelte-1d3beh9{--bg: var(--bg-root);--fg: var(--fg-root);border-radius:var(--brad);grid-column:1 / -1;background-size:269px;background-repeat:repeat;background-position:top center;border:solid var(--border-size) var(--black-8)}article.list.svelte-1d3beh9{border:solid 1px var(--subtle);margin-bottom:20px;padding:20px 0;margin-left:auto;margin-right:auto}article.list.has-youtube.svelte-1d3beh9{padding:20px;width:100%}article.svelte-1d3beh9 .description:where(.svelte-1d3beh9) span:where(.svelte-1d3beh9){background-color:color-mix(in lch,var(--bg),transparent 50%)}@media (max-width: 699.98px){article.svelte-1d3beh9{padding:10px}article.svelte-1d3beh9 .details:where(.svelte-1d3beh9){grid-template-rows:auto 1fr auto auto}article.has-youtube.svelte-1d3beh9 .details:where(.svelte-1d3beh9){grid-template-rows:initial;gap:.75rem}article.has-youtube.svelte-1d3beh9 .date:where(.svelte-1d3beh9){padding-right:calc(var(--font-size-lg) * 3.5)}article.svelte-1d3beh9 .description:where(.svelte-1d3beh9){display:none;-webkit-mask-image:none;mask-image:none}}article.svelte-1d3beh9 .bottom-row:where(.svelte-1d3beh9){align-self:end;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:1rem;gap:1rem}article.svelte-1d3beh9 .bottom-row:where(.svelte-1d3beh9) .buttons:where(.svelte-1d3beh9){flex:1 0 auto;text-align:right;align-self:center}.video-column.svelte-1d3beh9{display:flex;flex-direction:column;align-items:flex-end;gap:0;width:100%;min-width:0}@media (min-width: 700.02px){.video-column.svelte-1d3beh9{gap:.5rem}}.show-number-small.svelte-1d3beh9{font-size:var(--font-size-lg);color:var(--primary);line-height:1;text-align:right}@media (max-width: 699.98px){.show-number-small.svelte-1d3beh9{position:absolute;top:10px;right:10px}}.h3.svelte-1d3beh9{view-transition-name:var(--transition-name);margin:0;font-size:var(--font-size-lg);line-height:1.2;text-shadow:1px 0 0 var(--bg),0 1px 0 var(--bg),-1px 0 0 var(--bg),0 -1px 0 var(--bg)}.date.svelte-1d3beh9{font-size:var(--font-size-sm);margin:0;font-variation-settings:"wght" 500;view-transition-name:var(--transition-name);width:-moz-max-content;width:max-content;position:relative}@media (prefers-color-scheme: dark){.date.svelte-1d3beh9{background:var(--bg)}}.date.svelte-1d3beh9{text-shadow:2px 1px 0px var(--bg)}.play-button.svelte-1d3beh9{background:transparent;border-radius:50%;align-self:center;border-width:1px;padding:10px;box-shadow:inset 0 0 0 2px color-mix(in lch,var(--fg) 50%,transparent 94%);color:var(--fg)}.show-number.svelte-1d3beh9{position:absolute;right:0;top:0;transform:translate(6.9%,-22%);--max-font-size: 15rem;--ideal-font-size: 45cqw;font-size:max(1.5rem,min(45cqw,15rem));font-size:max(1.5rem,min(var(--ideal-font-size),var(--max-font-size)))}@media (prefers-color-scheme: dark){.show-number.svelte-1d3beh9{--ideal-font-size: 22cqw}}.show-number.svelte-1d3beh9{color:var(--primary);line-height:1}@media (max-width: 699.98px){.show-number.svelte-1d3beh9{--max-font-size: 8rem}}@container show-card (width > 600px){.highlight.svelte-1d3beh9 .h3:where(.svelte-1d3beh9){font-size:var(--font-size-xl)}.show-number.svelte-1d3beh9{--max-font-size: 20cqw}}
