@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@200;300;400;500;600;700;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;200;300;400;500;600;700;800;900&family=Noto+Serif+TC:wght@200;300;400;500;600;700;900&display=swap");body{font-family:Comic Neue,cursive;font-family:"Noto Serif TC",serif;background-color:#0e1115}.cardContainer{--animate-delay:0.25s}.episodeInfoText{line-height:1.8;font-size:1.2rem;letter-spacing:.4px;font-family:Noto Sans,sans-serif;font-weight:400;font-style:normal}.episodeInfoText a,.episodeTimelineText a,strong{color:#f0ff48}.episodeTimelineText{line-height:1.8;font-size:1rem;letter-spacing:.4px;font-family:Noto Sans,sans-serif;font-weight:400;font-style:normal}.thisEpisodeTitle{font-size:3rem;font-weight:700}.thisEpisodeDateAndDuration{font-size:1.5rem}.cardContainer:hover{animation-name:pulse;animation-fill-mode:forwards}.videoTag{opacity:.1;width:100vw;height:100vh;-o-object-fit:cover;object-fit:cover;position:fixed;left:0;right:0;top:0;bottom:0;z-index:0}.cardPlayerTitle{font-size:2rem;font-weight:500;color:#eaff00}.cardPlayerPubDateAndDuration{font-size:1.5rem;font-weight:300;color:#fff}.cardPlayerTime{font-size:1rem;font-weight:300;color:#fff}.playButton:hover{cursor:pointer}@media screen and (max-width:400px){.playButton{font-size:1rem}}.latestEpisodeTitle{font-size:3rem;font-weight:700;color:#fff}.playerController{-webkit-appearance:none;margin-right:15px;width:200px;height:7px;background:hsla(0,0%,100%,.6);border-radius:5px;background-image:linear-gradient(#949682,#949682);background-repeat:no-repeat}.playerController::-webkit-slider-thumb{-webkit-appearance:none;height:20px;width:20px;border-radius:50%;background:#eaff00;box-shadow:0 0 2px 0 #555}.playerController::-webkit-slider-runnable-track{-webkit-appearance:none;box-shadow:none;border:none;background:transparent}.latestEpisodeContainer{margin-top:100px;margin-bottom:200px;height:300px}.episodeCardImage{-o-object-fit:contain;object-fit:contain}.episodeCardImage:hover{animation-name:pulse}.cardPickedContainer:hover{animation-name:pulse}.episodeCardPicked,.latestEpisodeCardPicked{width:100%}@media screen and (min-width:960px){.latestEpisodeCardPicked{width:50%}}.logoTextImage{height:10vw;width:30%;margin:auto;background-image:url(/asset/images/latenightloungepodcast_textlogo.png)}.logoTextImage,.navBarLogo{background-size:contain;background-repeat:no-repeat;background-position:50%}.navBarLogo{height:40px;width:40px;background-image:url(/asset/images/latenightloungepodcast_logo_with_text.png)}.card{background-color:#0e111500}.card-body{color:#fff;height:100px}.recommendTitle{color:#eaff00;font-size:2.5rem}.recommendText{font-family:Noto Sans,sans-serif;font-weight:500;font-size:1.2rem}.navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(234, 255, 0, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");border:0 solid #fff}.episodeSearchInput{background-color:#0e1115;color:#fff;width:60%;font-size:1.5rem}.episodeSearchInput:focus{border-color:hsla(0,0%,98%,.8);outline:1px}.titleSecond{color:#eaff00;font-weight:400}.cardPlayer{width:70%}.playerController{width:50%}.thirdImgContainer{width:100%;height:500px;background:linear-gradient(90deg,#0e1115,transparent),linear-gradient(180deg,#0e1115,rgba(8,10,12,.13) 20.31%,transparent 50%,rgba(7,9,11,.08) 82.29%,#0e1115),url(webpack:///mini-css-extract-plugin/_next/static/media/latenightloungepodcast_logo_large.b431ba91.png),#d3d3d3 50% /cover no-repeat;background-size:cover;background-position:50%}.logoImg{width:30%}.navbar{background-color:#0e1115;position:sticky}#navBarLogo{width:40px}.navBarBtn{width:100%;height:10%;color:#fff}.nav-item{margin-right:5px}#navBarListenBadge{font-weight:500;color:#eaff00}#navBarListenBadge:hover{font-weight:500;color:#383838}.listenBadge{background-color:#fff;color:#383838;box-shadow:0 1px 14px -3px rgba(0,0,0,.13);-webkit-box-shadow:0 1px 14px -3px rgba(0,0,0,.13);-moz-box-shadow:0 1px 14px -3px rgba(0,0,0,.13)}.loadingBadge{background-color:transparent;color:#fff;border:1px solid #fff}.loadingBadge:hover{background-color:#eaff00;color:#383838;border:1px solid #eaff00}.listenBadge:hover{background-color:#eaff00;color:#383838;box-shadow:0 1px 14px -3px rgba(0,0,0,.13);-webkit-box-shadow:0 1px 14px -3px rgba(0,0,0,.13);-moz-box-shadow:0 1px 14px -3px rgba(0,0,0,.13);transition:.3s}h1,h2{font-weight:500}.episodeContainer,.titleContainer{width:65%}.episodeCard{box-shadow:0 1px 14px 0 rgba(0,0,0,.19);-webkit-box-shadow:0 1px 14px 0 rgba(0,0,0,.19);-moz-box-shadow:0 1px 14px 0 rgba(0,0,0,.19)}.episodeCardImage{-o-object-fit:cover;object-fit:cover;height:100%;-o-object-position:50% 85%;object-position:50% 85%}.episodeInfo{margin-bottom:0}.card{border-radius:3px}.add-shadow{box-shadow:0 1px 13 12px -3px rgba(0,0,0,.37);-webkit-box-shadow:0 1px 12px -3px rgba(0,0,0,.37);-moz-box-shadow:0 1px 12px -3px rgba(0,0,0,.37)}.pageText,.pageText:hover{color:grey}.nav-link.active.pt-0.pb-sm-0,.title{color:#eaff00}.secondSection{color:#eaff00;top:30%;left:7%}.episodeSection{color:#eaff00}#onActive{background-color:#eaff00;border-color:#eaff00}#onActive:hover{color:#fff}@media screen and (max-width:1200px){.cardPlayer{width:80%}.latestEpisodeCardPicked{width:100%}.cardPlayerTitle{font-size:1.5rem}}@media screen and (max-width:992px){.episodeCardImage{height:100%}.episodeContainer,.titleContainer{width:90%}.thisEpisodeTitle{font-size:2.3rem}.thisEpisodeDateAndDuration{font-size:1.5rem}.episodeInfoText{line-height:2;font-size:1rem;letter-spacing:.4px;font-weight:400}.logoTextImage{height:20vw;width:60%}.latestEpisodeTitle{font-size:2.5rem;font-weight:700;color:#fff}.cardPlayerTitle{font-size:1.5rem;margin-bottom:0}.cardPlayerPubDateAndDuration{font-size:1rem;display:inline}.cardPlayer{width:80%}}@media screen and (max-width:768px){.card-text{font-size:1.1em}.episodeContainer,.titleContainer{width:90%}.nav-item{width:100%}.episodeCardImage{height:100%}.thisEpisodeTitle{font-size:2rem}.thisEpisodeDateAndDuration{font-size:1rem}.latestEpisodeContainer{margin-bottom:400px}}@media screen and (max-width:576px){.episodeCardImage{height:100%}}