html{background-color:#282c34}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Figtree,-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}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.Signin{color:#fff;padding:200px 0}.Signin,.button{text-align:center}.button{background-color:#fff;border:none;border-radius:20px;color:#000;font-size:20px;padding:10px 50px;text-decoration:none}.title{font-size:50px;padding:50px}.signin-text{font-size:20px}.signin-wales{bottom:8px;font-size:16px;opacity:.5;position:absolute;text-align:center;width:100%}.Home{box-sizing:border-box;color:#fff;height:100%;overscroll-behavior:contain;padding-bottom:80px;scroll-snap-align:start;text-align:center;z-index:-1}.Home,.Home-wrapper{left:0;overflow-y:auto;top:0;width:100%}.Home-wrapper{height:calc(100% - 1px);position:fixed;scroll-snap-type:y mandatory}.user-info{text-align:right}.profile-photo{border-radius:50%;height:30px;padding:0 20px;width:30px}.exit-button{height:30px;padding-right:20px;width:30px}.podcast-cover{height:150px;margin:10px;width:150px}.genre-grid{grid-gap:8px;box-sizing:border-box;display:grid;grid-template-columns:1fr 1fr;margin:auto;max-width:720px;padding:8px;width:100%}.user-info{align-items:center;display:flex;flex-direction:row-reverse;justify-content:right}.Home h2{font-size:1.75rem;margin-bottom:4px}.Home h2,.Home h3{box-sizing:border-box;padding:0 8px;text-align:left}.Home h3{font-size:1.1rem}.mediaplayer{border-top-left-radius:16px;border-top-right-radius:16px;color:#fff;height:100%;margin:-80px auto auto;max-width:560px;overflow:hidden;position:relative;scroll-snap-align:start;z-index:1}.mediaplayer-bg{-webkit-filter:blur(64px) brightness(.5);filter:blur(64px) brightness(.5);height:100%;height:150vh;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:-1}.mediaplayer header{align-items:center;box-sizing:border-box;display:flex;flex-direction:row;height:80px;margin:auto;padding:8px;position:relative;z-index:2}.mediaplayer-header--img{border-radius:8px;height:100%}.mediaplayer-header--about{display:flex;flex-direction:column;justify-content:center;margin-left:8px}.mediaplayer-header--about h1{font-size:16px;margin:2px}.mediaplayer-header--about h2{font-size:12px;margin:2px;opacity:.5}.mediaplayer-header--controls{position:absolute;right:8px}.mediaplayer-large{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:calc(100% - 40vw);justify-content:center;left:0;opacity:0;padding:32px;position:absolute;top:0;width:100%}.mediaplayer-large--img{border-radius:32px;width:100%}.mediaplayer-large h1,.mediaplayer-large h2{margin:8px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mediaplayer-large h1{font-size:64px}.mediaplayer-large h2{font-size:48px;opacity:.5}.mediaplayer-large--controls{align-items:middle;bottom:0;box-sizing:border-box;display:flex;height:40vw;justify-content:center;left:0;padding:16px;position:absolute;width:100%}.mediaplayer-large--control{height:100%}.mediaplayer-large--control.hidden{visibility:hidden}.genrecard{border-radius:16px;display:block;height:128px;overflow:hidden;position:relative;width:100%}.genrecard-image{border-bottom-right-radius:16px;border-top-right-radius:16px;height:128px;position:absolute;right:0;top:0;z-index:-1}.genrecard-title{display:block;width:66%}
/*# sourceMappingURL=main.b10a7e60.css.map*/