.btn{cursor:pointer;padding:.25rem 1rem;border-radius:100px;color:#f4f4f6;border:1px solid #f4f4f6bb;outline-color:#f4f4f6;background-color:var(--alpha-dark);box-shadow:0 0 0 0 var(--primary-lighter)}.btn.small{font-size:.75rem}.btn.medium{font-size:.875rem}.btn.large{font-size:1rem}@media (hover:hover){.btn:focus,.btn:hover{box-shadow:0 0 0 1em transparent;transition:box-shadow .5s linear}}.btn i{margin-right:8px}.input{color:#fff;caret-color:#fff;padding:.25rem 0 .25rem .75rem;outline:none;border:1px solid #fff;border-radius:var(--border-rounded);background-color:transparent}.input::-moz-placeholder{color:hsla(0,0%,100%,.589);font-size:.875rem}.input::placeholder{color:hsla(0,0%,100%,.589);font-size:.875rem}.input:focus,.input:focus-within{outline:1px solid #c300ff}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;color:#fff;caret-color:#fff;padding:.25rem 2rem;outline:none;font-size:.875rem;border:1px solid #fff;border-radius:var(--border-rounded);background-color:transparent}.select-wrapper{position:relative}.select-wrapper:before{pointer-events:none;content:"";position:absolute;top:calc(50% - 4px);right:16px;width:8px;height:8px;border-color:#fff;border-style:solid;border-width:.1em .1em 0 0;transform:rotate(135deg)}.select option{font-size:.875rem;background-color:#292032}.result__topbar{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.result__topbar-filter,.result__topbar-search{display:flex;flex-direction:row;gap:1rem}.result__topbar-filter{justify-content:flex-end}@media screen and (min-width:45em){.result__topbar{flex-direction:row;justify-content:space-between}}.list__item-image{position:relative;border-radius:var(--border-radius);overflow:hidden}.list__item-image.match:before{content:"best match";position:absolute;top:20px;right:20px;padding:4px 12px;font-size:12px;font-style:italic;color:#fff;background-color:rgba(230,6,181,.25);border-radius:var(--border-rounded);z-index:999}.list__item-image .cover{aspect-ratio:1/1;-o-object-fit:cover;object-fit:cover}.list__item-image .legend{position:absolute;display:flex;flex-direction:row;align-items:center;justify-content:center;color:#fff;font-weight:600;bottom:0;left:0;width:100%;height:20%;background:rgba(0,0,0,.33);box-shadow:0 4px 30px rgba(0,0,0,.1);backdrop-filter:blur(5.4px);-webkit-backdrop-filter:blur(5.4px)}@media (hover:hover){.list__item-image .cover,.list__item-image .cover:hover{transition:transform .5s var(--cubic-bezier)}.list__item-image .cover:hover{transform:scale(1.08)}}.result__list{display:grid;grid-template-columns:1fr;gap:2.5rem}@media screen and (min-width:40em){.result__list{grid-template-columns:1fr 1fr}}@media screen and (min-width:57.5em){.result__list{grid-template-columns:1fr 1fr 1fr}}@media screen and (min-width:64em){.result__list{grid-template-columns:1fr 1fr 1fr 1fr}}.section__home{padding-top:6.25rem}.section__home-hero{padding:2.5rem;background-color:var(--alpha-dark);border-radius:var(--border-radius)}.section__home-hero h1{font-family:Play,sans-serif;font-size:clamp(1rem,3vw + .5rem,3rem)}.section__home-hero p{max-width:60ch}.section__home-result{margin-block:6.25rem}@media screen and (min-width:57.5em){.section__home-hero{position:relative;overflow:hidden}.section__home-hero:before{content:"";position:absolute;width:400px;height:400px;top:-100px;right:0;background:transparent url(/img/headphones.f84ed4f0.png) 50% no-repeat}}@media screen and (min-width:64em){.section__home-hero p{font-size:1rem}}.tags[data-v-460f005a]{padding:4px 12px;font-size:12px;background-color:rgba(230,6,181,.25);border-radius:var(--border-rounded)}.tags i[data-v-460f005a]{margin-right:.5rem}.list__header{position:relative;padding:2rem;margin-bottom:2rem;background-size:cover;background-position:50%;background-repeat:no-repeat;background-color:transparent;border-radius:var(--border-radius)}.list__header:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.45);border-radius:var(--border-radius)}.list__header>*{isolation:isolate}.artist__infos-image{position:relative;margin:2rem 0}.artist__infos-image:before{content:"";position:absolute;width:90%;height:90%;top:50%;left:50%;transform:translate(-50%,-50%);border:1px dashed hsla(0,0%,100%,.555);border-radius:var(--border-radius)}.artist__infos-image .cover{width:100%}.list__header.infos{background-image:url(https://images.unsplash.com/photo-1506157786151-b8491531f063?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1170&q=80)}.artist__infos-genre,.artist__infos-metas{display:flex;flex-direction:row;gap:1rem}.artist__infos-metas{justify-content:space-between}.artist__infos-genre{flex-wrap:wrap;margin:1rem 0}.followers{font-size:12px}@media screen and (min-width:64em){.artist__infos{grid-area:infos}}.list__item-infos{display:flex;flex-direction:column-reverse;gap:.5rem}.item__infos-details p{font-size:.75rem;text-align:right}.albums__list{display:grid;grid-template-columns:1fr;gap:1.5rem}.list__header.albums{background-image:url(https://images.unsplash.com/photo-1504904126298-3fde501c9b31?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2070&q=80)}@media screen and (min-width:36em){.albums__list{grid-template-columns:1fr 1fr}}@media screen and (min-width:45em){.albums__list{grid-template-columns:1fr 1fr 1fr}}@media screen and (min-width:64em){.artist__albums{grid-area:albums}.albums__list{grid-template-columns:1fr 1fr 1fr 1fr}}@media screen and (min-width:90em){.albums__list{grid-template-columns:1fr 1fr 1fr 1fr 1fr}}.track__list-item{display:flex;flex-direction:column;justify-content:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--border-radius);background-color:var(--alpha-dark)}.item__details-wrapper h3{font-size:.875rem}.list__item-details{display:flex;flex-direction:column;gap:1rem}.item__details-artists{font-size:.75rem;font-style:italic}.item__details-track{display:flex;flex-direction:row;gap:1rem;font-size:.75rem}.btn-spotify{display:block;width:100%;text-align:center;background-color:var(--spotify-black)}@media screen and (min-width:64em){.track__list-item{flex-direction:row}.track__list-item img{width:48px}.list__item-details{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:space-between}}.tracks__list{display:grid;grid-template-columns:1fr;gap:1.5rem}.list__header.tracks{background-image:url(https://images.unsplash.com/photo-1594623930572-300a3011d9ae?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1170&q=80)}@media screen and (min-width:36em){.tracks__list{grid-template-columns:1fr 1fr}}@media screen and (min-width:45em){.tracks__list{grid-template-columns:1fr 1fr 1fr}}@media screen and (min-width:64em){.artist__tracks{grid-area:tracks}.tracks__list{grid-template-columns:1fr;gap:.75rem}}.section__artist{display:grid;grid-template-columns:1fr;gap:20px;padding-top:2rem}@media screen and (min-width:64em){.section__artist{grid-template-areas:"infos tracks" "albums albums";grid-template-columns:480px auto}}.header{justify-content:space-between;margin:40px 40px 0}.header,.header_profile{display:flex;flex-direction:row;align-items:center}.header_profile{gap:16px;background-color:rgba(0,0,0,.2);border-radius:100px;padding-right:16px}.logo{font-size:24px;font-family:Play,sans-serif}.avatar{width:32px;height:32px}.handwaves{display:inline-block;transform:rotate(-15deg);-webkit-animation:smoothRotate .5s ease-in 4 alternate;animation:smoothRotate .5s ease-in 4 alternate}@-webkit-keyframes smoothRotate{to{transform:rotate(15deg)}}@keyframes smoothRotate{to{transform:rotate(15deg)}}.footer{padding-block:1rem;font-size:.875rem;text-align:center}:root{--primary:#473956;--primary-lighter:#6f5a87;--primary-darker:#282030;--light:#f4f4f6;--alpha-dark:rgba(0,0,0,.25);--spotify-green:#1db954;--spotify-white:#fff;--spotify-black:#191414;--border-radius:8px;--border-rounded:100px;--cubic-bezier:cubic-bezier(0.53,0.45,0.26,1.02)}::-webkit-scrollbar{width:8px;background-color:var(--primary-darker)}::-webkit-scrollbar-thumb{background:var(--primary-lighter)}body{font-family:Open Sans,sans-serif;color:var(--light);background:var(--primary-darker) url(/img/background.a270a74c.png) center center fixed no-repeat}main{padding-block:4rem}ol,ul{list-style:none}a{cursor:pointer;text-decoration:none}.container{width:90%;margin:auto;max-width:1320px}.cover{border-radius:var(--border-radius)}.bold{font-weight:600}*,:after,:before{margin:0;padding:0;box-sizing:border-box}body,html{height:100%}body{line-height:1.5;-webkit-font-smoothing:antialiased}canvas,img,picture,svg,video{display:block;margin:auto;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}#app{isolation:isolate}