@charset "UTF-8";@font-face{font-family:icomoon;src:url(../fonts/icomoon/icomoon.eot?76gna5);src:url(../fonts/icomoon/icomoon.eot?76gna5#iefix) format("embedded-opentype"),url(../fonts/icomoon/icomoon.ttf?76gna5) format("truetype"),url(../fonts/icomoon/icomoon.woff?76gna5) format("woff"),url(../fonts/icomoon/icomoon.svg?76gna5#icomoon) format("svg");font-weight:400;font-style:normal;font-display:block}[class*=" icon-"],[class^=icon-]{font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-search .path1:before{content:"\e900";color:#000}.icon-search .path2:before{content:"\e901";margin-left:-.962890625em;color:#000;opacity:.15}.heading1,h1{font-weight:700;font-size:2.8rem;font-style:normal;font-weight:800;line-height:3.3rem;letter-spacing:.56px;margin:3.6rem 0}.heading2,h2{font-size:2.4rem;font-style:normal;font-weight:600;line-height:normal;letter-spacing:.48px}.heading3,h3{font-weight:700}.heading4,h4{font-weight:700}.heading5,h5{font-weight:700}.heading6,h6{font-weight:700}p{color:rgba(0,0,0,.4);font-family:Dosis;font-size:1.6rem;font-style:normal;font-weight:500;line-height:normal;letter-spacing:.32px}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;-moz-appearance:button;appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button:moz-focus-inner,input:moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;box-sizing:content-box}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}body,html{padding:0;margin:0;font-size:62.5%}.d-flex{display:flex;gap:8px}.MuiAppBar-root{box-shadow:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html{font-family:Dosis}header .MuiToolbar-root{border-bottom:2px solid rgba(0,0,0,.03)}.main-content{height:calc(100vh - 58px)}.main-content .startup{height:100%;box-shadow:none;border-radius:0}.main-content .decoration{height:300px;background:#fa9500;background:linear-gradient(to right,#fa9500,#fa4000)}.main-content .decoration__wrapper{background-image:url(../images/box-bg.svg);background-repeat:no-repeat;background-position:center top 30px;background-size:300px;height:100%;width:100%;display:flex;align-items:center;justify-content:center}.main-content .decoration .song-cover{position:relative;left:-30px;top:-25px}.main-content .decoration .song-cover>svg{position:absolute;z-index:1;top:50%;right:0;transform:translate(10%,-50%);animation-duration:.3s;animation-delay:1s;animation-name:SlideVinyl;animation-fill-mode:forwards}.main-content .decoration .cadre{width:145px;height:145px;border-radius:11px;padding:10px;box-shadow:0 5px 0 0 #e2e2e2;background:#fff;z-index:2;position:relative}.main-content .decoration .cadre .image-wrapper{overflow:hidden;border-radius:11px;position:relative}.main-content .decoration .cadre .image-wrapper svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3}.main-content .decoration .cadre img{max-width:100%;border-radius:11px;filter:blur(15px)}.main-content .bottom-content{height:50%;background:#fff}.main-content .enable-location{transition:.3s all ease-in-out;position:fixed;top:100%;z-index:2}.main-content.stage-1 .enable-location{transform:translateY(calc(-100% - 20px))}.main-content.stage-2,.main-content.stage-3,.main-content.stage-5{overflow:visible}.main-content.stage-3 .stage-3__wrapper{height:100%;display:flex;flex-direction:column}@keyframes SlideVinyl{from{transform:translate(10%,-50%)}to{transform:translate(43%,-50%)}}*{margin:0;padding:0;box-sizing:border-box;letter-spacing:1.2%}body{font-family:dosis,sans-serif;line-height:1.6}p{font-size:16px;font-weight:400;line-height:normal}h1{font-size:32px;font-weight:bolder;margin-bottom:1rem;line-height:normal}h2{font-size:32px;font-weight:bolder;text-align:center;margin-bottom:36px;line-height:normal}section{padding:20px;margin-bottom:100px;padding:26px 26px 32px 26px}.mission,.valeurs{border-radius:40px;margin-left:20px;margin-right:20px}.landing-header{background-color:#fff;color:#000;text-align:center;font-weight:700;box-shadow:0 7px 16px rgba(0,0,0,.07);position:fixed;top:0;left:0;right:0;padding-top:1rem;padding-bottom:2rem;z-index:7;line-height:normal}.landing-header img{vertical-align:sub}.instagram{text-align:center}.instagram a{display:inline-block;overflow:hidden;text-align:center;background:url(../media/homepage/maincolor.png) no-repeat center center/cover;padding:16px 20px;border-radius:1000px;border:3px solid #fff;color:#fff;text-decoration:none;font-size:20px;font-weight:700;box-shadow:0 16px 14px rgba(0,0,0,.12)}.instagram a img{vertical-align:sub;margin-right:8px}.step1::before{background:url(../media/homepage/icon/qr.svg) no-repeat center}.step2::before{background:url(../media/homepage/icon/location.svg) no-repeat center}.step3::before{background:url(../media/homepage/icon/search.svg) no-repeat center}.step4::before{background:url(../media/homepage/icon/note.svg) no-repeat center}.step5::before{background:url(../media/homepage/icon/play.svg) no-repeat center}.mission ol li::before{content:"";width:48px;height:48px;font-size:26px;background-color:#fff;border-radius:100px;background-size:30px;flex-grow:0;flex-shrink:0;flex-basis:48px}.flow ol li{text-align:left;display:flex;justify-content:flex-start;gap:12px;align-items:center;margin:26px 0;line-height:normal}.mission ol li p{text-align:left}ol,ul{list-style:none}.hero{background:url(../media/homepage/photoBAG.jpg) no-repeat center center/cover;height:calc(95vh - 78px);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#fff}.hero .content{position:absolute;bottom:80px;background-color:#fff;border-radius:26px;padding:20px 26px;background:url(../media/homepage/maincolor.png) no-repeat center center/cover;margin-left:20px;margin-right:20px}.hero .content h1{margin-bottom:8px}.hero::after{content:"";width:48px;height:48px;position:absolute;top:calc(95vh - 24px);background-color:green;background:url(../media/homepage/icon/arrow_down.svg) no-repeat center;background-size:30px;background-color:#fff;border-radius:10000px}.emoji{text-align:center;font-size:32px;background-color:#fff;display:block;width:25%;margin:auto;margin-top:-50px;margin-bottom:42px;box-shadow:0 7px 16px rgba(0,0,0,.07);border-radius:1000px}.mission{color:#fff;background:url(../media/homepage/maincolor.png) no-repeat center center/cover;text-align:center}.mission p,.support p{text-align:center}.flow h3{display:inline-block;padding:16px 32px;background-color:#fff;color:#000;border-radius:1000px}.flowstepscontainer{display:flex;justify-content:space-around;flex-wrap:wrap;box-shadow:0 0 10px rgba(0,0,0,.1);flex-basis:calc(33% - 3rem);text-align:center}.flowstep{background-color:#fff;padding:1.5rem;border-radius:5px}.service h3{margin-bottom:1rem}footer{background-color:#333;color:#fff;text-align:center;padding:1rem 0}footer p{margin:0}.faq{background:url(../media/homepage/maincolor.png) no-repeat center center/cover;padding-top:36px;margin-bottom:0;font-size:20px}.faq h2{color:#fff}.topic{width:100%}.question,.reponse{margin-bottom:16px;color:#fff;box-shadow:0 7px 20px 0 rgba(0,0,0,.15)}.faq .question{text-align:right;margin-left:20%;width:80%;background-color:#fff;color:#000;padding:12px;border-radius:16px 0 16px 16px}.faq .reponse{text-align:left;margin-right:20%;width:80%;padding:12px 16px;border-radius:0 16px 16px 16px;background:url(../media/homepage/maincolor.png) no-repeat center center/cover;border:2px solid #fff}.input-wrapper{width:100%;padding:6px 20px;box-sizing:border-box;border-radius:66px;background:#fff;display:flex;align-items:center;gap:13px;border:2px solid rgba(0,0,0,.03)}.input-wrapper:before{font-family:icomoon;content:"\e900";font-size:2.5rem;background:linear-gradient(to right,#fa9500,#fa4000);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.input-wrapper input[type=text]{font-size:1.6rem;font-style:normal;font-weight:600;line-height:normal;letter-spacing:.48px;border:none;background:#fff;width:100%}.input-wrapper input[type=text]::-moz-placeholder{font-weight:500;color:rgba(0,0,0,.15)}.input-wrapper input[type=text]::placeholder{font-weight:500;color:rgba(0,0,0,.15)}.input-wrapper input[type=text]:focus{outline:0}.btn-primary,.btn-tertiary{border-radius:80px;border:3px solid #fff;background:linear-gradient(135deg,#f90 0,#ff6900 52.6%,#ff3d00 100%);background-blend-mode:multiply,normal;padding:1.5rem 2rem;box-shadow:0 4px 0 0 #e2e2e2,0 16px 14px 0 rgba(0,0,0,.12)}.btn-primary span,.btn-tertiary span{font-family:Dosis;font-size:2.1rem;font-style:normal;font-weight:600;line-height:normal;letter-spacing:.52px;color:#fff}.btn-secondary{display:flex;padding:10px 14px;align-items:center;gap:16px;border-radius:12px;border:2px solid #fd5d01;background:0 0}.btn-secondary span{background:var(--Main-Color,linear-gradient(92deg,#f90 0,#ff6900 52.6%,#ff3d00 100%));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700;font-size:1.6rem;line-height:normal}.box-name{font-weight:700;font-size:1.6rem;line-height:1.334;letter-spacing:0;padding:8px 16px 8px 8px;background:#fff;border-radius:26px;border:1px solid rgba(0,0,0,.03);display:flex;align-items:center;gap:8px}.box-name:before{content:"";min-width:34px;height:34px;background-image:url(../images/box-icon.svg);background-size:contain;background-position:center;background-repeat:no-repeat}.box-name span{background:linear-gradient(to right,#fa9500,#fa4000);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0}.btn-tertiary{padding:1.2rem 1.6rem}.btn-tertiary span{font-size:1.6rem;letter-spacing:.4px}.btn-spotify{font-size:16px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:.32px;color:#fff;border-radius:70px;border:2px solid #1ed760;padding:10px 12px;background:#1ed760}.btn-spotify.active{background:#fff;color:#1ed760}.btn-deezer{font-size:16px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:.32px;color:#fff;border-radius:70px;border:2px solid #9c42f3;padding:10px 12px;background:#9c42f3}.btn-deezer.active{background:#fff;color:#9c42f3}.bottom-content{padding:0 20px;position:relative}.bottom-content:after{content:"";border-radius:50% 50% 50% 50%/7% 7% 93% 93%;background:#fff;width:100vw;height:28vh;left:0;top:-25px;position:absolute;z-index:1}.bottom-content__wrapper{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.bottom-content__wrapper h1{width:100%;text-align:left;margin:75px 0 8px 0}.bottom-content__wrapper h1+p{margin-top:0;color:#000;font-weight:700}.bottom-content__wrapper ol{padding-left:0;margin-bottom:16px;counter-reset:orderedlist}.bottom-content__wrapper ol li{font-size:16px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:.32px;color:rgba(0,0,0,.8);list-style-type:none;margin-bottom:8px;display:flex;align-items:center;gap:12px}.bottom-content__wrapper ol li:before{min-width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;text-align:center;font-size:16px;font-style:normal;font-weight:600;line-height:normal;letter-spacing:.8px;color:rgba(0,0,0,.8);border-radius:50%;border:2px solid rgba(0,0,0,.15);counter-increment:orderedlist;content:counter(orderedlist)}.bottom-content__wrapper .btn-primary{margin:0 auto 32px}.bottom-content .box-name{margin:-50px auto;z-index:2}.bottom-content .box-name span{position:relative;z-index:2}.step-header{padding:16px 20px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px}.step-header h1{margin:0}.step-header p{font-weight:400;text-align:center;margin:0;color:rgba(0,0,0,.8)}.enable-location{padding:20px}.enable-location__wrapper{background:#fff;box-shadow:0 7px 14px 0 rgba(0,0,0,.07);border-radius:26px;height:50vh;padding:26px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.enable-location h1{margin:0}.enable-location h1+p{font-weight:400;color:rgba(0,0,0,.8)}.enable-location p{font-size:1.4rem;margin:0}#loader{position:fixed;top:0;bottom:0;left:0;right:0;background:#fff;justify-content:center;align-items:center;z-index:10;display:none}#loader.active{display:flex}.mood{background:rgba(0,0,0,.03);padding-bottom:96px;flex-grow:2}.mood .MuiTabs-scroller .MuiTabs-flexContainer{padding:12px}.mood .MuiTabs-scroller .MuiTabs-indicator{background:#fff;border-radius:60px;z-index:1;transition:none;height:calc(100% - 24px);transition:none;transform:translateY(-12px)}.mood .MuiTabs-scroller .MuiTabs-flexContainer{gap:12px;padding-left:20px}.mood .MuiTabs-scroller .MuiButtonBase-root{font-size:16px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:.32px;padding:12px 16px;background:#fff;border-radius:60px;text-transform:none;color:rgba(0,0,0,.8);z-index:2}.mood .MuiTabs-scroller .MuiButtonBase-root.Mui-selected{background:linear-gradient(to right,#fa9500,#fa4000);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.mood .MuiTabPanel-root{padding:16px 10px 0 26px}.mood .mood-item{display:flex;align-items:center;margin-bottom:16px}.mood .mood-item__content{padding:12px 26px 12px 12px;color:rgba(0,0,0,.8);background:#fff;box-shadow:0 7px 14px 0 rgba(0,0,0,.07);border-radius:16px;font-size:16px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:.32px;display:flex;gap:8px;flex-grow:2}.mood .mood-item__content:before{content:"";min-width:13px;height:21px;background-image:url(../images/quote.svg);background-size:13px;background-repeat:no-repeat}.mood .mood-item .btn-tertiary{transform:translateX(-16px)}.mood .btn-primary{margin:20px auto;width:auto;display:block}.mood .bottom-panel{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;background:#fff}.mood .bottom-panel button{padding:12px;border:none;background:var(--Main-Color,linear-gradient(92deg,#f90 0,#ff6900 52.6%,#ff3d00 100%));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:16px;font-weight:700;letter-spacing:.32px}.selected-song{width:100%;border-top:2px solid rgba(0,0,0,.03)}.selected-song .search-results{padding:12px 8px 12px 16px;margin:0;background:#fff}.selected-song .search-results li{padding-bottom:0}.selected-song button{font-size:16px;font-weight:700;letter-spacing:.32px;color:rgba(0,0,0,.3);border:none;background:0 0}.reveal{padding:110px 40px 40px 40px;display:flex;flex-direction:column;align-items:center;position:relative}.reveal>h1{font-size:32px;font-weight:800;letter-spacing:.64px;color:rgba(0,0,0,.8);margin:0 0 8px}.reveal>p{font-weight:400;margin:0 0 16px;color:rgba(0,0,0,.4);text-align:center}.reveal>h3{font-size:16px;font-weight:700;letter-spacing:.4px;color:#000;margin-top:16px;width:100%}.reveal__notification{padding:20px;border-radius:26px;border:2px solid #1dcc00;font-size:16px;font-weight:700;letter-spacing:.4px;color:#1dcc00;position:absolute;top:-200px;left:20px;right:20px;text-align:center;z-index:3;box-shadow:0 7px 14px 0 rgba(0,0,0,.07);transition:all .3s ease-in;animation:.6s linear 1s 1 slidein forwards}.reveal .song__cover{width:243px;height:243px;background-image:url(../images/vinyl-lg.png);display:flex;align-items:center;justify-content:center;background-size:contain;background-position:center;z-index:2}.reveal .song__cover__image{width:168px;height:168px;border-radius:15.342px;border:2.877px solid #fff;box-shadow:0 3.5px 0 0 #e2e2e2,0 14px 12.25px 0 rgba(0,0,0,.12);overflow:hidden;margin-top:-25px}.reveal .song__information{padding:60px 20px;background:rgba(0,0,0,.03);border-radius:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#fff;letter-spacing:.64px;text-align:center;width:calc(100% - 40px);margin-top:-67px;z-index:1}.reveal .song__information h1{font-size:32px;font-weight:800;margin:0;color:#000}.reveal .song__information p{font-size:16px;font-weight:800;margin:0;color:#000}.reveal .select{padding:16px 24px 16px 26px;background:#fff;border-radius:80px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 7px 14px 0 rgba(0,0,0,.07);width:calc(100% - 12px);box-sizing:border-box;margin-top:-30px;z-index:2}.reveal .select .label{padding:0;background:0 0;border:none;color:#000;font-size:16px;font-weight:700;letter-spacing:.32px;line-height:1;margin:0}.reveal .select ul{list-style-type:none;padding-left:0;position:relative;margin:0;padding-right:30px}.reveal .select ul:after{content:"";width:0;display:block;height:0;border-style:solid;border-right:5px solid transparent;border-left:5px solid transparent;border-top:6px solid #000;border-bottom:0;position:absolute;top:50%;right:0;transform:translateY(-50%)}.reveal .select ul li button{border:none;padding:0;background:0 0}.reveal .select ul li img{width:110px}.reveal .select ul li:not(.selected){display:none}.reveal .select.open{border-radius:80px 80px 0 80px}.reveal .select.open li:not(.selected){display:block;position:absolute;bottom:-70px;left:-40px;padding:10px 20px 20px 40px;background:#fff;border-radius:0 0 80px 80px;right:-24px;box-shadow:0 7px 14px 0 rgba(0,0,0,.07)}.reveal select{display:none}.reveal .author{width:calc(100% - 12px);margin-top:16px;gap:16px}.reveal .author__informations{display:flex;flex-direction:column;justify-content:center;gap:4px;flex-grow:2}.reveal .author__informations__name{font-size:16px;font-weight:700;letter-spacing:.4px;color:#000;margin:0;justify-content:center}.reveal .author__informations button{background:var(--Main-Color,linear-gradient(92deg,#f90 0,#ff6900 52.6%,#ff3d00 100%));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;border:none;padding:0;font-size:16px;font-weight:700;letter-spacing:.4px;text-align:left}.reveal .last-deposit{padding:12px 26px 12px 12px;color:rgba(0,0,0,.8);background:#fff;box-shadow:0 7px 14px 0 rgba(0,0,0,.07);border-radius:16px;font-size:16px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:.32px;display:flex;gap:8px;flex-grow:2;margin-top:24px}.reveal .last-deposit:before{content:"";min-width:13px;height:21px;background-image:url(../images/quote.svg);background-size:13px;background-repeat:no-repeat}.author-profil-wrapper{min-height:calc(100vh - 66px);display:flex;flex-direction:column}.author-profil-wrapper .favorite-song{background:rgba(0,0,0,.03);padding:26px 20px;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-grow:2}.author-profil{padding:26px 36px}.author-profil .author{gap:16px}.author-profil .author__informations{display:flex;flex-direction:column;justify-content:center;gap:4px;flex-grow:2}.author-profil .author__informations__name{font-size:32px;font-weight:800;letter-spacing:.64px;color:#000;margin:0;justify-content:center}.author-profil .author .deposit-number{font-size:1.6rem;color:rgba(0,0,0,.4);letter-spacing:.32px;font-weight:400;margin:0}.select-service-provider{padding:20px 16px 16px 16px;border-radius:33px;border:3px solid var(--Blanc,#fff);background:linear-gradient(135deg,#f90 0,#ff6900 52.6%,#ff3d00 100%);background-blend-mode:multiply,normal;box-shadow:0 4px 0 0 #e2e2e2,0 16px 14px 0 rgba(0,0,0,.12);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;width:320px;box-sizing:border-box;z-index:2;margin-top:-30px}.select-service-provider .label{font-size:20px;font-weight:700;letter-spacing:.4px;color:#fff;display:flex;align-items:center;gap:10px}.select-service-provider .label:before{content:"";width:0;height:0;border-style:solid;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:14px solid #fff;border-right:0;display:block}.select-service-provider .wrapper .d-flex{gap:12px}.select-service-provider .wrapper .d-flex button{width:calc(50% - 8px);padding:16px;background:#fff;border:none;border-radius:100px}.select-service-provider .wrapper img{max-width:100%}.select-service-provider .copy-to-clipboard{border:none;background:#fff;padding:12px 16px;border-radius:70px;font-size:16px;font-weight:700;letter-spacing:.32px;width:calc(100% - 70px)}@keyframes slidein{from{top:-300px}33%{top:0}to{top:0;border-color:transparent;border-radius:0;left:0;right:0;box-shadow:none}}.main-search-wrapper{overflow-y:scroll;height:100%;display:flex;flex-direction:column}.search-song{gap:16px;transition:.2s all ease-in}.search-song h2{background:#fff;text-align:center;margin:0;font-size:3.2rem;height:90px;transition:.2s all ease-in}.search-song>.d-flex{justify-content:center;gap:10px}.search-song__wrapper{padding:0 16px 0 16px;width:100%;display:flex;transition:.2s all ease-in}.search-song .cancel-search{opacity:0;width:0;transition:.2s all ease-in;padding:0;border:none;background:0 0;font-size:16px;font-weight:700;letter-spacing:.32px}.search-song+p{font-size:16px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:.32px;color:rgba(0,0,0,.8);transition:.2s all ease-in;opacity:0;height:0;box-sizing:content-box;text-align:left;padding:16px 20px;background:rgba(0,0,0,.03);margin:0;flex-grow:2}.search-song.active{padding-top:0}.search-song.active h1{opacity:0;height:0;visibility:hidden}.search-song.active .search-song__wrapper{gap:10px}.search-song.active .cancel-search{opacity:1;width:80px}.search-song.active+p{opacity:1;height:60px}.search-song.has-results+p{display:none}.search-song.has-results~.search-results{padding:16px 20px 0 20px}.search-results{list-style-type:none;padding:16px 20px 0 20px;background:rgba(0,0,0,.03);margin:0}.search-results li{display:flex;gap:17px;align-items:center;padding:16px 0}.search-results li:first-child{padding-top:0}.search-results li .img-container{display:flex;align-items:center;justify-content:center;min-width:56px;height:56px}.search-results li .img-container img{width:56px;height:56px;border-radius:12%}.search-results li p{margin:0}.search-results li .song{flex-grow:1}.search-results li .song-title{font-size:1.6rem;font-weight:600;letter-spacing:.4px;color:#000}.search-results li .song-subtitle{font-size:1.4rem;font-weight:600;letter-spacing:.28px;color:rgba(0,0,0,.4)}