:root{--brand-color:#d4002d;--brand-secondary-color:#ac0a26;--font-color:#4b4f55;--font-color-invert:#ffffff;--info-color:#85c8e8;--success-color:#a7bf5c;--danger-color:var(--brand-color);--white-color:#ffffff;--bridge-road-color:#87888a;--bridge-structure-color:#4b4f55;--bridge-railing-color:#c6c7c8}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}html{font-family:"Open Sans", "Arial", sans-serif;font-size:16px}body{background-color:var(--white-color);color:var(--font-color);line-height:1.5rem}noscript{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.brand-logo{height:1rem}.app-main{position:relative}.app-root{display:grid;grid-template-columns:100%;grid-template-rows:auto 1fr auto;height:100%;overflow:hidden}.app-header{text-align:center;line-height:3rem;padding:1rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.app-name{font-size:3rem}.app-footer{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;line-height:1rem;padding:0 1rem;-moz-column-gap:1rem;column-gap:1rem;position:fixed;bottom:0;width:100%;height:64px;text-align:center;font-size:1rem;max-width:1024px;margin-left:50%;transform:translateX(-50%)}.app-footer>*{flex:1 1 auto}.app-footer__logo{order:1;width:100%;max-width:150px;margin:0 auto}.app-footer__link{color:var(--font-color-invert);text-decoration:none}.app-footer__link:hover{text-decoration:underline}.app-footer__link:last-child{order:2}.main-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:33.3%;text-align:center;padding:0 1rem}@media(max-width: 500px){.app-header{line-height:2rem}.app-name{font-size:2rem}}@media(max-width: 340px){.brand-logo{height:0.9rem}.app-header{line-height:1.5rem}.app-name{font-size:1.5rem}}.device-error{color:var(--danger-color);font-size:2rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.connection-status{background-color:var(--danger-color);color:var(--white-color);position:fixed;top:0;width:100%;line-height:1rem;font-size:0.8rem;text-align:center}.bridge-state.svelte-pwpkza{font-size:1.25rem;font-weight:bold;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--danger-color)}.bridge-state--passable.svelte-pwpkza{color:var(--success-color)}.bridge-state--error.svelte-pwpkza{background-color:var(--danger-color);border-radius:0.25rem;color:var(--font-color-invert);padding:0.5rem 1rem}.bridge-timer.svelte-pwpkza{background-color:var(--info-color);padding:0.5rem 1rem;border-radius:0.25rem;margin:1rem 0;font-size:1rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bridge-timer__value.svelte-pwpkza{font-weight:bold}.background-sprites.svelte-1jeeu2t{position:absolute;bottom:0;height:66.6%;width:100%;overflow:hidden}.bridge-sprite.svelte-1jeeu2t{position:absolute;top:30px;bottom:0;width:100%}.bridge-sprite__street.svelte-1jeeu2t{background-color:var(--bridge-structure-color);height:50px;width:100%;position:relative;border-bottom:1px solid rgba(0, 0, 0, 0.1)}.bridge-sprite__street.svelte-1jeeu2t::before,.bridge-sprite__street.svelte-1jeeu2t::after{display:block;content:""}.bridge-sprite__street.svelte-1jeeu2t::after{background-color:var(--bridge-road-color);height:10px;width:100%}.bridge-sprite__street.svelte-1jeeu2t:before{width:100%;height:27px;top:-30px;position:absolute;border-top:3px solid var(--bridge-railing-color);background-repeat:repeat-x;background-image:url("data:image/svg+xml,%3csvg width='18px' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='3px' height='100%25' fill='%23c6c7c8'/%3e%3c/svg%3e")}.water-sprite.svelte-1jeeu2t{bottom:0;height:50%;min-height:105px;width:100%;position:absolute;bottom:0;-webkit-animation:svelte-1jeeu2t-waterAnimation 1s linear alternate infinite;animation:svelte-1jeeu2t-waterAnimation 1s linear alternate infinite}.water-sprite__water.svelte-1jeeu2t{background:#0265f0;height:100%}.water-sprite__wave.svelte-1jeeu2t{background:url("/assets/images/wave.png") center top;height:22px;background-size:contain}.water-sprite__wave.svelte-1jeeu2t:nth-child(1){transform:translate(0, 60px);width:calc(100% + 100px)}.water-sprite__wave.svelte-1jeeu2t:nth-child(2){transform:translate(0, 60px)}@-webkit-keyframes svelte-1jeeu2t-waterAnimation{from{transform:translateY(0)}to{transform:translateY(10px)}}@keyframes svelte-1jeeu2t-waterAnimation{from{transform:translateY(0)}to{transform:translateY(10px)}}