@import "https://fonts.googleapis.com/css2?family=Jost:wght@500&family=Radio+Canada:ital,wdth,wght@0,75..100,300..700;1,75..100,300..700&display=swap";*{font-family:"Radio Canada",sans-serif;font-weight:300}html{margin:0;padding:0;height:100%;position:relative}body{background-color:black;color:lightgray;margin:0;padding:0;position:absolute;left:0;top:0;right:0;bottom:0;touch-action:pan-x pan-y}.align-left{text-align:left}.align-center{text-align:center}.logo{font-family:"Jost",sans-serif}.logo a{font-family:"Jost",sans-serif}.logo img{width:32px;vertical-align:-10%}a{color:lightgray;text-decoration:none}a:hover{color:white}#main-container{position:absolute;left:0;right:0;top:0;bottom:0}#search-cancel{position:absolute;left:0;top:0;right:0;bottom:0;background-color:rgba(0,0,0,0.8);z-index:50;display:none;backdrop-filter:blur(2px)}#header{position:absolute;left:0;right:0;top:0;z-index:200;background:linear-gradient(rgb(23,40,40),darkslategray)}#header .column{position:relative}#header .search{position:absolute;z-index:100}#header .search .looking-glass{position:absolute;left:4px;top:4px;width:24px}#header .search input{position:absolute;left:0;right:0;top:0;line-height:30px;background-color:rgba(255,255,255,0.15);border:none;padding:0;color:white;border:1px solid darkslategray;border-radius:5px;padding-left:32px}#header .search input:focus{outline:none;border:1px solid white}#header .search #results-dropdown{position:absolute;left:2px;right:2px;top:34px;background-color:rgb(23,40,40);z-index:100;border-radius:5px;max-height:80vh;overflow-y:auto;box-shadow:darkslategray 0 0 20px inset;border:1px solid rgb(69,116,116);visibility:hidden}#header .search #results-dropdown ul{position:relative;list-style-type:none;padding:0;margin:0}#header .search #results-dropdown .no-result{padding:20px}#header .search #results-dropdown .result{position:relative;height:70px;border-top:1px solid darkslategray;cursor:pointer}#header .search #results-dropdown .result:first{border-top:none}#header .search #results-dropdown .result:hover{background-color:darkslategray}#header .search #results-dropdown .result img{position:absolute;left:5px;top:5px;width:60px;border-radius:5px}#header .search #results-dropdown .result .title{position:absolute;left:80px;right:16px;top:16px;text-wrap:nowrap;font-weight:500;overflow:hidden}#header .search #results-dropdown .result .artist{position:absolute;left:80px;right:16px;bottom:16px;text-wrap:nowrap;font-size:80%}#main-section{position:absolute;left:0;right:0}#main-section h1{font-weight:500;margin:0}#main-section .column{position:relative}#main-section .home-block{border:1px solid rgba(105,105,105,0.5);border-radius:5px;background-color:rgba(47,79,79,0.2);box-shadow:inset 0 0 10px rgba(0,0,0,0.25),0 2px 3px rgba(0,0,0,0.5)}#main-section .scrollview{position:absolute;left:0;right:0;bottom:0;overflow-y:scroll}#main-section .scrollview.home{top:0}#main-section .scrollview.home > .column{width:540px;min-height:100%;background-color:rgb(32,32,32);box-shadow:0 0 20px dimgray;padding:20px;box-sizing:border-box}#main-section .scrollview.home > .column .home-content section{padding:10px}#main-section .scrollview.home > .column .home-content section h2{font-size:20px;font-weight:500;text-align:left;margin:0;margin-bottom:10px}#main-section .scrollview.home > .column .home-content section .button{display:inline-block;width:calc(50% - 25px);border:1px solid gray;border-top-width:3px;border-radius:5px;background-color:rgba(47,79,79,0.5);box-shadow:inset 0 0 20px rgba(0,0,0,0.5);padding:10px;text-align:center}#main-section .scrollview.home > .column .home-content section .button .description{display:block;font-weight:500;color:lightslategray;font-size:90%}#main-section .scrollview.home > .column .home-content section .button .description:last-child{margin-top:5px}#main-section .scrollview.home > .column .home-content section .button .description:first-child{margin-bottom:5px}#main-section .scrollview.home > .column .home-content section .button:hover{border-color:white;color:orange}#main-section .scrollview.home > .column .home-content section .button:hover .description{color:white}#main-section .scrollview.home > .column .home-content section.about{text-align:center;margin:10px;background:transparent;border:none}#main-section .scrollview.home > .column .home-content section.about h2{text-align:center}#main-section .scrollview.home > .column .home-content section.about .socials{margin-top:20px}#main-section .scrollview.home > .column .home-content section.about .socials .cta{display:block;margin-bottom:5px;font-size:12px;opacity:50%}#main-section .scrollview.home > .column .home-content section.about .socials a{margin-right:5px;opacity:50%}#main-section .scrollview.home > .column .home-content section.about .socials a img{height:24px}#main-section .scrollview.home > .column .home-content section.about .socials a:last-child{margin-right:0}#main-section .scrollview.home > .column .home-content section.about .socials a:hover{opacity:100%}#main-section .scrollview.home > .column .home-content section.featured-album{position:relative;height:140px}#main-section .scrollview.home > .column .home-content section.featured-album .blurred-cover{position:absolute;top:0;left:0;right:0;bottom:0;background-position:center center;filter:blur(60px);opacity:0.4}#main-section .scrollview.home > .column .home-content section.featured-album .featured-album-details{position:absolute;top:0;left:0;right:0;bottom:0;padding:10px}#main-section .scrollview.home > .column .home-content section.featured-album a.album{float:left}#main-section .scrollview.home > .column .home-content section.featured-album .album-block{margin-left:120px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#main-section .scrollview.home > .column .home-content section.featured-album .album-title a{font-weight:500}#main-section .scrollview.home > .column .home-content section.featured-album .album-by{color:lightslategray;margin-bottom:30px}#main-section .scrollview.home > .column .home-content section.featured-album .album-artist{color:white}#main-section .scrollview.home > .column .home-content section.featured-album .platforms{position:absolute;left:130px;bottom:10px}#main-section .scrollview.home > .column .home-content section.featured-album .platforms img{width:24px}#main-section .scrollview.home > .column .home-content section.featured-album .shbtn{position:absolute;right:15px;bottom:15px;height:24px}#main-section .scrollview.home > .column .home-content section.featured-album .shbtn img{height:24px}#main-section .flex-grid{padding-top:10px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:10px}#main-section .privacy h2{font-weight:500;margin-top:50px}#main-section .privacy a{text-decoration:underline}#main-section .privacy .analytics-consent-controls{padding:20px;border:1px solid darkslategray;border-radius:10px}#main-section .page-not-found{text-align:center}#main-section .page-not-found h2{font-weight:500;margin-top:50px}#main-section .page-not-found a{text-decoration:underline}#main-section .page-not-found .analytics-consent-controls{padding:20px;border:1px solid darkslategray;border-radius:10px}#main-section .album{position:relative;border-radius:10px;border:1px solid darkslategray;box-shadow:rgba(0,0,0,0.5) 0 3px 5px;cursor:pointer;background-size:contain;display:block}#main-section .album:hover{border-color:white;box-shadow:0 0 20px white}#main-section #top-bar-container{position:absolute;left:0;right:0;top:0;margin:0;box-shadow:black 0 5px 10px;z-index:10;background:linear-gradient(#222,#444);border-bottom:1px solid #666}#main-section #top-bar-container .buttons-container{position:absolute}#main-section #top-bar-container .buttons-container .button{border:1px solid #666;border-radius:3px;background-color:#333;display:inline-block}#main-section #top-bar-container .buttons-container .button:hover{border-color:white}#main-section #catalog-listing{max-width:80%;margin:40px auto;list-style-type:none;padding:0}#main-section #catalog-listing li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;position:relative;display:block;margin-bottom:10px;height:64px;border:1px solid black;border-radius:5px;box-shadow:0px 0px 5px rgba(255,255,255,0.25);text-shadow:0 2px 2px black}#main-section #catalog-listing li > img{filter:blur(20px);opacity:20%;width:100%}#main-section #catalog-listing li:last-child{margin-bottom:0}#main-section #catalog-listing li:hover{border:1px solid gray}#main-section #catalog-listing li a{position:absolute;display:block;left:0;top:0;right:0;bottom:0}#main-section #catalog-listing li a img{border-top-left-radius:5px;border-bottom-left-radius:5px}#main-section .album-catalog #catalog-listing li a .title{position:absolute;left:74px;right:10px;top:0;line-height:40px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#main-section .album-catalog #catalog-listing li a .artist{position:absolute;left:74px;top:35px;right:10px;font-size:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:gray}#main-section .artist-catalog #catalog-listing li a .name{position:absolute;left:74px;right:10px;top:0;line-height:40px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#main-section .artist-catalog #catalog-listing li a .album_count{position:absolute;left:74px;top:35px;right:10px;font-size:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:gray}#footer{position:absolute;left:0;bottom:0;right:0;background:linear-gradient(darkslategray,rgb(23,40,40));box-shadow:black 0 -5px 10px;z-index:10;font-size:12px;text-align:center}#footer .column{padding-top:10px}#footer a{text-decoration:underline}#copied-to-clipboard-toast{position:absolute;left:calc(50vw - 110px);right:calc(50vw - 110px);bottom:30px;background-color:#333;color:lightgray;padding:15px 20px;border-radius:3px;box-shadow:0 3px 5px black;text-align:center;visibility:hidden}@media screen and (min-device-width:1001px){#header{height:50px}#header .logo{font-size:32px;line-height:50px}#header .search{left:200px;right:0;top:9px;bottom:9px}.column{width:960px;margin:0 auto}.home-content section{margin-bottom:20px}.small-column{width:720px;margin:0 auto}#main-section{top:50px;bottom:50px}#main-section h1{line-height:50px;font-size:32px}#main-section h1.align-left{margin-left:40px}#main-section .scrollview{top:50px}#main-section a.album{width:100px;height:100px}#main-section .latest-additions{position:absolute;top:20px;padding:10px;box-sizing:content-box;width:350px}#main-section .latest-additions h1{font-size:18px;font-weight:100;line-height:24px;margin:0 10px;color:gray}#main-section .latest-additions.latest-additions-before{left:-380px}#main-section .latest-additions.latest-additions-before h1{text-align:right}#main-section .latest-additions.latest-additions-after{right:-380px}#main-section .latest-additions.latest-additions-after h1{text-align:left}#main-section #top-bar-container .buttons-container{right:0;top:12px}#main-section #top-bar-container .buttons-container .button{line-height:30px;padding:0 10px;font-size:14px;margin-left:10px}#main-section #catalog-index{margin:20px auto;border-bottom:1px solid darkslategray;border-top:1px solid darkslategray;border-collapse:collapse}#main-section #catalog-index td{line-height:32px;color:darkslategray}#main-section #catalog-index td a{color:gray;display:inline-block;padding:0 5px}#main-section #catalog-index td a:hover{color:white;background-color:darkslategray}#main-section #catalog-index td a.selected{color:white}#main-section #catalog-index td span.empty-section{display:inline-block;padding:0 5px}#main-section #catalog-selector{display:none}#footer{height:50px}}@media screen and (max-device-width:1000px){.column{width:95vw;margin:0 auto}#header{height:80px}#header .logo{font-size:24px;line-height:40px;text-align:center}#header .search{left:0;right:0;top:calc(80px - 2.5vw - 32px)}#main-section{top:80px;bottom:70px}#main-section h1{line-height:40px;font-size:16px}#main-section .scrollview{top:40px}#main-section .scrollview.home .latest-additions{margin-bottom:10px}#main-section .scrollview.home .latest-additions h1{text-align:center}#main-section .scrollview.home .latest-additions.latest-additions-before{display:none}#main-section .scrollview.home > .column{width:90vw;padding:10px;box-shadow:none}#main-section .scrollview.home > .column .home-content section{margin-bottom:10px}#main-section .scrollview.home > .column .home-content section h2{font-size:18px}#main-section .scrollview.home > .column .home-content section.about{margin-top:0}#main-section .scrollview.home > .column .home-content section.about p{display:none}#main-section .scrollview.home > .column .home-content section.about .socials{margin-top:0}#main-section .scrollview.home > .column .home-content section.about .socials .cta{display:none}#main-section .scrollview.home > .column .home-content section.featured-album{height:125px}#main-section .scrollview.home > .column .home-content section.featured-album a.album{width:85px;height:85px;border-radius:5px}#main-section .scrollview.home > .column .home-content section.featured-album .album-block{margin-left:95px}#main-section .scrollview.home > .column .home-content section.featured-album .platforms{left:105px}#main-section .album{width:30%;aspect-ratio:1}#main-section #top-bar-container .buttons-container{right:0;top:5px}#main-section #top-bar-container .buttons-container .button{line-height:30px;padding:0 10px;font-size:14px;margin-left:10px;background-color:#181818}#main-section #catalog-index{display:none}#main-section #catalog-selector{margin:20px auto;width:80%}#main-section #catalog-selector select{width:100%;background:linear-gradient(darkslategray,rgb(23,40,40));color:white;padding:5px 15px;border-radius:3px;border:1px solid darkslategray;font-size:18px}#footer{height:70px}#report-error-button{display:none}}