@font-face{font-family:Asap;src:url(/fonts/Asap.ttf) format("opentype")}@font-face{font-family:Asap-Italic;src:url(/fonts/Asap-Italic.ttf) format("opentype")}:root{--bg: #f6f6f6;--black: #212721;--gray: #ddd;--red: #cc092f;--white: #fff}.slider{position:absolute;left:0;bottom:0;z-index:2;width:100vw;height:calc(100vh - 66px);background-color:var(--bg);overflow:scroll}.slider::-webkit-scrollbar{display:none}.slider-enter-active,.slider-leave-active{transition:all .7s ease-out}.slider-enter-from,.slider-leave-to{transform:translateY(100%)}.left-slider{position:absolute;right:0;bottom:0;z-index:2;width:95vw;height:calc(100vh - 66px);background-color:var(--bg);overflow:scroll}.left-slider::-webkit-scrollbar{display:none}.left-slider-enter-active,.left-slider-leave-active{transition:all .7s ease-out}.left-slider-enter-from,.left-slider-leave-to{transform:translate(-120%)}.top-slider{position:absolute;left:0;top:0;z-index:2;width:100vw;height:100vh;background-color:var(--bg);overflow:scroll;background-size:cover}.top-slider::-webkit-scrollbar{display:none}.top-slider-enter-active,.top-slider-leave-active{transition:all .7s ease-out}.top-slider-enter-from,.top-slider-leave-to{transform:translateY(-100%)}.cg-8{margin-right:8px}.cg-24{margin-right:24px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mb-32{margin-bottom:32px}.ml-auto{margin-left:auto}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.rg-8{margin-bottom:8px}.rg-16{margin-bottom:16px}.rg-24{margin-bottom:24px}.mb-md{margin-bottom:8px}#logo{width:96px}svg{width:100px;height:100px;display:inline-block}body{margin:0;font-family:Asap;font-size:20px;height:100vh;overflow:hidden}strong{font-family:Asap;font-weight:700}.box{border:3px solid var(--green);width:64px;height:16px;margin:0 0 8px;display:inline-block}.flex-center{display:flex;align-items:center}.flex-wrap{display:flex;flex-wrap:wrap}.text-center{text-align:center}h1{font-family:Asap;font-weight:700}h2{font-family:Asap;font-weight:600}h1,h2{margin:0;display:inline}div nav{display:flex;width:inherit;height:66px;font-size:20px;position:relative;z-index:3}div:not(#playlist,#settings,#locations)>nav{background-color:var(--white);color:var(--black)}#playlist>nav,#settings>nav,#locations>nav{margin-top:3vh;width:89vw}nav>div{height:inherit;display:flex;align-items:center;flex:1 0 47vw;justify-content:right}nav>div:first-child{flex:1 0 43vw;justify-content:left}nav img{margin:0 6px 0 0}nav.main,#content,.slider{padding-left:5vw;padding-right:5vw}.left-slider,.top-slider{padding-top:5vw;padding-left:5vw}#content{width:100vw;height:calc(100vh - 48px);padding-bottom:24vh;overflow:scroll}.card{border-radius:16px;border:1px solid #aaa;background:var(--white)}#background .card{border:1px solid #343434}div:not(#locations) .card img{border-radius:16px;width:100%}div#locations .card{font-size:20px;color:var(--black)}div#locations .card img{border-radius:0;width:24px;margin:-6px 6px 0 0}#active>div,.media>div,#background>div,#locations .card{margin-right:2.5vw;margin-bottom:2.5vw}#active,.media{margin-bottom:24px}#active>.card,.media .card,#background .card,#locations .card{width:28.3vw}#active>.card span>span{font-family:Asap}#active>.card>div:not(.img),#locations .card>div,.media .card>div.img>div:not(.overlay),#active>.card>div.img>div:not(.overlay){width:90%;margin:12px 24px 24px}.media .card>div:not(.img){width:90%;margin:12px 24px}.cardTitle .nav{margin-top:16px}#active>.card>div.img,#background .card>div.img,#locations .card,.media .card>div.img{border-top-left-radius:16px;border-top-right-radius:16px;overflow:hidden;background-size:cover}div.img{aspect-ratio:16 / 9;background-size:cover}div.overlay{background:linear-gradient(0deg,rgba(0,0,0,.1),rgba(0,0,0,.6));width:inherit;height:inherit;border-top-left-radius:16px;border-top-right-radius:16px;padding:12px 24px;position:relative}div.overlay.transparent{background:none}div.overlay.transparent{background-color:transparent}div.img{background:#555;color:var(--white);font:20px Asap}.media h2{font-size:20px}.card h2{line-height:40px}.card .title{font-family:Asap;font-weight:500}.card .title span span{font-family:Asap;font-weight:700;font-size:20px}.card .return{float:right;font-family:Asap;font-weight:700;font-size:18px;margin-right:4px;padding-top:10px;margin-left:auto}button{font-family:Asap;font-weight:700;font-size:18px;padding:8px 12px;color:var(--black);background-color:var(--gray);border:2px solid var(--gray);text-decoration:none;margin:0 auto;border-radius:30px}button.outline{color:var(--black);border:2px solid var(--black);background-color:transparent}button.active{color:var(--white);border:2px solid var(--red);background-color:var(--red)}button.black{background-color:var(--black);border:2px solid var(--black);color:var(--white)}.overflow-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}h1>div{font-size:20px;font-weight:400;margin-bottom:20px}h1>small{margin-left:12px;font-size:24px;line-height:30px}.color-red{color:var(--red)}.spacer-v-l{display:block;width:100%;height:50px}.bg-cover{background-size:cover}.reset{margin:0 10px 0 0;font-family:Asap;padding:7px 14px}@media screen and (max-width: 1024px){#active,.media{margin-right:2vw;margin-bottom:2vw}#active>.card,.media .card,#background .card,#locations .card{width:44vw}.card button,.card .return{font-size:18px}}