svg:not(:root).svg-inline--fa{overflow:visible}.svg-inline--fa{font-size:inherit;vertical-align:-.125em;height:1em;display:inline-block;overflow:visible}.svg-inline--fa.fa-lg{vertical-align:-.225em}.svg-inline--fa.fa-w-1{width:.0625em}.svg-inline--fa.fa-w-2{width:.125em}.svg-inline--fa.fa-w-3{width:.1875em}.svg-inline--fa.fa-w-4{width:.25em}.svg-inline--fa.fa-w-5{width:.3125em}.svg-inline--fa.fa-w-6{width:.375em}.svg-inline--fa.fa-w-7{width:.4375em}.svg-inline--fa.fa-w-8{width:.5em}.svg-inline--fa.fa-w-9{width:.5625em}.svg-inline--fa.fa-w-10{width:.625em}.svg-inline--fa.fa-w-11{width:.6875em}.svg-inline--fa.fa-w-12{width:.75em}.svg-inline--fa.fa-w-13{width:.8125em}.svg-inline--fa.fa-w-14{width:.875em}.svg-inline--fa.fa-w-15{width:.9375em}.svg-inline--fa.fa-w-16{width:1em}.svg-inline--fa.fa-w-17{width:1.0625em}.svg-inline--fa.fa-w-18{width:1.125em}.svg-inline--fa.fa-w-19{width:1.1875em}.svg-inline--fa.fa-w-20{width:1.25em}.svg-inline--fa.fa-pull-left{width:auto;margin-right:.3em}.svg-inline--fa.fa-pull-right{width:auto;margin-left:.3em}.svg-inline--fa.fa-border{height:1.5em}.svg-inline--fa.fa-li{width:2em}.svg-inline--fa.fa-fw{width:1.25em}.fa-layers svg.svg-inline--fa{margin:auto;position:absolute;inset:0}.fa-layers{text-align:center;vertical-align:-.125em;width:1em;height:1em;display:inline-block;position:relative}.fa-layers svg.svg-inline--fa{transform-origin:50%}.fa-layers-text,.fa-layers-counter{text-align:center;display:inline-block;position:absolute}.fa-layers-text{transform-origin:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.fa-layers-counter{box-sizing:border-box;color:#fff;text-overflow:ellipsis;transform-origin:100% 0;background-color:#ff253a;border-radius:1em;min-width:1.5em;max-width:5em;height:1.5em;padding:.25em;line-height:1;top:0;right:0;overflow:hidden;transform:scale(.25)}.fa-layers-bottom-right{transform-origin:100% 100%;top:auto;bottom:0;right:0;transform:scale(.25)}.fa-layers-bottom-left{transform-origin:0 100%;inset:auto auto 0 0;transform:scale(.25)}.fa-layers-top-right{transform-origin:100% 0;top:0;right:0;transform:scale(.25)}.fa-layers-top-left{transform-origin:0 0;top:0;left:0;right:auto;transform:scale(.25)}.fa-lg{vertical-align:-.0667em;font-size:1.33333em;line-height:.75em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{margin-left:2.5em;padding-left:0;list-style-type:none}.fa-ul>li{position:relative}.fa-li{text-align:center;width:2em;line-height:inherit;position:absolute;left:-2em}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fas.fa-pull-left,.far.fa-pull-left,.fal.fa-pull-left,.fab.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fas.fa-pull-right,.far.fa-pull-right,.fal.fa-pull-right,.fab.fa-pull-right{margin-left:.3em}.fa-spin{animation:2s linear infinite fa-spin}.fa-pulse{animation:1s steps(8,end) infinite fa-spin}@keyframes fa-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";transform:scaleX(-1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";transform:scale(-1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-flip-both{filter:none}.fa-stack{width:2.5em;height:2em;display:inline-block;position:relative}.fa-stack-1x,.fa-stack-2x{margin:auto;position:absolute;inset:0}.svg-inline--fa.fa-stack-1x{width:1.25em;height:1em}.svg-inline--fa.fa-stack-2x{width:2.5em;height:2em}.fa-inverse{color:#fff}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;width:auto;height:auto;margin:0;position:static;overflow:visible}.svg-inline--fa .fa-primary{fill:var(--fa-primary-color,currentColor);opacity:1;opacity:var(--fa-primary-opacity,1)}.svg-inline--fa .fa-secondary{fill:var(--fa-secondary-color,currentColor);opacity:.4;opacity:var(--fa-secondary-opacity,.4)}.svg-inline--fa.fa-swap-opacity .fa-primary{opacity:.4;opacity:var(--fa-secondary-opacity,.4)}.svg-inline--fa.fa-swap-opacity .fa-secondary{opacity:1;opacity:var(--fa-primary-opacity,1)}.svg-inline--fa mask .fa-primary,.svg-inline--fa mask .fa-secondary{fill:#000}.fad.fa-inverse{color:#fff}
html{box-sizing:border-box;font-size:16px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}*,:before,:after{box-sizing:inherit}:root{--blueish:#0082d5;--orange:#fd9950;--space-gray:#333;--shiny-yellow:#ffd972;--shy-white:#d8dad3}body{margin:0;padding:0;font-family:sans-serif}input,textarea{-webkit-appearance:none;border-radius:0}section{border-bottom:2px solid #c9d3de}.single-mix-title{text-transform:uppercase;text-align:center;color:#3d4d65;margin-top:0;padding-top:3rem;font-family:Roboto Condensed,sans-serif;font-size:3rem}h2,h3{text-transform:uppercase;text-align:center;font-family:Roboto Condensed,sans-serif}h2{color:#3d4d65;font-size:3rem}h3,h3 a{color:var(--blueish);font-size:1.5rem}h3 a:hover{border-bottom:3px solid var(--blueish)}a{text-decoration:none;transition:all .2s ease-in-out}.tracklist{color:#54657e;font-family:Roboto,sans-serif;font-size:clamp(.9rem,1.5vw,1.1rem);font-weight:300;line-height:clamp(1.4rem,2.25vw,1.8rem)}.tracklist ol{margin-bottom:1rem;list-style-type:decimal-leading-zero}.tracklist strong{font-weight:700}.mixes{padding-left:0;list-style-type:none}.mix-divider{text-align:center;border:1px solid #ececec;width:70%;margin:3rem auto}.btn{text-transform:uppercase;background-color:#0000;border-radius:6px;margin-right:1rem;padding:8px 10px;font-family:Roboto,sans-serif;font-size:.9rem;text-decoration:none;transition:all .25s ease-in-out}.container{max-width:960px;margin:0 auto;padding:0 1rem}.skip-link{z-index:9999;background:var(--space-gray);color:#fff;border-radius:0 0 4px 4px;padding:.5rem 1rem;font-family:Roboto,sans-serif;font-size:.9rem;position:absolute;top:1rem;left:-9999px}.skip-link:focus{left:1rem}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.archive{text-align:center}.archive span{color:var(--blueish);text-transform:uppercase;font-family:Roboto Condensed,sans-serif;font-size:1.5rem;font-weight:700}.archive ul{flex-wrap:wrap;justify-content:center;max-width:600px;margin:2.25rem auto;padding-left:0;list-style-type:none;display:flex}.archive li{margin-bottom:1rem;margin-left:.15rem;margin-right:.15rem}.archive li .active{background-color:var(--orange);color:#fff}.archive button{border:2px solid var(--orange);color:var(--orange);padding:8px 20px;transition:all .25s ease-in-out}.archive button:hover{cursor:pointer;background-color:var(--orange);color:#fff}
.dark,.light{transition:color .4s ease-in-out,background-color .4s ease-in-out}.dark,body.dark{background-color:var(--space-gray)}.dark .bg{color:var(--shy-white);background-color:#0000;background-image:linear-gradient(90deg,#ffd97240,#333333f2),url(/dj-bammer.jpg);background-position:0 0,50%;background-repeat:repeat,no-repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.dark-toggle{text-transform:uppercase;color:#fff;cursor:pointer;background-color:#0000;border:none;border-radius:100%;width:55px;height:55px;margin:0;font-size:.8rem;text-decoration:none;transition:background-color .2s ease-in-out}.fa-lightbulb-on{--fa-secondary-color:var(--shiny-yellow);--fa-secondary-opacity:1}.dark-toggle:hover .fa-lightbulb-on{--fa-secondary-color:#858585;--fa-secondary-opacity:1}.dark-toggle:hover .fa-lightbulb{--fa-secondary-color:var(--shiny-yellow);--fa-secondary-opacity:1}.dark .dark-toggle{color:var(--shy-white)}.dark .dark-toggle:hover{color:#fff}.dark h2,.dark h3,.dark h3 a,.dark .single-mix-title{color:var(--shiny-yellow)}.dark h3 a:hover{border-color:var(--shiny-yellow)}.dark #latest-mix h3,.dark .tracklist p,.dark .results p,.dark .tracklist ol,.dark .search span,.dark .archive span{color:var(--shy-white)}.dark form button[type=submit]{background-color:var(--shiny-yellow);border-color:var(--shiny-yellow);color:var(--space-gray)}.dark .highlight{background-color:var(--shiny-yellow);color:var(--space-gray)}.dark .btn.play{color:var(--shiny-yellow);border-color:var(--shiny-yellow)}.dark .btn.play:hover{background-color:var(--shiny-yellow);color:var(--space-gray)}.dark .btn.view-mix:hover a{color:var(--space-gray)}.dark footer{color:var(--shy-white);background-color:#293132}.dark #nprogress .bar{background-color:var(--shiny-yellow);height:4px}.dark #nprogress .peg{box-shadow:0 0 10px var(--shiny-yellow), 0 0 5px var(--shiny-yellow)}.dark #nprogress .spinner-icon{border-top-color:var(--shiny-yellow);border-left-color:var(--shiny-yellow)}.dark .react-autosuggest__suggestion--highlighted{background-color:var(--shiny-yellow);color:var(--space-gray)}.dark .credit a{color:var(--shiny-yellow)}.dark .credit a:hover{border-bottom:3px solid var(--shiny-yellow)}.dark footer .main-footer{background:var(--space-gray)}
footer,header{font-family:Roboto,sans-serif;font-size:.8rem}.main-header{color:#8493a7;background-color:#3e4d64}.credit .container,.main-header .container{justify-content:space-between;align-items:center;height:80px;display:flex}.credit{background-color:var(--space-gray);color:var(--shy-white)}.credit a{color:var(--orange);transition:all .1s linear}.credit a:hover{border-bottom:3px solid var(--orange)}.social{text-align:right;width:33%}.social a{color:#8493a7;margin-left:1.2rem;transition:all .5s ease-in-out}.social a:hover{color:#c7ced7;border-bottom:0}.dj-logo{height:auto}.dj-logo:hover{cursor:pointer}@media (max-width:425px){.copyright{display:none}.App-logo{width:45%}.dj-logo{width:125px}.social{width:55%}footer .container{flex-direction:row-reverse;justify-content:space-between}.credit .container p{display:none}}
.bg{color:#fff;background-color:#333;background-image:-webkit-linear-gradient(270deg,#a133d5a6,#d73f5aa6),-webkit-image-set(url(/dj-bammer.avif) 1x type("image/avif"),url(/dj-bammer.jpg) 1x type("image/jpeg"));background-image:linear-gradient(90deg,#a133d5a6,#d73f5aa6),image-set("/dj-bammer.avif" 1x type("image/avif"),"/dj-bammer.jpg" 1x type("image/jpeg"));background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:scroll;width:100%;height:100dvh;max-height:1024px;position:relative}.hero{flex-flow:column;justify-content:space-between;align-items:center;height:100%;display:flex}.hero h1{text-align:center;text-transform:uppercase;margin:3rem 0 0;font-family:Roboto Condensed,sans-serif;font-size:6rem}.hero p{text-align:center;max-width:65ch;font-family:Roboto,sans-serif;font-size:1.2rem;font-weight:300;line-height:1.5}.hero .cta{text-align:center;margin-bottom:3rem}.hero .cta a{text-transform:uppercase;color:#ffffffbf;font-family:Roboto,sans-serif;font-size:16px;font-weight:700;transition:all .2s ease-in-out}.hero .cta a:hover{color:#fff;border-bottom:0}.hero svg{padding-top:1rem;font-size:36px}@media (max-width:320px){html{font-size:12px}.hero h1{font-size:4.5rem}}@media (max-width:425px){.hero h1{font-size:3.5rem}.hero p{font-size:1.2rem}}
.featured-image{max-width:100%;height:auto;margin-bottom:1rem;box-shadow:0 8px 14px -6px #333}.no-border-on-hover:hover{border-bottom:0}@media (max-width:320px){.tracklist p,.mixes p{font-size:1.1rem}}
.play,.view-mix{cursor:pointer}.play:hover,.view-mix:hover{color:#fff}.play{border:2px solid var(--orange);color:var(--orange)}.play:hover{background-color:var(--orange)}.view-mix{color:#c9d3de;border:2px solid #c9d3de}.view-mix:hover a{color:#fff;border-bottom:0}.view-mix:hover{background-color:#c9d3de;border:2px solid #c9d3de}
.player{background:#3e4d64;width:100%;max-width:100%;animation:1s both fadeIn;position:fixed;bottom:0;right:0}.player button{background-color:var(--orange);border:2px solid var(--orange);color:#fff;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;width:35px;height:35px;margin:0;padding:.5rem;position:absolute;top:-35px}.now-playing{background:var(--orange);text-transform:uppercase;color:#fff;height:35px;padding:0 1rem;line-height:35px;position:absolute;top:-35px;left:50%;transform:translate(-50%)}@media (max-width:767px){.now-playing{display:none}}#close-player{cursor:pointer;right:0}#play-btn{left:0}#mute-btn{left:195px}#mute-btn:hover+#volume-range{display:flex}#time-info{background-color:var(--orange);border:2px solid var(--orange);color:#fff;text-align:center;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;min-width:160px;height:35px;margin:0;padding:.5rem;position:absolute;top:-35px;left:40px}#volume-range{border:2px solid var(--orange);height:35px;display:none;position:absolute;top:-35px;left:230px}#volume-range:hover{display:flex}input[type=range]{appearance:none;cursor:pointer;background:#fff;width:150px}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#3e4d64;border-radius:.5rem;height:4px}input[type=range]::-webkit-slider-thumb{appearance:none;background-color:var(--orange);width:1rem;height:1.5rem;margin-top:-10px}input[type=range]:focus::-webkit-slider-thumb{outline-offset:.125rem;border:1px solid #053a5f;outline:3px solid #053a5f}input[type=range]::-moz-range-track{background-color:#3e4d64;border-radius:.5rem;height:.5rem}input[type=range]::-moz-range-thumb{background-color:var(--orange);border:none;border-radius:0;width:1rem;height:1.5rem}input[type=range]:focus::-moz-range-thumb{outline-offset:.125rem;border:1px solid #053a5f;outline:3px solid #053a5f}#waveform{border-top:6px solid var(--orange);height:120px;padding:1rem 0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.player div p{margin:0;line-height:0}.player button:hover{cursor:pointer}
.search{text-align:center}.search span{color:var(--blueish);text-transform:uppercase;font-family:Roboto Condensed,sans-serif;font-size:1.5rem;font-weight:700}.search form{margin:2rem}.search button{color:#fff;vertical-align:middle;cursor:pointer;background-color:#3e4d64;border:2px solid #3e4d64;border-top-right-radius:6px;border-bottom-right-radius:6px;padding:.7rem;font-size:1rem;line-height:1.5rem}.results p{color:#54657e;padding-top:1rem;font-family:Roboto,sans-serif;font-style:italic}mark{background-color:#fadf7f;padding:3px 0}.react-autosuggest__container{display:inline;position:relative}.react-autosuggest__input{color:#54657e;vertical-align:middle;cursor:text;background-color:#eceff4;border:2px solid #eceff4;border-top-left-radius:6px;border-bottom-left-radius:6px;width:70%;padding:.7rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:400;line-height:1.5rem}.react-autosuggest__input--focused{outline:2px solid var(--blueish);outline-offset:2px}.react-autosuggest__input--open{border-bottom-right-radius:0;border-bottom-left-radius:0}.react-autosuggest__suggestions-container{display:none}.react-autosuggest__suggestions-container--open{z-index:2;background-color:#f9fafc;border:1px solid #ececec;border-bottom-right-radius:4px;border-bottom-left-radius:4px;width:100%;font-family:Helvetica,sans-serif;font-size:16px;font-weight:300;display:block;position:absolute;left:0}.react-autosuggest__suggestions-list{text-align:left;margin:0;padding:0;list-style-type:none}.react-autosuggest__suggestion{cursor:pointer;padding:10px 20px}.react-autosuggest__suggestion--highlighted{color:#fff;background-color:#3e4d64}