body{margin:0;padding:0;font-family:sans-serif}@font-face{font-family:Akzidenz Regular;src:local("Akzidenz Regular"),url("/tunes-react/static/media/Berthold Akzidenz Grotesk BE Regular.30546242.ttf") format("truetype")}@font-face{font-family:Akzidenz Medium;src:local("Akzidenz Medium"),url("/tunes-react/static/media/Berthold Akzidenz Grotesk BE Medium.e338d68a.ttf") format("truetype")}*{box-sizing:border-box}.scroll-lock{overflow:hidden}body{background-color:#eee}.App{--header-active-color:#696969;--header-inactive-color:#b5b5b5;--header-height-mobile:14vw;--header-height-wide:66px;--menu-drawer-bg-color:#eee;--menu-drawer-active-color:#707070;--menu-drawer-inactive-color:#c8c8c8;--tune-selected-color:#e1eff8;font:4vw Akzidenz Regular;max-width:768px;margin:auto}@media (min-width:400px){.App{font-size:1em}}.App-header{z-index:2;position:fixed;top:0;left:0;width:100%;height:var(--header-height-mobile);background:#eee}@media (min-width:480px){.App-header{height:var(--header-height-wide)}}.Router{display:flex;justify-content:space-evenly;align-items:center;height:100%;width:calc(100% - var(--header-height-mobile));max-width:768px;text-align:center;list-style-type:none}@media (min-width:769px){.Router{margin:auto}}@media (min-width:1000px){.Router{justify-content:space-around}}.Router-link{padding-top:1vw;color:var(--header-inactive-color);font:700 1.3em Akzidenz Medium;letter-spacing:-.05em;text-decoration:none;-webkit-tap-highlight-color:transparent}@media (min-width:415px){.Router-link{padding-top:.15em}}.Router-link.active{color:var(--header-active-color)}.Router-link:hover{cursor:pointer}.Router-link.active:hover{cursor:default}.Menu-open-button{position:absolute;top:0;right:1vw;padding:3vw;height:100%;width:var(--header-height-mobile);text-align:center;-webkit-tap-highlight-color:transparent}@media (min-width:480px){.Menu-open-button{padding:16px;width:var(--header-height-wide)}}.Menu-open-button path{fill:var(--header-inactive-color)}.Menu-open-button.active path{fill:var(--header-active-color)}.Menu-drawer{z-index:2;opacity:.98;position:fixed;top:0;right:0;height:100%;width:60vw;max-width:300px;padding:var(--header-height-mobile) 2vw 2vw 4vw;color:var(--menu-drawer-inactive-color);background-color:var(--menu-drawer-bg-color);box-shadow:0 2px 10px hsla(0,0%,39.2%,.35);-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}@media (min-width:415px){.Menu-drawer{padding-top:18vh}}.Menu-drawer.is-open{-webkit-transform:translateX(0)!important;transform:translateX(0)!important}.Menu-drawer.is-closed{-webkit-transform:translateX(75vw)!important;transform:translateX(75vw)!important}.Menu-drawer.is-panning{-webkit-transition:none!important;transition:none!important}.Menu-close-button{position:absolute;top:0;right:0;width:var(--header-height-mobile);height:var(--header-height-mobile);color:var(--menu-drawer-inactive-color);font:10vw helvetica;font-weight:100;text-align:center}@media (min-width:520px){.Menu-close-button{top:.25vh;right:.6vw;width:var(--header-height-wide);height:var(--header-height-wide);font-size:3.2em}}.Menu-close-button.active{color:var(--menu-drawer-active-color)}.Submenu{padding:4vh .5vh 3vh}.Submenu-title{padding:.5vw;border-bottom:2px solid var(--menu-drawer-active-color);margin-bottom:.5vw;font:700 1.3em/1.3 Akzidenz Medium;letter-spacing:-.025em;color:var(--menu-drawer-active-color);text-align:right}.Submenu-item-container{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}.Submenu-item{justify-content:space-between;margin:1.25vh .5vw 0 0;padding:1.25vh 0;font:1.1em Akzidenz Medium;letter-spacing:.01em}.Submenu-item.active{color:var(--menu-drawer-active-color);font:700 1.1em Akzidenz Medium;letter-spacing:-.02em}.App-main{margin-top:var(--header-height-mobile)}@media (min-width:475px){.App-main{margin-top:var(--header-height-wide)}}.Tunes-list,.Tunes-screen{margin:0;border:0;padding:0}.Tunes-list{list-style-type:none}.Seekbar-container{z-index:1;position:fixed;right:0;top:calc(var(--header-height-mobile) + 1);touch-action:none}.Seekbar{position:relative;right:-1.5em;display:flex;flex-direction:column;justify-content:space-evenly;padding:5vh 0;height:100%;-webkit-transition:.2s;transition:.2s}.Seekbar.visible{right:0}.Seekbar-marker{margin:-.5vw 0;padding:0 .5vw;color:#111;font-family:Akzidenz Medium;text-align:center;touch-action:none}.Tune{margin-bottom:1px;padding:3.5vw 2.75vw;page-break-inside:avoid;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#222;background:#fff;-webkit-tap-highlight-color:transparent}@media (min-width:500px){.Tune{padding:1.125em 2.75vw}}.Tune:hover{cursor:pointer}.Tune.selected{background-color:var(--tune-selected-color)}.Tune-title{font-size:1.3em;font-weight:700;line-height:1.4;letter-spacing:-.05em}.Tune-detail{font-size:.94em;letter-spacing:.02em}.Setlist{margin:0;border:0;padding:0;list-style-type:none}.Setlist-background{position:absolute;top:0;left:0;width:100%;height:100vh;overflow:hidden;z-index:-1}.Setlist-tune-container{position:relative;margin-bottom:1px;max-height:100px;background-color:red;-webkit-transition:max-height .15s .15s;transition:max-height .15s .15s}.Setlist-tune-container:hover{cursor:pointer}.Setlist-tune-container.zero-height{max-height:0!important}.Setlist-tune{padding:3.5vw 2.75vw;page-break-inside:avoid;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#fff;-webkit-transition:-webkit-transform .15s;transition:-webkit-transform .15s;transition:transform .15s;transition:transform .15s,-webkit-transform .15s;-webkit-tap-highlight-color:transparent}@media (min-width:500px){.Setlist-tune{padding:1.125em 2.75vw}}.Setlist-tune.is-panning{-webkit-transition:none!important;transition:none!important}.Setlist-tune.far-left{-webkit-transform:translateX(-100vw)!important;transform:translateX(-100vw)!important}.x-container{top:0;right:0;height:100%;color:#fff}.x,.x-container{position:absolute}.x{right:calc(8.42vw - .25em);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.Random-screen{position:fixed;left:0;bottom:0;justify-content:space-evenly;width:100%;height:calc(100% - var(--header-height-mobile));background-color:#eee}.Random-screen,.Random-tune{display:flex;flex-direction:column;align-items:center}.Random-tune{justify-content:center;padding:6vh 8.5vw;min-height:12em;min-width:17em;max-width:75%;background-color:#fff;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}@media (min-width:415px){.Random-tune{padding:8vh 8vw;max-width:400px}}.Random-tune:hover{cursor:pointer}.Random-tune.selected{background-color:var(--tune-selected-color)}.Random-tune-title{padding-bottom:.2em;font-size:1.875em;font-weight:700;line-height:1.2;letter-spacing:-.05em}.Random-tune-detail{font-size:1.0625em;line-height:1.3;letter-spacing:.02em}.Next-button{padding:2.375vh 12vw 1.875vh;font:1em Akzidenz Medium;letter-spacing:.18em;color:#555;background:#bbb;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}@media (min-width:415px){.Next-button{padding:1.8vw 6vw 1.4vw}}
/*# sourceMappingURL=main.3bc94b57.chunk.css.map */