.video-card{position:relative;border-radius:8px;overflow:hidden;background:#000;line-height:0;opacity:0;transform:translateY(8px);transition:opacity .3s cubic-bezier(.5,0,0,1),transform .3s cubic-bezier(.5,0,0,1),filter .3s cubic-bezier(.5,0,0,1)}body.is-mobile-focus .video-card:not(.video-card--mobile-focused):not(.video-card--mobile-focus-prev){opacity:.5;filter:blur(40px);pointer-events:none}body.is-mobile-focus-exiting .video-card:not(.video-card--mobile-focused):not(.video-card--mobile-focus-prev){pointer-events:none}body.is-mobile-focus-exiting .video-card{transition:opacity .4s cubic-bezier(.5,0,0,1),transform .4s cubic-bezier(.5,0,0,1),filter .4s cubic-bezier(.5,0,0,1)}.video-card--loaded{opacity:1;transform:translateY(0)}.video-card--loaded:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #eaeaea;pointer-events:none;z-index:2;transition:opacity .3s cubic-bezier(.5,0,0,1)}body.is-mobile-focus .video-card--mobile-focused:after,body.is-mobile-focus .video-card--mobile-focus-prev:after{opacity:0}.video-card__poster{position:relative;z-index:1;width:100%;height:auto;display:block;transition:opacity .4s cubic-bezier(.5,0,0,1)}.video-card--video-ready .video-card__poster{opacity:0}.video-card video,.video-card mux-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;z-index:1;object-fit:cover;background:#000;opacity:0;transition:opacity .4s cubic-bezier(.5,0,0,1)}.video-card--video-ready video,.video-card--video-ready mux-video{opacity:1}.video-card--video-sized .video-card__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.video-card__info{position:absolute;left:0;right:0;bottom:0;width:100%;height:41px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;box-shadow:0 -2px 40px #00000029;background-color:#ebebeb;overflow:visible;z-index:1;border-radius:0;line-height:1.4;font-family:TWK Lausanne,system-ui,sans-serif;font-size:14px;font-weight:300;opacity:0;transform:translateY(100%);transition:opacity .2s cubic-bezier(.5,0,0,1),transform .2s cubic-bezier(.5,0,0,1);pointer-events:none}body.is-dark .video-card__info{display:none}@media(hover:hover)and (min-width:481px){.video-card:hover .video-card__info{opacity:1;transform:translateY(0);transition:opacity .25s cubic-bezier(.5,0,0,1),transform .25s cubic-bezier(.5,0,0,1)}}.video-card__name,.video-card__date{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-card__name{color:#2f2f30;min-width:0}.video-card__date{color:#949494;flex-shrink:0;margin-left:8px}.feed-grid{box-sizing:border-box}.feed-grid__columns{display:flex;align-items:flex-start}.feed-grid__column{display:flex;flex-direction:column;flex-shrink:0}.nav-pill{position:absolute;top:40px;left:50%;transform:translate(-50%);display:flex;flex-direction:row;justify-content:center;align-items:center;padding:6px 16px;gap:24px;background:#eaeaea;border-radius:49px;z-index:10;font-family:TWK Lausanne,system-ui,sans-serif;font-weight:350;font-size:14px;line-height:16px;transition:opacity .3s cubic-bezier(.5,0,0,1),filter .3s cubic-bezier(.5,0,0,1)}body.is-mobile-focus .nav-pill,body.is-mobile-focus-exiting .nav-pill{pointer-events:none}body.is-mobile-focus .nav-pill{opacity:.5;filter:blur(40px)}body.is-mobile-focus-exiting .nav-pill{transition:opacity .3s cubic-bezier(.5,0,0,1),filter .3s cubic-bezier(.5,0,0,1)}.nav-pill__link{color:#949494;text-decoration:none}.nav-pill__current{color:#f83f01}.coordinate-scene{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5}.coordinate-scene canvas{display:block;width:100%;height:100%;cursor:grab}.coordinate-scene canvas:active{cursor:grabbing}.axis-label{position:absolute;top:0;left:0;font-family:TWK Lausanne,system-ui,sans-serif;font-weight:300;font-size:14px;line-height:1;color:#fff;white-space:nowrap;pointer-events:none;transform-origin:0 0;opacity:0;will-change:transform,opacity}.axis-minimap{position:fixed;left:24px;bottom:24px;width:100px;height:100px;pointer-events:none;z-index:200;opacity:0;will-change:opacity}.axis-minimap .minimap-ref{position:absolute;background:#ffffff40}.axis-minimap .minimap-ref-h{left:0;top:50%;width:100%;height:1px;transform:translateY(-50%)}.axis-minimap .minimap-ref-v{left:50%;top:0;width:1px;height:100%;transform:translate(-50%)}.axis-minimap .minimap-orbits{position:absolute;top:0;right:0;bottom:0;left:0;overflow:visible}.axis-minimap .minimap-orbit{fill:none;stroke:#ffffff57;stroke-width:1}.axis-minimap .minimap-axis{position:absolute;left:50%;top:50%;height:1px;background:#ffffffe6;transform-origin:50% 50%;will-change:transform,width}.axis-minimap .minimap-origin{position:absolute;left:50%;top:50%;width:6px;height:6px;background:#f83f01;border-radius:50%;transform:translate(-50%,-50%)}.axis-minimap .minimap-tip{position:absolute;left:50%;top:50%;width:6px;height:6px;background:#eaeaea;border-radius:50%;transform:translate(-50%,-50%);will-change:transform,opacity}.selection-dot{position:absolute;top:0;left:0;width:6px;height:6px;background:#f83f01;border-radius:0;pointer-events:none;opacity:0;will-change:transform,opacity;transform-origin:50% 50%;z-index:6}.selection-label{position:absolute;top:0;left:0;font-family:TWK Lausanne,system-ui,sans-serif;font-weight:300;font-size:14px;line-height:1;color:#f83f01;white-space:nowrap;pointer-events:none;opacity:0;will-change:transform,opacity;z-index:6}.axis-minimap .minimap-angle{position:absolute;left:50%;top:50%;font-family:TWK Lausanne,system-ui,sans-serif;font-size:9px;line-height:1;color:#ffffffd9;white-space:nowrap;transform:translate(-50%,-50%);will-change:transform,opacity}html{scrollbar-gutter:stable}body{transition:background-color .6s cubic-bezier(.5,0,0,1)}body.is-dark,html:has(body.is-dark){overflow:hidden}body.is-mobile-focus,body.is-mobile-focus-exiting,html:has(body.is-mobile-focus),html:has(body.is-mobile-focus-exiting){overscroll-behavior:none}html:has(body.is-dark){scrollbar-gutter:auto}body.is-dark{background-color:#0f0f0f}@font-face{font-family:TWK Lausanne;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/TWKLausanne-300.woff2) format("woff2"),url(/fonts/TWKLausanne-300.woff) format("woff")}@font-face{font-family:TWK Lausanne;font-style:normal;font-weight:350;font-display:swap;src:url(/fonts/TWKLausanne-350.woff2) format("woff2"),url(/fonts/TWKLausanne-350.woff) format("woff")}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{overflow-y:scroll;scrollbar-gutter:stable}body{background-color:#cdcdcd;min-height:100vh}
