body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.video-feed-container{background:linear-gradient(120deg,#0e1830,#1a2e5b);height:100vh;left:50%;margin:0 auto;max-width:475px;overflow:hidden;position:fixed;top:0;transform:translateX(-50%);-webkit-user-select:none;user-select:none;width:100%;will-change:transform}.videos-wrapper{height:100%;top:0}.video-item,.videos-wrapper{left:0;position:absolute;width:100%}.video-item{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;overflow:hidden}.video-item iframe{background-color:#000;border:none;border-radius:8px;box-shadow:0 8px 30px #0006;height:100%;max-height:80vh;max-width:475px;width:100%}.video-meta{align-items:center;color:#fff;display:flex;font-family:sans-serif;font-size:.9rem;justify-content:space-between;margin-top:8px;max-width:450px;padding:0 8px;width:90%}.video-date{opacity:.8}.category-button{background-color:#394a79;border-radius:4px;color:#fff;font-size:.85rem;padding:6px 12px;text-decoration:none;transition:background-color .2s}.category-button:hover{background-color:#50649f}.videos-wrapper.transitioning{transition:transform .3s ease-out}.videos-wrapper.at-boundary{transition:transform .1s ease-out}.swipe-indicator{animation:blink 1.5s infinite;bottom:16px;color:#fff;font-family:sans-serif;font-size:.9rem;left:50%;opacity:.7;pointer-events:none;position:absolute;transform:translateX(-50%)}@keyframes blink{0%,to{opacity:.7}50%{opacity:.3}}.App{background-color:#000;text-align:center}.App,html{background:linear-gradient(120deg,#0e1830,#1a2e5b)}html{background-color:#0e1830}body{background:linear-gradient(120deg,#0e1830,#1a2e5b)}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.ecec050d.css.map*/