.videos-layout[data-astro-cid-mzuzgcqu]{display:flex;align-items:start;min-height:100vh;width:100%}.videos-sidebar[data-astro-cid-mzuzgcqu]{width:18rem;flex-shrink:0;position:sticky;top:var(--header-height);height:calc(100vh - var(--header-height));overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-l);padding-inline:var(--space-s);padding-block-end:var(--space-xl);border-right:var(--border-width) var(--border-style) var(--border-color);scrollbar-width:none;&[data-astro-cid-mzuzgcqu]::-webkit-scrollbar{display:none}@media(max-width:1024px){display:none;position:fixed;top:0;left:0;width:min(18rem,85vw);height:100dvh;z-index:50;background:var(--base-ultra-light);border-right:var(--border-width) var(--border-style) var(--border-color);padding-block-start:var(--space-s);transform:translate(-100%);transition:transform var(--transition-slow);box-shadow:var(--shadow-overlay);&.is-open{display:flex;transform:translate(0)}}}.videos-main[data-astro-cid-mzuzgcqu]{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-l);padding:var(--space-xl);container-type:inline-size}.sidebar-search[data-astro-cid-mzuzgcqu]{position:relative;display:flex;align-items:center;margin-inline:calc(-1 * var(--space-s));border-bottom:var(--border-width) var(--border-style) var(--border-color);transition:border-color var(--transition);&[data-astro-cid-mzuzgcqu]:focus-within{border-bottom-color:var(--primary);box-shadow:inset 0 0 0 var(--border-width) var(--primary);.search-icon[data-astro-cid-mzuzgcqu]{background-color:var(--primary)}}}.search-icon[data-astro-cid-mzuzgcqu]{position:absolute;left:var(--space-xs);width:1rem;height:1rem;background-color:var(--text-dark-muted);mask-image:url(/icons/search.svg);mask-repeat:no-repeat;mask-position:center;mask-size:contain;pointer-events:none;flex-shrink:0;transition:background-color var(--transition)}#video-search[data-astro-cid-mzuzgcqu]{width:100%;padding-block:var(--space-xs);padding-inline-start:calc(var(--space-xs) + 1rem + var(--space-xs));padding-inline-end:var(--space-xs);background:transparent;border:none;border-radius:0;font-size:var(--text-s);color:var(--text-dark);outline:none;&[data-astro-cid-mzuzgcqu]::placeholder{color:var(--text-dark-muted)}&[data-astro-cid-mzuzgcqu]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;width:.875rem;height:.875rem;background-color:var(--text-dark-muted);mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M18 6L6 18M6 6l12 12'/%3E%3C/svg%3E");mask-repeat:no-repeat;mask-position:center;mask-size:contain;cursor:pointer;margin-inline-end:var(--space-xs)}}.sidebar-section-label[data-astro-cid-mzuzgcqu]{font-size:var(--text-xs);font-weight:var(--heading-font-weight);color:var(--text-dark-muted);text-transform:uppercase;letter-spacing:.08em;margin:0 0 .25rem}.sidebar-list[data-astro-cid-mzuzgcqu]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}.filter-item[data-astro-cid-mzuzgcqu]{display:flex;align-items:center;justify-content:space-between;width:calc(100% + var(--space-s) * 2);margin-inline:calc(-1 * var(--space-s));background:none;border:none;border-inline-start:calc(var(--border-width) * 2) solid transparent;padding-block:.3rem;padding-inline-start:calc(var(--space-s) - calc(var(--border-width) * 2));padding-inline-end:var(--space-s);font-size:var(--text-s);font-weight:var(--text-font-weight);color:var(--text-dark-muted);cursor:pointer;text-align:left;transition:color var(--transition),background-color var(--transition),border-color var(--transition);&[data-astro-cid-mzuzgcqu]:hover:not(.filter-item--active){color:var(--text-dark);background-color:var(--base-semi-light)}}.filter-item--active[data-astro-cid-mzuzgcqu]{color:var(--primary);font-weight:var(--heading-font-weight);background-color:color-mix(in oklch,var(--primary) 10%,transparent);border-inline-start-color:var(--primary)}.filter-item__count[data-astro-cid-mzuzgcqu]{font-size:var(--text-xs);color:var(--text-dark-muted);font-weight:var(--text-font-weight);flex-shrink:0}.videos-hero[data-astro-cid-mzuzgcqu]{display:flex;flex-direction:column;gap:var(--space-s)}.videos-hero__top[data-astro-cid-mzuzgcqu]{display:flex;align-items:center;justify-content:space-between;gap:var(--space-m)}.videos-hero__title[data-astro-cid-mzuzgcqu]{font-size:var(--h2);font-weight:var(--heading-font-weight);color:var(--text-dark);margin:0;line-height:var(--heading-line-height)}.videos-hero__subtitle[data-astro-cid-mzuzgcqu]{font-size:var(--text-m);font-weight:var(--text-font-weight);color:var(--text-dark-muted);margin:0;max-width:52ch}.videos-grid[data-astro-cid-mzuzgcqu]{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--grid-gap);& li[data-astro-cid-mzuzgcqu][hidden]{display:none}@container (max-width: 960px){grid-template-columns:repeat(2,1fr)}@container (max-width: 560px){grid-template-columns:1fr}}.sidebar-header[data-astro-cid-mzuzgcqu]{display:none;align-items:center;justify-content:space-between;padding-block:var(--space-s);border-bottom:var(--border-width) var(--border-style) var(--border-color);margin-inline:calc(-1 * var(--space-s));padding-inline:var(--space-s);@media(max-width:1024px){display:flex}}.sidebar-header__label[data-astro-cid-mzuzgcqu]{font-size:var(--text-s);font-weight:var(--heading-font-weight);color:var(--text-dark)}.sidebar-close[data-astro-cid-mzuzgcqu]{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:var(--radius-xs);cursor:pointer;color:var(--text-dark-muted);transition:background-color var(--transition),color var(--transition);&[data-astro-cid-mzuzgcqu]:before,&[data-astro-cid-mzuzgcqu]:after{content:"";position:absolute;width:1rem;height:1.5px;background-color:currentColor;border-radius:1px}&[data-astro-cid-mzuzgcqu]:before{transform:rotate(45deg)}&[data-astro-cid-mzuzgcqu]:after{transform:rotate(-45deg)}&[data-astro-cid-mzuzgcqu]:hover{background-color:var(--base-semi-light);color:var(--text-dark)}}.sidebar-toggle[data-astro-cid-mzuzgcqu]{display:none;align-items:center;gap:var(--space-xs);padding-block:var(--btn-padding-block-sm);padding-inline:var(--btn-padding-inline-sm);border:var(--border-width) var(--border-style) var(--border-color);border-radius:var(--radius-xs);background:none;color:var(--text-dark-muted);font-size:var(--text-s);font-weight:var(--text-font-weight);cursor:pointer;transition:color var(--transition),background-color var(--transition),border-color var(--transition);white-space:nowrap;flex-shrink:0;&[data-astro-cid-mzuzgcqu]:hover{color:var(--text-dark);background-color:var(--base-semi-light)}@media(max-width:1024px){display:flex}}.sidebar-toggle__icon[data-astro-cid-mzuzgcqu]{display:block;width:1rem;height:1rem;background-color:currentColor;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round'%3E%3Cline x1='4' y1='6' x2='20' y2='6'/%3E%3Cline x1='8' y1='12' x2='20' y2='12'/%3E%3Cline x1='4' y1='18' x2='20' y2='18'/%3E%3C/svg%3E");mask-repeat:no-repeat;mask-position:center;mask-size:contain}.sidebar-overlay[data-astro-cid-mzuzgcqu]{display:none;position:fixed;inset:0;background-color:var(--overlay-bg-dark);z-index:49;opacity:0;transition:opacity var(--transition);&.is-visible{display:block}&.is-open{opacity:1}}.videos-empty[data-astro-cid-mzuzgcqu]{display:none;font-size:var(--text-m);color:var(--text-dark-muted);padding-block:var(--space-xl);text-align:center;&.is-visible{display:block}}