@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);.btn-primary,h1,h2,h3,h4{text-transform:uppercase}.tracknr,.tt-no-results{text-align:center}.track-artist,.track-info,.track-title{text-overflow:ellipsis;white-space:nowrap}@font-face{font-family:PilatWide;src:url('../fonts/PilatWide-Heavy.woff2') format('woff2'),url('../fonts/PilatWide-Heavy.woff') format('woff'),url('../fonts/PilatWide-Heavy.ttf') format('truetype');font-weight:700;font-style:normal}@font-face{font-family:PilatWide;src:url('../fonts/PilatWide-Regular.woff2') format('woff2'),url('../fonts/PilatWide-Regular.woff') format('woff'),url('../fonts/PilatWide-Regular.ttf') format('truetype');font-weight:400;font-style:normal}body,html{height:100%;background:url('../img/eternal-bghall-min.jpg') center/cover no-repeat fixed #101b5d}body{font-family:Roboto,sans-serif}.btn,.list-group-numbered>.list-group-item::before,.tracknr,h1,h2,h3,h4{font-family:PilatWide,sans-serif;font-weight:700}h1,h2,h3,h4{color:#010c1d}h1{line-height:.85em}hr{border:2px solid #e9c869;width:25%;opacity:1;margin:1.5rem 0}a,a:active{color:#e9c869}.bg-light{background-color:#fff!important}.bg-dark{background:#010c1d!important}.top100-content{background-color:#01020e}.btn-primary{background:#d19e1d;background:-webkit-linear-gradient(45deg,#d19e1d,#ffd86e,#e3a812);background:linear-gradient(45deg,#d19e1d,#ffd86e,#e3a812);border:none;font-weight:700;color:#040b1d;font-size:1.75em;padding:.55em 0 .6em}.tt-menu,.tt-no-results,.tt-suggestion{background-color:#fff}.form-control-lg{padding:1rem 1.5rem;font-size:1rem}.form-select-lg{padding-top:1rem;padding-bottom:1rem;padding-left:1.5rem;font-size:1rem}footer{font-size:.85em;letter-spacing:1px}.list-group-numbered>.list-group-item::before{content:counters(section, ".") ". ";counter-increment:section;width:10%;font-size:24px;color:#e9c869;display:inline-block}.w-90{width:90%}.readonly-style{color:#6c757d;cursor:not-allowed}#sortable-track-list .input-group{cursor:move}.autocomplete-item{display:flex;align-items:center;padding:8px;border-bottom:1px solid #e0e0e0;cursor:pointer}.autocomplete-item:hover,.tt-suggestion.tt-cursor,.tt-suggestion:hover{background-color:#f8f9fa}.play-button,.play-button-np{flex-shrink:0;width:50px;height:50px;border:none;border-radius:5px;background-size:cover;background-position:center;color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;margin-right:10px;text-decoration:none!important;text-shadow:0 0 10px rgba(0,0,0,.5)}.track-info{flex-grow:1;overflow:hidden}.track-title{font-weight:700;color:#333}.track-artist{color:#666}.twitter-typeahead{width:100%!important}.tt-dataset,.tt-menu,.twitter-typeahead,.twitter-typeahead .tt-input{width:100%}.tt-menu{border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 8px rgba(0,0,0,.1);padding:5px 0;z-index:1000;max-width:100%;max-height:500px;overflow-y:auto}.tt-suggestion{padding:8px 12px;font-size:16px;color:#333;cursor:pointer}.tt-no-results{padding:10px 15px;font-size:14px;color:#666;font-style:italic}.input-group .track-input{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.track-artist,.track-title{display:block;overflow:hidden;font-size:14px;line-height:1.2}@media (max-width:768px){body,html{background:url('../img/eternal-bghall-mobile.jpg') top center/cover no-repeat #101b5d}.top100logo{max-width:55%}.bg-dark{background:rgba(1,12,29,.3)!important}.tt-menu{max-height:300px}.autocomplete-item{padding:10px;font-size:16px;line-height:1.5;white-space:nowrap;overflow:hidden;background-color:#fff;max-width:100%}.autocomplete-item img{width:40px;height:40px;margin-right:10px}.track-info{max-width:calc(100% - 60px)}}