body{background-color:#f7f7f7;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}*,:before,:after{box-sizing:border-box}main{background-color:#fff;max-width:480px;min-height:100vh;margin:0 auto;box-shadow:0 0 100px #0000001a}.stops-list{text-align:center;pointer-events:auto;margin:0;padding:0;list-style:none;display:block;overflow:auto}.stops-list li{margin:0;padding:0;list-style:none;display:inline}.stops-list a{padding:10px;display:inline-block}#bus-stop-map{padding-top:50%;position:relative}#bus-stop-map img{vertical-align:top;width:100%;height:auto;position:absolute;top:0;left:0}#bus-stop-map:before{opacity:0;content:"";z-index:1;background-image:radial-gradient(#0000004d,#0000 70%);width:30px;height:15px;animation:.3s ease-in-out .5s both boop;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.5)}@keyframes boop{80%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}#bus-stop-map:after{opacity:0;content:"";transform-origin:top;z-index:2;background:url(stop-active.9f823d2b.svg) bottom/contain no-repeat;width:30px;height:40px;animation:.3s ease-in-out .5s both appear;position:absolute;top:50%;left:50%;transform:translate(-50%,-150%)scale(.5)}@keyframes appear{80%{opacity:1;transform:translate(-50%,-100%)scale(1.1)}to{opacity:1;transform:translate(-50%,-100%)scale(1)}}h1{color:#000;z-index:1;z-index:11;-webkit-backdrop-filter:blur(1px)saturate(3);backdrop-filter:blur(1px)saturate(3);background-color:#f0f0f0bf;margin:0;padding:10px;font-size:.7em;font-weight:400;position:sticky;top:0}h1 b{align-items:center;margin-top:5px;font-size:1.35em;display:flex}h1 b .stop-tag{margin-right:1ex}table{text-align:left;table-layout:fixed;border-spacing:0;border:0;width:100%;margin:0;overflow:hidden}table thead *{color:#666;font-weight:400}table th,table td{padding:6px 10px 0}table th *,table td *{vertical-align:middle}table tbody{transition:opacity .3s}table tbody th:not([colspan]){z-index:10;cursor:pointer;pointer-events:auto;background-color:#ffffff80;width:8ex;position:relative}table tbody th[colspan]{background:repeating-linear-gradient(90deg,#0000000d 0 1px,#0000 1px 50px) 8ex 0;padding:0 10px 6px}table tbody th small{color:#666;font-size:11px;font-weight:400}table tbody th small:after{content:" ←";opacity:.5}table tbody tr:nth-child(4n),table tbody tr:nth-child(4n-1){background-color:#fafafa}table tbody tr.pin{background-color:#ffffe0}table tbody tr.pin th{color:#ff8c00}@media (hover:hover){table tbody th:hover{color:#ff8c00}}table tbody td.blank{text-align:center;padding:3em}.legend{z-index:11;-webkit-backdrop-filter:blur(1px)saturate(3);backdrop-filter:blur(1px)saturate(3);background-color:#f0f0f0bf;padding:10px;font-size:11px;position:sticky;bottom:0}.legend .loads{display:flex}.legend .loads span{background-color:#fff;border-radius:1px;align-items:center;margin-right:3px;padding:3px;display:flex}.legend .visits{display:flex}.legend .visit-numbers{gap:6px;margin-right:10px;display:flex}footer{background-color:#f7f7f7;padding:10px;font-size:14px;display:flow-root}.stop-tag{color:#f01b48;font-variant-numeric:tabular-nums;background-color:#f01b4822;border-radius:4px;flex-shrink:0;padding:2px 5px;font-size:12px;font-weight:500;display:inline-block;position:relative}.stop-tag:after{content:"";border-radius:12px;width:12px;height:12px;position:absolute;bottom:-6px;right:-6px;overflow:hidden}.stop-tag.online:after,.stop-tag.loading:after{background-color:#32cd32;border:2px solid #fff}.stop-tag.error:after{background-color:#ff4500;border:2px solid #fff}@keyframes blink{0%{opacity:1}to{opacity:.3}}.stop-tag.loading:after,.stop-tag.error:after{animation:.3s ease-in-out infinite alternate both blink}.stop-tag.online:after{animation:3s ease-in-out infinite alternate both blink}.load{border-bottom-width:1px}.load-sea{color:green}.load-sda{color:#ff4500;border-bottom-style:dotted}.load-lsd{color:#b22222;border-bottom-style:dashed}.time{border-bottom-width:1px;display:inline-block}.time-sea{color:green;border-bottom:solid #0000}.time-sda{color:#ff4500;border-bottom:dotted #ff4500}.time-lsd{color:#b22222;border-bottom:dashed #b22222}@media (min-width:720px){body{grid-template-rows:1fr min-content 1fr;height:100vh;margin:0;display:grid}main{grid-row:2;max-width:800px;min-height:auto}#bus-stop-map{padding-top:0}#bus-stop-map img{position:static}#bus-stop-map,h1,table{width:50%}#bus-stop-map,h1{float:left}header{flex-direction:column-reverse;display:flex}table{float:right}.legend{clear:both;width:50%}}.bus-lane-cell{vertical-align:top;background:repeating-linear-gradient(90deg,#0000000d 0 1px,#0000 1px 50px);padding-left:0;padding-right:0}.bus-lane{height:1.8em;position:relative}.bus-lane+.bus-lane{border-top:1px dashed #0000000d;margin-top:3px;padding-top:3px}.visit-number{color:#00000080;text-align:center;z-index:1;background-color:#fffc;border:1px dashed #00000080;border-radius:3em;width:2em;height:2em;font-size:12px;font-weight:700;line-height:1.8em;display:inline-block}.bus-lane .visit-number{pointer-events:none;position:absolute;top:4px;right:12px}.bus-lane .bus{will-change:margin-left;transition:all 1s ease-out;display:block}.bus-lane .bus-float{float:left;padding-right:4px;font-size:11px}.bus-lane .bus>*{animation:3s both show}@keyframes show{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.bus.ghost .bus-float{position:absolute}.bus-lane>.bus.ghost:first-child>*{animation:3s both ghosting}@keyframes ghosting{to{opacity:0;transform:translate(-12px)}}.bus-lane .bus~.bus.ghost>*{animation:1.5s both ghosting2}@keyframes ghosting2{to{opacity:0;transform:scale(.6)}}.bus-lane .bus:not(.ghost){z-index:3}.bus-lane .bus:not(.ghost)~.bus:not(.ghost){z-index:2}.bus-lane .bus:not(.ghost)~.bus:not(.ghost)~.bus:not(.ghost){z-index:1}.bus-lane .bus,.bus-lane .bus img{vertical-align:bottom}.debug{color:red;z-index:10000;background:#fff;padding:1px 2px;position:absolute;top:-.5em}.destination{color:#3a6727;background:linear-gradient(90deg,#5d33 0%,#fff0 100%);border-radius:3px;padding:2px}
/*# sourceMappingURL=bus-arrival.da535728.css.map */