:root:has(ws-media){--sl-content-width:calc(var(--ws-content-width) + var(--sl-sidebar-width) + 2 * var(--sl-content-pad-x))}:root:has(.player[open]){overflow:hidden}ws-media:where(.astro-6bbxrx73){display:block}.filters:where(.astro-6bbxrx73){scrollbar-width:none;width:fit-content;max-width:100%;margin-bottom:1.5rem;display:flex;overflow-x:auto}.filters:where(.astro-6bbxrx73) button:where(.astro-6bbxrx73){border:1px solid var(--sl-color-hairline-shade);height:2rem;color:var(--sl-color-gray-3);font:inherit;cursor:pointer;background:0 0;flex:none;padding:0 .75rem;font-size:.8125rem}.filters:where(.astro-6bbxrx73) button:where(.astro-6bbxrx73):first-child{border-start-start-radius:.5rem;border-end-start-radius:.5rem}.filters:where(.astro-6bbxrx73) button:where(.astro-6bbxrx73):last-child{border-start-end-radius:.5rem;border-end-end-radius:.5rem}.filters:where(.astro-6bbxrx73) button:where(.astro-6bbxrx73)+button:where(.astro-6bbxrx73){border-inline-start:0}.filters:where(.astro-6bbxrx73) button:where(.astro-6bbxrx73):hover{color:var(--sl-color-white)}.filters:where(.astro-6bbxrx73) button:where(.astro-6bbxrx73)[aria-pressed=true]{background:color-mix(in srgb, var(--sl-color-white) 6%, transparent);color:var(--sl-color-white)}.grid:where(.astro-6bbxrx73){grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:2rem 1.5rem;margin:0;padding:0;list-style:none;display:grid}.card:where(.astro-6bbxrx73){color:inherit;flex-direction:column;text-decoration:none;display:flex}.card:where(.astro-6bbxrx73):focus-visible{outline:none}.card:where(.astro-6bbxrx73):focus-visible .thumb:where(.astro-6bbxrx73){outline:2px solid var(--sl-color-accent);outline-offset:2px}.thumb:where(.astro-6bbxrx73){aspect-ratio:16/9;border:1px solid var(--sl-color-hairline-shade);background:color-mix(in srgb, var(--sl-color-white) 4%, transparent);border-radius:.75rem;transition:border-color .15s;display:block;position:relative;container-type:inline-size}.cover:where(.astro-6bbxrx73){letter-spacing:-.01em;color:var(--sl-color-white);text-align:center;text-wrap:balance;place-items:center;padding:0 10cqi;font-size:clamp(.8125rem,5cqi,1rem);font-weight:590;line-height:1.25;display:grid;position:absolute;inset:0}.cover:where(.astro-6bbxrx73)>span:where(.astro-6bbxrx73){text-box:trim-both cap alphabetic}.play:where(.astro-6bbxrx73),.length:where(.astro-6bbxrx73){border:1px solid var(--sl-color-hairline-shade);background:var(--sl-color-black);position:absolute;inset-block-end:.75rem}.play:where(.astro-6bbxrx73){width:2.25rem;height:2.25rem;color:var(--sl-color-white);border-radius:50%;place-items:center;transition:background-color .15s,border-color .15s,color .15s;display:grid;inset-inline-start:.75rem}.play:where(.astro-6bbxrx73) svg{width:.875rem;height:.875rem}.length:where(.astro-6bbxrx73){height:1.5rem;color:var(--sl-color-gray-2);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:.25rem;padding:0 .5rem;font-size:.75rem;display:inline-flex;inset-inline-end:.75rem}.length:where(.astro-6bbxrx73) svg{width:.875rem;height:.875rem}.title:where(.astro-6bbxrx73){color:var(--sl-color-white);margin-top:.875rem;font-size:.9375rem;font-weight:590;line-height:1.4}.meta:where(.astro-6bbxrx73){color:var(--sl-color-gray-3);margin-top:.125rem;font-size:.8125rem;line-height:1.5}.card:where(.astro-6bbxrx73):hover .thumb:where(.astro-6bbxrx73){border-color:color-mix(in srgb, var(--sl-color-hairline-shade), var(--sl-color-white) 10%)}.card:where(.astro-6bbxrx73):hover .play:where(.astro-6bbxrx73){border-color:var(--sl-color-white);background:var(--sl-color-white);color:var(--sl-color-black)}.player:where(.astro-6bbxrx73){border:1px solid var(--sl-color-hairline-shade);background:var(--sl-color-black);width:min(62rem,100vw - 2rem);max-width:none;max-height:calc(100vh - 2rem);color:var(--sl-color-white);border-radius:.75rem;margin:auto;padding:1rem}.player:where(.astro-6bbxrx73)::backdrop{background-color:#0000008c}:root[data-theme=light] .player:where(.astro-6bbxrx73)::backdrop{background-color:#0405313d}.player-head:where(.astro-6bbxrx73){flex-wrap:wrap;align-items:center;gap:.5rem 1.25rem;margin-bottom:1rem;display:flex}.player-head:where(.astro-6bbxrx73) h2:where(.astro-6bbxrx73){color:var(--sl-color-white);flex:16rem;margin:0;font-size:1rem;font-weight:590;line-height:1.4}.player-docs:where(.astro-6bbxrx73){color:var(--sl-color-gray-3);white-space:nowrap;align-items:center;gap:.375rem;font-size:.8125rem;text-decoration:none;display:inline-flex}.player-docs:where(.astro-6bbxrx73) svg{width:.875rem;height:.875rem}.player-close:where(.astro-6bbxrx73){width:2rem;height:2rem;color:var(--sl-color-gray-3);cursor:pointer;background:0 0;border:0;border-radius:.375rem;place-items:center;padding:0;display:grid}.player-close:where(.astro-6bbxrx73) svg{width:1rem;height:1rem}.player-docs:where(.astro-6bbxrx73):hover,.player-close:where(.astro-6bbxrx73):hover{color:var(--sl-color-white)}.player-frame:where(.astro-6bbxrx73){--shape:16 / 9;width:min(100%, calc((100vh - 7.5rem) * var(--shape)));aspect-ratio:var(--shape);background:#000;border-radius:.5rem;margin-inline:auto;overflow:hidden}.player-frame:where(.astro-6bbxrx73) iframe{border:0;width:100%;height:100%;display:block}