.on-reels-head:where(.astro-h26nxozk){justify-content:space-between;align-items:end;gap:1rem;display:flex}.on-reels-nav:where(.astro-h26nxozk){gap:.5rem;margin:0;display:flex}.on-reels-nav:where(.astro-h26nxozk) button:where(.astro-h26nxozk){cursor:pointer;border:1px solid var(--sl-color-gray-5);background:var(--sl-color-gray-6);width:2.4rem;height:2.4rem;color:var(--sl-color-white);border-radius:999px;place-items:center;margin:0;display:grid}.on-reels-nav:where(.astro-h26nxozk) button:where(.astro-h26nxozk):hover:not(:disabled){border-color:var(--sl-color-accent);color:var(--sl-color-text-accent)}.on-reels-nav:where(.astro-h26nxozk) button:where(.astro-h26nxozk):disabled{opacity:.35;cursor:default}@media (hover:none),(pointer:coarse){.on-reels-nav:where(.astro-h26nxozk){display:none}}.on-reels-sub:where(.astro-h26nxozk){color:var(--sl-color-gray-3);font-size:var(--sl-text-sm);margin:.5rem 0 0}.on-reels-track:where(.astro-h26nxozk){scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--sl-color-gray-5) transparent;grid-auto-columns:min(78%,17rem);grid-auto-flow:column;gap:1rem;margin:1rem 0 0;padding:0 0 .75rem;list-style:none;display:grid;overflow-x:auto}.on-reels-track:where(.astro-h26nxozk)>li:where(.astro-h26nxozk){scroll-snap-align:start;margin:0;padding:0}.on-reel:where(.astro-h26nxozk){color:var(--sl-color-white);flex-direction:column;gap:.6rem;text-decoration:none;display:flex}.on-reel:where(.astro-h26nxozk) .thumb:where(.astro-h26nxozk){aspect-ratio:16/9;border:1px solid var(--sl-color-gray-5);background:#f3f0e9;border-radius:10px;margin:0;display:block;position:relative;overflow:hidden}.on-reel:where(.astro-h26nxozk) .thumb:where(.astro-h26nxozk) img:where(.astro-h26nxozk){object-fit:cover;filter:none;border:0;border-radius:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;display:block}.on-reel:where(.astro-h26nxozk) .play:where(.astro-h26nxozk){background:var(--on-yellow);color:#303028;border-radius:999px;place-items:center;width:2.5rem;height:2.5rem;margin:0;display:grid;position:absolute;bottom:.7rem;left:.7rem}.on-reel:where(.astro-h26nxozk) .play:where(.astro-h26nxozk) svg:where(.astro-h26nxozk){width:1.25rem;height:1.25rem}.on-reel:where(.astro-h26nxozk) .dur:where(.astro-h26nxozk){color:#f8f8f6;font-variant-numeric:tabular-nums;background:#141412d1;border-radius:5px;margin:0;padding:.1rem .45rem;font-size:.75rem;font-weight:600;position:absolute;bottom:.6rem;right:.6rem}.on-reel:where(.astro-h26nxozk) .t:where(.astro-h26nxozk){font-weight:600;font-size:var(--sl-text-sm);margin:0;line-height:1.4}.on-reel:where(.astro-h26nxozk):hover .t:where(.astro-h26nxozk){color:var(--sl-color-text-accent)}.on-reel:where(.astro-h26nxozk):focus-visible{outline:2px solid var(--sl-color-accent);outline-offset:3px;border-radius:10px}section:where(.astro-h26nxozk){border-top:1px solid var(--on-rule);margin-top:2.5rem;padding-top:2.5rem}h2:where(.astro-h26nxozk){font-size:var(--sl-text-h3);margin-bottom:1rem}.on-popular:where(.astro-h26nxozk) ul:where(.astro-h26nxozk){grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:.5rem 1.5rem;margin:0;padding:0;list-style:none;display:grid}.on-popular:where(.astro-h26nxozk) li:where(.astro-h26nxozk){margin:0}.on-popular:where(.astro-h26nxozk) a:where(.astro-h26nxozk){color:var(--sl-color-white);align-items:center;gap:.55rem;padding:.4rem 0;text-decoration:none;display:flex}.on-popular:where(.astro-h26nxozk) a:where(.astro-h26nxozk) svg{color:var(--sl-color-gray-3);flex:none}.on-popular:where(.astro-h26nxozk) a:where(.astro-h26nxozk):hover span:where(.astro-h26nxozk){text-decoration:underline;text-decoration-color:var(--sl-color-accent)}.on-grid:where(.astro-h26nxozk){grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.on-card:where(.astro-h26nxozk):last-child:nth-child(odd){grid-column:1/-1}@media (width>=64rem){.on-grid:where(.astro-h26nxozk){grid-template-columns:repeat(6,minmax(0,1fr))}.on-card:where(.astro-h26nxozk),.on-card:where(.astro-h26nxozk):last-child:nth-child(odd){grid-column:span 2}.on-card:where(.astro-h26nxozk):nth-last-child(2):nth-child(3n+1),.on-card:where(.astro-h26nxozk):last-child:nth-child(3n+2){grid-column:span 3}.on-card:where(.astro-h26nxozk):last-child:nth-child(3n+1){grid-column:1/-1}}@media (width<=30rem){.on-grid:where(.astro-h26nxozk){grid-template-columns:1fr}.on-card:where(.astro-h26nxozk):last-child:nth-child(odd){grid-column:auto}}.on-card:where(.astro-h26nxozk){color:inherit;background:var(--sl-color-gray-6);border:1px solid #0000;border-radius:10px;flex-direction:column;gap:.35rem;padding:1.1rem 1.2rem;text-decoration:none;transition:background-color .15s,border-color .15s,box-shadow .15s;display:flex}.on-card:where(.astro-h26nxozk):hover{background:color-mix(in srgb, var(--sl-color-gray-6) 55%, var(--sl-color-black));border-color:color-mix(in srgb, var(--sl-color-accent) 22%, transparent);box-shadow:0 4px 14px #3030280f}@media (prefers-reduced-motion:reduce){.on-card:where(.astro-h26nxozk){transition:none}}.on-card:where(.astro-h26nxozk):focus-visible{outline:2px solid var(--sl-color-accent);outline-offset:2px}.on-card:where(.astro-h26nxozk) .ico:where(.astro-h26nxozk).logos{background:0 0;grid-auto-flow:column;justify-content:start;align-items:center;gap:.35rem;width:auto}.on-card:where(.astro-h26nxozk) .ico:where(.astro-h26nxozk).logos img{filter:none;object-fit:contain;border:0;border-radius:0;width:2.25rem;height:2.25rem;max-height:none;margin:0;transition:transform .35s cubic-bezier(.34,1.56,.64,1);display:block}.on-card:where(.astro-h26nxozk) .ico:where(.astro-h26nxozk){background:var(--sl-color-accent-low);width:2.75rem;height:2.75rem;color:var(--sl-color-text-accent);border-radius:10px;place-items:center;margin-bottom:.4rem;display:grid}.on-card:where(.astro-h26nxozk) .ico:where(.astro-h26nxozk) svg{transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.on-card:where(.astro-h26nxozk):is(:hover,:focus-visible) .ico:where(.astro-h26nxozk) svg{transform:translateY(-2px)scale(1.14)rotate(-8deg)}.on-card:where(.astro-h26nxozk) .ico:where(.astro-h26nxozk){transition:background-color .2s}.on-card:where(.astro-h26nxozk):is(:hover,:focus-visible) .ico:where(.astro-h26nxozk){background:color-mix(in srgb, var(--on-yellow) 38%, transparent)}.on-card:where(.astro-h26nxozk):is(:hover,:focus-visible) .ico:where(.astro-h26nxozk).logos{background:0 0}.on-card:where(.astro-h26nxozk):is(:hover,:focus-visible) .ico:where(.astro-h26nxozk).logos img{transform:translateY(-2px)scale(1.1)}@media (prefers-reduced-motion:reduce){.on-card:where(.astro-h26nxozk) .ico:where(.astro-h26nxozk) svg,.on-card:where(.astro-h26nxozk) .ico:where(.astro-h26nxozk).logos img{transition:none}.on-card:where(.astro-h26nxozk):is(:hover,:focus-visible) .ico:where(.astro-h26nxozk).logos img,.on-card:where(.astro-h26nxozk):is(:hover,:focus-visible) .ico:where(.astro-h26nxozk) svg{transform:none}}.on-card:where(.astro-h26nxozk) h3:where(.astro-h26nxozk){font-size:var(--sl-text-lg);color:var(--sl-color-white);margin:0}.on-card:where(.astro-h26nxozk) p:where(.astro-h26nxozk){font-size:var(--sl-text-sm);color:var(--sl-color-gray-2);margin:0;line-height:1.45}.on-card:where(.astro-h26nxozk) .count:where(.astro-h26nxozk){font-size:var(--sl-text-xs);color:var(--sl-color-gray-3);margin-top:auto;padding-top:.5rem}