.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}a{cursor:pointer;transition:opacity .3s;color:none}a:hover{opacity:.75}.app.full ::-webkit-scrollbar{width:15px}.app.full ::-webkit-scrollbar-track{background:#14162b}.app.full ::-webkit-scrollbar-thumb{background:#2a2e59}.app.full ::-webkit-scrollbar-thumb:hover{background:#343a71}body{font-family:'Open Sans',sans-serif;margin:0}.ccmm-fullsize-map{position:fixed;left:400px;top:0;right:0;bottom:0}#tooltip{position:fixed;text-align:center;transition:opacity .3s;pointer-events:none}#tooltip .name{background-color:#1db0cc;color:white;font-size:12px;padding:4px 20px;font-weight:bold;border-top-left-radius:10px;border-top-right-radius:10px}#tooltip .num-songs{background-color:#fff;font-size:14px;padding:6px 20px;border-bottom-left-radius:10px;border-bottom-right-radius:10px}#tooltip .num-songs span{font-weight:bold}#ccmm-panel .ccmm-filter-menu .header{background-color:#1db0cc;padding:0 20px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;box-shadow:inset 0 -5px 15px #137486;transition:opacity .3s}#ccmm-panel .ccmm-filter-menu .header:hover{opacity:.9}#ccmm-panel .button-grid{background-color:#14162b;padding-top:0;overflow:hidden;position:relative;transition:padding .5s}#ccmm-panel .button-grid.open{padding-top:100%}#ccmm-panel .filter.decade .button-grid.open{padding-top:66.66666%}#ccmm-panel .button-grid .inner{display:flex;flex-wrap:wrap;align-items:center;position:absolute;top:0;left:0;right:0;bottom:0}#ccmm-panel .button-grid .item{flex-basis:33.3%;text-align:center;background-color:#14162b;color:white;box-sizing:border-box;cursor:pointer;position:relative}#ccmm-panel .button-grid .item img{width:100%}#ccmm-panel .button-grid .item .tint{position:absolute;background-color:#1db0cc;opacity:0;top:0;left:0;right:0;bottom:0;transition:opacity .1s}#ccmm-panel .button-grid .item:hover .tint{opacity:.2}#ccmm-panel .button-grid .item.selected .tint{opacity:.3}.ccmm-reset-button{background-color:#e46f20;box-shadow:inset 0 -5px 15px #ab5115;color:white;height:35px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;transition:opacity .3s}.ccmm-reset-button:hover{opacity:.9}.ccmm-reset-button>div:first-child{flex-basis:35px}.ccmm-reset-button img{width:30px}#ccmm-panel .ccmm-results>div>.header .title{background-color:#216bd8;box-shadow:inset 0 -5px 15px #184e9d;text-align:center;font-weight:bold}#ccmm-panel .ccmm-results .place .header{height:45px;color:white;border-bottom:1px solid #e46f20;cursor:pointer;padding:0 20px;display:flex;align-items:center;justify-content:space-between;transition:opacity .3s}#ccmm-panel .ccmm-results .place .header:hover{opacity:.7}#ccmm-panel .ccmm-results .place .header .title{background:0}#ccmm-panel .ccmm-results .place .header .count{background-color:#e46f20;font-size:13px;padding:2px;width:90px;text-align:center;border-radius:5px}#ccmm-panel .ccmm-results .place .header .count span{font-weight:bold}#ccmm-panel .ccmm-results .list{display:flex;flex-direction:column}#ccmm-panel .ccmm-results .song{flex-basis:45px;color:white;border-bottom:1px solid #333;font-size:14px;display:flex;align-items:center;justify-content:space-between;padding:0 10px 0 20px}#ccmm-panel .ccmm-results .song .play-button{vertical-align:middle;padding-left:5px}#ccmm-panel .searchbox-wrapper{width:100%;display:flex;align-items:center;padding:0 20px;color:white;box-sizing:border-box}#ccmm-panel .search-icon img{width:26px;padding-right:2px}#ccmm-panel .ccmm-search input{height:40px;line-height:40px;border:0;background:0;padding:5px 0 5px 0;box-sizing:border-box;flex-grow:2;color:white}#ccmm-panel .ccmm-search input::-webkit-input-placeholder{color:#fff}#ccmm-panel .ccmm-search input::-moz-placeholder{color:#fff}#ccmm-panel .ccmm-search input:-ms-input-placeholder{color:#fff}#ccmm-panel .ccmm-search input:-moz-placeholder{color:#fff}#ccmm-panel .ccmm-search .cancel-button{flex-basis:20px;cursor:pointer}#ccmm-panel .search-suggestions .item{padding-left:20px;line-height:35px;color:white;cursor:pointer;font-size:14px}#ccmm-panel .search-suggestions .item:hover{background-color:#1db0cc;color:white}#ccmm-panel{position:fixed;left:0;top:0;bottom:0;overflow-y:auto;background-color:#14162b;width:400px}#ccmm-panel .ccmm-header{width:100%;padding:15px 20px;background:#216bd8;box-shadow:0 0 5px rgba(0,0,0,0.5);z-index:50;box-sizing:border-box;position:relative;overflow:hidden}#ccmm-panel .ccmm-header .background{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.1;z-index:-100}#ccmm-panel .ccmm-header .logo{margin-top:10px;margin-bottom:15px;text-align:center}#ccmm-panel .ccmm-header .title h1{margin:0;padding:0 15px 5px;font-size:40px;line-height:40px;font-weight:100;color:#FFF;text-align:center}#ccmm-panel .ccmm-header .description{color:white;font-size:14px;text-align:center;line-height:20px}#ccmm-panel .header .title{height:35px;line-height:35px;color:white;padding-left:0 20px;font-size:14px}#ccmm-panel .ccmm-footer{font-size:13px;padding:10px;margin-top:20px;text-align:center;color:#aaa}#ccmm-panel .ccmm-footer a{color:#ddd;text-decoration:none}#ccmm-panel .social{display:flex;justify-content:center;padding-top:15px}#ccmm-panel .social .item i{color:#1db0cc;font-size:25px;padding:0 5px}#ccmm-panel .ccmm-footer .more-about{margin-bottom:20px}.app.narrow #ccmm-panel{right:0;width:auto}.ccmm-map{position:relative}.ccmm-map,.ccmm-map canvas{width:100%;height:100%;background-color:#1a1f36}.ccmm-map svg.map{display:block;position:absolute;top:0}.ccmm-map .zoom-layer{opacity:0}.ccmm-map svg circle{fill:#aaa;opacity:.8;stroke:#ccc;cursor:pointer;transition:opacity .2s}.ccmm-map svg circle:hover{stroke:white !important;opacity:.9 !important}.ccmm-map-zoom-buttons{position:absolute;right:20px;bottom:20px;color:white;display:flex;flex-direction:column}.ccmm-map-zoom-buttons div{height:34px;width:30px;transition:opacity .3s}.ccmm-map-zoom-buttons div:hover{opacity:.75}.ccmm-map-zoom-buttons svg{cursor:pointer}