html{background-color:#fff;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}body{max-width:100vw;background-color:#fff}.root{max-width:1440px;margin:0 auto}a{text-decoration:none}.header{margin:0 20px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:#a0a0a0 1px solid}.header .logo{color:#3580e3}.header .logo:hover{color:#ff6c00}.header .loader-container{width:20px;height:20px;margin-right:20px}.header .loader-container .loader{display:inline-block;width:20px;height:20px;border-radius:50%;background-color:#3580e3;animation:zoom-in-out 1s infinite}.search{display:flex;justify-content:end;align-items:end;margin-bottom:40px}.search span{margin-right:8px;color:#fff;font-size:1.2rem;font-weight:700;padding:2px 4px;border-radius:8px;background-color:#3580e3;height:30px;display:flex;align-items:center}.search input{padding:0 20px;height:40px;border-radius:6px;background-color:#fff;color:#1c1e1f;border:1px solid #a0a0a0;width:200px}.results{margin-top:30px}.results .loader-wrapper{margin:30px auto 0}.results .no-results{font-size:1.5em;padding-left:20px}.results .no-results .search-term{font-weight:700;color:#3580e3}.podcasts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));width:100%;gap:40px;align-items:self-start}.podcast-content{box-shadow:0 2px 8px #00000042;border-radius:6px;padding:60px 10px 20px;width:260px}.podcast{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#363636}.podcast img{border-radius:50%;margin-bottom:-50px;width:80px;z-index:1;box-shadow:0 2px 8px #00000042}.podcast img:hover{filter:brightness(.8)}.podcast h4{color:#1c1e1f;font-weight:700}.podcast h4:hover,.podcast p:hover{color:#ff6c00}.card-info{box-shadow:0 2px 8px #00000042;border-radius:6px;display:flex;flex-direction:column;padding:10px 20px;max-width:300px;height:100%}.card-info img{max-width:160px;border-radius:6px;margin:10px auto 20px;box-shadow:0 2px 8px #00000042}.card-info .main-text{border-top:1px solid #a0a0a0;border-bottom:1px solid #a0a0a0;padding:0 10px}.card-list{height:100%;width:100%;max-width:800px}.episodes-title{padding:10px;box-shadow:0 2px 8px #00000042;border-radius:6px;margin-bottom:20px}.episodes{list-style:none;margin:0;padding:10px;box-shadow:0 2px 8px #00000042;border-radius:6px}.episodes li{border-bottom:1px solid #a0a0a0;display:flex;padding:10px 0 20px;font-weight:700}.episodes li span.title-episode,.episodes li span.title{width:75%;padding-left:5px}.episodes li span.title-duration,.episodes li span.duration{width:10%}.episodes li span.title-date,.episodes li span.date{width:15%}.episodes li:not(:first-child){padding:10px 0;display:flex;width:100%;font-weight:initial}.episodes .track-even{background-color:#eae8e8}.episodes .track-odd{background-color:#f5f5f5}.loader-wrapper{display:flex;flex-direction:column;max-width:800px;justify-content:center;width:100%}.loader-wrapper span{margin:0 auto;font-size:1.2rem;font-weight:700}.loader-wrapper .loader-podcasts{width:100%;height:10px;background-color:#eee;margin:50px 0}.loader-wrapper .loader-podcasts .bar{height:100%;width:0%;background-color:#333;animation:progress 3s linear infinite}.home,.podcast-page{padding:20px}.podcast-page{display:flex;justify-content:space-between}.episode{max-width:760px;padding:20px;box-shadow:0 2px 8px #00000042;border-radius:6px;height:fit-content}.episode .soundbar{width:100%;padding-top:20px;border-top:1px solid #a0a0a0}.not-found-page{padding:20px;text-align:center}.not-found-page h1{font-size:2rem;font-weight:700;margin-bottom:20px;color:#3580e3}.not-found-page p{font-size:1.2rem;color:#1c1e1f}@keyframes zoom-in-out{0%{transform:scale(1)}50%{transform:scale(1.5)}to{transform:scale(1)}}@keyframes progress{0%{width:0%}to{width:100%}}@media (max-width: 1210px){.podcast-page{flex-direction:column}.podcast-page .card-info{max-width:100%}.podcast-page .card-list,.podcast-page .episode,.podcast-page .loader-wrapper{max-width:100%;margin-top:30px}}@media (max-width: 768px){.episodes li span.title-episode,.episodes li span.title{width:45%;padding-left:5px}.episodes li span.title-duration,.episodes li span.duration{width:15%}.episodes li span.title-date,.episodes li span.date{width:30%}}