@import "/media/css/libs/reset.css";@import "/media/css/libs/jquery.autocomplete.css";@import "/media/css/libs/daterangepicker.min.css";.top_container{z-index:1000;background:#1119;width:100%;height:40px;line-height:40px;transition:background;position:fixed;top:0;left:0;&.scrolled{background-color:var(--color-gray-dark);transition:background .5s}& .inner{box-sizing:border-box;color:var(--color-gray-soft);vertical-align:middle;z-index:2;max-width:950px;height:36px;margin:auto;font-size:13px;line-height:36px;position:relative;& a{color:#fff;&:hover{text-decoration:none}&:visited{color:#fff}}& .mobile{display:none}& .float_left>.meta{color:#ccc;letter-spacing:.05em;padding-left:2px;font-family:Poiret One,Lucida Grande,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;&.mobile{padding-left:5px}}& form,& div{line-height:40px;display:inline-block;& input+.lds-ring{color:#fff}}& .top_links{color:#fff;vertical-align:top;margin-top:1px;margin-right:40px;padding:0;font-size:18px;& a{margin:0 10px;display:inline-block;&:hover{color:#fff;text-decoration:none}}}& .user_container{user-select:none;color:#fff;cursor:pointer;vertical-align:top;white-space:nowrap;height:40px;line-height:40px;position:relative;&:hover{color:#ccc}& .profile_text{vertical-align:top;height:40px;margin-top:1px;margin-right:70px;line-height:40px;display:inline-block;&:before{content:"";vertical-align:middle;background-color:currentColor;width:15px;height:15px;line-height:40px;transition:transform .2s;display:inline-block;position:relative;left:-5px;-webkit-mask-image:url(/media/img/icons/chevron-down-solid.svg);mask-image:url(/media/img/icons/chevron-down-solid.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}}@media (prefers-reduced-motion:reduce){& .profile_text:before{transition:none}}&.active .profile_text:before{transform:scaleY(-1)}& .profile_img{z-index:3;background-repeat:no-repeat;border-radius:32px;width:64px;height:64px;margin-top:-8px;display:inline-block;position:absolute;right:0;box-shadow:0 0 8px #000c;&:after{content:"";background-image:linear-gradient(#0000 50%,#000000f2 100%);border-radius:32px;width:64px;height:64px;position:absolute;left:0}& img{opacity:0}}& ul.subnav{color:#fff;float:left;background-color:#000;border:1px solid #666;width:140px;margin:0;padding:0;list-style:none;display:none;position:absolute;top:38px;right:-7px;& li{clear:both;border-top:1px solid #252525;border-bottom:1px solid #191919;margin:0;padding:0;line-height:24px;& a{box-sizing:border-box;float:left;width:100%;padding:3px 0 3px 10px;font-size:12px;text-decoration:none;&:hover{background-color:#222}}}}}}& .selected_user{color:var(--color-white);position:absolute;top:45px;right:0;& a{color:var(--color-white);font-weight:700}}}.heading_container{z-index:10;position:relative;& .heading_cont{z-index:4;background-position:50% 30%;background-repeat:repeat;background-size:cover;width:100%;min-height:150px;padding-top:37px;position:relative;&:after{content:"";z-index:2;background-color:#0000000d;background-image:url(/media/img/artist_cover.png);background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0}&.main_heading_cont{min-height:100px;&:after{background-color:#00000080}& .info h1{user-select:none;letter-spacing:.05em;z-index:3;margin:auto;font-family:Poiret One,Lucida Grande,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:45px;font-weight:400;line-height:45px;position:relative;& a{outline:none;&:hover{text-decoration:none}& .stats{color:#fff;letter-spacing:.05em;text-shadow:0 5px 15px #fff}& .ter{color:var(--color-gray-medium);letter-spacing:.05em;text-shadow:0 5px 15px var(--color-gray-medium)}}& .separator{color:var(--color-gray-medium);width:40px;display:inline-block}& .meta{color:#ccc;vertical-align:middle;font-size:16px;line-height:16px}}& .top_music{padding-right:2px;font-size:12px;line-height:16px;position:absolute;bottom:-25px;right:0;& a{color:#ccc;&:hover{color:#fff;text-decoration:none}}}}& .info{box-sizing:border-box;z-index:3;max-width:950px;height:100%;margin:auto;padding:25px 0 0;position:relative;& .img174{box-shadow:none;background-color:#0000;border-color:#444;margin-right:18px;&:after{visibility:visible;height:100%}&.user_img,&.artist_img{border:2px solid var(--color-gray-dark);background-position:50%;border-radius:87px;&:after{background-color:#0000;border-radius:87px}}& .spotify_link{text-decoration:none;display:none;& .spotify_container{border-radius:17px;position:relative;&:after{background-color:var(--color-gray-mid);content:"";opacity:.5;text-align:center;z-index:5;width:40px;height:40px;line-height:34px;display:inline-block;position:relative;top:6px;left:4px;-webkit-mask-image:url(/media/img/icons/play-circle-solid.svg);mask-image:url(/media/img/icons/play-circle-solid.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}&:hover{background-color:var(--color-black);transition-duration:.3s;&:after{background-color:var(--color-white);opacity:1;width:34px}}}}}& .top_info{padding-bottom:20px;& h1,& h2,& h3{& .artist_separator{color:#fff}& a{color:#fff;&:hover{color:#999;text-decoration:none}}}& h1{color:#fff;letter-spacing:normal;margin:0;padding-bottom:15px;font-size:36px;font-weight:400;line-height:34px;& .fa-edit{font-size:14px}& ul{display:inline}& a span{vertical-align:middle;margin-left:10px;font-size:20px;display:inline-block}}& h2{margin:0;font-size:20px;font-weight:300}& h4{margin-bottom:10px;font-size:16px;font-weight:400;& .username{color:#fff}& .meta{color:#999}}& .lds-facebook{top:10px}& .submit{background-color:#0000;border:0;width:20px;height:18px;position:absolute;top:calc(50% - 12px);right:9px;&:before{background-color:var(--color-black);content:"";cursor:pointer;width:20px;height:20px;line-height:20px;display:inline-block;position:absolute;top:2px;left:3px;-webkit-mask-image:url(/media/img/icons/plus-circle-solid.svg);mask-image:url(/media/img/icons/plus-circle-solid.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}}}}}& .meta_container{box-sizing:border-box;clear:right;color:#fff;text-shadow:0 0 3px #000;z-index:3;max-width:950px;margin:5px auto 0;padding-left:5px;position:relative;& a{color:#fff;&:hover{color:var(--color-gray-mid);text-decoration:none}}& .meta{float:left;padding:0 30px 10px 0;& .value{color:#eee;font-size:20px;font-weight:400;& a:hover{color:#eee;text-decoration:none}& .user_value,& .share,& .rank{color:#eee;font-size:16px;font-weight:300}}& .label{color:#eee;letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:300;&.user_listening{border-left:1px solid var(--color-gray-soft);height:46px;padding-left:30px;& .user_listening_image{float:left;position:relative;& svg{width:46px;height:46px;position:absolute;top:0;left:0;& path{stroke:#444}& .similarity_path{stroke:#fff;animation:3s ease-out forwards progress}}& .user_listenings_img{float:left;background-color:#000;border:2px solid #000;border-radius:16px;display:inline-block;position:relative;top:5px;left:5px;&:after{border-radius:16px}}}}& .user_value{white-space:nowrap;margin-left:20px;line-height:35px;&.nomargin{margin:0}& .value{font-size:16px;font-weight:400}}}}}}@keyframes progress{0%{stroke-dasharray:0 100}}.main_container{clear:both;flex-wrap:wrap;max-width:950px;margin:auto;padding-top:20px;display:flex;&.no_heading{margin-top:39px}& .page_links{z-index:4;flex-wrap:wrap;flex-basis:100%;padding:0 0 0 5px;font-family:Open Sans,Helvetica,Arial,sans-serif;font-size:18px;display:flex;position:relative;& a{color:#fff;text-shadow:0 0 3px #000;margin:5px 15px 2px 0;font-weight:400;display:inline-block;&:hover{color:#ccc;text-decoration:none}&.date_filter_submit{margin-right:0}}& .album_love_container,& .artist_fan_container{text-align:right;z-index:1;flex-grow:1}& .lds-facebook{z-index:1;top:15px;left:-50px}& .music_date_selector{text-align:right;flex-grow:1;& .date_filter_clear,& .date_filter_submit,& .month_selector_container,& .day_selector_container,& .weekday_selector_container,& .date_range_container{color:#fff;cursor:pointer;text-shadow:0 0 3px #000;user-select:none;vertical-align:sub;background-color:#0000;font-size:12px;font-weight:300;&:hover{color:#ccc}& select{color:#fff;cursor:pointer;text-shadow:0 0 3px #000;background-color:#0000;border:0;outline:none;font-family:Montserrat,Open Sans,Lucida Grande,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:12px;font-weight:300;&:hover{color:#ccc}}}}}& .full_container{background-color:var(--color-bg-white-left-cont);box-sizing:border-box;z-index:3;flex:0 0 100%;padding:0 0 30px;& .container{margin:15px 5px}}& .left_container{background-color:var(--color-bg-white-left-cont);border-bottom:1px solid var(--color-gray-light);border-right:1px solid var(--color-gray-light);border-top:1px solid var(--color-gray-light);box-sizing:border-box;z-index:3;flex:0 0 640px;padding:0 0 30px;& .container{margin:15px 5px}& .left_container_inner{float:left;width:150px;margin-top:-15px}& .left_container_outer{color:var(--color-gray-dark);letter-spacing:.01em;margin-left:150px;font-size:22px;font-weight:400}}& .right_container{background-color:var(--color-bg-white-alter-right-cont);border-top:1px solid var(--color-gray-light);box-sizing:border-box;z-index:3;flex:1 1 0;min-width:0;padding-bottom:20px;& .container{margin:7px 8px 15px 15px}}}.lds-ring{color:var(--color-black);vertical-align:top;width:16px;height:16px;display:inline-block;position:relative;&,& div{box-sizing:border-box}& div{border:3px solid #0000;border-top-color:currentColor;border-radius:50%;width:16px;height:16px;margin:3px;animation:1.2s cubic-bezier(.5,0,.5,1) infinite lds-ring;display:block;position:absolute;top:2px;left:5px;&:first-child{animation-delay:-.45s}&:nth-child(2){animation-delay:-.3s}&:nth-child(3){animation-delay:-.15s}}}@keyframes lds-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lds-facebook{color:#ccc;width:100%;margin:15px 0 15px 5px;line-height:1;display:inline-block;position:relative;&,& div{box-sizing:border-box;border-radius:3px}&.inline{display:inline}& div{background:currentColor;width:10px;animation:.8s cubic-bezier(0,.5,.5,1) infinite lds-facebook;display:inline-block;position:absolute;&:first-child{animation-delay:-.24s;left:0}&:nth-child(2){animation-delay:-.12s;left:18px}&:nth-child(3){animation-delay:0s;left:36px}}}@keyframes lds-facebook{0%{color:#ccc;width:10px;height:10px}50%,to{color:#000;width:14px;height:14px;top:-2px}}.mask-icon{background-color:currentColor;width:1em;height:1em;display:inline-block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.mask-icon-bars{-webkit-mask-image:url(/media/img/icons/bars-solid.svg);mask-image:url(/media/img/icons/bars-solid.svg)}.mask-icon-calendar-alt{-webkit-mask-image:url(/media/img/icons/calendar-alt-solid.svg);mask-image:url(/media/img/icons/calendar-alt-solid.svg)}.mask-icon-chevron-down{-webkit-mask-image:url(/media/img/icons/chevron-down-solid.svg);mask-image:url(/media/img/icons/chevron-down-solid.svg)}.mask-icon-flag{-webkit-mask-image:url(/media/img/icons/flag-solid.svg);mask-image:url(/media/img/icons/flag-solid.svg)}.mask-icon-hashtag{-webkit-mask-image:url(/media/img/icons/hashtag-solid.svg);mask-image:url(/media/img/icons/hashtag-solid.svg)}.mask-icon-heart-regular{-webkit-mask-image:url(/media/img/icons/heart-regular.svg);mask-image:url(/media/img/icons/heart-regular.svg)}.mask-icon-heart-solid{-webkit-mask-image:url(/media/img/icons/heart-solid.svg);mask-image:url(/media/img/icons/heart-solid.svg)}.mask-icon-microphone{-webkit-mask-image:url(/media/img/icons/microphone-solid.svg);mask-image:url(/media/img/icons/microphone-solid.svg)}.mask-icon-music{-webkit-mask-image:url(/media/img/icons/music-solid.svg);mask-image:url(/media/img/icons/music-solid.svg)}.mask-icon-pen-square{-webkit-mask-image:url(/media/img/icons/pen-square-solid.svg);mask-image:url(/media/img/icons/pen-square-solid.svg)}.mask-icon-play-circle{-webkit-mask-image:url(/media/img/icons/play-circle-solid.svg);mask-image:url(/media/img/icons/play-circle-solid.svg)}.mask-icon-plus-circle{-webkit-mask-image:url(/media/img/icons/plus-circle-solid.svg);mask-image:url(/media/img/icons/plus-circle-solid.svg)}.mask-icon-plus-square{-webkit-mask-image:url(/media/img/icons/plus-square-solid.svg);mask-image:url(/media/img/icons/plus-square-solid.svg)}.mask-icon-search{-webkit-mask-image:url(/media/img/icons/search-solid.svg);mask-image:url(/media/img/icons/search-solid.svg)}.mask-icon-star-regular{-webkit-mask-image:url(/media/img/icons/star-regular.svg);mask-image:url(/media/img/icons/star-regular.svg)}.mask-icon-star-solid{-webkit-mask-image:url(/media/img/icons/star-solid.svg);mask-image:url(/media/img/icons/star-solid.svg)}.mask-icon-sync-alt{-webkit-mask-image:url(/media/img/icons/sync-alt-solid.svg);mask-image:url(/media/img/icons/sync-alt-solid.svg)}.mask-icon-tag{-webkit-mask-image:url(/media/img/icons/tag-solid.svg);mask-image:url(/media/img/icons/tag-solid.svg)}.mask-icon-times{-webkit-mask-image:url(/media/img/icons/times-solid.svg);mask-image:url(/media/img/icons/times-solid.svg)}body{background-color:var(--color-bg);color:var(--color-black);font-family:Open Sans,Helvetica,Arial,sans-serif;font-size:11px;line-height:1.2;position:relative}div.container{font-size:13px}.background_overlay{filter:blur(15px)brightness(.7);mix-blend-mode:overlay;opacity:.8;pointer-events:none;z-index:0;background-image:none;background-position:50%;background-repeat:no-repeat;background-size:cover;width:100vw;height:100vh;position:fixed;top:0;left:0}h2{color:var(--color-gray-dark);font-variant:normal;margin:20px 0;font-family:IBM Plex Mono,Helvetica,Arial,sans-serif;font-size:22px;font-style:normal;font-weight:500;line-height:28px;& div.desc{font-size:14px}}h3{color:var(--color-gray-dark);font-variant:normal;letter-spacing:-.05em;margin:15px 0;font-family:IBM Plex Mono,Helvetica,Arial,sans-serif;font-size:19px;font-style:normal;font-weight:400;line-height:24px;&.album_love,&.artist_fan{color:var(--color-gray-dark);letter-spacing:.05em;width:100%;margin-bottom:5px}}.updated,.count,.location,.metainfo,.datetime{color:var(--color-gray-mid);letter-spacing:.02em;font-size:11px;font-weight:300}.updated{text-align:right}.not_available{color:var(--transparent);text-shadow:0 0 10px #00000080}.listening_date{color:var(--color-gray-mid);& .listening_date_input{display:inline-block;position:relative}}.number{letter-spacing:.05em;word-spacing:-.4em;font-family:IBM Plex Mono,Helvetica,Arial,sans-serif;font-weight:400}.settings,.more{letter-spacing:.05em;text-align:right;text-transform:uppercase;white-space:nowrap;margin:10px 5px;font-size:10px;line-height:16px;& a{color:var(--color-gray-dark);&:visited{color:var(--color-gray-dark)}&:hover{color:var(--color-gray-mid)}&.unactive{font-weight:300}}}.empty_data_container{color:var(--color-black);font-size:13px;font-weight:300}.settings{font-weight:600;& a{font-weight:700}}p{color:var(--color-black);margin-bottom:20px;font-size:14px;font-weight:300;line-height:20px}strong{font-weight:600}a{color:var(--color-gray-dark);cursor:pointer;text-decoration:none;&:visited{color:var(--color-gray-dark);text-decoration:none}&:hover{color:var(--color-gray-dark);text-decoration:underline}}.like_toggle{cursor:pointer;float:right;position:relative;top:9px;left:9px;& .lds-facebook{display:inline;top:3px;left:20px}& .like_msg{color:var(--color-gray-dark);opacity:.7;width:130px;padding-left:26px;font-size:10px;display:inline-block;position:absolute;top:2px}&.love_add{&:after{content:"";background-color:currentColor;width:16px;height:16px;display:inline-block;-webkit-mask-image:url(/media/img/icons/heart-regular.svg);mask-image:url(/media/img/icons/heart-regular.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}&:hover{color:var(--color-red);&:after{-webkit-mask-image:url(/media/img/icons/heart-solid.svg);mask-image:url(/media/img/icons/heart-solid.svg)}}}&.love_del{color:var(--color-red);&:after{content:"";background-color:currentColor;width:16px;height:16px;display:inline-block;-webkit-mask-image:url(/media/img/icons/heart-solid.svg);mask-image:url(/media/img/icons/heart-solid.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}&:hover:after{-webkit-mask-image:url(/media/img/icons/heart-regular.svg);mask-image:url(/media/img/icons/heart-regular.svg)}}&.fan_add{&:after{content:"";background-color:currentColor;width:16px;height:16px;display:inline-block;-webkit-mask-image:url(/media/img/icons/star-regular.svg);mask-image:url(/media/img/icons/star-regular.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}&:hover{color:var(--color-yellow);&:after{-webkit-mask-image:url(/media/img/icons/star-solid.svg);mask-image:url(/media/img/icons/star-solid.svg)}}}&.fan_del{color:var(--color-yellow);&:after{content:"";background-color:currentColor;width:16px;height:16px;display:inline-block;-webkit-mask-image:url(/media/img/icons/star-solid.svg);mask-image:url(/media/img/icons/star-solid.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}&:hover:after{-webkit-mask-image:url(/media/img/icons/star-regular.svg);mask-image:url(/media/img/icons/star-regular.svg)}}}.quick_add_listening{& ul{text-transform:none;& li .icon{margin-right:5px}}& span{color:#fff;cursor:pointer;float:right;text-transform:none;margin-right:5px;font-size:16px;position:relative;top:9px;left:9px}}#artistBio p.content{display:none}.similarity_info{background-color:#0000;padding-bottom:30px;& .simililarity_image{position:relative;& svg{width:54px;height:54px;position:absolute;top:0;left:0;& path{stroke:#b6c0bf80}& .similarity_path{stroke:var(--color-accent);animation:3s ease-out forwards progress}}& .user_similarity_img{background-color:var(--color-white);border:2px solid var(--color-white);float:left;border-radius:20px;display:inline-block;position:relative;top:5px;left:5px;&:after{border-radius:20px}}}& .similarity_text{color:#fff;text-shadow:0 0 1px #000;margin-left:70px;padding-top:4px;font-size:14px;font-weight:300;line-height:20px;& a,& .text{font-weight:400}}}#artists,#tags{padding-bottom:10px;& .meta{color:#fff;vertical-align:middle;margin-right:5px;font-size:14px;display:inline-block}& .tag{letter-spacing:.01em;text-transform:uppercase;font-size:0;display:inline-block;& a,& a:visited{color:#fff;&:hover{color:#fff;text-decoration:none}}&.addtags,&.genre,&.nationality,&.year,&.keyword{&>a{background-color:#333;margin-bottom:2px;padding:4px;font-size:10px;display:inline-block}&:hover a{background-color:#000;display:inline-block}}&.nationality{background-color:var(--transparent);position:relative;top:2px;&>a{background-color:var(--transparent);&:hover{background-color:var(--transparent)}&.remove{position:relative;top:-2px}}&:hover a{background-color:var(--transparent)}}}}#tagAdd{width:100%;max-width:450px;display:inline-block;position:relative}.autocomplete_container{position:relative}input,textarea{box-sizing:border-box;&.text,&[type=password],&[type=text]{background-color:var(--color-gray-soft);border:1px solid var(--color-gray-medium);color:var(--color-black-alter);border-radius:3px;width:100%;margin:0;padding:6px 4px 6px 8px;font-size:14px;&:disabled{color:var(--color-gray-mid)}&:active,&:focus{background-color:var(--color-bg-white-alter);color:var(--color-gray-dark)}}&.text{height:120px}&[type=submit]{appearance:none;color:#fff;cursor:pointer;letter-spacing:.1em;text-align:center;background-color:#000;border:0;padding:6px 14px;font-family:Open Sans,Helvetica,Arial,sans-serif;font-size:14px;&:focus,&:hover{color:#fff;background-color:#666}}&+.lds-ring{color:var(--color-black);width:16px;height:16px;display:none;position:absolute;top:50%;right:8px;transform:translateY(-50%);& div{top:-2px;left:-5px}}&.working{padding-right:30px;&+.lds-ring{display:inline-block}}}input,textarea,button{outline:none}fieldset{margin-bottom:20px;& legend{color:var(--color-black);font-variant:normal;margin:15px 0 0;font-size:18px;font-style:normal;font-weight:400}}.input_container{margin:10px 0 5px;& .label{color:var(--color-black);margin-bottom:2px;font-size:14px;font-weight:600}& label{color:var(--color-black);cursor:pointer}& .checkbox_container{cursor:pointer;line-height:20px}}form#addListeningForm{& input{&#addListeningDate{color:var(--color-black);cursor:pointer;background-color:#0000;border:0;padding:0;font-size:14px;&:hover{text-decoration:underline}}&[type=text]{font-size:20px}&[type=submit]{float:right;margin:10px 0 15px}}}form#registerForm{width:300px;position:absolute;& input{box-sizing:border-box;width:100%;margin:5px 0}}form#loginForm input[type=password],form#loginForm input[type=text]{background-color:var(--color-white);color:var(--color-black);border-radius:2px;width:70%;padding:4px;font-size:14px}.search_container{vertical-align:top;&::placeholder{color:#ffffff4d;font-weight:300}&:hover::placeholder{color:#fff;transition-duration:.3s}& .search_form input{background-color:var(--transparent);color:var(--color-black-alter);border:0;width:250px;padding:4px 0;font-size:16px;font-weight:300;&:focus{background-color:var(--transparent);color:#fff;&::placeholder{color:#fff;font-weight:300}}}& .search_submit{background-color:var(--transparent);cursor:pointer;border:0;width:30px;height:28px;&:disabled{cursor:default}&:before{background-color:var(--color-gray-light);content:"";width:16px;height:16px;display:inline-block;position:relative;top:calc(50% - 8px);left:0;-webkit-mask-image:url(/media/img/icons/search-solid.svg);mask-image:url(/media/img/icons/search-solid.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}}&.full{position:relative;& .search_form input{background-color:var(--color-gray-soft);border:1px solid var(--color-gray-medium);color:var(--color-gray-mid);width:100%;padding:8px;&:focus{background-color:var(--color-bg-white-alter);color:var(--color-black)}&+.lds-ring{top:15px;right:45px}}& .search_submit{width:35px;height:30px;position:absolute;top:1px;right:5px;&:before{background-color:var(--color-gray-mid);width:20px;height:20px}&:hover:before{background-color:var(--color-black)}}}}form#transferAlbumDataForm,form#deleteArtistForm,form#deleteAlbumForm,form#addArtistForm,form#addGenreForm,form#addKeywordForm{& input[type=submit]{float:right;margin:10px 0 15px}}table{border-collapse:collapse;border-spacing:0;font-variant:normal;width:100%;font-style:normal;font-weight:400}td{margin:0;padding:0}th{text-align:left}table.genre_table tr td{border-bottom:1px solid var(--color-gray-soft);vertical-align:bottom;padding-top:3px}table.music_table{border-collapse:collapse;border:0;& tbody tr{border-bottom:1px solid var(--color-gray-medium);border-top:1px solid var(--color-gray-medium);height:32px;&:nth-child(2n){background-color:var(--color-bg-white-alter)}&:nth-child(odd){background-color:var(--transparent)}& td{vertical-align:middle;& div.cover{border-width:0 1px}&.icon{text-align:center;width:26px;padding:0 5px}&.datetime{text-align:right;white-space:nowrap;width:100%;padding:0 5px}&.title{color:var(--color-black);width:100%;padding:0 5px;& .album_year{color:var(--color-gray-mid);font-size:11px}& .confirmation{text-align:left;font-size:10px}& .confirmation,& .delete{display:none;& .mask-icon{color:var(--color-gray-mid);margin-left:5px;font-size:15px;position:relative;top:2px;&:hover{color:var(--color-black);opacity:1}}}& .spotify_link{text-decoration:none;display:none;& .spotify_container{&:after{background-color:var(--color-gray-mid);content:"";z-index:5;width:16px;height:16px;margin-top:1px;display:none;position:relative;top:1px;-webkit-mask-image:url(/media/img/icons/play-circle-solid.svg);mask-image:url(/media/img/icons/play-circle-solid.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}&:hover:after{background-color:var(--color-black)}}}}&.user_img .user_img{float:right}& .now_playing{background-image:url(/media/img/icons/eq_icon.gif);background-position:0;background-repeat:no-repeat;padding-left:17px}& .love_icon{color:var(--color-red);font-size:14px;&:after{content:"";background-color:currentColor;width:1em;height:1em;display:inline-block;-webkit-mask-image:url(/media/img/icons/heart-solid.svg);mask-image:url(/media/img/icons/heart-solid.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}}}&:hover span.delete{display:inline;position:absolute;& img{opacity:.3;vertical-align:-10%;width:12px;height:12px;margin-left:5px;&:hover{opacity:1}}}&.just_added{background-color:var(--color-yellow);& a{color:#000;& .album_year{color:#333;font-size:11px}}& .datetime{color:#000}& td.user_img,& td.album_img{width:64px}& td.title{color:#000;& .spotify_link{display:none;& .spotify_container{&:after{background-color:#000}&:hover:after{background-color:var(--color-gray-light)}}}}}&.just_added_rest{& a{color:var(--color-black);&:visited{color:var(--color-black)}}& td.user_img,& td.album_img{width:32px}& td.title{line-height:14px;position:relative;& span.title,& span.delete,& div.confirmation,& a.spotify_link{position:relative;left:-32px}& a.spotify_link{display:none}}& td.datetime>span{position:relative;right:-32px}}}}table.side_table{& tr td{vertical-align:middle;padding:2px 0;&.img32{width:32px;& .album_img,& .user_img{width:32px}& .artist_img,& .user_img{border-radius:16px;&:after{border-radius:16px}}&.tag_img{color:var(--color-accent);text-align:center;font-size:24px}}&.img64{width:64px;&.tag_img{color:var(--color-accent);text-align:center;font-size:38px}& .artist_img,& .user_img{border-radius:32px;&:after{border-radius:32px}}}&.rank,&.type{text-align:center;vertical-align:middle;padding-right:5px;& .rank{background-color:var(--color-black-alter);color:var(--color-white);text-align:center;vertical-align:middle;border-radius:10px;width:20px;height:20px;margin-top:2px;font-size:12px;line-height:20px;display:inline-block}}&.type{font-size:14px}&.title{width:100%;padding-left:5px;& .album_year{color:var(--color-gray-mid);font-size:11px}& .artist_name{font-size:11px;line-height:12px}& .spotify_link{margin-right:3px;text-decoration:none;display:none;& .spotify_container{&:after{background-color:var(--color-gray-mid);content:"";z-index:5;width:16px;height:16px;margin-top:1px;display:inline-block;position:relative;top:1px;-webkit-mask-image:url(/media/img/icons/play-circle-solid.svg);mask-image:url(/media/img/icons/play-circle-solid.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}&:hover:after{background-color:var(--color-black)}}}}&.calendar{width:30px;padding-right:2px;font-size:11px;& .month{border:1px solid var(--color-gray-light);color:#fff;text-align:center;background-color:#000;border-bottom:0;width:25px;margin-top:2px;padding-bottom:1px;display:inline-block}& .day{border:1px solid var(--color-gray-light);color:#000;text-align:center;background-color:#fff;width:25px;padding:0;line-height:1.1em;display:inline-block}}}}.left_container table.side_table tr{& td.rank{padding-left:5px}&:nth-child(2n){background-color:var(--color-bg-white-alter)}&:nth-child(odd){background-color:var(--transparent)}}table.year_table tr td{border-bottom:1px solid var(--color-gray-soft);padding-top:5px;font-size:14px}table.column_table{& tr td{padding:1px 0;&.rank{text-align:right;width:2%;padding-right:4px;& .rank{background-color:var(--color-black-alter);color:var(--color-white);text-align:center;vertical-align:middle;border-radius:10px;width:20px;height:20px;margin-top:2px;font-size:12px;line-height:20px;display:inline-block}}&.name{vertical-align:middle;width:58%;padding:0 2px 0 5px;& .listening_format_type{margin-right:3px}}&.bar{background-color:var(--transparent);vertical-align:middle;width:42%;padding-right:1px;& div{background-color:var(--color-yellow-dark);color:#000;padding:2px 0 2px 3px;&.number{font-size:11px}}}}&.full{margin-top:20px;& tr:nth-child(2n) td.name{background-color:var(--color-bg-white-alter)}}}#shoutTotal{color:var(--color-gray-medium);float:right;font-size:14px}.left_container table.shout_table tr{&:nth-child(2n){background-color:var(--color-bg-white-alter)}&:nth-child(odd){background-color:var(--transparent)}}table.shout_table tr{&:hover span.delete{display:inline;position:absolute;& img{opacity:.3;vertical-align:-10%;width:12px;height:12px;margin-left:5px;&:hover{opacity:1}}}& td{vertical-align:middle;padding:10px 0;&.img{vertical-align:top;& .img32{border-radius:16px;&:after{border-radius:16px}}& .img64{border-radius:32px;&:after{border-radius:32px}}}&.textarea{width:100%;padding-left:10px;& textarea{background-color:var(--color-gray-soft);border:1px solid var(--color-gray-medium);box-sizing:border-box;color:var(--color-black-alter);resize:vertical;border-radius:5px;width:100%;height:64px;padding:8px 12px;font-size:13px;&:focus{background-color:var(--color-bg-footer)}}& button{appearance:none;color:#fff;cursor:pointer;float:right;letter-spacing:.1em;text-align:center;background-color:#000;border:0;margin-top:10px;padding:6px 14px;font-family:Open Sans,Helvetica,Arial,sans-serif;font-size:14px;&:focus,&:hover{background-color:var(--color-gray-dark);border-color:var(--color-gray-dark);color:var(--color-white)}}}&.text{color:var(--color-black);vertical-align:top;width:100%;padding-left:10px;& .confirmation{text-align:left;font-size:10px}& .confirmation,& .delete{display:none;& .mask-icon{color:var(--color-gray-medium);margin-left:5px;font-size:15px;position:relative;top:1px;&:hover{color:var(--color-black);opacity:1}}}& .metainfo{float:right;text-align:right;white-space:nowrap;padding:0 5px}& .shout_text{color:var(--color-gray-dark);overflow-wrap:break-word;word-break:break-word;font-weight:300}}}}ul.music_wall{& li{float:left;width:100%;max-width:157px;height:auto;max-height:157px;position:relative;&:first-child{max-width:314px;max-height:314px}&>a{z-index:2;width:100%;height:100%;display:inline-block;position:absolute}&.hover .main a{text-decoration:underline}&.hover{& .cover:after{opacity:0;transition:opacity .5s}}& .cover{border:0;&:after{border:0}&.img150,&.img300{width:100%;height:100%;padding-bottom:100%}}& .meta{color:#fff;text-shadow:0 0 10px #000000b3;margin:0;padding-right:2px;font-size:12px;line-height:18px;position:absolute;bottom:10px;left:10px;& .title{font-size:11px;line-height:12px;&.count{color:#ccc}&.main{letter-spacing:.01em;font-size:14px;font-weight:600;line-height:16px}& a{color:#fff}}}}}ul{&.no_bullets{margin:0;padding:0;list-style-type:none}&.music_list{color:var(--color-black-alter);width:100%;display:block;overflow:hidden;& .play_count{margin-top:3px;display:inline-block}& li{position:relative;&.album{&>a{width:152px;height:152px}}&.artist{&>a{width:152px;height:110px}}&>a{z-index:2;display:inline-block;position:absolute}& .cover{width:150px;display:block;& span{display:block}}&.hover{& .cover:after{opacity:0;transition:opacity .5s}}& .meta{color:#fff;letter-spacing:.01em;text-shadow:0 0 1px #000,0 0 1px #000,0 0 1px #000,0 0 1px #000;z-index:4;padding-right:5px;font-size:11px;font-weight:400;position:absolute;left:7px;& a{color:#fff}& .main{font-size:14px}}&.album,&.artist{& .meta{bottom:5px}}&.hover .main a{text-decoration:underline}}&.music_list_64 li{vertical-align:top;width:70px;margin:0 9px 0 0;display:inline-block;overflow:visible}&.music_list_124 li{vertical-align:top;width:130px;margin:0 0 20px;display:inline-block;overflow:visible}&.music_list_150 li{box-sizing:border-box;vertical-align:top;width:152px;margin:0 0 20px;display:inline-block;overflow:visible}}&.user_list.user_list_150 li{box-sizing:border-box;vertical-align:top;width:150px;margin:0 0 3px;display:inline-block;overflow:visible}&.album_list,&.artist_list{margin:0 0 20px;font-size:0;& li{box-sizing:border-box;color:var(--color-black);vertical-align:top;margin:0;display:inline-block;position:relative;overflow:visible;& .icon{width:20px;height:20px;position:absolute;top:5px;right:5px}& .meta{color:#fff;text-shadow:0 0 1px #000,0 0 1px #000,0 0 1px #000,0 0 1px #000;margin:0;font-size:12px;line-height:18px;position:absolute;bottom:5px;left:5px;& .title{font-size:11px;line-height:12px;&.main{letter-spacing:.01em;font-size:14px;font-weight:600;line-height:16px}& a{color:#fff}}}&.block{margin-top:20px;display:block;&:first-child{margin-top:0}& h2{margin:0}}}}&.like_list{margin-top:7px;display:inline-block;& li{margin:0;display:inline-block}}&.search_list li{&.even{background-color:var(--transparent)}&.no_img{height:35px;line-height:35px}&.odd{background-color:var(--color-white-alter)}&.title{margin-top:30px}& i{vertical-align:middle;margin-right:5px;display:inline-block}& a{align-items:center;display:flex;overflow:hidden;& div{display:inline-block;&.cover{flex-shrink:0;margin-right:5px}&.title{width:100%}}&:visited,&:hover{text-decoration:underline}}}}.main_container .left_container .welcome_container{color:var(--color-white);background-image:url(/media/img/og_image.jpg);background-repeat:no-repeat;background-size:100%;position:relative;&:before{content:"";background-color:#00000080;width:100%;padding-top:66.67%;display:block}& .content{padding:20px 20px 10px;position:absolute;inset:0;& h2{color:#fff;letter-spacing:.02em;margin:0 0 20px;font-size:30px}& h3{color:#fff;text-shadow:2px 0 10px var(--color-black);& a{color:#fff;font-weight:600}}}}img{margin:0;padding:0;&.icon{vertical-align:-16%;width:16px;height:16px}&.listening_format{cursor:pointer;opacity:.3;width:64px;height:64px;margin:8px;&.selected{opacity:1}}&:active,&.selected{outline:none}}.tooltip{position:relative;&:after{background-color:var(--color-white);color:var(--color-gray-mid);content:attr(data-tooltip);opacity:0;pointer-events:none;white-space:nowrap;z-index:100;border-radius:5px;padding:6px 14px;transition:opacity .15s;position:absolute;top:100%;left:50%;transform:translate(-50%);box-shadow:0 0 10px 6px #0000001a}&:hover:after,&:focus:after{opacity:1}@media (prefers-reduced-motion:reduce){&:after{transition:none}}}.searchable_select{position:relative;& .searchable_select_control{background-color:var(--color-bg);border:1px solid var(--color-gray-medium);flex-wrap:wrap;align-items:center;display:flex;&:focus-within{border-color:var(--color-gray-medium)}}&.searchable_select_single .searchable_select_control{padding-right:24px;&:after{background-color:var(--color-gray-dark);content:"";pointer-events:none;width:15px;height:15px;display:inline-block;position:absolute;top:50%;right:10px;transform:translateY(-50%);-webkit-mask-image:url(/media/img/icons/chevron-down-solid.svg);mask-image:url(/media/img/icons/chevron-down-solid.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}}& .searchable_select_chips{flex-wrap:wrap;gap:4px;width:100%;margin:0;padding:2px 30px 2px 2px;display:flex;& .searchable_select_chip{background-color:var(--color-gray-soft);color:var(--color-black-alter);border-radius:3px;align-items:center;gap:4px;margin:0;padding:2px 6px;display:inline-flex;&:last-child{margin-right:8px}& span{font-size:12px}& .searchable_select_chip_remove{color:var(--color-gray-dark);cursor:pointer;text-decoration:none;&:hover{color:var(--color-black-alter)}}}}& .searchable_select_input{color:var(--color-black);background:0 0;border:0;outline:none;flex:80px;min-width:80px;&::placeholder{color:var(--color-gray-mid)}}& .searchable_select_dropdown{background-color:var(--color-white);border:1px solid var(--color-gray-medium);z-index:100;max-height:320px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}& .searchable_select_group_label{color:var(--color-gray-mid);letter-spacing:.05em;text-transform:uppercase;padding:6px 10px 2px;font-size:11px}& .searchable_select_result{color:var(--color-black);cursor:pointer;padding:6px 10px;font-size:14px;& strong{font-weight:700}&:hover,&.active{background-color:var(--color-gray-soft);border-left:4px solid var(--color-black);padding-left:6px}}& .searchable_select_hint{color:var(--color-gray-mid);padding:6px 10px;font-size:11px}}div.cover{background-size:100%;&.img32,&.img64{border:1px solid var(--color-gray-light)}&.img124,&.img150,&.img174,&.img300{border:1px solid var(--color-gray-medium);box-shadow:3px 3px 4px var(--color-gray-light);box-sizing:border-box;&.no_overlay{border:1px solid var(--color-gray-medium);box-shadow:none;&:hover{border:1px solid var(--color-gray-medium);box-shadow:3px 3px 4px var(--color-gray-light)}}}&.img32{width:32px;height:32px}&.img40{width:40px;height:40px}&.img64{width:64px;height:64px}&.img124{width:124px;&.album_img{height:124px}&.artist_img{background-size:cover;height:90px}&.user_img{background-size:cover;height:124px}}&.img150{width:150px;&.album_img{height:150px}&.artist_img{background-size:cover;height:110px}&.user_img{background-size:cover;height:150px}}&.img174{width:174px;height:174px}&.img300{width:300px;&.album_img{height:300px}&.user_img,&.artist_img{height:200px}}&.album_img{background-position:50%;background-size:cover}&.artist_img{background-position:50% 0;background-size:cover}&.user_img{background-position:50%;background-origin:padding-box}&.img32,&.img64,&.img124,&.img150,&.img174,&.img300{position:relative;&:after{content:"";width:100%;height:100%;position:absolute;top:0}}&.img124{&:after{background-image:linear-gradient(#0000 25%,#000000f2 100%)}}&.img32,&.img64,&.img150,&.img174,&.img300{&:after{background-image:linear-gradient(#0000 25%,#000c 100%)}&.no_overlay{&:after{background-image:none}&:hover:after{opacity:1;background-image:linear-gradient(#0000 25%,#000c 100%)}}}&.img150,&.img174,&.img300{&:after{transition:all 1s}&.hover,&:hover{& .album_year,& .rank,& .title{text-shadow:1px 1px 2px #000,0 0 1px #000,0 0 1px #000}&:after{opacity:0;transition:opacity .5s}}}&.no_cover{border:0;&:after{background-image:none}}& .album_year{z-index:3;display:block;position:absolute;bottom:0;right:0;& a{color:#fff;letter-spacing:.2em;user-select:none;width:auto;height:auto;padding:4px 6px;font-size:16px;font-weight:400;display:inline-block;&:hover{color:#ccc;text-decoration:none}}}& .meta{color:#fff;letter-spacing:.01em;z-index:4;padding-right:5px;font-size:11px;font-weight:400;position:absolute;bottom:5px;left:7px;& a{color:#fff}& .main{font-size:14px}}& .rank{color:#bbb;z-index:3;padding:4px 6px;font-size:14px;display:block;position:absolute;bottom:20px;right:0}}span.divider{border-left:1px solid var(--color-gray-dark);border-right:1px solid var(--color-gray-mid);margin:0 12px 0 5px;padding-top:2px;padding-bottom:5px}div.cover_shadow{background-image:linear-gradient(#0000 25%,#000000f2 100%);width:300px;height:300px;position:absolute}.user_listening,h2,h3{& svg{float:right;vertical-align:bottom;position:relative;bottom:-3px;&.peity{opacity:0;transition:opacity 1s;&.visible{opacity:1}& polyline{stroke:var(--color-yellow-dark)}@media (prefers-reduced-motion:reduce){transition:none}}}& .quick_add_listening,& .func_container{color:var(--color-gray-dark);cursor:pointer;float:right;letter-spacing:0;user-select:none;font-family:Open Sans,Helvetica,Arial,sans-serif;font-size:13px;position:relative;& .value{&:after{content:"";height:15px;line-height:inherit;vertical-align:middle;background-color:currentColor;width:15px;padding-left:10px;transition:transform .2s;display:inline-block;position:relative;-webkit-mask-image:url(/media/img/icons/chevron-down-solid.svg);mask-image:url(/media/img/icons/chevron-down-solid.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}&.active:after{transform:scaleY(-1)}&:hover{color:var(--color-black)}@media (prefers-reduced-motion:reduce){&:after{transition:none}}}& ul.subnav{color:#000;float:left;z-index:100;background-color:#fff;border:1px solid #333;border-radius:5px;width:auto;margin:0;padding:0;list-style:none;display:none;position:absolute;top:38px;right:-7px;&:before{content:"";background-image:url(/media/img/dropdown_arrow.png);background-position:0 0;background-repeat:no-repeat;background-size:36px 18px;width:36px;height:18px;position:absolute;top:-18px;right:0}& li{box-sizing:border-box;clear:both;float:left;white-space:nowrap;width:100%;margin:0;padding:3px 13px;font-size:12px;line-height:24px;text-decoration:none;&:first-child{margin-top:4px}&:last-child{margin-bottom:4px}&:hover{color:#000;background-color:#eee}}}&:hover{color:var(--color-gray-medium)}}}.fa-star{color:var(--color-yellow)}.fa-heart{color:var(--color-red)}.date-picker-wrapper{box-shadow:none;z-index:3;border:0;margin:5px 0 0 27px;padding:0;&.no-shortcuts,&.no-topbar{padding:0}&.single-date{margin:5px 0 0;& .week-name{display:none}& tbody td{width:14.2857%;&:hover{background-color:#ddd}}}&.two-months{& tbody td{width:12.5%;&:hover{background-color:#ddd}}}& .footer{display:none}& .month-wrapper{border-radius:0;padding:0;& .gap{margin:0 10px;top:0}& table{& thead{& tr.week-name{font-size:9px}& .caption{background-color:#fff;height:24px;& .month-name{color:#000;text-align:center;text-transform:capitalize;font-family:IBM Plex Mono,Helvetica,Arial,sans-serif}& .prev,& .next{position:relative;top:2px}& .prev:hover,& .next:hover{background-color:var(--color-white-alter);color:var(--color-black)}}}& tbody{border-top:0;border-bottom:0;& tr{& .day{padding:4px 0;font-family:IBM Plex Mono,Helvetica,Arial,sans-serif;&.toMonth.hovering,&.checked{background-color:#eee}&.first-date-selected,&.last-date-selected{color:#fff!important;background-color:#000!important}&.real-today.toMonth{color:#000;background-color:#fff;font-weight:700;&.hovering{color:#fff;background-color:#ccc}}}& .week-number{font-family:IBM Plex Mono,Helvetica,Arial,sans-serif;font-size:9px;&.week-number-selected{color:var(--color-black);font-weight:700}}}}}}}.calendar_container{z-index:4;position:absolute}hr{border:0;border-bottom:1px dotted var(--color-gray-medium);color:var(--color-gray-medium);opacity:.3;text-align:left;width:100%;height:1px}.hidden{display:none}.middle{vertical-align:middle}.text_left{text-align:left}.text_right{text-align:right}.float_left{float:left}.float_right{float:right}.nowrap{white-space:nowrap}.clear{clear:both}.clearfix{zoom:1;&:after{clear:both;content:" ";visibility:hidden;height:0;display:block}}.footer{background-color:var(--color-bg-footer);box-sizing:border-box;clear:both;color:#fff;z-index:1;width:100%;padding:20px 0;position:relative;& a{color:#ccc;&:visited{color:#ccc}}& .links:hover a{color:#999;&:hover{text-decoration:underline}&:visited{color:#aaa}}& div{max-width:950px;margin:auto;padding:0 10px;&.social_media{padding-right:10px;font-size:14px;& a{margin:0 2px;display:inline-block}}}}@media (width<=960px){body{background-color:var(--color-bg-footer)}.heading_container{background-color:var(--color-bg-footer);& .heading_cont .info{padding-left:3px}& .meta_container{width:100%}}.main_container{background-color:var(--color-bg-footer);& .page_links{box-sizing:border-box;max-width:640px;margin:auto;& .music_date_selector{display:none}}& .left_container{border-right:0;flex:none;width:100%;max-width:640px;margin:auto;& .container{max-width:640px;margin:15px auto;padding:0 2px}}& .right_container{display:none}}}@media (width<=800px){.heading_container{& .meta_container{justify-content:space-evenly;max-width:640px;display:flex}& .float_left.img174{display:none}& .heading_cont .info .top_info{margin-left:2px}}}@media (width<=700px){.background_overlay,div.top_container .inner .user_container .profile_img{display:none}div.top_container .inner .user_container .profile_text{margin-right:2px}}@media (width<=630px){div.top_container .inner .search_container{display:none}.heading_container .meta_container{justify-content:flex-start;display:flex;& .meta:nth-child(4){display:none}}}@media (width<=480px){.main_container{& .page_links{margin-bottom:5px;margin-left:3px}}ul.music_wall{& li{float:left;width:100%;max-width:50%;height:auto;max-height:50%;position:relative;&:first-child{width:100%;max-width:100%;height:auto;max-height:100%}}}ul.user_list.user_list_150 li,ul.music_list.music_list_150 li{width:100%;& .cover{width:100%;padding-bottom:100%}}.heading_container .heading_cont.main_heading_cont .info h1 .top_music,.heading_container .heading_cont.main_heading_cont .info h1 .meta,.top_container .inner .top_links{display:none}.top_container .inner .mobile{display:block}.main_container{& div.left_container{padding-left:0;& .container{box-sizing:border-box;margin:7px 0 15px;padding:0 5px}}}div.footer{font-size:10px}.statster_year,.artist,.format,.love,.external_link,.social_media,div.cover .album_year{display:none}.top_container .inner .user_container .profile_text{margin-right:5px}div.left_container div.left_containerInner{display:none}div.left_container div.left_containerOuter{margin-left:0}div.container{margin:7px 5px 15px}img.img300{width:100%}div.user_info,div.album_info,div.artist_info{clear:both;float:none;margin-left:0}img.desktopFormat{display:none}.heading_container{& .meta_container{& .meta{padding:0 10px 0 0;& .user_listening_image{display:none}}}}}