@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+Mono&family=Rubik:wght@400;700&family=Press+Start+2P&display=swap);html{width:100%}body,html{height:100%}body{overflow-y:scroll;font-family:Rubik,sans-serif;padding:0;margin:0;background:#000 radial-gradient(circle at bottom,rgba(247,44,254,.5),rgba(12,58,128,.45));background-attachment:fixed;color:#fff}#app{height:100%;display:flex;justify-content:center}#content{animation:bounce-in .5s;max-width:640px;width:90%;position:relative;align-self:center;transition:.4s ease;height:250px}#content.display-results{height:calc(100% - 60px);padding-top:30px}@keyframes slidedown{0%{opacity:0;transform:translateY(-10%)}to{opacity:1;transform:translateY(0)}}.search{animation:slidedown .2s ease-in 0s 1;width:100%;margin:20px auto}.load-more,input{outline:none;box-shadow:0 5px 10px rgba(0,0,0,.15),inset 0 2px 0 rgba(226,60,241,0);color:#fff;border-radius:15px;height:72px;padding:14px 18px;font-size:24px;border:0;background:linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.4));margin-bottom:24px;transition:.2s;width:100%;padding-right:70px;box-sizing:border-box}.load-more:hover,input:hover{box-shadow:0 6px 14px rgba(0,0,0,.25)}.load-more:focus,input:focus{outline:none;box-shadow:0 5px 10px rgba(0,0,0,.15),inset 0 2px 0 rgba(226,60,241,.5),inset 0 -2px 0 rgba(226,60,241,.5),inset 2px 0 0 rgba(226,60,241,.5),inset -2px 0 0 rgba(226,60,241,.5)}@keyframes slideup{0%{opacity:0;transform:translateY(20%)}to{opacity:1;transform:translateY(0)}}#logo{text-shadow:0 5px 15px rgba(0,0,0,.3);margin:0 auto;width:310px;height:80px;display:flex;justify-content:center;gap:6px}#logo h1{animation:slideup .2s ease-in 0s 1;font-size:24px;line-height:20px;font-family:Press Start\ 2P,sans-serif;font-weight:400}#logo h1.logo{text-transform:uppercase;width:130px;line-height:28px;font-size:32px;text-align:right}#logo h1.text{margin-top:21px;line-height:24px}#logo h1.logo span{display:block}#logo h1.logo span:last-of-type{margin-right:-4px}a{color:#fff;text-decoration:none}ul{list-style:none;margin-top:0;margin-left:0;padding-left:0;margin-bottom:-10px}ul li{padding:0;margin-bottom:12px}.results{padding-bottom:95px}h2{font-weight:400;padding:0;padding-bottom:6px;margin-top:0;margin-bottom:14px;border-bottom:1px dashed hsla(0,0%,100%,.15);line-height:30px}.results{position:relative;width:100%}.podcast{box-shadow:0 5px 10px rgba(0,0,0,.15);color:#fff;border-radius:15px;width:calc(100% - 36px);padding:14px 18px;border:0;background:linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.4));margin-bottom:18px}.podcast li{line-height:22px;display:flex;align-items:start}.load-more{position:relative;height:72px;padding:0;width:100%;font-size:22px;cursor:pointer}.load-more .spinner{top:0!important;bottom:0!important;left:18px!important;right:0;padding:0;margin:auto}.load-more:focus,.load-more:hover{box-shadow:0 5px 10px rgba(0,0,0,.15),inset 0 2px 0 rgba(226,60,241,.5),inset 0 -2px 0 rgba(226,60,241,.5),inset 2px 0 0 rgba(226,60,241,.5),inset -2px 0 0 rgba(226,60,241,.5)}.load-more:focus{background:linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.5))}.mark{background:linear-gradient(rgba(226,60,241,.35),rgba(226,60,241,.25));border-radius:4px}::-moz-selection{background:rgba(226,60,241,.35)}::-moz-selection,::selection{background:rgba(226,60,241,.35)}.v-enter-active,.v-leave-active{transition:opacity .3s ease}.v-enter-from,.v-leave-to{opacity:0}.bounce-enter-active{animation:bounce-in .5s}.bounce-leave-active{animation:bounce-in .5s reverse}@keyframes bounce-in{0%{transform:scale(.9);opacity:0}50%{transform:scale(1);opacity:1}to{transform:scale(1)}}.fade-enter-active{animation:fade-in .35s}.fade-leave-active{animation:fade-in .35s reverse}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.player-enter-active{animation:player-in .25s}.player-leave-active{animation:player-in .15s reverse}@keyframes player-in{0%{height:0;transform:scaleY(0);opacity:0}to{height:340px;transform:scaleY(1)}}@supports(-moz-appearance:none){.results{padding-bottom:74px}}