@font-face{font-family:"Interstate";src:url(/assets/interstate-bold-6d2ea55ef8d1f97cc112312aecd499d55c23d86295b5a1c76e066d86f373c41d.otf) format("opentype");font-weight:700}@font-face{font-family:"Interstate";src:url(/assets/interstate-7af66a456ad9032f9f0b1ba595e0164efdfb8c191b24c16052fb2524fd6547f8.ttf) format("truetype");font-weight:400}@font-face{font-family:"Interstate";src:url(/assets/interstate-light-regular-58eb8e52692aff26959e37ce32ac1af711996529b2dec38b8c71b56f95fbf4f1.otf) format("opentype");font-weight:300}@font-face{font-family:"Interstate";src:url(/assets/interstate-extra-light-7196d3ee7b34f418479d86a9e8a39c0f3a98af5a7655ca2dc9193bb78529463d.otf) format("opentype");font-weight:200}@font-face{font-family:"Interstate";src:url(/assets/interstate-thin-f5708201496a3ca39ceda37f1958e4e560375fa1e2a169645da8ed30dd905c0c.otf) format("opentype");font-weight:100}@font-face{font-family:"Interstate";src:url(/assets/interstate-hairline-b6c4e305c5c498d4e235ee8cd4f3cafe9577fd6dc0d6ce89c0ba8c7d2d336a71.ttf) format("truetype");font-weight:50}@font-face{font-family:"Lucida Grande";src:url(/assets/lucida-grande-ee962f0062412bae8c358a598c18ea4aa8851595600ca5735500c2ecc7309db5.ttf) format("truetype")}@font-face{font-family:"Lucida Sans";src:url(/assets/lucida-sans-8a5e12b371b8659754958bb125f81c30605803a81468ab9dad863abc2c6d706b.ttf) format("truetype");font-weight:normal;font-style:normal}@font-face{font-family:"Lucida Sans Unicode";src:url(/fonts/lucida-sans-unicode.ttf) format("truetype")}html,body,header,nav,h1,a,ul,li,strong,main,button,i,section,img,div,h2,h3,p,form,label,input,input::placeholder,textarea,span,article,footer{margin:0;padding:0;border:0;outline:0;font:inherit;color:inherit;text-align:inherit;text-decoration:inherit;vertical-align:inherit;box-sizing:inherit;background:transparent;letter-spacing:0.01em}ul{list-style:none}img{display:block;width:100%;height:auto}input[type="password"],input[type="email"],input[type="text"],input[type="submit"],input[type="file"],textarea,button{-webkit-appearance:none;-moz-appearance:none}button,input[type="submit"]{cursor:pointer}body{font-family:"Interstate";font-weight:200;background-color:#f2f2f2}.full-width{display:block;background-color:white;min-height:100vh;padding:0 30px;width:1180px;margin:0 auto}@media (max-width: 1239px){.full-width{width:1020px}}@media (max-width: 1079px){.full-width{width:910px}}.truncate{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:normal;letter-spacing:.02em}.modal-open{overflow:hidden}.modal{transition:all 500ms ease-in-out;opacity:.3;position:fixed;top:0;left:0;bottom:0;right:0;width:100%;height:100%;background-color:rgba(242,242,242,0.9);overflow-y:auto;box-sizing:border-box;z-index:-1}.top-filler,.bottom-filler{color:transparent;width:100%;height:46px;background-color:#333}.bottom-filler{background-color:transparent}.show{z-index:10;opacity:1}.cancel-background{z-index:1;background-color:transparent}.modal-close-button{background:url(/assets/modal-close-button-6e866b5bba6061b31f5efc032a9d83e10d0be2442b84070d9155c98d5c8260c3.svg) center no-repeat;position:absolute;top:14px;right:20px;width:20px;height:20px;text-indent:20px;border:0;overflow:hidden;color:#333;z-index:3}.transparent{color:transparent}.transparent-background{background-color:transparent}.relative{position:relative}.border-right-light{border-right:1px solid #f2f2f2}.orange-input{border-color:#f50 !important}.bc-btn{display:inline-block;position:relative;height:26px;margin:0;padding:2px 11px 2px 10px;border:1px solid #e5e5e5;border-radius:3px;background-color:#fff;cursor:pointer;color:#333;font-size:14px;line-height:20px;white-space:nowrap;text-align:center;vertical-align:baseline;box-sizing:border-box;font-weight:300}.orange{color:orange}.full-width-container{margin-left:-30px;margin-right:-30px}.allow-scroll{display:block;height:800px;background-color:white}.loading{position:absolute;z-index:999;height:2em;width:2em;overflow:show;margin:auto;top:0;left:0;bottom:0;right:0}.loading-bg:before{content:'';display:block;position:absolute;top:-223px;left:-400px;width:800px;height:446px;transition:opacity 700ms ease-in;background-color:rgba(0,0,0,0.3);opacity:0;z-index:-1}.loading:before{z-index:1;opacity:1}.loading:not(:required){font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.loading:not(:required):after{content:'';display:block;font-size:10px;width:1em;height:1em;margin-top:-0.5em;-webkit-animation:spinner 1500ms infinite linear;-moz-animation:spinner 1500ms infinite linear;-ms-animation:spinner 1500ms infinite linear;-o-animation:spinner 1500ms infinite linear;animation:spinner 1500ms infinite linear;border-radius:0.5em;-webkit-box-shadow:rgba(0,0,0,0.75) 1.5em 0 0 0,rgba(0,0,0,0.75) 1.1em 1.1em 0 0,rgba(0,0,0,0.75) 0 1.5em 0 0,rgba(0,0,0,0.75) -1.1em 1.1em 0 0,rgba(0,0,0,0.5) -1.5em 0 0 0,rgba(0,0,0,0.5) -1.1em -1.1em 0 0,rgba(0,0,0,0.75) 0 -1.5em 0 0,rgba(0,0,0,0.75) 1.1em -1.1em 0 0;box-shadow:rgba(0,0,0,0.75) 1.5em 0 0 0,rgba(0,0,0,0.75) 1.1em 1.1em 0 0,rgba(0,0,0,0.75) 0 1.5em 0 0,rgba(0,0,0,0.75) -1.1em 1.1em 0 0,rgba(0,0,0,0.75) -1.5em 0 0 0,rgba(0,0,0,0.75) -1.1em -1.1em 0 0,rgba(0,0,0,0.75) 0 -1.5em 0 0,rgba(0,0,0,0.75) 1.1em -1.1em 0 0}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes spinner{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes spinner{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}.session-form{position:absolute;display:flex;flex-direction:column;justify-content:center;width:450px;top:0;left:50%;margin:76px 0 30px -225px;height:620px;padding:25px;background:#fff;z-index:2}.session-form-enter{top:-700px;animation-name:drop;animation-delay:400ms;animation-duration:200ms}.session-form-exit{animation-name:rise;animation-duration:400ms;top:-700px}@keyframes drop{0%{top:-700px}100%{top:0}}@keyframes rise{0%{top:0}33%{top:50px}66%{top:-375}100%{top:-800px}}.session-form input[type="text"],.session-form input[type="password"]{font-size:18px;line-height:24px;padding:7px 8px;border-radius:5px;border:1px solid #ccc;transition:border-color .1s;background-color:#fff;color:#333;width:100%;font-weight:300;margin:5px 0}.session-form-locked-username{padding-left:32px !important}.session-form-locked-username::placeholder{color:black !important;font-weight:400 !important}.session-form input[type="text"]::placeholder,.session-form input[type="password"]::placeholder{color:#999;font-weight:300}.session-form-back-button{position:absolute;color:transparent;background-size:10px 12px;background-image:url(/assets/back-button-f3178f7f20daca7bb84414c63e225229188765611e9168cfb68d35b4796848bc.png);background-repeat:no-repeat;top:20px;left:13px}.session-form-errors{color:#f50;padding:3px 0 5px;transition:transform .12s,padding .12s,min-height .12s,opacity .2s;font-size:12px;font-weight:400;line-height:1.4}.session-form>button[type="submit"],.session-form-demo-submit{margin:5px 0;color:white;background-color:#f50;width:100%;border-radius:3px;border:1px solid #f50;padding:10px 15px;text-align:center;white-space:nowrap;height:40px;font-weight:300}.session-form-demo-submit{background-color:white;color:#f50}[class^="session-form-text-"]{margin:10px 0;font-size:12px;font-family:"Lucida Grande";line-height:16.8px;color:#999}.session-form-text-agree{text-align:center}.song-index{display:table}.trending-songs-title{font-size:24px;text-align:center;padding-top:20px;margin-bottom:30px;font-weight:300;height:33px;color:#333}.song-index-container{margin-right:-20px}.song-index-item{box-sizing:border-box;padding-right:20px;width:16.666%;float:left}.playable-tile{padding-bottom:78px;position:relative}[class^="playable-tile-artwork"]{background-size:cover;width:180px;height:180px;opacity:1;position:relative}@media (max-width: 1239px){[class^="playable-tile-artwork"]{width:153px;height:153px}}@media (max-width: 1079px){[class^="playable-tile-artwork"]{width:136px;height:136px}}.play-button{opacity:0;visibility:hidden;border-radius:50%;background-color:#f50;color:white;transition:opacity .1s, visibility .1s;position:absolute;left:34%;top:34%;right:34%;bottom:34%}[class^="playable-tile-artwork"]:hover .play-button{opacity:1;visibility:visible}.play-button-link{color:transparent;position:absolute;z-index:1;left:0;top:0;right:0;bottom:0;background-image:url(/assets/play-e739e0b05bc18fc3c8883d51caa2c8ba0d670ba36bff14c8ae274e4565d96630.svg);background-size:40% 60%;background-position:60% center;background-repeat:no-repeat;transition:opacity .3s;opacity:1}.play-button-paused{background-image:url(/assets/pause-d51b449104da4e3118b8ebc62c756e5312027389f2b4ea3358c374e0fadfc3a9.svg);background-size:100% 50%}.play-button a:hover{background-color:#f30;border-radius:50%}.playable-tile-description{position:absolute;top:185px;width:100%}@media (max-width: 1239px){.playable-tile-description{top:158px}}@media (max-width: 1079px){.playable-tile-description{top:142px}}.playable-tile-description-title a{display:block;font-size:14px;color:#333;font-weight:300;line-height:1.4}.playable-tile-description-username a{display:block;color:#999;font-size:12px;font-weight:300}.playable-tile-description-username a:hover{color:#333}.playable-tile:hover .playable-tile-actions{transition:opacity .1s,visibility .1s;position:absolute;bottom:0;left:0;width:100%;height:40px;padding:5px;background:linear-gradient(to top, rgba(0,0,0,0.4), transparent);display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;box-sizing:border-box}.playable-like-btn,.playable-more-btn{visibility:hidden;min-width:25px;text-align:left;text-indent:-100000px;color:#fff;border:0;background:0 0;transition:none;padding-top:3px;padding-bottom:3px;font-size:11px;padding-right:9px;padding-left:8px;height:22px;line-height:16px}.playable-tile:hover .playable-like-btn,.playable-tile:hover .playable-more-btn{visibility:visible}.playable-like-btn:before,.playable-more-btn:before,.more-actions-btn:before{content:"";display:block;position:absolute;background-repeat:no-repeat;background-position:center center;top:0;bottom:0;margin:auto 0;width:20px;height:20px;left:1px;-webkit-mask-position:50% 50%;background-color:white;background-size:16px 16px}.playable-like-btn:before{-webkit-mask-image:url(/assets/like-button-c6e3b7e6b0aaf1a3744d0963774c1c91f14e5889bab518afa7915e2feba58600.svg)}.playable-more-btn:before{-webkit-mask-image:url(/assets/ellipsis-icon-494624f09bc512b30e7ea3d37b4729d98339db25cc1188c9c56718ab659a0afc.svg);background-color:white;background-size:14px 14px}.playable-like-btn.active:before,.playable-like-btn.active:active:before{background-color:#f50}.playable-like-btn:active:before,.playable-more-btn:active:before{background-color:#ccc}.more-actions{visibility:hidden;outline:none;width:auto;min-height:auto;position:absolute;top:20px;left:0px;font-weight:300;border-radius:4px;z-index:12;overflow:hidden;border:1px solid #e5e5e5;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,0.1);box-sizing:border-box;font-family:"Lucida Grande";font-size:12px}.song-index-item:nth-of-type(6n) .more-actions{right:0;left:auto}.more-actions.open{visibility:visible}.playable-tile:not(:hover) .more-actions.open{visibility:hidden}.more-actions-btn{text-indent:30px;background-color:#fff;color:black;display:block;border:none;box-shadow:none;height:32px;position:relative;padding-right:28px;padding-left:3px;text-align:left;width:100%;white-space:nowrap;border-radius:0}.more-actions-btn:hover{box-shadow:inset 0 0 2px #ccc}.more-actions-btn:not(:last-child){border-bottom:1px solid #e5e5e5}.more-actions-btn:before{left:6px;background-size:16px 16px}.more-repost-btn:before{background-color:black;-webkit-mask-image:url(/assets/repost-icon-26c78588dc2984163905581a5a93f76a08cf7e6d1aa3bde348015e1c427f4853.svg);-webkit-mask-size:85% 85%;-webkit-mask-repeat:no-repeat}.more-add-next-up-btn:before{background-image:url(/assets/next-up-icon-a77c18a9853db8b735ad76fecafdaf6636fcb3e75eb4061793c6adc43f1fd832.png)}.nav{display:block;width:100%;height:46px;position:fixed;top:0;color:#999;font-size:14px;line-height:1.5;background-color:#333333;z-index:1000}.inner-nav{display:flex}.nav-left{margin-left:-30px;display:flex}.no-height,.nav-left,.nav-middle,.nav-right{height:46px;min-height:0px}.nav-logo{display:block;color:transparent;background-size:48px 22px;width:69px;height:46px;background-color:#f50;background-image:url(/assets/bass-case-logo-7f81f4c85256db178086803fb4e8f741ed7faafd8b40dc27458657b6eac4c4d9.png);background-repeat:no-repeat;background-position:center}.nav-collection,.nav-home,.nav-sign-out{display:block;text-align:center;font-size:14px;background-color:#333333;color:#ccc;padding:12px 0;font-weight:300;width:103px;border-right:1px solid #111;height:46px;box-sizing:border-box}.nav-home:hover,.nav-upload:hover{color:white}.nav-selected{color:white !important;background-color:#111 !important}.nav-collection:hover,.nav-sign-out{color:white}.nav-middle{width:100%}.nav-search{padding:9px 10px 8px;position:relative}.nav-search input[type="search"]{color:#666;padding:5px 7px;background:#e5e5e5;box-sizing:border-box;height:28px;border-radius:4px;width:100%;font-weight:300;transition:all 300ms ease-in-out}.nav-search input[type="search"]:focus{background-color:#fff}.nav-search input[type="search"]::placeholder{color:#999999}.nav-search>input[type="search"]::-webkit-search-cancel-button{display:none}.nav-search button[type="submit"]{color:transparent;border:0;padding:0;background:url(/assets/search-button-916bd6567c6bb10fa3f7a14996edb822aa1f4356013503236843597c4d54d183.svg) 0 0 no-repeat;width:15px;height:15px;position:absolute;right:20px;top:15px}.nav-right{display:flex;margin-right:-30px}.nav-upload{display:block;padding:12px 10px 12px;text-align:center;font-size:14px;background-color:#333333;color:#ccc;font-weight:300;height:46px;box-sizing:border-box}.nav-user-menu{height:46px;padding:12px 28px 12px 10px;box-sizing:border-box;position:relative;cursor:pointer}.nav-user-button{display:flex}.nav-user-image{margin-top:-2px;margin-right:10px;height:26px;width:26px;background-repeat:no-repeat}.nav-user-image span{display:block;height:26px;width:26px;background-size:cover;color:transparent;background-position:50% 50%;box-shadow:rgba(0,0,0,0.1) 0 0 0 1px inset;background-image:linear-gradient(135deg, #e6846e, #8e8485);border-radius:50%}.nav-user-username{display:block;max-width:118px;text-align:center;font-size:14px;background-color:#333333;color:#ccc;font-weight:300}.nav-user-menu:hover .nav-user-username{color:white}.nav-notifications,.nav-messages,.nav-menu{color:transparent;width:46px;height:46px;opacity:.75;display:block;background-position:50% 50%;background-repeat:no-repeat}.nav-notifications:hover,.nav-messages:hover,.nav-sign-out:hover{opacity:1}.nav-notifications{background-image:url(/assets/notifications-button-c5c91b79097a315db313131bfa392801726ceab0b0213ec7fa2a3874a67db4d0.svg)}.nav-messages{background-image:url(/assets/messages-button-4d95a0b50f1340a1d93588587419a66740309c017b97e7a82d8363ea823e06de.svg)}.nav-menu{background:url(/assets/ellipsis-button-3861d2837486f1aae278d2ff5f71a0387be2794e03524e3ecb5f29f45a92fdca.svg) 50% 50% no-repeat;cursor:pointer}.nav-menu:hover{color:transparent;opacity:1}.nav-sign-out{width:92px;opacity:.75;cursor:pointer;border-right:0}.upload{margin:-30px auto 0;padding:30px 0;width:800px}.upload-background{width:800px;height:90px;transition:height .1s ease-in-out}.upload.has-active-uploads .upload-background{height:18px}.upload-errors{color:#f50;padding:3px 0 5px;transition:transform .12s,padding .12s,min-height .12s,opacity .2s;font-size:12px;font-weight:400;line-height:1.4}.upload-chooser-container{position:relative;margin:0 0 5px 0;border-radius:2px;background-color:#fff;text-align:center;border:1px solid #f2f2f2}.upload.has-active-uploads .upload-chooser-container{box-shadow:none;border-color:transparent}.upload-title{padding:36px 0 0;font-size:24px;line-height:1;margin:18px 0 0;font-weight:500}.upload-file-name{position:relative;line-height:26px;margin:10px 0}.upload-file-name span{font-size:14px;font-weight:300;color:#999}.upload-chooser{margin:90px 0 210px;transition:margin 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.upload.has-active-uploads .upload-chooser{margin:35px 0 0}#audio-upload{display:none}.choose-file-btn{background-color:#f50;border-color:#f50;color:#fff}.active-uploads-item{position:relative;margin:30px 0 0 0}.active-upload{position:relative}.edit-status-text{color:#666;font:12px/1.4 "Lucida Grande";padding-bottom:4px;min-height:15px;transition:min-height 0.3s cubic-bezier(0.28, 0.42, 0.18, 1)}.active-upload-form{background-color:#fff;border-bottom-left-radius:5px;border-bottom-right-radius:5px;padding:25px;box-shadow:0 2px 12px -5px rgba(0,0,0,0.1);overflow:hidden;border:1px solid #f2f2f2;position:relative}.active-upload.editing .active-upload-form{padding:14px 25px 0}.active-upload-form-edit{margin-top:25px;position:relative;min-height:305px}.edit-fields{position:relative;padding-left:278px}.title-field{margin:3px 0 10px;position:relative}.title-field label,.required-text{display:inline-block;margin-bottom:6px;font-family:"Lucida Grande";font-size:12px}.title-field label:after{content:'*';color:#f50;display:inline-block;margin-left:2px}.title-field input[type="text"]{box-sizing:border-box;width:100%;display:inline-block;font-size:14px;line-height:20px;padding:2px 7px;border-radius:4px;border:1px solid #ccc;transition:border-color .1s;font-weight:300}.title-field input[type="text"]:focus{outline:0;border-color:#999}.image-preview{position:absolute;top:0;left:0;height:260px;width:260px;text-align:center;background-size:contain;background-repeat:no-repeat}.image-button{position:absolute;bottom:0;left:0;right:0;height:20%;transition:opacity .1s linear;overflow:hidden}.image-chooser{position:relative;height:100%}.image-chooser-btn{position:relative;background-color:rgba(255,255,255,0.8);border-color:rgba(0,0,0,0.1);background-clip:padding-box;transition:background-color .2s ease-in-out,border-color .2s ease-in-out;text-indent:19px}.image-chooser-btn:before{content:"";display:block;position:absolute;background-repeat:no-repeat;background-position:center center;width:20px;height:20px;top:0;bottom:0;margin:auto 0;left:5px;background-size:14px;background-image:url(/assets/camera-icon-e66dba4c06e917fb39f7f03337e317500a38965afb874a95fd7f5c54b56308b6.svg)}.image-chooser-btn:hover{background-color:white;border-color:rgba(0,0,0,0.3)}[id^="image-chooser-input-"]{display:none}.active-upload-form-buttons{margin:20px -25px 0;padding:20px 25px;border-top:1px solid #f2f2f2}.active-upload-form-save-btn{float:right;margin-right:0;background-color:#f50;border-color:#f50;color:#fff}.active-upload-form-cancel-btn{margin-right:0;float:right;border:0;background:0 0;transition:none;padding-top:3px;padding-bottom:3px}.playbar-bg{color:transparent;background-color:#f2f2f2;border-top:1px solid #cecece;position:fixed;left:0;bottom:0;height:48px;width:100vw;z-index:2}.playbar{background-color:transparent;display:flex;align-items:center;position:fixed;bottom:-1px;height:48px;margin:0 auto;width:1240px;flex-shrink:0;z-index:3}.playbar-control-buttons{display:flex;height:100%}.controls{width:24px;height:100%;margin:0 0 0 12px;background-repeat:no-repeat;cursor:pointer}.playbar-prev{background-image:url(/assets/prev-button-eac5cc96a7035f5d4f9fbbf61d7f83f6ecc35986ac7de15c579fc922ca32f680.svg);background-position:40% center}.playbar-play{background-image:url(/assets/play-button-2f56ccca2c67afad1f54745238057e65a6e73637bc334204fba004c0da53ea75.svg);background-position:55% center}.playbar-pause{background-image:url(/assets/pause-button-9ae46c8003bcb5ce568931ce3d037cd59553a1705a4bef4df83d9bbacd1a0f30.svg);background-position:center center}.playbar-next{background-image:url(/assets/next-button-1750ad67f5e3bf806fbb088df01528703b0bbcaea6c37c0d3498a3381d94a79e.svg);background-position:60% center}.playbar-shuffle{background-image:url(/assets/shuffle-off-4e1b6e1e9263e0ad0aa5cd5816f5999d1ff3fec7d76bd2382081a3ac86ed66b7.svg);background-position:center center}.shuffle-toggle{background-image:url(/assets/shuffle-on-cba1a3188f7f538b2f10b332c681a989b5b404750d0e2cf561705b31d7998aca.svg)}.playbar-loop{background-image:url(/assets/loop-none-80def3332602a16e306f271db8856343c6c7cd19f6fb51b6572a3e44998b75f0.svg);background-position:center center}.loop-one{background-image:url(/assets/loop-one-1fd9b622b9675d7d800520c888334aa2469ae795c8a7044e39e9b7b6cb98ed77.svg)}.loop-all{background-image:url(/assets/loop-all-db23db7ab90135cceee152509f03d54f27b2eb45a281895f562f45328f04e269.svg)}.playbar-timeline{height:100%;position:relative;padding:10px 0;margin:0 10px;width:42%;cursor:pointer}@media (max-width: 1239px){.playbar{width:1080px}.playbar-timeline{width:33%}}@media (max-width: 1079px){.playbar{width:970px}.playbar-timeline{width:252px}}[class^="playbar-timeline-time-"]{font-size:11px;font-family:"Lucida Grande";font-weight:400}.playbar-timeline-time-passed{width:70px;color:#f50;text-align:right}.progress-background{position:absolute;top:50%;height:1px;width:100%;background-color:#cecece}.playbar-timeline-time-left{margin-right:13px}.playbar-volume{background-image:url(/assets/volume-button-e1c8596ab363a840bde56e82f86231fe2c80532dfc5877f791fba4ca373bbf74.svg);background-repeat:no-repeat;background-position:left center;position:relative;box-sizing:border-box;width:24px;height:46px;padding:1px 7px 2px;margin-right:11px;cursor:pointer}.volume-mute-div{position:absolute;right:2px;height:46px;width:24px;color:transparent}.mute-toggle{background-image:url(/assets/volume-muted-button-8efec5c07b82ba1d405eba6efb7155580eaa804d605fcf8234ceb260f33cff3b.svg)}.playbar-volume-slider-wrapper{left:-5px;width:30px;bottom:40px;background-color:#f2f2f2;border:1px solid transparent;position:absolute;z-index:1;height:0;transition:height .1s;transform:translateZ(0);overflow:hidden;outline:0;cursor:pointer}.playbar-volume-slider-wrapper::before{bottom:-10px;left:8px;border-color:transparent transparent #ccc #ccc;border-style:solid;border-width:5px;box-shadow:-3px 3px 4px rgba(0,0,0,0.1);z-index:0;content:"";position:absolute;width:0;height:0;box-sizing:border-box;transform-origin:0 0;transform:rotate(-45deg);pointer-events:none;cursor:pointer}.playbar-volume-slider-wrapper::after{bottom:-8px;left:9px;border-color:transparent transparent #f2f2f2 #f2f2f2;border-style:solid;border-width:4px;z-index:1;content:"";position:absolute;width:0;height:0;box-sizing:border-box;transform-origin:0 0;transform:rotate(-45deg);pointer-events:none;cursor:pointer}.playbar-volume-slider-background{background-color:#ccc;height:92px;width:2px;border:none;box-shadow:none;border-radius:0;outline:0;margin-left:14px;opacity:0;transition:opacity .1s linear;transition-delay:.1s;position:absolute;display:block;bottom:13px;left:0}.playbar-volume-slider-progress{background:#f50;width:2px;margin-left:14px;opacity:0;transition:opacity .1s linear .1s, height 60ms ease-in-out;bottom:13px;position:absolute}.playbar-volume-slider-handle{width:8px;height:8px;background-color:#f50;margin-left:11px;opacity:0;transition:opacity .1s linear .1s, top 60ms ease-in-out;position:absolute;display:block;border-radius:100%}.expanded .playbar-volume-slider-wrapper{height:118px;border-color:#ccc;box-shadow:0 2px 4px rgba(0,0,0,0.1);overflow:initial}.expanded .playbar-volume-slider-background{opacity:1}.expanded .playbar-volume-slider-progress{opacity:1}.expanded .playbar-volume-slider-handle{opacity:1}.playbar-song-info{display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;width:360px;height:48px;padding:0 8px}.playbar-image{height:auto;margin:auto 0;cursor:default}.playbar-image a{color:transparent;background-size:cover;display:block;width:30px;height:30px;transition:opacity .2s linear;opacity:1;margin-right:10px}.playbar-song-text-container{display:flex;flex-direction:column;justify-content:center;height:auto;width:250px;line-height:1.5em;letter-spacing:0.001em}.playbar-artist{color:#999;font-size:11px;line-height:16px;font-family:"Lucida Grande";font-weight:400}.playbar-artist:hover,.playbar-title:hover{color:#000}.playbar-title{color:#666;font-size:11px;line-height:16px;font-family:"Lucida Grande";font-weight:400}.playbar-like{margin-left:7px;-webkit-mask-position:50% 50%;background-color:black;-webkit-mask-image:url(/assets/like-button-c6e3b7e6b0aaf1a3744d0963774c1c91f14e5889bab518afa7915e2feba58600.svg);background-size:16px 16px;width:20px;height:20px;cursor:pointer}.playbar-like.active{background-color:#f50}.playback-queue{width:24px;height:24px;position:relative;display:inline-block;overflow:hidden;cursor:pointer}.playbar-queue-body{position:absolute;bottom:54px;right:8px;width:480px;transition-property:-webkit-transform,opacity;transition-property:transform,opacity;transition-duration:.2s;transition-timing-function:cubic-bezier(0.66, -0.41, 1, 1);-webkit-transform:translateY(100px);transform:translateY(100px);pointer-events:none;opacity:0;height:660px;max-height:calc(100vh - 120px)}.queue-visible .playbar-queue-body{pointer-events:auto;-webkit-transform:translateY(0);transform:translateY(0);opacity:1;transition-duration:.35s;transition-timing-function:cubic-bezier(0, 0, 0, 1.2)}.queue{height:100%;position:relative;box-shadow:0 0 4px rgba(0,0,0,0.25);background-color:#fff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.queue-visible .queue{pointer-events:auto}.queue-panel{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:100%;box-sizing:border-box;border-bottom:1px solid #e5e5e5;padding:9px 24px;height:64px}.queue-title{cursor:pointer;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;line-height:46px;font-size:16px;font-weight:300}.queue-clear{margin-right:16px}.queue-clear:hover{border-color:#ccc}.queue-hide{height:46px;background-image:url(/assets/modal-close-button-6e866b5bba6061b31f5efc032a9d83e10d0be2442b84070d9155c98d5c8260c3.svg);background-position:center;background-repeat:no-repeat;background-size:18px 18px;border:0;font:0/0 a;text-shadow:none;transition:none;padding-top:3px;padding-bottom:3px}.queue-scrollable{top:64px;left:0;width:100%;bottom:0;position:absolute;display:inline-block;box-sizing:border-box}.queue-inner-scrollable{height:100%;overflow-x:hidden;width:480px;padding-right:30px;overflow-y:scroll}.queue-inner-height{background-size:100% 2016px, auto;height:473px;background-position:0px 0px, 0px 0px;position:relative}.queue-item-container{position:relative}.queue-items-wrapper{background-color:#fff;position:absolute;top:0;left:0;right:0;height:48px;transition-property:transform,opacity,visibility;transition-duration:.3s}.queue-item{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:100%;width:480px;padding:0 24px;font-size:12px;cursor:pointer}.queue-item:hover{background:#f8f8f8}.queue-item-drag-handle{border:0;background-image:url(/assets/drag-handle-4312a3b205c4a7491694fe41225e325c078d19dad796171fdd9214725d1cf823.svg);background-repeat:no-repeat;background-position:center center;background-size:24px 24px;width:24px;z-index:3;height:48px;margin-left:-24px;cursor:move;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;visibility:hidden}.queue-item:not(.m-active):hover .queue-item-drag-handle{visibility:visible}.queue-item-artwork{transition:opacity .3s;position:relative;margin-right:7px}.queue-item-artwork-image{height:32px;width:32px;background-image:linear-gradient(135deg, #846170, #8e8485);text-align:center;position:relative;background-repeat:no-repeat;background-size:cover;background-position:50% 50%}.queue-item.dimmed .queue-item-artwork-image,.queue-item.dimmed .queue-item-details-artist,.queue-item.dimmed .queue-item-details-title{opacity:.5}.queue-item-artwork-play-btn{color:transparent;opacity:0;padding:0;visibility:hidden;border-radius:50%;border-color:#f50;height:24px;width:24px;background-color:#f50;color:white;transition:opacity .1s, visibility .1s;background-image:url(/assets/play-e739e0b05bc18fc3c8883d51caa2c8ba0d670ba36bff14c8ae274e4565d96630.svg);background-repeat:no-repeat;background-size:10px 10px;background-position:60% 60%;position:absolute;top:4px;left:5px;z-index:3}.paused{background-image:url(/assets/pause-d51b449104da4e3118b8ebc62c756e5312027389f2b4ea3358c374e0fadfc3a9.svg);background-position:47% 50%}.queue-item:hover .queue-item-artwork-play-btn{visibility:visible;opacity:1}.queue-item-artwork-play-btn:hover{background-color:#f30;border-color:#f30}[class^="queue-item-details"]{transition:opacity .3s;overflow:hidden;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;font-weight:300}.queue-item-details-wrapper{position:relative;height:32px;display:flex;flex-direction:column;justify-content:space-around;max-width:240px;z-index:2}.queue-item-details-artist{color:#999;display:block;width:auto}.queue-item-details-title{color:#333;display:block;width:auto}.queue-item-details-artist:hover{color:#333}.queue-item-details-title:hover{color:#000}.queue-item-details-duration{position:absolute;right:-5px;line-height:36px;color:#999;font-size:12px;font-weight:300}.progress-bar{height:1px;background-color:#f50;transition:width 50ms;position:absolute;top:50%}.progress-handle{font:0/0 a;position:absolute;top:50%;text-shadow:none;color:transparent;border:1px solid #f50;border-radius:100%;height:8px;width:8px;background-color:#f50;box-sizing:border-box;margin-top:-4px;margin-left:-4px;opacity:0;transition:opacity 150ms, left 90ms;left:0}.playbar-timeline:hover .progress-handle,.progress-handle:active{opacity:1}.queue-item-actions{display:none;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;min-width:52px;z-index:2}.queue-like-btn{min-width:24px;height:24px;text-align:left;text-indent:-100000px}.queue-item:hover .queue-item-actions,.queue-item-actions.open{display:flex;display:-webkit-flex;display:-ms-flexbox;transition:opacity .1s,visibility .1s;position:absolute;left:11px;width:100%;height:40px;padding:5px}.queue-actions-menu{left:-140px}.queue-more-btn.open{visibility:visible}.playable-tile:not(:hover) .more-actions.open{visibility:hidden}.queue-item:hover .queue-like-btn,.queue-item:hover .queue-more-btn,.queue-more-btn.open{visibility:visible}.queue-like-btn:before,.queue-more-btn:before{background-color:black;height:20px;width:20px}.queue-like-btn.active:before{background-color:#f50}.more-like-btn:before{background-color:black;-webkit-mask-image:url(/assets/like-button-c6e3b7e6b0aaf1a3744d0963774c1c91f14e5889bab518afa7915e2feba58600.svg)}.more-like-btn.active:before{background-color:#f50}.more-repost-btn.active:before{background-color:#f50}.more-actions-btn.active{color:#f50}.user-hero{color:#333}.user-header{position:relative;margin-left:-30px;margin-right:-30px;padding:30px;box-sizing:border-box;overflow:hidden;height:260px}.user-banner{position:absolute;top:0;left:0;bottom:0;right:0;background:#e5e5e5}.user-banner-image{position:absolute;top:0;left:0;bottom:0;right:0;background-color:#666;background-size:auto 100%;background-position:top left;background-repeat:no-repeat;opacity:1;transition:opacity .2s linear;color:transparent;background-image:url(/images/example-banner.png)}.user-banner-image.image-loaded{opacity:1}.banner-image-chooser{float:right;margin:30px;visibility:hidden}.user-banner-image:hover .banner-image-chooser{visibility:visible}.user-header-details-avatar{margin-right:30px;float:left;height:200px;width:200px;text-align:center;position:relative;border-radius:50%;cursor:pointer;background:0 0}.user-header-details-avatar-image{height:200px;width:200px;color:transparent;opacity:1;transition:opacity .2s linear;text-align:center;position:relative;border-radius:50%;background-repeat:no-repeat;background-size:cover;background-position:50% 50%}.user-header-details-content{overflow:hidden;display:inline-flex;flex-direction:column;justify-content:flex-start}.user-header-details-username,.user-header-details-location{margin-top:0;color:#fff;font-size:24px;line-height:37px;padding:4px 7px;display:inline-block;position:relative;background-color:rgba(0,0,0,0.8);-webkit-box-decoration-break:clone;box-decoration-break:clone;-webkit-margin-start:0px;-webkit-margin-end:0px;font-weight:300;width:fit-content}.user-header-details-location{margin-top:4px;color:#ccc;font-weight:300;font-size:16px;line-height:1.2;padding:2px 7px 3px}.user-info-bar{position:relative;padding-top:15px;border-bottom:1px solid #f2f2f2;margin-bottom:20px}.user-info-tabs{font-size:18px;line-height:1.8;list-style:none;margin:0;display:table}.user-info-tabs:before{content:""}.user-info-tabs-item{float:left;margin:0 12px -1px;letter-spacing:0.001em}.user-info-tabs-item:first-child{margin-left:0}.user-info-tabs-link{cursor:pointer;color:#333;border-bottom:1px solid transparent;display:block;font-weight:400}.user-info-tabs-link.active{border-color:#f50;color:#f50;cursor:default}.user-info-buttons{position:absolute;right:0;vertical-align:middle;display:inline-block;clear:both;bottom:9px}.user-info-follow-btn{min-width:31px;float:left;margin-right:5px;background-color:#f50;border-color:#f50;color:#fff}.user-info-follow-btn.active{background-color:white;color:#f50}.user-info-edit-btn{min-width:31px;margin-right:0;text-indent:19px;background-size:19px 19px;background-image:url(/assets/edit-icon-9f2d262e478ea56b810cb402a331f607451dbfcd0a5889e4a555831af26a84d8.png);background-repeat:no-repeat;background-position:13%}.user-info-edit-btn:hover{color:#333;outline:0;border-color:#ccc}.user-main{margin-top:20px;padding-top:0;padding:0 30px 0 0;margin:0 330px 0 0}.stream-index-item{text-align:-webkit-match-parent;margin-bottom:36px}.stream-index-item-body{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;position:relative;height:100%}.stream-index-item-artwork{position:relative;margin-right:15px}.stream-index-item-cover-art{background:center center/contain no-repeat;display:block;width:160px;height:160px;z-index:2}.stream-index-item-cover-art-bg{height:100%;width:100%;background-image:linear-gradient(135deg, #70929c, #8e8485);text-align:center;position:relative;background-repeat:no-repeat;background-size:cover;background-position:50% 50%}.stream-index-item-cover-art-true-image{display:block;color:transparent;opacity:1;transition:opacity .2s linear;background-size:cover;background-position:50% 50%;height:100%;width:100%;box-shadow:rgba(0,0,0,0.1) 0 0 0 1px inset;background-image:url("https://basscase-dev.s3.amazonaws.com/default-avatar-img.jpeg")}.stream-index-item-content{-webkit-flex:1;-ms-flex:1;flex:1;overflow-x:hidden}.stream-index-item-header{position:relative;margin:0 0 6px 0;padding-top:7px;min-height:43px;z-index:2}.stream-index-item-header-title{margin-top:0;font-size:16px;font-weight:300;line-height:1.3;-webkit-word-break:break-all;word-break:break-word;-webkit-hyphens:auto;overflow-wrap:break-word;word-wrap:break-word;display:table}.sound-title-container{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.sound-title-play-btn{margin-right:5px;width:36px;height:36px;background-color:#f50;border-radius:50%;padding:0;text-indent:-100000px;border:0;font-size:18px;line-height:18px}.sound-title-play-btn:hover{background-color:#f30}.sound-title-play-btn:before{background-size:12px 18px;display:block;position:absolute;top:0;left:1px;width:100%;height:100%;content:"";background-repeat:no-repeat;opacity:1;transition:opacity .3s;background-position:center center;background-image:url(/assets/play-e739e0b05bc18fc3c8883d51caa2c8ba0d670ba36bff14c8ae274e4565d96630.svg)}.sound-title-play-btn:after{content:'';opacity:0;transition:opacity .5s}.sound-title-play-btn.stream-paused:before{background-image:url(/assets/pause-d51b449104da4e3118b8ebc62c756e5312027389f2b4ea3358c374e0fadfc3a9.svg);background-position:47% 50%}.sound-title-info-container{flex:1;min-width:0}.sound-title-info-first{font-size:12px;line-height:16px;font-weight:300;color:#999}.sound-title-username1,.sound-title-username2{color:#999;cursor:pointer;font-size:12px;line-height:16px}.sound-title-username1:hover,.sound-title-username2:hover{color:black}.sound-title-username2{display:inline-block;vertical-align:baseline;white-space:nowrap;text-indent:1px}.sound-title-username2::before{height:15px;background-position-y:0;background-size:16px 16px;width:16px;background-image:url(/assets/repost-icon-26c78588dc2984163905581a5a93f76a08cf7e6d1aa3bde348015e1c427f4853.svg)}.sound-title-username2:before{display:inline-block;content:"";width:16px;height:16px;vertical-align:top;background-repeat:no-repeat;background-position:center center}.sound-title-info-second{max-width:100%;font-weight:300;box-sizing:border-box;font-size:15px;line-height:1.2;color:#333}.sound-title-info-third{-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start;margin-left:5px;text-align:right;position:absolute;top:8px;right:0}.sound-title-info-upload-time{color:#ccc;font-size:12px;font-weight:100;line-height:16px;font-weight:300;margin-bottom:2px}.tag-small{height:16px;padding:0 6px;line-height:16px;font-size:12px}.tag-container{position:relative;display:inline-block;padding:0 7px;background:#999;border:1px solid #999;border-left-width:0;color:#fff;font-size:14px;line-height:20px;white-space:nowrap;cursor:pointer;border-radius:20px;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none;font-weight:300}.tag-container:hover{background:#666;border-color:#666;color:#fff}.tag-container:before{content:"#";display:block;float:left;line-height:16px;margin-right:2px}.sound-waveform{height:60px;position:relative}.waveform{position:relative;width:100%;height:100%;opacity:0;transition:opacity .2s ease-in-out}.waveform.loaded{opacity:1}.sound-footer{position:relative;margin-top:10px;min-height:30px;box-sizing:border-box;transition:all 300ms ease-in-out}.sound-actions{z-index:1;overflow:hidden;position:relative;float:left;background-color:#fff;margin:0;float:left;clear:none}.sound-actions-btn{min-width:25px;float:left;margin-right:5px;font-family:"Lucida Grande";text-indent:19px;font-size:11px;padding:2px 9px 2px 8px;height:22px;line-height:1.4;border-color:#e5e5e5}.sound-actions-btn.active{color:#f50}.sound-actions-btn:hover{color:#333;outline:0;border-color:#ccc}.sound-actions-btn.active:hover{border-color:#f50;color:#f50}.sound-actions-btn:before{content:"";display:block;position:absolute;background-repeat:no-repeat;background-position:center center;top:0;bottom:0;margin:auto 0;left:5px;height:20px;width:20px;background-size:16px 16px}.sound-actions-btn.action-like.active:before,.sound-actions-btn.action-repost.active:before{background-color:#f50}.sound-actions-btn.action-like:before{-webkit-mask-position:50% 50%;background-color:black;-webkit-mask-image:url(/assets/like-button-c6e3b7e6b0aaf1a3744d0963774c1c91f14e5889bab518afa7915e2feba58600.svg)}.sound-actions-btn.action-repost:before{-webkit-mask-image:url(/assets/repost-icon-26c78588dc2984163905581a5a93f76a08cf7e6d1aa3bde348015e1c427f4853.svg);-webkit-mask-position:50% 50%;mask-repeat:no-repeat;background-color:black;-webkit-mask-repeat:no-repeat;height:16px;width:16px}.sound-actions-btn.action-next-up:before{background-image:url(/assets/next-up-icon-a77c18a9853db8b735ad76fecafdaf6636fcb3e75eb4061793c6adc43f1fd832.png)}.sound-stats{position:absolute;right:0;top:0;z-index:0}.sound-stats:before{content:"";display:table}.sound-stats-plays{float:left;margin-right:5px;padding-right:4px;margin-top:5px;margin-bottom:5px}.sound-stats-plays,.sound-stats-comments{color:#999;font-size:11px;line-height:12px;position:relative;font-family:"Lucida Grande"}.sound-stats-plays:before,.sound-stats-comments:before{background-size:10px 10px;opacity:0.4;width:16px;height:12px;vertical-align:top;background-repeat:no-repeat;bottom:1px;display:inline-block;content:""}.sound-stats-plays:before{background-image:url(/assets/plays-icon-099d3bcd1d2467716665e1c3f6ef93e2c9b18c55a4537b31798e1371ffe381bf.svg)}.sound-stats-comments{float:left;margin-right:0;padding-right:0;margin-top:5px;margin-bottom:5px}.sound-stats-comments:before{background-image:url(/assets/comment-icon-60f48c29d08f369f36adfc8a134b671999e4348823d813284f9dec190cb7acd6.svg);background-size:10px 12px}.sound-title-info-tag{display:inline-block;max-width:120px;line-height:16px;font-size:12px}.user-main-stream-loading{padding:200px 0;background:url(/assets/stream-loader-0eef36319f48f7dbe7f5cc63899e6c932d9e000c5cb5d124354f74b21bcd0a87.gif) no-repeat center center;clear:both;text-align:center;box-sizing:border-box;min-height:40px;width:100%}.user-main-stream.empty .user-main-stream-loading{display:none}.stream-main{padding-right:30px}.stream-text{display:block;margin:30px 0;color:#999;font-weight:300;font-size:18px;line-height:1.3}.user-edit-form-enter{top:-2400px;animation-name:user-edit-drop;animation-duration:600ms}.user-edit-form-exit{animation-name:user-edit-rise;animation-duration:500ms;top:-800px}@keyframes user-edit-drop{0%{top:-2400px}50%{top:-1150px}100%{top:100px}}@keyframes user-edit-rise{0%{top:100px}33%{top:150px}66%{top:-275}100%{top:-1000px}}.user-edit-form{display:block;box-sizing:border-box;padding:25px;background:#fff;width:850px;left:0;right:0;margin:0 auto;top:100px;height:auto}.user-edit-form-content{position:relative;height:335px;font-weight:300}.user-edit-image{margin-right:18px;width:260px;height:260px;border-radius:50%;background-color:black;float:left}.user-edit-form-base-inputs{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;overflow:hidden}.user-edit-form-username{width:100%;margin-bottom:15px;position:relative}.user-edit-form-username-label,.user-edit-form-location-label,.user-edit-form-bio-label{display:inline-block;margin-bottom:6px;font-size:12px;font-family:"Lucida Grande"}.user-edit-form-username-input{display:inline-block;border:1px solid #ccc;transition:border-color .1s;box-sizing:border-box;width:100%;position:relative;z-index:1;font-size:18px;line-height:24px;padding:7px 8px;border-radius:5px}.user-edit-form-username-label:after{content:'*';color:#f50;display:inline-block;margin-left:2px}.user-edit-form-location{width:50%}.user-edit-form-location-input{width:100%;position:relative;z-index:1;display:inline-block;font-size:14px;line-height:20px;padding:2px 7px;border-radius:4px;border:1px solid #ccc;transition:border-color .1s;margin-bottom:15px}.user-edit-form-bio{width:100%}.user-edit-form-bio-input{margin:0;resize:vertical;height:66px;width:100%;position:relative;z-index:1;display:inline-block;font-size:14px;line-height:20px;padding:2px 7px;border-radius:4px;border:1px solid #ccc;transition:border-color .1s}.user-edit-form-title{font-size:22px;line-height:1;padding-bottom:9px;border-bottom:1px solid #f2f2f2;margin-bottom:24px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.user-edit-form-partition{border-bottom:1px solid #f2f2f2;padding-bottom:6px}.user-edit-form-buttons{padding:20px 25px 0;margin:0 -25px;position:relative;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.user-edit-form-cancel-btn{float:left;margin-right:5px;border:0;background:0 0;transition:none;padding-top:3px;padding-bottom:3px}.user-edit-form-save-btn{margin-right:0;float:left;background-color:#f50;border-color:#f50;color:#fff}.hero{display:block;margin-left:-30px;margin-right:-30px}.hero-image{position:relative;height:450px;background:url(/assets/splash-825efb3e3cf92548f028961e1b2b82f431130a1bc388c7039c4371bbddf0aaa8.jpg);background-size:cover;border-top:4px solid #f50;color:white}.hero-overlay-1{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;background-color:rgba(255,105,180,0.5)}.hero-overlay-2{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;background-color:rgba(0,0,0,0.2)}.hero-logo{position:absolute;top:12px;left:31px;display:flex;align-items:center;width:184px;height:46px;font-size:15px;font-weight:400;z-index:2;letter-spacing:0.05em}.hero-logo-image{display:block;background:url(/assets/bass-case-logo-7f81f4c85256db178086803fb4e8f741ed7faafd8b40dc27458657b6eac4c4d9.png) no-repeat;height:22px;width:48px;background-size:cover;margin-left:-5px}.hero-logo-text{display:block;text-indent:5px;margin-left:5px}.hero-session{position:absolute;z-index:2;right:30px;top:20px;font-size:14px}.hero-session-signin{border-radius:3px;height:28px;padding-left:15px;padding-right:15px;margin-right:7px;border:1px solid #cccccc}.hero-session-signin:hover{border:1px solid #e5e5e5}.hero-session-signup{border-radius:3px;border:1px solid #f50;background-color:#f50;padding-left:16px;padding-right:16px;height:28px}.hero-content{position:absolute;z-index:2;width:33.333333%;margin:145px auto 0;left:33.3333333%;display:flex;flex-direction:column;align-items:center;justify-content:center}.hero-content>h1{font-size:36px;font-weight:300;margin-bottom:8px;line-height:46.8px;white-space:nowrap}.hero-content>h3{width:530px;font-size:18px;text-align:center;line-height:25.2px;margin-bottom:10px}.hero-session-middle-signup{border-radius:3px;border:1px solid #f50;background-color:#f50;margin-top:17px;padding:2px 11px 2px 10px;height:28px;font-size:18px;height:40px;width:187px;text-align:center}.nav-search{position:relative}.search-results{width:95%;position:absolute;top:-2000px;opacity:0;visibility:hidden;transition:opacity .2s linear}@media (max-width: 1239px){.search-results{width:94%}}@media (max-width: 1079px){.search-results{width:93%}}.nav-search-input:focus+.search-results,.search-results:active{top:46px;opacity:1;visibility:visible}.search-result-item{visibility:visible;display:flex;justify-content:space-between;font-size:14px;font-weight:300;background-color:#333333;color:#ccc;width:100%;height:30px;background-color:#111;padding:5px;cursor:pointer}.search-result-item:first-child{background-color:#333}.search-result-item:hover{background-color:#333}.search-result-content{display:flex;margin-left:10px;width:100%}.search-result-text.no-margin{margin-left:0px}.search-result-image{display:block;height:30px;min-width:30px;background-size:25px 25px;border-radius:50%;display:inline-block;background-repeat:no-repeat;background-position:center center;line-height:24px;box-shadow:rgba(0,0,0,0.1) 0 0 0 1px inset;border-radius:50%;position:relative;background-repeat:no-repeat;background-size:cover}.search-result-icon{position:relative;display:inline-block;-webkit-mask-size:25px 25px;-webkit-mask-position:50% 50%;background-color:#ccc;-webkit-mask-repeat:no-repeat;height:30px;width:30px;margin:auto 0;margin-right:7px}.user-icon{-webkit-mask-image:url(/assets/followers-icon-ad3ed49267aed06a45b5a8318df059759646b0459ede8b05577ca5b1836f73e1.svg)}.song-icon{-webkit-mask-image:url(/assets/track-icon-0fa33cc87eef9dfcfffc27f882703f348706fa6925f4729936bf5a392bd2fac9.svg)}.search-result-text{margin:auto 0;margin-left:10px;display:block;width:100%;line-height:1.4}.song-result{cursor:default}.pointer{cursor:pointer}.sidebar-right{position:absolute;top:30px;bottom:0;right:0;width:300px}.sidebar-module{margin-bottom:20px;transition:all 200ms linear}.sidebar-header{color:#999;display:flex;justify-content:space-between;border-bottom:1px solid #f2f2f2}.sidebar-header-title,.sidebar-header-refresh{line-height:24px;font-size:14px;font-weight:300}.sidebar-header-follower-icon{background-size:25px 25px;background-image:url(/assets/followers-icon-8c0e4527dcffa60bccf2a7073e5bb367086e6919cf1bccb07d4a474d1dc4a19b.png);width:21px;margin-right:4px;height:21px;vertical-align:top;display:inline-block;background-repeat:no-repeat;background-position:center center;line-height:24px}.sidebar-header-refresh{background:url(/assets/refresh-icon-7513b7abec0c6b69cb0fc733340623ff7596f524f85f455658f18b9dd27c993b.png) no-repeat 0 center;padding-left:15px;background-size:13px 13px;opacity:.8;margin-top:0;line-height:24px;font-size:14px}.sidebar-content{min-height:210px;padding-top:5px}.sidebar-list{display:table;width:100%}.user-suggestion-item{padding:10px 0;display:flex;flex:1;align-items:center;position:relative;min-height:50px;width:100%}.user-suggestion-avatar{margin-right:10px;word-wrap:break-word;width:50px;height:50px;opacity:1;box-shadow:rgba(0,0,0,0.1) 0 0 0 1px inset;border-radius:50%;position:relative;background-repeat:no-repeat;transition:opacity .2s linear;background-size:cover}.user-suggestion-content{display:flex;flex:1;overflow:hidden;flex-direction:column;width:100%}.user-suggestion-title{white-space:nowrap;margin:6px 0 0 0;color:#999;margin-top:0;width:100%}.user-suggestion-title-link{margin-right:-13px;padding-right:16px;float:left;max-width:100%;box-sizing:border-box;color:#333;font-size:14px;font-weight:300}.user-suggestion-meta{display:flex}.user-suggestion-stats{display:flex;flex-grow:1}.user-suggestion-followers{margin-right:5px;padding-right:4px;margin-top:5px;margin-bottom:5px;color:#999;font-size:11px;line-height:12px;font-weight:300}.user-suggestion-followers:before,.user-suggestion-tracks:before{content:"";display:inline-block;color:transparent;width:16px;height:12px;vertical-align:top;background-repeat:no-repeat;background-position:center center;background-size:20px 20px;background-image:url(/assets/followers-icon-8c0e4527dcffa60bccf2a7073e5bb367086e6919cf1bccb07d4a474d1dc4a19b.png)}.user-suggestion-followers:before{background-size:20px 20px;background-image:url(/assets/followers-icon-8c0e4527dcffa60bccf2a7073e5bb367086e6919cf1bccb07d4a474d1dc4a19b.png)}.user-suggestion-tracks{margin-right:5px;padding-right:4px;margin-top:5px;margin-bottom:5px;color:#999;font-size:11px;line-height:12px;font-weight:300}.user-suggestion-tracks:before{background-size:16px 16px;background-image:url(/assets/track-icon-ceca9b9ead5c3eb4b16894d2b20b32d14be52ac04f1f48d34ce05b9f770d10bb.png)}.user-suggestion-actions{display:flex;flex-shrink:0}.user-suggestion-follow-btn{min-width:25px;font-family:"Lucida Grande";font-size:11px;padding:2px 9px 2px 8px;height:22px;line-height:16px;font-weight:300}.user-suggestion-follow-btn:hover{border-color:#ccc}.user-suggestion-follow-btn.active{color:#f50;background-color:white;border-color:#f50}.user-suggestion-follow-btn.active{border-color:#f50}.user-info-stats{margin-bottom:30px}.user-info-stats-table{width:100%;margin:-30px 0 14px 0;font-size:14px;font-weight:300;border-collapse:collapse;border-spacing:0;border-color:grey}.info-stat{width:33.33%;text-align:left;text-indent:10px;color:#999;border-right:1px solid #f2f2f2}.info-stat:first-child{text-indent:0}.info-stat:last-child{border-right:0px solid #f2f2f2}.info-stat-title{margin-top:0;line-height:.9;padding:5px 0 3px;font-size:12px}.info-stat-value{font-size:20px;line-height:1.2}.user-info-stats-description{max-width:230px;line-height:1.4;margin-bottom:20px}.truncated-description-wrapper{max-height:85px;overflow:hidden;position:relative}.truncated-description{margin:0 0 10px;font-family:"Lucida Grande";font-size:12px}.followers-content{min-height:60px}.sidebar-user-avatar-list{margin-top:0;padding:10px 0 8px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.user-avatar-list-item:not(last-child){margin-right:-8px}.user-avatar-list-item-body{position:relative;word-wrap:break-word;height:40px;width:40px;border-radius:50%;background:0 0;text-align:center;position:relative;border:2px solid #fff;box-sizing:border-box;background-origin:border-box;background-size:cover;background-position:center center}.floating-user-menu{visibility:hidden;opacity:0;outline:none;width:150px;box-sizing:border-box;min-height:199px;position:absolute;top:-225px;left:-57px;border-radius:4px;padding:10px;border:1px solid #ccc;background:#fff;box-shadow:0 2px 7px -1px rgba(0,0,0,0.4);z-index:4}.user-avatar-list-item:hover .floating-user-menu{visibility:visible;opacity:1}.floating-user-content{box-sizing:border-box;overflow:hidden;margin-bottom:10px;width:100%;text-align:center}.floating-user-menu-arrow{-webkit-transform:rotate(225deg);transform:rotate(225deg);bottom:-5px;top:auto;left:50%;margin-left:-4px;background:#fff;border:1px solid #ccc;border-width:1px 0 0 1px;position:absolute;width:8px;height:8px;box-shadow:-1px -1px 1px -1px rgba(0,0,0,0.5);z-index:-1}.floating-user-content-avatar{display:block;width:80px;height:80px;margin:5px auto 15px;border-radius:50%;background:0 0;background-size:cover;background-position:50% 50%;transition:opacity .2s linear;text-align:center;position:relative;box-shadow:rgba(0,0,0,0.1) 0 0 0 1px inset;background-repeat:no-repeat}.floating-user-content-description{font-size:14px;color:#333;font-weight:300;line-height:19.6px}.floating-user-content-stats{margin-bottom:4px;font-size:11px;line-height:12px;color:#999;font-weight:300}.floating-user-content-stats-followers{display:inline-block;margin-right:0;padding-right:0;margin-top:5px;margin-bottom:5px;color:#999}.floating-user-content-stats-followers:before{display:inline-block;content:".";color:transparent;width:16px;height:12px;background-size:20px 20px;background-image:url(/assets/followers-icon-8c0e4527dcffa60bccf2a7073e5bb367086e6919cf1bccb07d4a474d1dc4a19b.png);vertical-align:top;background-repeat:no-repeat;background-position:center center}.floating-user-content-location{font-size:12px;font-family:"Lucida Grande";color:#999;margin:0 0 10px;line-height:1.3}.floating-user-content-follow-btn{min-width:25px;font-family:"Lucida Grande";font-size:11px;padding:2px 9px 2px 8px;height:22px;line-height:16px}.floating-user-content-follow-btn.active{color:#f50;background-color:white}.floating-user-content-follow-btn.active:hover{border-color:#f50}