:root{--navbar-height: 70px;--navbar-height: calc(56px + max(env(safe-area-inset-bottom), 14px)) ;--main-bg: hsl(214, 7%, 19%);--main-bg-accent: #23272a;--text-primary: white;--text-greeting: white;--text-muted: #d4d4d8;--input-bg: #23272a;--input-text: var(--text-primary);--input-text-placeholder: rgba(255, 255, 255, .785);--card-bg: #23272a;--card-header-bg: #1d1f21;--card-text-title: white;--card-text-description: white;--card-text-muted: #8d979f;--card-border-color: rgba(0, 0, 0, .2);--card-border-width: 2px;--dialog-bg: var(--card-bg);--dialog-header-bg: var(--card-header-bg);--footer-bg: #1e1e1e;--nav-border-top: #31373e;--nav-bg: #1e1e1e;--selected-tab-bg: #2b2f33;--hover-accent-color: rgba(238, 111, 82, .7);--text-primary-font: "Zilla Slab", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--text-secondary-font: "Inter";--button-bg: hsl(210, 6%, 12%);--button-bg--hover: hsl(210, 6%, 9%);--button-text: white;--location-open-text-color: #19b875;--location-closed-text-color: #dd3c18;--location-closed-long-term-text-color: #dd3c18;--location-opens-soon-text-color: #f6cc5d;--location-closes-soon-text-color: #f3f65d;--location-open-highlight: var(--location-open-text-color);--location-closed-highlight: var(--location-closed-text-color);--location-closed-long-term-highlight: var(--location-closed-long-term-text-color);--location-opens-soon-highlight: var(--location-opens-soon-text-color);--location-closes-soon-highlight: var(--location-closes-soon-text-color);--map-open-text-color: white;--map-closed-text-color: white;--map-closed-long-term-text-color: white;--map-opens-soon-text-color: black;--map-closes-soon-text-color: black;--map-drawer-bg: #2d2f33;--logo-first-half: #dd3c18;--logo-second-half: #19b875}body.miku{--main-bg: hsl(178 2.4% 7.7%);--main-bg-accent: hsl(206, 9%, 15%);--text-primary: white;--text-greeting: white;--text-muted: #d4d4d8;--input-bg: hsla(178, 100%, 17%, .731);--input-text: var(--text-primary);--input-text-placeholder: rgba(255, 255, 255, .785);--card-bg: hsla(180, 24%, 22%, .6);--card-header-bg: hsl(180, 24%, 22%, .6);--card-text-title: hsl(190 100% 96.7%);--card-text-description: hsl(178 30% 96.7%);--card-text-muted: hsl(190 82.4% 60%);--card-border-color: hsla(178, 100%, 67%, 0);--card-border-width: 2px;--dialog-bg: hsla(180, 4%, 22%, 1);--dialog-header-bg: hsl(180, 24%, 22%, .6);--footer-bg: hsl(178 100% 16.7%);--nav-border-top: #31373e;--selected-tab-bg: #2b2f33;--nav-bg: #1e1e1e;--hover-accent-color: hsl(170, 100%, 67%, .3);--text-primary-font: "Zilla Slab", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--text-secondary-font: "Inter";--button-bg: hsla(190, 99%, 50%, .626);--button-bg--hover: hsla(190, 99%, 50%, .826);--button-text: white;--location-open-text-color: hsl(155, 76%, 71%);--location-closed-text-color: hsl(332, 90%, 78%);--location-closed-long-term-text-color: hsl(11, 80%, 88%);--location-opens-soon-text-color: #f6cc5d;--location-closes-soon-text-color: #f3f65d;--location-open-highlight: var(--location-open-text-color);--location-closed-highlight: var(--location-closed-text-color);--location-closed-long-term-highlight: var(--location-closed-long-term-text-color);--location-opens-soon-highlight: var(--location-opens-soon-text-color);--location-closes-soon-highlight: var(--location-closes-soon-text-color);--map-drawer-bg: #2d2f33;--logo-first-half: hsl(11, 90%, 58%);--logo-second-half: hsl(185, 68%, 54%)}body.miku .MainContent{background-image:url(/assets/miku-DA2cX1zV.jpg);background-position:center;background-repeat:no-repeat;background-size:cover}@media screen and (max-width: 900px){body.miku .MainContent{background-position:-650px 0}}@media screen and (max-width: 600px){body.miku .MainContent{background-position:-700px 0}}@media only screen and (max-device-width: 600px){body.miku .MainContent{background-position:-620px 0;background-size:auto 100%}}@media only screen and (max-device-width: 428px){body.miku .MainContent{background-position:-500px 0;background-size:auto 100%}}@media only screen and (max-device-width: 375px){body.miku .MainContent{background-position:-440px 0;background-size:auto 100%}}body.miku .ListPage__container{position:relative;isolation:isolate;overflow:hidden;box-sizing:border-box}body.miku .ListPage__container:before{content:"";z-index:-1;position:absolute;top:0;right:0;bottom:0;left:0;height:200px;background:linear-gradient(to bottom,#17828280 70%,#0000)}body.miku .locations__error-text{position:relative;background-color:#363a3ad5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:10px;border-radius:10px}body.miku .card--in-main-grid{-webkit-backdrop-filter:blur(3px) brightness(70%);backdrop-filter:blur(3px) brightness(70%)}body.miku .card--in-main-grid:hover{background-color:#363a3a}body.miku .error-container{background-color:#363a3ad5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:10px}body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.error-container{margin:48px auto;text-align:center;width:fit-content;padding:20px 30px;border-radius:15px}.error-container__title{color:var(--text-primary);font-family:var(--text-primary-font);margin-top:0;margin-bottom:12px;font-size:1.5rem}.error-container__text{color:var(--text-muted);font-family:var(--text-secondary-font);margin-bottom:20px;font-size:1rem}.error-container__error-button.MuiButton-root{font-size:1rem;font-family:var(--text-secondary-font);background-color:var(--button-bg);color:var(--button-text);font-weight:600}.error-container__error-button.MuiButton-root:hover{background-color:var(--button-bg--hover)}.Navbar{height:var(--navbar-height);background-color:var(--nav-bg);padding:14px;box-sizing:border-box;border-top:2px solid var(--nav-border-top)}.Navbar-links{position:relative;display:grid;grid-auto-columns:1fr;grid-auto-flow:column;height:40px;margin:0 auto;max-width:500px}.Navbar-links a{position:relative;z-index:5;display:flex;align-items:center;justify-content:center;font-family:Zilla Slab,sans-serif;font-weight:500;color:var(--text-primary);font-size:16px;text-decoration:none}.Navbar-links svg{width:24px;height:24px;margin-right:.4em}.Navbar-active{position:absolute;z-index:2;left:0;top:0;width:33.33%;height:100%;background-color:var(--selected-tab-bg);border-radius:999px;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease-in-out}.Navbar-active_map{transform:translate(100%)}.Navbar-active_feedback{transform:translate(200%)}.Navbar-active_glow{box-shadow:0 0 5px var(--hover-accent-color),0 0 10px var(--hover-accent-color),0 0 15px var(--hover-accent-color)}.ListPage{display:flex;flex-direction:column;min-height:100%}.ListPage__container{padding:72px 48px 0;flex-grow:1}@media screen and (max-width: 900px){.ListPage__container{padding:50px 15px}}.badge-accent{color:#105c03;background:#19b875;padding:10px;border-radius:30}.Locations-header{display:grid;grid-gap:1rem;padding-bottom:48px;position:relative}.Locations-header__miku-toggle{position:absolute;top:-290px;left:min(55%,630px);-webkit-mask-image:url(/assets/miku-keychain-Dge10uE_.svg);mask-image:url(/assets/miku-keychain-Dge10uE_.svg);-webkit-mask-position:bottom;mask-position:bottom;-webkit-mask-size:contain;mask-size:contain;padding:0;background-color:transparent;border:none;line-height:0;cursor:pointer;transition:.3s all;transform-origin:top;animation:3s sway infinite cubic-bezier(.364212,0,.635788,1)}.Locations-header__miku-toggle:hover{top:-280px}.Locations-header__miku-toggle:hover:active{top:-272px}.Locations-header__miku-toggle img{height:410px}@media screen and (max-width: 900px){.Locations-header__miku-toggle{right:-20px;left:auto}}@keyframes sway{0%,to{transform:rotate(1deg)}50%{transform:rotate(-1deg)}}.Locations-header__greeting-container{container-type:inline-size;padding-left:2px}.Locations-header__greeting-container .Locations-header__greeting--desktop{display:none}@container (min-width: 600px){.Locations-header__greeting-container .Locations-header__greeting--desktop{display:block}.Locations-header__greeting-container .Locations-header__greeting--mobile{display:none}}@property --right-cutoff{syntax: "<percentage>"; inherits: false; initial-value: 0%;}.Locations-header__greeting{color:var(--text-greeting);margin:0;font-family:var(--text-primary-font);font-weight:800;font-size:2.5rem;--right-cutoff: 100%;width:fit-content;animation:slide-in 1.2s forwards;animation-timing-function:cubic-bezier(.04,.34,.5,1.02);animation-delay:.1s;opacity:0;-webkit-mask-image:linear-gradient(to right,rgba(0,0,0,1) 0%,rgba(0,0,0,1) var(--right-cutoff),rgba(0,0,0,0) calc(var(--right-cutoff) + 10%));mask-image:linear-gradient(to right,rgba(0,0,0,1) 0%,rgba(0,0,0,1) var(--right-cutoff),rgba(0,0,0,0) calc(var(--right-cutoff) + 10%))}@keyframes slide-in{0%{opacity:0;transform:translate(-10px);--right-cutoff: 0%}20%{opacity:1}to{opacity:1;transform:translate(0);--right-cutoff: 100%}}@media screen and (min-width: 900px){.Locations-header{grid-template-columns:1fr 300px;align-items:center}}.Locations-search{display:block;width:100%;align-self:start;padding:.8rem 1rem .8rem 3rem;border-radius:1rem;background:var(--input-bg);outline:none;border:1px solid transparent;box-shadow:0 0 0 2px #fff0;transition:all .2s;font-family:inherit;font-size:1rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='rgba(255, 255, 255, .6)' class='w-5 h-5'%3E%3Cpath fill-rule='evenodd' d='M9 3.5a5.5 5.5 0 100 11 5.5 5.5 0 000-11zM2 9a7 7 0 1112.452 4.391l3.328 3.329a.75.75 0 11-1.06 1.06l-3.329-3.328A7 7 0 012 9z' clip-rule='evenodd'/%3E%3C/svg%3E");background-size:20px;background-repeat:no-repeat;background-position:1rem center;color:var(--input-text);font-weight:500}.Locations-search::-webkit-search-decoration{display:none}.Locations-search:focus{transition:all .5s;box-shadow:0 0 40px var(--hover-accent-color);border-color:var(--hover-accent-color);outline:none}.Locations-search::placeholder{color:var(--input-text-placeholder)}.card{--card-glow-animation: glow-animation 1.5s ease 0s infinite;box-sizing:border-box;height:100%;background-color:var(--card-bg);border:var(--card-border-width) solid var(--card-border-color);border-radius:7px;text-align:left;display:flex;flex-direction:column;overflow:hidden;position:relative}.card:hover{animation:var(--card-glow-animation)}.card__header{background:var(--card-header-bg)}.card__header .card__header__text{line-height:1.6;text-underline-offset:20px}.card .card__content{padding:24px 16px 32px}@media screen and (max-width: 900px){.card .card__content{padding:24px 16px}}.card__actions{margin-top:auto;padding:0 16px 16px;margin-left:-2px;display:flex;gap:12px}.card--dialog{background:var(--dialog-bg)}.card--dialog .card__header{background:var(--dialog-header-bg)}.card--animated{opacity:0;--card-show-delay: 0s;--card-fade-in-animation: fade-in .7s forwards var(--card-show-delay) cubic-bezier(.08, .67, .64, 1.01);animation:var(--card-fade-in-animation)}.card--animated:hover{animation:var(--card-fade-in-animation),var(--card-glow-animation)}@keyframes fade-in{0%{opacity:0;transform:translate(-10px);filter:blur(3px)}55%{filter:blur(0)}to{transform:translate(0);opacity:1;filter:blur(0)}}@keyframes glow-animation{0%{box-shadow:0 0 5px var(--hover-accent-color)}50%{box-shadow:0 0 20px var(--hover-accent-color)}to{box-shadow:0 0 5px var(--hover-accent-color)}}@keyframes oscillate-opacity{0%{opacity:1}30%{opacity:.6}90%{opacity:1}}.locations__error-text{color:var(--text-primary);font-family:var(--text-primary-font);font-size:1.5rem;width:fit-content}.skeleton-card--animated{opacity:0;--oscillate-delay: 0s;animation:fade-in 1s cubic-bezier(.08,.67,.64,1.01) 1s forwards,oscillate-opacity 2s ease-in-out var(--oscillate-delay) infinite}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;display:block;min-width:500px;width:fit-content;padding:.8rem .9rem;border-radius:1rem;background:var(--input-bg) url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%204.95%2010'%3e%3cpolygon%20fill='%23fff'%20points='1.41%204.67%202.48%203.18%203.54%204.67%201.41%204.67'/%3e%3cpolygon%20fill='%23fff'%20points='3.54%205.33%202.48%206.82%201.41%205.33%203.54%205.33'/%3e%3c/svg%3e") no-repeat calc(100% - 10px) 50%;outline:none;border:1px solid transparent;box-shadow:0 0 0 2px #fff0;transition:all .2s;font-family:inherit;font-size:1rem;color:var(--input-text);font-weight:500;animation:slide-in 1.2s forwards;animation-timing-function:cubic-bezier(.04,.34,.5,1.02);animation-delay:.1s;opacity:0}.select:hover{transition:all .5s;box-shadow:0 0 40px var(--hover-accent-color);border-color:var(--hover-accent-color);outline:none}@media screen and (max-width: 900px){.select{opacity:1;animation:none;width:100%;min-width:0}}.card__header__dot{width:12px;height:12px;margin-top:7px;border-radius:50%}.card__header__dot--blinking{animation:blinking 1s infinite;animation-play-state:paused}@keyframes blinking{0%{opacity:0}50%{opacity:1}75%{opacity:1}to{opacity:0}}.card__pin-container{position:absolute;bottom:16px;right:5px;border-radius:50%;transition:background-color .2s ease}.card__pin-button{border-radius:100%;min-width:4px;min-height:36px;background:transparent;box-shadow:none;border:none;outline:none;display:flex;align-items:center;justify-content:center}.card__pin-button--pinned svg{stroke:gold}.card__pin-button:not(.card__pin-button--pinned) svg{stroke:#efeaea}.card__pin-button:hover{background:#ffff0014;outline:none;fill:#ffff782e}.MapPage{background-color:var(--main-bg);display:grid;grid-template-rows:1fr auto;height:100%}.MapDrawer{padding:14px;background:var(--map-drawer-bg);overflow:hidden;box-sizing:content-box}@media (prefers-reduced-motion: no-preference){.MapDrawer{transition:max-height ease-in .3s}}.DrawerTransition-exit{max-height:300px}.DrawerTransition-enter,.DrawerTransition-exit-active{max-height:0}.DrawerTransition-enter-active{max-height:300px}html,body,#root,.App{height:100%}html,body{margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;background:var(--main-bg)}.App{text-align:left;display:flex;flex-direction:column}.MainContent{overflow-y:auto;overflow-x:hidden;flex:1}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}.footer{margin-top:80px;background-color:var(--footer-bg);padding:40px;min-height:130px;position:relative;overflow:hidden}.footer:has(.footer__miku){min-height:530px;isolation:isolate}.footer__miku{position:absolute;right:20px;top:-56px;height:100%;z-index:-1}@media screen and (max-width: 900px){.footer__miku{top:0}}.MuiCard-root{display:flex;flex-direction:column;justify-content:space-between}.announcement{padding:1rem;font-size:1.2em;color:#fff;text-align:center;background-color:#23272a}.AdBanner{padding:1rem;font-size:1.3rem;color:#fff;text-align:center;background-color:#089158;border-bottom:2px solid hsl(120,70%,15%);font-weight:600}@media (max-width: 386px){.AdBanner{font-size:1.1rem}}.AdBannerLink{color:#fff}.outer-error-container{font-size:40px;font-family:var(--text-primary-font);padding:30px;margin:auto;text-align:center}.outer-error-container>img{display:block;margin:20px auto;max-width:100%;max-height:400px}.outer-error-container>.outer-error-container__small-text,.outer-error-container a{font-size:30px;color:#828e97;word-break:break-word}@media screen and (max-width: 900px){.outer-error-container>.outer-error-container__small-text,.outer-error-container a{font-size:16px}}@media screen and (max-width: 900px){.outer-error-container{font-size:20px;text-align:left}}
