body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-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}body{background-color:#131211;min-height:100vh}.center-content{align-items:center;justify-content:center}.welcome-page{background-color:#131211;background:url(/static/media/bg-image-for-signup.8fc38a528d7616017696.png) no-repeat 50%;background-size:cover;text-align:center}.onboarding-page{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.music-container{margin-left:208px;margin-right:218px;min-height:100vh}.profiles-page{background-color:#131211}.welcome-box{background:#131211;border-radius:16px;box-shadow:10px 20px 50px rgba(19,18,17,.25);display:flex;flex-direction:column;height:517px;justify-content:space-evenly;width:480px}p{color:#ffb84a;font-size:16px;font-weight:400}h1,p{font-style:normal;line-height:140%}h1{color:#fff;font-size:30px;font-weight:700}.account-create-box{align-self:center;display:flex;gap:8px;margin-bottom:54px}.gold-text{color:#ffb84a}.invalid-text{color:#f54141}.hidePassword{align-self:center;background-color:#272625;display:flex;margin-right:17.87px}.loginTitle{color:#fff;font-size:30px;font-weight:700;line-height:140%;margin-top:68px;text-align:center}.password-helper-text{align-self:flex-end;margin-right:36px}img.imageAvatar{border-radius:100%}.imageAvatar.showHover:hover{border-radius:100%;outline:4px solid #ffb84a}.logo-text-container{align-items:center;display:flex;flex-direction:column}.logo-text-container>h1{margin-bottom:56px;margin-top:16px}.imageContainer>p{align-items:center;color:#fff;display:flex;flex-direction:column;font-weight:700;justify-content:center}.avatar-container{display:flex;flex-wrap:wrap;gap:32px}.input-container{display:flex;gap:20px}.pin-input{background:#272625;border-color:transparent;border-radius:16px;color:#fff;font-size:24px;font-style:normal;font-weight:700;height:80px;line-height:140%;margin-bottom:4px;text-align:center;width:80px}.pin-input:focus{outline:1px solid #4f4c4a}.pin-input[data-valid=false]{outline:1px solid #f54141}.pin-header{margin-top:16px}.pin-subheader{font-size:18px;margin-bottom:40px;margin-top:0}.incorrect-pin{margin-bottom:5px;margin-top:4px}.login-header{display:flex;margin-top:24px;padding-left:45px;position:absolute;width:100%;z-index:10}.login-header.profiles{box-shadow:inset 0 -1px 0 #4f4c4a;height:50px}.login-header.full-header{align-items:center;box-shadow:inset 0 -1px 0 #4f4c4a;height:80px;justify-content:space-between;margin-bottom:20px;margin-top:0;position:static}.album,.artist,.login-header.playlist{box-shadow:none!important}.content-container{-ms-overflow-style:none;display:flex;flex-wrap:wrap;gap:24px;height:100vh;justify-content:center;margin-left:24px;margin-right:24px;scrollbar-width:none}.content-container::-webkit-scrollbar{display:none}.similar-artists{height:auto!important}.child-content{margin-bottom:40px;max-width:100%;width:224px}.title-container{display:flex;justify-content:center;margin-bottom:32px;margin-top:42px}.content-screen{display:flex;flex-direction:column;margin-bottom:50px}.pointer{cursor:pointer}.primary.button{background-color:#ffb84a;color:#131211;height:10%;margin-top:34px;width:80%}.primary.button,.secondary.button{align-items:center;align-self:center;border-color:transparent;border-radius:24px;display:flex;font-size:16px;font-style:normal;font-weight:700;gap:8px;justify-content:center;line-height:120%;padding:3% 8%}.secondary.button{background-color:#272625;color:#ffb84a}.header-button{height:48px!important;margin-right:20px;width:192px!important}.primary.header-button{margin-top:0!important}.primary.button:hover{background:linear-gradient(0deg,hsla(0,0%,100%,.3),hsla(0,0%,100%,.3)),#ffb84a}.primary.button:active{background:linear-gradient(0deg,rgba(0,0,0,.2),rgba(0,0,0,.2)),#ffb84a}.secondary.button:hover{background:linear-gradient(0deg,hsla(0,0%,100%,.05),hsla(0,0%,100%,.05)),#272625}.secondary.button:active{background:linear-gradient(0deg,rgba(0,0,0,.2),rgba(0,0,0,.2)),#272625}.primary.button:disabled{background-color:#4f4c4a;color:#b5b2b0}.navigation{background:hsla(0,0%,100%,.1);border-color:transparent;border-radius:100%;cursor:pointer;cursor:"pointer";display:flex;flex-direction:column;height:40px;justify-content:center;-webkit-user-select:none;user-select:none;width:40px}.navigation:disabled{opacity:50%}.navigation:active:enabled{background:hsla(0,0%,100%,.3)}.arrow-container{align-items:center;display:flex;gap:16px;justify-content:center;margin-left:10px}.view-all{cursor:pointer;margin-right:16px}.header-text{font-size:24px;font-style:normal;font-weight:700;line-height:140%}.header-icon-container{margin-right:32px}.header-icon-container:last-of-type{margin-right:0}.header{display:flex}.category-icon{gap:7px}.avatar-container,.category-icon{align-items:center;justify-content:center}.avatar-name{color:#fff;font-size:18px;font-style:normal;font-weight:400;line-height:140%;margin-left:8px;margin-right:10px}.user-container{align-items:center;justify-content:center;margin-left:40px;margin-right:80px;margin-top:2px}.arrow.left{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.right{margin-left:1px}.left{margin-left:-1px}.category-container{display:flex;gap:8px;width:87%}.card-container{align-items:center;border-radius:16px;justify-content:center;padding-left:10px;padding-right:10px;padding-top:10px;width:244px}.artist-item{border-radius:100%;height:266px;width:240px}.artist-item,.genre-item{align-items:center;display:flex;flex-direction:column}.genre-item{border-radius:16px;height:140px;justify-content:center;margin-bottom:50px;padding-left:10px;padding-right:10px;padding-top:10px;width:352px}.wrap{cursor:pointer;position:relative}.wrap:before{background:linear-gradient(0deg,rgba(0,0,0,.25),rgba(0,0,0,.25));border-radius:16px;content:"";height:98%;left:0;position:absolute;top:0;width:100%;z-index:999}.genre-image{border-radius:16px;height:140px;width:352px}.genre-text{color:#fff;font-size:24px;font-style:normal;font-weight:700;line-height:140%;text-align:center}.genre-text-container{position:absolute;top:25%;width:100%}.artist-image{height:224px;width:224px}.card-container.hover:hover{background:hsla(0,0%,100%,.05);height:100%}.card-container:active{background:hsla(0,0%,100%,.1)!important}.card{border-radius:16px;height:224px;width:224px}.album-item{align-self:center;display:flex;margin-bottom:16px}.card-container:hover * .album-image{background-color:rgba(0,0,0,.4);opacity:40%}.album-details{align-items:center;display:flex;flex-wrap:wrap;margin-bottom:10px}.album-text{margin:0}.album-text,.artist-text{font-size:16px}.react-horizontal-scrolling-menu--scroll-container::-webkit-scrollbar{display:none}.react-horizontal-scrolling-menu--scroll-container{-ms-overflow-style:none;scrollbar-width:none}.shimmer-container{align-items:center;display:flex;justify-content:center;margin-bottom:16px}.round-logo{border-radius:100%}.placeholder{align-items:center;display:flex;justify-content:center;position:absolute;z-index:1}.album-skeleton{height:120%}.new-releases{margin-bottom:-20px}.categories-margin{margin-bottom:36px}.offset-text{margin-left:10px}.dot-separator{background-color:#b5b2b0;border-radius:100%;height:4px;margin-left:5px;margin-right:5px;margin-top:8px;width:4px}.flex{display:flex}.content-line{align-items:center;border-radius:8px;justify-content:space-between;margin-left:24px;margin-right:24px;padding:10px 2px 10px 10px}.content-offset{margin-left:14px!important}.album-content{margin-top:40px}.content-text{flex-direction:column}.content-details{align-items:center}.content-image{border-radius:8px;height:64px;width:64px}p.content-info{color:#fff;font-size:16px;font-style:normal;font-weight:400;line-height:140%;margin:0}.content-image{margin-right:16px;z-index:100}.title{margin-bottom:4px!important}.grey-text{color:#b5b2b0!important}.grey-hover:hover{background-color:hsla(0,0%,100%,.05)}.content-line:active:not(:has(:active)){background-color:hsla(0,0%,100%,.1)}.more-icon{align-items:center;border-radius:20px;height:40px;justify-content:center;position:relative;width:40px}.more-icon:hover{background-color:hsla(0,0%,100%,.05)}.more-icon:active{background-color:hsla(0,0%,100%,.1)}.content-line:hover * .content-image{background:rgba(0,0,0,.4);opacity:40%;z-index:1}.header-container{align-items:center;justify-content:center;margin-bottom:40px}.header-container * p{color:#b5b2b0;font-size:18px;font-style:normal;font-weight:400;line-height:140%}.header-image{height:224px;margin-left:20px;margin-right:20px;width:224px}.artist-image,.header-dot{border-radius:100%}.header-dot{background-color:#b5b2b0;height:4px;margin:8px 8px 16px;width:4px}.header-info{flex-direction:column;margin-bottom:24px;margin-right:20px}.center,.header-info>div{align-items:center}.center{justify-content:center}.info-name{margin-bottom:0}.artist-name{margin-bottom:32px}.button-container,.metadata>p{margin-top:8px}.more-header{align-items:center;background-color:#272625;border-radius:28px;height:48px;justify-content:center;width:48px}.more-header:hover{background:linear-gradient(0deg,hsla(0,0%,100%,.05),hsla(0,0%,100%,.05)),#272625}.more-header:active{background:linear-gradient(0deg,rgba(0,0,0,.2),rgba(0,0,0,.2)),#272625}.albumdetails-text{font-size:16px;font-style:normal;font-weight:400;line-height:140%}.song-title{margin-left:18px}.white-text{color:#fff}.playicon-container{align-items:center;justify-content:center;width:25px}.more-by-list{margin-left:24px;margin-right:24px;margin-top:86px}.artist-additional{margin-bottom:76px;margin-left:10px;margin-right:24px}.top-songs{align-items:center;justify-content:space-between;margin-left:24px;margin-right:24px}.latest-container{align-items:center;justify-content:center}.latest-item{align-items:center;background-color:#272625;border-radius:16px;height:190px;width:720px}.latest-item:active:not(:has(:active)){background-color:hsla(0,0%,100%,.1)}.latest-title{margin:0}.similar-artist{justify-content:center}.subheader{color:#fff;font-size:18px;font-style:normal;font-weight:400;line-height:140%}.subheader-name{margin-bottom:4px;margin-right:10px;margin-top:10px}.subheader-description{margin-bottom:4px;margin-top:0}.bio-header{align-items:center;justify-content:space-between;margin-bottom:10px;width:720px}.bio-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:17px}.bio-card{background-color:#272625;border-radius:18px}.bio-photo{border-top-left-radius:18px;border-top-right-radius:18px;display:flex;height:576px;width:723px}.artist-name{color:#fff;font-size:24px;font-style:normal;font-weight:700;line-height:140%;margin-bottom:16px;margin-top:0}.artist-bio{-webkit-box-orient:vertical;-webkit-line-clamp:5;display:-webkit-box;margin-bottom:0;margin-top:0;overflow:hidden;white-space:pre-wrap;width:640px}.bio-info{padding-left:20px;padding-right:20px}.bio-info:active{background-color:hsla(0,0%,100%,.1)}.bio-subheader-container{flex-direction:column;margin-bottom:50px;margin-right:24.5px;margin-top:50px}.data-container{margin-bottom:56px;margin-top:76px}
/*# sourceMappingURL=main.5714da20.css.map*/