.media-scroller{display:flex;gap:1.75rem;overflow-x:auto;overflow-y:hidden;padding-block:1.25rem;margin-block:-1.25rem;scroll-snap-type:x proximity;scroll-padding-inline:1.5rem;overscroll-behavior-x:contain;scrollbar-width:none}.media-scroller::-webkit-scrollbar{display:none}.media-scroller>li{flex:none;scroll-snap-align:center}html{--vt-media-zoom: 1.5}.media-scroller img,.media-scroller video{object-position:var(--focus, 50% 50%);scale:var(--vt-media-zoom);transform-origin:var(--focus, 50% 50%)}@supports (animation-timeline: view(inline)){@media (prefers-reduced-motion: no-preference){.media-scroller>li{animation:media-card-in linear both;animation-timeline:view(inline);animation-range:entry 5% entry 60%}}}@keyframes media-card-in{0%{opacity:.3;scale:.92}}.media-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100dvh;max-width:none;max-height:none;border:0;padding:0;background:transparent;opacity:1;transition:opacity .25s ease-out,display .25s allow-discrete,overlay .25s allow-discrete}.media-lightbox[open]{display:grid;place-items:center}.media-lightbox:not([open]){opacity:0}@starting-style{.media-lightbox[open]{opacity:0}}.media-lightbox::backdrop{background:transparent}.lightbox-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:color-mix(in oklab,var(--color-tertiary-900) 88%,transparent)}.lightbox-media{position:relative;aspect-ratio:var(--media-ratio, 4 / 3);width:min(92vw,calc(84dvh * var(--media-ratio, 4 / 3)))}@media (prefers-reduced-motion: no-preference){.lightbox-media[data-direction=next]{animation:lightbox-slide-next .2s ease-out}.lightbox-media[data-direction=prev]{animation:lightbox-slide-prev .2s ease-out}.lightbox-ui{animation:vt-media-fade-in .2s .3s both}}@keyframes lightbox-slide-next{0%{opacity:0;translate:2rem 0}}@keyframes lightbox-slide-prev{0%{opacity:0;translate:-2rem 0}}body:has(.media-lightbox:modal){overflow:hidden}html{scrollbar-gutter:stable}html.vt-media-active::view-transition-old(root),html.vt-media-active::view-transition-new(root){animation:none}::view-transition-group(vt-media),::view-transition-group(vt-media-backdrop){animation-duration:.35s;animation-timing-function:cubic-bezier(.65,0,.35,1)}html.vt-media-active:not(.vt-media-closing)::view-transition-group(vt-media){animation-duration:.4s}html.vt-media-active::view-transition-image-pair(vt-media){overflow:clip;border-radius:1rem}html.vt-media-active::view-transition-old(vt-media),html.vt-media-active::view-transition-new(vt-media){width:100%;height:100%;object-fit:cover;object-position:var(--vt-media-focus, 50% 50%);mix-blend-mode:normal;animation:none}html.vt-media-active:not(.vt-media-closing)::view-transition-new(vt-media){transform-origin:var(--vt-media-focus, 50% 50%);animation:vt-media-unzoom .4s cubic-bezier(.65,0,.35,1) both}@keyframes vt-media-unzoom{0%{scale:var(--vt-media-zoom)}to{scale:1}}html.vt-media-closing::view-transition-old(vt-media){transform-origin:var(--vt-media-focus, 50% 50%);animation:vt-media-rezoom .35s cubic-bezier(.65,0,.35,1) both}@keyframes vt-media-rezoom{to{scale:var(--vt-media-zoom)}}html.vt-media-closing::view-transition-new(vt-media){animation:vt-media-fade-in .15s ease-out .2s both}::view-transition-group(vt-media){z-index:1}::view-transition-new(vt-media-backdrop):only-child{animation-name:vt-media-fade-in;animation-duration:.25s}::view-transition-old(vt-media-backdrop):only-child{animation-name:vt-media-fade-out;animation-duration:.35s}@keyframes vt-media-fade-in{0%{opacity:0}}@keyframes vt-media-fade-out{to{opacity:0}}
