.tab-container,ul.tabs{margin:0;max-height:35px}ul.tabs,ul.tabs>li>a{display:inline-block;overflow:hidden}.tab-container{padding:0;border-bottom:1px solid #ccc}ul.tabs{padding-right:20px;padding-left:20px;list-style-type:none;line-height:35px}ul.tabs>li.active{z-index:2;background:#fff}ul.tabs>li.active:before{border-color:transparent #fff transparent transparent}ul.tabs>li.active:after{border-color:transparent transparent transparent #fff}ul.tabs>li{position:relative;float:right;margin:5px -10px 0;padding:0 30px 0 25px;max-width:350px;height:170px;border:1px solid #c3c3c3;border-top-left-radius:20px 90px;border-top-right-radius:25px 170px;background:#efefef;box-shadow:0 10px 20px rgba(0,0,0,.5)}ul.tabs>li>a{max-width:100%;color:#222;text-decoration:none;text-overflow:ellipsis}ul.tabs>li:after,ul.tabs>li:before{position:absolute;top:0;width:20px;height:20px;border-width:10px;border-style:solid;border-radius:100%;background:0 0;content:''}ul.tabs>li:before{left:-23px;border-color:transparent #efefef transparent transparent;-webkit-transform:rotate(48deg)}ul.tabs>li:after{right:-17px;border-color:transparent transparent transparent #efefef;-webkit-transform:rotate(-48deg)}.clearfix:after,.clearfix:before{display:table;content:""}.clearfix:after{clear:both}.clearfix{zoom:1}.song-item{display:block;padding:5px 10px 10px;border-bottom:1px solid #eee}.song-item.small .song-title{font-size:16px!important}.song-item.small .song-info{font-size:12px}.song-item.small .song-status{float:left;margin-right:10px;height:40px;line-height:40px}.song-item.small .song-singers{overflow:hidden;padding-left:0;max-width:150px;text-overflow:ellipsis;font-size:13px}.song-item.feed{overflow:hidden;margin-bottom:10px;border-bottom:0;box-shadow:0 1px 1px rgba(0,0,0,.2);transition:box-shadow .3s;background:-moz-linear-gradient(270deg,#fff 0,#fbfbfb 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#fbfbfb));background:-webkit-linear-gradient(270deg,#fff 0,#fbfbfb 100%);background:-o-linear-gradient(270deg,#fff 0,#fbfbfb 100%);background:-ms-linear-gradient(270deg,#fff 0,#fbfbfb 100%);background:linear-gradient(180deg,#fff 0,#fbfbfb 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fbfbfb', GradientType=0)}.song-item.feed:hover{box-shadow:0 1px 2px rgba(0,0,0,.3)}.song-item.feed .song-title{font-size:20px}.song-item.feed .song-preview-lyric{display:block;margin:10px 0;padding:5px 0 5px 10px;height:auto;white-space:normal;font-style:normal}.song-item.feed .song-chords,.song-item.feed .song-preview-lyric pre{margin:0}.song-item.feed .song-preview-lyric:hover{background-color:#f9f9f9}.song-item.feed .song-preview-lyric .hopamchuan_chord{color:#659cd8!important}.song-item.feed .song-poster-date{max-width:380px!important}.song-item:first-child{padding-top:10px}.song-item:last-child{padding-bottom:10px;border-bottom:0}.song-item:hover .song-item-actions{visibility:visible}.song-item .song-title-singers{display:flex;white-space:nowrap;justify-content:flex-start}.song-item .song-title-singers .song-title{overflow:hidden;text-transform:capitalize;text-overflow:ellipsis;font-size:18px}.song-item .song-title-singers .song-title:hover{text-decoration:underline;white-space:normal}.song-item .song-singers{overflow:hidden;padding:3px 0 0 5px;color:#4a4949;vertical-align:middle;text-align:left;text-overflow:ellipsis;font-size:16px;flex-grow:10}.song-item .song-singers:hover{white-space:normal}.song-item .song-singers .author-item:hover{text-decoration:underline}.song-item .song-preview-lyric{overflow:hidden;margin-bottom:2px;color:#8A8A8A;text-overflow:ellipsis;white-space:nowrap;font-style:italic;font-size:13px}.song-item .song-item-actions{visibility:hidden;float:right;cursor:pointer}.song-item .song-item-actions .song-inline-action-add{color:#7f7f7f}.song-item .song-item-actions .song-inline-action-add:hover{color:#555}.song-item .song-item-actions .song-like{color:#A9A9A9}.song-item .song-item-actions .song-like:hover{color:#7f7f7f}.song-item .song-item-actions .song-like.starred{visibility:visible;color:#fab400}.song-item .song-item-actions .song-like.starred:hover{color:#FFD568}.song-item .song-chords{display:inline-block;overflow:hidden;margin:0 10px;color:#777;text-overflow:ellipsis;white-space:nowrap;font-size:12px;flex-grow:10}.song-item .song-chords:hover{white-space:normal}.song-item .song-lyric{display:block;display:-webkit-box;overflow:hidden;margin:0 auto;max-width:450px;height:33.6px;color:#666;text-overflow:ellipsis;font-size:12px;line-height:1.4;-webkit-line-clamp:2;-webkit-box-orient:vertical}.song-item .song-info{display:flex;color:#777;white-space:nowrap;font-size:12px;justify-content:space-between}.song-item .song-info span{vertical-align:middle}.song-item .song-info .song-poster-date{overflow:hidden;max-width:260px;text-overflow:ellipsis;white-space:nowrap}.song-item .song-info .song-poster:hover span{text-decoration:underline}.song-item .song-info .song-poster span{max-width:150px;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.song-item .song-comment{float:right;color:#777;font-size:12px}.song-item .song-rhythm{float:right;font-size:10px}.song-item .song-list-contributes{margin-top:10px;padding-left:20px}.song-item .song-list-contributes .song-list-contribute-item{overflow:hidden;padding:3px 0;border-bottom:1px solid #eee;text-overflow:ellipsis;white-space:nowrap}.song-item .song-list-contributes .song-list-contribute-item:hover{text-decoration:underline}.song-item .song-list-contributes .song-list-contribute-item:last-child{border-bottom:0}.song-item .song-list-contributes .song-list-contribute-rating{display:inline-block;margin-right:10px;width:90px;color:#fab400;text-align:right}.song-item .song-list-contributes .song-list-contribute-user{color:#9e9e9e;font-weight:700;font-size:11px}.song-item .approving-users a{display:inline-block;margin-right:2px}.song-item .approving-users a:last-child{margin-right:0}.playlist-item{padding:8px 12px;overflow:hidden;text-align:left;position:relative}.playlist-item .playlist-item-image{width:110px;height:110px;background:linear-gradient(141deg,#0fb8ad 0,#1fc8db 51%,#2cb5e8 75%);background-size:cover;background-position:center center}.playlist-item .playlist-item-count{position:absolute;top:8px;right:12px;text-align:center;font-size:12px;padding:2px;background:linear-gradient(to left,#6F6F6F,transparent);color:#fff}.playlist-item .playlist-item-title{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:13px;max-width:110px}.playlist-item .playlist-item-title:hover{text-decoration:underline;white-space:normal}.playlist-item .playlist-item-description{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:13px;font-weight:lighter;color:#777}.playlist-item .playlist-item-description .playlist-poster:hover span{text-decoration:underline;white-space:normal}.playlist-item .playlist-item-description .playlist-poster span{max-width:90px;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.small-playlist-item{display:flex;border-bottom:1px solid #eee;padding:10px;text-align:left}.small-playlist-item .small-playlist-item-thumbnail{width:20%;width:40px;height:40px;background:linear-gradient(141deg,#0fb8ad 0,#1fc8db 51%,#2cb5e8 75%);background-size:cover;background-position:center center}.small-playlist-item .small-playlist-item-main{width:60%;margin-left:3%}.small-playlist-item .small-playlist-item-main .small-playlist-item-title{font-size:16px;max-width:100%;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.small-playlist-item .small-playlist-item-main .small-playlist-item-title:hover span{text-decoration:underline;white-space:normal}.small-playlist-item .small-playlist-item-main .small-playlist-item-description{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:13px;font-weight:lighter;color:#777}.small-playlist-item .small-playlist-item-main .small-playlist-item-description .small-playlist-poster{max-width:100%;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.small-playlist-item .small-playlist-item-main .small-playlist-item-description .small-playlist-poster:hover span{text-decoration:underline;white-space:normal}.small-playlist-item .small-playlist-item-count{width:20%;color:#777;text-align:right}.panel{margin-bottom:20px}.panel .panel-title{color:#5c9bcb;padding:5px;font-size:16px;text-shadow:0 1px #fff;text-align:center;text-transform:uppercase}.panel .panel-content{background:-moz-linear-gradient(270deg,#fff 0,#fbfbfb 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#fbfbfb));background:-webkit-linear-gradient(270deg,#fff 0,#fbfbfb 100%);background:-o-linear-gradient(270deg,#fff 0,#fbfbfb 100%);background:-ms-linear-gradient(270deg,#fff 0,#fbfbfb 100%);background:linear-gradient(180deg,#fff 0,#fbfbfb 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fbfbfb', GradientType=0);margin-bottom:5px;box-shadow:0 1px 1px rgba(0,0,0,.2)}.panel .panel-footer{font-size:12px;font-weight:600;text-align:center}.panel .panel-footer a{color:#5c9bcb}.panel .panel-footer a:hover{text-decoration:underline}.flat-panel{padding:10px;background-color:#fff;margin:10px 0;box-shadow:0 1px 1px rgba(0,0,0,.15)}.flat-panel .panel-title{color:#6195cd;text-transform:uppercase;text-align:center;font-size:18px}.centered-panel{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}ul.tiny-pagination{list-style-type:none;padding:0}ul.tiny-pagination li{display:inline-block;padding:0 5px;border-radius:3px;color:#696969;cursor:pointer}ul.tiny-pagination li:hover{background-color:#DAE3EA}ul.tiny-pagination li.active{background-color:#708A9E;color:#fff}