@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap");@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");:root{--bg-color:#121212;--text-color:#f5f5f5;--primary-color:#bb86fc;--secondary-color:#03dac6;--surface-color:#1e1e1e;--error-color:#cf6679;--border-color:#333}body,html{padding:0;margin:0;font-family:Montserrat,sans-serif;background-color:var(--bg-color);color:var(--text-color)}a{color:inherit;text-decoration:none}header{height:96px;padding:24px;margin-bottom:12px}footer{color:#aaa;margin:128px 0 96px;padding-top:32px}div.logo-wrapper{text-align:center}img.logo{margin:12px auto 24px}img.logo-right{position:absolute;margin:8px 0;right:0}div.content{max-width:1600px;width:90%;margin:0 auto;position:relative}div.content-narrow{width:600px;margin:0 auto}.center{text-align:center;display:flex;justify-content:center}.icon{top:-1px;position:relative}div.form-element{height:64px}input{border-radius:12px;border:1px solid var(--border-color);background-color:var(--surface-color);color:var(--text-color);box-sizing:border-box;font-family:Montserrat,sans-serif;font-size:18px;padding:12px;width:100%;transition:all .2s ease}input:focus{border:1px solid var(--primary-color);outline:0;box-shadow:0 0 0 2px rgba(187,134,252,.3)}.button{display:inline-block;font-family:Montserrat,sans-serif;font-size:18px;background:var(--surface-color);color:var(--text-color);padding:18px;font-weight:700;border-radius:12px;border-width:0;cursor:pointer;text-align:center;transition:all .2s ease}.button:hover{opacity:.9;transform:translateY(-1px)}.button-wide{padding:18px 42px}.button:active,.button:hover{background:#999}.login-button{width:284px;margin:0 16px}a.login-button{width:248px;margin:0 16px}.login-button:first-child{margin-left:0}.login-button:last-child{margin-right:0}.button-overlay{background:rgba(25,25,25,.4);color:#fff;box-shadow:0 4px 30px rgba(0,0,0,.1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.button-overlay:active,.button-overlay:hover{background:#fff;color:#000}span.seperator{display:block;border-bottom:1px solid #ccc;width:64px;height:50%;margin:0 auto}nav{display:block;text-align:center}div.simple-nav{padding-top:48px}nav ul{border-radius:12px;height:-moz-fit-content;height:fit-content;display:inline-flex;background-color:var(--surface-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);align-items:center;padding:0 10px;margin:36px 0 0}nav li{list-style:none;color:#fff;font-weight:700;padding:12px 16px;margin:0 8px;position:relative;cursor:pointer;white-space:nowrap}nav li:before{content:" ";position:absolute;top:0;left:0;height:100%;width:100%;z-index:-1;transition:.1s;border-radius:12px}nav li:hover{color:#000}nav li:hover:before{background:hsla(0,0%,100%,.9);box-shadow:0 3px 20px 0 #444;transform:scale(1.1)}div.collection{margin:24px 0 72px}div.hero-container{height:512px;background-size:cover;background-position:50%;border-radius:8px}div.hero-content{height:512px;background:linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.6));position:relative}div.hero-overlay{position:absolute;bottom:32px;left:48px;width:60%;color:#fff}p.super-heading{text-transform:uppercase;letter-spacing:8px;font-weight:500;font-size:1.3em;margin:8px 0}div.hero-overlay h2{font-size:2.4em;font-weight:500;margin:8px 0}h2.collection-heading{text-transform:uppercase;letter-spacing:8px;font-weight:500;font-size:1.4em;margin:36px 0 8px}p.collection-summary{color:#999;margin:0 0 24px}img.circular-profile{border-radius:50%;width:32px;height:32px;float:left;margin:-8px 8px 0 0}img.circular-profile-2l{margin:2px 8px 0 0}.margin-top-24{margin-top:24px}.margin-top-48{margin-top:48px}.margin-bottom-24{margin-bottom:24px}div.hscroll{overflow-x:auto;padding:20px 0;margin:-20px 0}div.hscroll>div{text-wrap:nowrap}a.playlist-preview{width:256px;display:inline-block;text-wrap:balance;margin:0 16px;vertical-align:top;transition:.1s}a.playlist-preview:active,a.playlist-preview:hover{scale:1.07;transition:.1s}a.playlist-preview:first-child{margin-left:0}a.playlist-preview:first-child:active,a.playlist-preview:first-child:hover{margin-left:12px;margin-right:28px}a.playlist-preview:last-child{margin-right:0}a.playlist-preview:last-child:active,a.playlist-preview:last-child:hover{margin-left:12px;margin-right:28px}a.playlist-preview h3{font-family:EB Garamond,serif;font-size:1.4em;font-weight:500;margin:8px 0}div.mini-thumbs{margin:8px 0;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:8px;gap:8px}div.mini-thumbs>img{display:block;width:100%}p.curator{text-wrap:nowrap;overflow:hidden;text-overflow:ellipsis}img.gallery-icon-large{border-radius:50%;width:100%}div.two-col-wrapper{display:grid;grid-template-columns:1fr 3fr;grid-gap:16px;gap:16px}div.left-col{grid-column:1}div.main-col{grid-column:span 2 3}ul.left-nav{list-style:none;padding:0;margin:64px 0}ul.left-nav>li{margin:0;padding:0;text-align:center;display:block}ul.left-nav>li>a{margin:12px 0;padding:12px;display:block;text-align:center}ul.left-nav>li>a:hover{text-decoration:underline}ul.left-nav>li>a.current,ul.left-nav>li>a:active{font-weight:700}div.artist-preview{background-size:cover;height:calc(256px - 94px);position:relative;padding:98px 0 0}div.artist-preview-profile{margin:0 auto;display:block;width:160px;height:160px;border-radius:50%;border:1px solid #fff}div.artist-preview-profile,div.mood-preview{background-position:50%;background-size:cover}div.mood-content,div.mood-preview{height:256px;border-radius:50%}div.mood-content{display:grid;justify-content:center;align-content:center;background:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.4))}div.mood-content>h3{margin:0;color:#fff;font-size:1.6em;font-weight:700}div.artcast-preview{background-size:cover;height:172px}div.artcast-preview-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}p.error{color:#c00;font-weight:700}@media screen and (max-width:768px){header{height:auto;padding:16px;margin:12px 0}footer,header{width:auto}div.content{box-sizing:border-box}div.content,div.content-narrow{width:auto;padding:0 16px}.login-button,a.login-button{width:100%;margin:8px 0}a.login-button{padding:20px 0}button.login-button{width:100%;margin:8px 0}div.form-element{height:auto;margin:12px 0}img.logo-right{position:relative;margin:8px auto;display:block;right:0}}