@font-face{font-family:"Neue Haas Grotesk Display Pro";font-style:normal;font-weight:400;src:local("Neue Haas Grotesk Display Pro"),url(/static/media/NeueHaasDisplayRoman.bf8caa25.woff) format("woff")}body{margin:0;font-family:Neue Haas Grotesk Display Pro,-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:Neue Haas Grotesk Display Pro,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{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.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)}}.scroll{height:100%;width:100%;overflow:auto;overflow-x:hidden}.scroll::-webkit-scrollbar{width:4px}.scroll::-webkit-scrollbar-track{background:#b7ddda;border-radius:"20px"}.scroll::-webkit-scrollbar-thumb{background:#4d7373;border-radius:"20px"}.app-overflow{overflow-y:auto;height:100%}.container{width:100vw;height:100vh;display:flex;justify-content:center;background:#4d7373;background-image:url(/static/media/login_bg.59c54b56.png);background-repeat:no-repeat;background-size:cover;background-position:50%}.station-card-root-container{width:155px;min-width:155px;margin-right:10px}.station-card-text-container{display:flex;flex-direction:column;padding-top:10px}.station-card-text-title{font-weight:700;font-size:20px;line-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;display:inline-block}.station-card-text-artist,.station-card-text-title{font-family:Neue Haas Grotesk Display Pro;font-style:normal;align-items:center;color:#4d7373}.station-card-text-artist{font-weight:400;font-size:14px;line-height:16px;display:flex;padding-top:2px}.scroll-header-text{display:flex;overflow:hidden;scroll-behavior:smooth;transition-delay:1s}.scroll-left-key,.scroll-right-key{position:absolute;top:calc(50% - 12px);z-index:20;cursor:pointer}.scroll-right-key{right:0}.scroll-root-container{position:relative}.rectangle-component-span-text{font-family:CooperLtBT-Regular;font-size:24px;line-height:99.5%;text-shadow:0 0 2px #000;display:flex;align-items:center;text-align:center;color:#fff}.rectangle-component-span-container{display:flex;align-items:center;justify-content:center;height:100%}.rectangle-component-img-container{width:100%;height:100%;object-fit:cover}.search-container{display:flex;align-items:center;background-color:#b6ddda;width:45vw;height:35px;border-radius:58px}.search-container-nosong{width:41.5vw;background-color:#4d7373;color:azure;font-size:38px;text-align:center}.search-container-loader{display:flex;width:100%;justify-content:center;align-items:center}.search-container-main{height:calc(100% - 185px)}.search-container-main,.search-container-main-audioplay{position:fixed;width:44.5vw;z-index:1;background-color:#eee;border-radius:10px;display:flex;justify-content:center;border:1px solid #d6d6d6;box-shadow:1px 3px #d6d6d6}.search-container-main-audioplay{height:calc(100% - 276px)}.search{display:flex;align-items:center;background-color:#b6ddda;width:23vw;height:35px;border-radius:58px;margin:15px 0}.search-input{width:95%}.search-title{margin:5px}.search-title,.search-title-podcast{font-family:Neue Haas Grotesk Display Pro;font-size:24px;line-height:29px;font-weight:700;color:#3d6060}.search-container-main-overflow{overflow-y:auto;overflow-x:hidden;margin:15px}.list-card-title{font-family:Neue Haas Grotesk Display Pro;width:180px;font-weight:700;font-size:20px;line-height:100.3%;color:#4d7373;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block}.listCard-card-container{width:calc(100% - 50px);display:flex;align-items:center;margin-left:10px}.list-card-subtitle{font-size:14px;line-height:100.3%;display:flex;align-items:center;color:#4d7373}.home-root-container{height:calc(100% - 110px);display:flex}.home-root-view-container{width:100%;display:flex;flex-direction:column;margin:30px 92px 22px 60px;overflow-y:auto}.home-root-view-container::-webkit-scrollbar{width:4px}.home-root-view-container::-webkit-scrollbar-track{background:#b7ddda;border-radius:"20px"}.home-root-view-container::-webkit-scrollbar-thumb{background:#4d7373;border-radius:"20px"}.featured-div{margin-left:349px}.home-top-left-view-container{width:320px;margin-right:29px}.home-top-right-view-container{width:calc(100% - 349px)}.home-list-view-root-container{height:100%;display:flex;flex-direction:column;justify-content:flex-start}.home-list-top-view-container{height:320px;display:flex}.recent-stat-span{margin-top:28px}.home-list-bottom-view-container{height:323 px}.home-root-left-container{width:320px;height:100%;margin-right:29px}.home-root-left-container,.home-root-right-container{display:flex;flex-direction:column;justify-content:space-between}.home-root-right-container{width:calc(100% - 359px)}.recent-station-card-container{display:flex;justify-content:space-between}.sub-header-text{font-family:Neue Haas Grotesk Display Pro;font-style:normal;font-weight:700;font-size:24px;line-height:29px;display:flex;align-items:center;color:#3d6060;margin-bottom:20px}.home-left-top-container,.home-root-left-top-container{height:320px}.feature-chunk-container{margin-right:10px}.header-bar-root-container{height:calc(100% - 50px);width:calc(100% - 50px);display:flex;flex-direction:column;justify-content:space-between}.header-bar-div-container{display:flex;justify-content:space-between;align-items:center}.header-bar-span-text{font-family:Neue Haas Grotesk Display Pro;font-style:normal;font-weight:700;font-size:60px;line-height:65px;display:flex;align-items:center;color:#3d6060;text-transform:capitalize}.header-bar-root-description{margin-left:20px;justify-self:center;color:#4d7373;font-style:normal;font-weight:400;font-size:14px;line-height:16px;display:flex;align-items:center}.genre-child-text-conatiner{height:100%;width:100%;display:flex;align-items:flex-end}.genre-child-span-text{margin:10px 8px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;font-weight:400;font-size:24px;line-height:29px;font-weight:700;color:#fff}.genre-child-span-text,.rectangle-station-span-text{font-family:Neue Haas Grotesk Display Pro;font-style:normal;display:flex;align-items:center}.rectangle-station-span-text{font-weight:bolder;font-size:18px;line-height:21px;color:#4d7373}.rectangle-station-span-container{display:flex;justify-content:center;align-items:center}.desktop-root-container{display:flex;height:100%;width:100%;flex-direction:column;align-items:flex-end}.desktop-root-sub-container{width:calc(100% - 60px);height:calc(100% - 15px);overflow:hidden}.desktop-top-root-container{height:270px}.desktop-bottom-root-container{height:calc(100% - 270px);overflow-y:auto;padding-right:10px}.desktop-sub-header-text{font-family:Neue Haas Grotesk Display Pro;font-style:normal;font-weight:700;font-size:24px;line-height:29px;display:flex;align-items:center;color:#3d6060;margin-bottom:20px;margin-top:18px}.desktop-genre-list-container{height:155px}.desktop-station-list-container{height:196px}.desktop-station-list-container-1{display:flex;flex-direction:column;margin-right:8px}.setting-root-container{height:100%;width:100%;display:flex}.setting-root-left-container{margin-left:60px;height:100%;width:350px;background-color:#4d7373}.setting-root-right-container{height:100%;width:calc(100% - 411px);display:flex;align-items:flex-start}.setting-icon-container{height:90px;display:flex;align-items:center;margin-left:25px}.setting-option-container{height:calc(100% - 90px);width:100%;justify-content:start;display:flex;flex-direction:column}.setting-sub-header-text{font-family:Neue Haas Grotesk Display Pro;color:#fff;font-size:60px;margin-left:25px;font-weight:900}.setting-option{margin-left:45px;margin-right:10px;height:450px;overflow:auto}.setting-option::-webkit-scrollbar{width:4px}.setting-option::-webkit-scrollbar-track{background:#4d7373;border-radius:"20px"}.setting-option::-webkit-scrollbar-thumb{background:#b7ddda;border-radius:"20px"}.setting-option-div{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.right-container{margin-top:18%;margin-left:43px}.option-head-title{font-size:24px;line-height:29px}.option-head-title,.right-container-title{font-family:Neue Haas Grotesk Display Pro;color:#4d7373;font-weight:700}.right-container-title{font-size:14px;line-height:17px}.right-container-data{font-family:Neue Haas Grotesk Display Pro;font-size:20px;line-height:45px;color:#4d7373;padding-bottom:3px}.title-right-container{margin-bottom:42px}.password-div{width:400px;display:flex;justify-content:space-between;align-items:center;height:45px}.display_flex-direction_column{display:flex;flex-direction:column}.Privacy-text-container{margin-right:43px;height:83%;overflow-y:auto;margin-left:43px;overflow-x:hidden}.Privacy-text{line-height:25px}.Privacy-text,.Privacy-text-title{font-family:Neue Haas Grotesk Display Pro;font-size:20px;color:#4d7373}.Privacy-text-title{line-height:30px;font-weight:700}.right-privacy-container{margin-top:18%}.title-right-container-privacy{margin-bottom:42px;margin-left:42px}.seatings-notifiactions{display:flex;width:350px;justify-content:space-between;height:35px}.seatings-notifiactions-text{font-size:14px;line-height:17px;font-weight:700;margin-top:30px}.implemented-page,.seatings-notifiactions-text{font-family:Neue Haas Grotesk Display Pro;color:#4d7373}.implemented-page{font-size:20px}.podcast-category-component-span-text{font-family:CooperLtBT-Regular;font-size:24px;line-height:99.5%;display:flex;align-items:center;text-align:center;color:#fff;padding:12px}.podcast-category-component-span-container{display:flex;align-items:center;justify-content:flex-end;height:100%}.podcast-root-container{height:calc(100% - 110px);margin-left:60px;margin-right:130px}.podcast-sub-root-container{width:100%;height:100%}.podcast-top-container{height:221px;width:100%}.podcast-bottom-container{height:calc(100% - 231px);width:100%}.podcast-sub-header-text{font-family:Neue Haas Grotesk Display Pro;font-style:normal;font-weight:700;font-size:24px;line-height:29px;display:flex;align-items:center;color:#3d6060;padding:18px 0}.podcast-category-container{display:flex;flex-wrap:wrap;grid-column-gap:5px;-webkit-column-gap:5px;column-gap:5px;grid-row-gap:5px;row-gap:5px}.podcast-button-div-container{padding-top:20px;display:flex;justify-content:center}.podcast-category-all-root-container{overflow-y:auto;height:calc(100% - 66px)}.discover-root-container{height:100%;display:flex;flex-direction:column}.discover-container{width:calc(100% - 152px);display:flex;flex-direction:column;margin:30px 92px 22px 60px;overflow-y:auto}.discover-title{font-family:Neue Haas Grotesk Display Pro;font-weight:700;font-size:24px;line-height:29px;display:flex;align-items:center;color:#3d6060;margin-bottom:10px;margin-top:10px}.discover-featured-title{font-family:CooperLtBT-Regular;font-size:18.3608px;line-height:16px;display:flex;align-items:center;text-align:center;color:#fff}.discover-genres-title{font-family:Neue Haas Grotesk Display Pro;font-weight:700;font-size:24px;line-height:29px;display:flex;align-items:center;color:#fff;margin-left:8px;margin-bottom:8px;text-shadow:0 0 2px #000}.discover-decades-title{font-size:36px;line-height:42px;display:flex;align-items:center;text-align:right;color:#fff;padding-top:10px}.discover-featured-name-container{display:flex;align-items:center;height:100%;justify-content:center;background-color:rgba(0,0,0,.23137254901960785)}.discover-Genres-name-container{display:flex;align-items:flex-end;height:100%}.profile-root-container{display:flex;flex-direction:column;height:100%;width:100%}.profileHeader-root-container{height:140px;width:100%;display:flex;justify-content:space-between;background-color:#fff}.profileHeader-title{font-family:CooperLtBT-Regular;font-size:44px;line-height:52px;color:#3d6060;align-items:center;display:flex;margin-left:18px;text-transform:capitalize}.profileHeader-image-title{display:flex;margin-top:40px;margin-left:70px}.profileHeader-setting-button{margin-top:30px;margin-right:40px}.profile-container{height:calc(100% - 90px);margin-left:60px;margin-top:20px;display:flex}.profile-title{font-family:Neue Haas Grotesk Display Pro;font-weight:700;font-size:24px;line-height:29px;color:#3d6060}.profile-recent{margin-top:10px;width:328px;height:calc(100% - 130px);overflow-y:auto}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#b7ddda;border-radius:"20px"}::-webkit-scrollbar-thumb{background:#4d7373;border-radius:"20px"}.profileHeader-image-input{opacity:0;margin-left:-100px}.profileHeader-image-container,.profileHeader-image-input{width:100px;height:100px;border-radius:100px}.episode-list-root-container{width:100%;height:100%;display:flex;justify-content:flex-end}.episode-list-sub-root-container{width:calc(100% - 60px);height:100%}.episode-list-description-span-container{height:50px}.episode-list-description-span-text{font-weight:400;font-size:14px;line-height:16px;color:#4d7373;padding:20px 50px 20px 26px}.episode-list-description-span-text,.episode-sub-header-text{font-family:Neue Haas Grotesk Display Pro;font-style:normal;display:flex;align-items:center}.episode-sub-header-text{font-weight:700;font-size:24px;line-height:29px;color:#3d6060;padding:18px 0}.episode-list-div-container{height:calc(100% - 430px);width:calc(100% - 120px);overflow-y:auto}.episode-list-item-container{display:flex;grid-column-gap:10px;-webkit-column-gap:10px;column-gap:10px}.podcast-list-root-container{width:100%;height:100%;display:flex;justify-content:flex-end}.podcast-list-sub-root-container{width:calc(100% - 60px);height:calc(100% + 25px)}.podcast-list-bottom-container{height:calc(100% - 270px);width:100%;display:flex;align-items:center}.podcast-list-container{height:calc(100% - 100px);overflow-y:auto;width:100%}.nav-root-container{background-color:hsla(0,0%,76.9%,.3);height:100%;width:266px}.nav-header-container{height:90px;background:#4d7373;font-size:32px;color:#b6ddda;display:flex;justify-content:center;align-items:center;font-family:CooperLtBT-Regular}.nav-middle-container{height:calc(100% - 356px);overflow-y:auto}.nav-image-container{height:266px;width:266px}.nav-image-album{height:inherit;width:266px}.nav-image-container-bg{height:266px;width:266px;background-color:#b6ddda}.tab-span-text{font-family:Neue Haas Grotesk Display Pro;font-style:normal;font-weight:400;font-size:20px;line-height:23px;color:#3d6060;margin-left:13px}.tab-div-container{height:38px;display:flex;align-items:center;margin-left:42px;padding-top:12px;cursor:pointer}.tab-logo-container{margin-right:2px;width:26px}.main-root-container,.main-top-container{height:100%;width:100vw}.main-top-container{display:flex}.main-top-left-container{width:266px}.main-component-container-true{width:inherit;height:calc(100% - 100px)}.main-component-container-false{width:inherit}.banner-screen-container{display:flex;justify-content:center;margin-top:-5px}.banner-screen-div{height:90px;width:800px}.banner-screen-title{font-size:25px;height:100%;color:#f0f8ff;font-weight:700}.audioRootContainer,.banner-screen-title{display:flex;align-items:center;justify-content:center}.audioRootContainer{height:90px;background-color:#4d7373;width:100vw}.audioRootChildContainer{width:calc(100% - 74px);height:80px;display:flex;align-content:center;justify-content:space-between}.song-name-span{font-size:20px;line-height:23px}.author-name-span,.song-name-span{font-style:normal;font-weight:400;display:flex;align-items:center;color:#fff;font-family:Neue Haas Grotesk Display Pro;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block}.author-name-span{font-size:14px;line-height:17px;padding-top:7px}.song-detail-container{display:flex;flex-direction:column;align-content:center;justify-content:center;width:20%}.volume-container{width:200px;min-width:150px}.volume-div-container{width:20%}.player-div-container,.volume-div-container{display:flex;align-items:center;justify-content:center}.player-div-container{width:60%}.audio-playback-slider-container{padding-left:20px;width:inherit;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.player-span-container{width:100%;display:flex;align-items:center;justify-content:space-between}.player-span-text{font-family:Neue Haas Grotesk Display Pro;font-style:normal;font-weight:400;font-size:14px;line-height:16px;display:flex;align-items:center;color:#fff}.player-spinner-container{margin-left:16px;margin-right:17px;background-color:#fff;height:45px;width:45px;display:flex;border-radius:50px;align-items:center;justify-content:center}
/*# sourceMappingURL=main.b153e8fa.chunk.css.map */