.loader,.loader:after,.loader:before{background:red;-webkit-animation:load1 1s ease-in-out infinite;animation:load1 1s ease-in-out infinite;width:1em;height:4em}.loader{color:red;text-indent:-9999em;margin:88px auto;position:relative;font-size:11px;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation-delay:-.16s;animation-delay:-.16s}.loader:after,.loader:before{position:absolute;top:0;content:""}.loader:before{left:-1.5em;-webkit-animation-delay:-.32s;animation-delay:-.32s}.loader:after{left:1.5em}@-webkit-keyframes load1{0%,80%,to{box-shadow:0 0;height:4em}40%{box-shadow:0 -2em;height:5em}}@keyframes load1{0%,80%,to{box-shadow:0 0;height:4em}40%{box-shadow:0 -2em;height:5em}}body{font-family:sans-serif;-webkit-font-smoothing:antialiased;margin:0;padding:0}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}button{background:#f8f8f7;border:0;border-radius:3px;font-weight:700;position:relative;top:-2px}.root-component{margin:0 auto;max-width:1120px;padding:20px;position:static}.action-buttons{background:#fff;border-top:1px solid #000;bottom:0;left:0;padding:20px;position:fixed;width:100%;z-index:2}.action-buttons__button{font-size:16px;margin-right:20px}.action-buttons__content{margin:0 auto;max-width:1280px}h2{margin-top:0}.plain-list--stack{display:flex;flex-wrap:wrap}.color-mode{padding-top:20px;width:100vw;min-height:100vh;transition:all .3s}.color-mode--dark{background:#001e3c;color:#fff}.full{flex:0 0 100%}.road-name-number-combo-box{border-radius:3px;margin:5px 0;max-width:450px;padding:10px;transition:background-color .2s ease-in-out}.road-name-number-combo-box--invalid{background-color:red}.road-name-number-combo-box--valid{background-color:green}.road-name-number-combo-box--blank{background-color:transparent}.single-image-input{transition:background-color .2s ease-in-out}.single-image-input--valid{background-color:#90ee90}.offscreen{left:-999em;position:absolute;top:-999em}.engine-listing__column{display:flex}.engine-listing__list{flex:0 1 50%;list-style:none;padding:0;display:flex;flex-wrap:wrap;margin-top:0;align-content:flex-start}.single-engine--in-list{margin:5px 10px 5px 0}.plain-list{list-style:none;padding:0}.engine-sighting{box-shadow:0 1px 3px 0 #d4d4d5,0 0 0 1px #d4d4d5;border-radius:2px;flex-grow:0;flex-shrink:0;flex-basis:calc(50% - 16px);margin-right:16px;margin-bottom:25px}.engine-sighting:nth-child(5n-1){margin-right:0}.engine-sighting__img-wrap{height:0;overflow:hidden;position:relative;padding-bottom:80%}.engine-sighting__img-wrap-inner{display:flex;flex-direction:column;justify-content:center;height:100%;position:absolute;left:0;top:0;width:100%}.engine-sighting__img-wrap img{object-fit:cover;height:102%;width:102%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:opacity .3s;opacity:0}.engine-sighting__img-wrap img.done{opacity:1}.engine-sighting__img-wrap--loading{background-color:rgba(0,0,0,.5)}.engine-sighting__loader{display:inline-block;position:relative;width:32px;height:32px;margin:0 auto;text-align:center}.engine-sighting__loader div{box-sizing:border-box;display:block;position:absolute;width:26px;height:26px;margin:3px;border-radius:50%;-webkit-animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border:3px solid transparent;border-top-color:#fff}.engine-sighting__loader div:first-child{-webkit-animation-delay:-.45s;animation-delay:-.45s}.engine-sighting__loader div:nth-child(2){-webkit-animation-delay:-.3s;animation-delay:-.3s}.engine-sighting__loader div:nth-child(3){-webkit-animation-delay:-.15s;animation-delay:-.15s}@-webkit-keyframes aitf{0%{background-position:0 0}to{background-position:0 50%}}@keyframes aitf{0%{background-position:0 0}to{background-position:0 50%}}@-webkit-keyframes lds-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes lds-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media screen and (min-width:764px){.engine-sighting{flex-grow:0;flex-shrink:0;flex-basis:calc(25% - 12px);margin-right:16px}}.main-menu{background:hsla(0,0%,100%,.8);border-radius:2px;margin:0 auto 10px;max-width:1080px;padding:1px 15px;position:relative;transition:background .3s;width:calc(100vw - 40px);z-index:2}.main-menu--dark{background:rgba(0,153,255,.8)}.main-menu__list{display:flex;flex-wrap:wrap;justify-content:space-between;list-style:none;padding:0}.main-menu__list:after{content:"";display:table;clear:both}.main-menu__item{flex:1 1 auto;margin:10px 0;text-align:center}.main-menu__link{background:transparent none;border:0;border-radius:3px;cursor:pointer;font-family:"Roboto Condensed",sans-serif;font-size:14px;text-transform:uppercase;color:#0250bd;font-weight:600;padding:3px;text-decoration:none}.main-menu__link:active,.main-menu__link:focus,.main-menu__link:hover{background:#001e3c;color:#d3d3d3}.main-menu__link--active{cursor:default;pointer-events:none}.subnav-list{list-style:none;margin:0;padding:0}.subnav-list__item{display:inline-block}.RoadNameNumberComboBox__input{width:65px}.sighting__copy-wrap{display:flex;flex-wrap:wrap;justify-content:space-between;font-size:14px;padding:8px}.sighting__copy-wrap>*{flex:1 1 auto;min-width:30%}.sighting__button{padding:6px 4px;min-width:100%}.sighting__button-container{width:100%;margin-bottom:-1px}.sightings-listing{display:flex;flex-wrap:wrap;margin-top:20px;min-height:160px;position:relative}.sightings-listing__listing{margin:0 7px 15px;border-radius:3px;box-shadow:0 1px 3px 0 #d4d4d5,0 0 0 1px #d4d4d5;display:flex;flex-direction:column;justify-content:space-between;max-width:20%;max-width:calc(20% - 14px);transition:background .2s,-webkit-transform .1s ease-in;transition:transform .1s ease-in,background .2s;transition:transform .1s ease-in,background .2s,-webkit-transform .1s ease-in}.sightings-listing__listing--dark{background:#1d1d1d}.sightings-listing__listing--dark a{color:#3cf}.sightings-listing__listing:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px)}.sightings-listing__listing-button{color:#999;cursor:pointer;width:100%;margin-left:0}.single-image-input{border:0;border-radius:3px}.single-image-input__image-preview{background-size:cover;float:left;height:400px;width:300px}.previous-sightings{font-size:12px;margin-top:50px}.previous-sightings>div{display:flex;flex-wrap:wrap}.single-previous-sighting{flex:0 0 50%;margin-bottom:20px;padding:0 10px}.single-previous-sighting:nth-child(odd){padding-left:0}.single-previous-sighting:nth-child(2n){padding-right:0}.single-previous-sighting img{left:50%;height:auto;min-height:100%;min-width:100%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:auto}.single-previous-sighting__img-wrap{height:0;margin:5px 0 20px;overflow:hidden;padding-bottom:60%;position:relative;width:100%}@media screen and (min-width:768px){.single-previous-sighting{flex:0 0 25%}.single-previous-sighting:nth-child(odd){padding-left:20px}.single-previous-sighting:nth-child(2n){padding-right:10px}.single-previous-sighting:nth-child(4n+1){padding-left:0;padding-right:20px}.single-previous-sighting:nth-child(4n+4){padding-left:20px;padding-right:0}}.pictures--on-sighting{display:flex;flex-wrap:wrap;margin:0 auto;max-width:1080px;padding:0}.plain-button{display:inline-block;border:1px solid #666;border-radius:3px;margin-left:5px;padding:1px 7px 2px;font-weight:700;position:relative;top:0;color:#444}.engine-sightings{align-content:flex-start;display:flex;min-height:50px;flex-wrap:wrap}.locations-listing{font-size:12px}.locations-listing-link{display:inline-block;margin:0 8px 10px 0;white-space:nowrap}.engine-tag-grid{display:flex;flex-wrap:wrap}.roadname{font-family:"Overpass Mono",monospace;border-radius:3px;display:inline-block;padding:2px 8px}.roadname--small{margin:2px 0;padding:2px 3px;font-weight:600;font-size:12px}.roadname--big{font-size:18px;margin:0 2px 10px}.roadname--csx{background:#232065;color:#f5e222}.roadname--up{background:#fc0;color:#5b5b5b}.roadname--cn{background:#da291c;color:#fff}.roadname--cp{background:#c2002f;color:#fff}.roadname--ocs{background:#f79e1c;color:#ffe912}.roadname--ns{background:#000;color:#fff}.roadname--bnsf{color:#2b2926;background:#ed6300}.roadname--kcs{background:#ffb81c;color:#e31837}.mini-link{font-size:1.125rem}.view-sighting__background{position:fixed;height:auto;left:50%;min-height:100vh;min-width:100vw;opacity:0;pointer-events:none;top:50%;transition:opacity .2s ease-out .5s;width:auto;z-index:1;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0) translateX(-50%) translateY(-50%) scale(1);transform:translateZ(0) translateX(-50%) translateY(-50%) scale(1);will-change:opacity}.view-sighting__background--done{opacity:1}.view-sighting__background--blurhash{position:fixed!important;transition:none}.view-sighting__background--blurhash canvas{position:fixed!important}.view-sighting__copy{border-radius:4px;margin-bottom:20px;padding:20px;display:flex;flex-wrap:wrap}.view-sighting__copy--dark{background:#000}.view-sighting__copy .engines{flex:0 0 auto;display:flex}.view-sighting__copy .engines div{margin-right:10px}.view-sighting__copy .engines h2{margin:0 10px 0 0}.view-sighting__content{position:relative;z-index:2}.view-sighting__modal{background:transparent;border:0;height:100vh;left:0;margin:0;padding:0;position:fixed;text-align:center;top:0;width:100vw;z-index:1001}.view-sighting__modal:after{background:rgba(0,0,0,.25);content:" ";display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:100}.view-sighting__modal::-webkit-backdrop{background:rgba(0,0,0,.25)}.view-sighting__modal::backdrop{background:rgba(0,0,0,.25)}.view-sighting__modal-inner{display:flex;height:100%;position:relative;width:100%;z-index:1002}.view-sighting__modal-content{flex:0 0 100%;position:relative;text-align:center;width:100%}.view-sighting__modal-content img{left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-height:100%;position:absolute;width:auto}.view-sighting__toggle-button--active{pointer-events:none}@media only screen and (min-width:64em){.pictures--on-sighting{padding:20px 0}}.train-picture{background:#fff}.train-picture--active{background:#666;box-shadow:0 0 6px rgba(0,0,0,.4)}.train-picture--active-bnsf{background:#ed6300}.train-picture--active-ns{background:#000}.train-picture--active-up{background:#fc0}.train-picture--active-cn{background:#da291c}.train-picture--active-csx{background:#232065}.train-picture__upper-right{position:absolute;top:5px;right:5px;text-align:right}.train-picture__upper-right-inner{position:relative}.train-picture__engine{text-align:right}.train-picture__engines{background:rgba(0,0,0,.5);bottom:10px;border-radius:3px;color:#fff;font-size:10px;padding:8px;position:absolute;right:10px;max-width:50%}.train-picture__enlarge{border:0;box-shadow:333 0 6px rgba(0,0,0,.2);cursor:pointer;display:inline-block;height:20px;left:5px;opacity:0;padding:0;position:absolute;text-indent:-999em;top:5px!important;-webkit-transform:translate(-25px,-25px);transform:translate(-25px,-25px);transition:opacity .2s ease-in .02s,-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out,opacity .2s ease-in .02s;transition:transform .2s ease-in-out,opacity .2s ease-in .02s,-webkit-transform .2s ease-in-out;width:20px;will-change:transform opacity}.train-picture__enlarge:after,.train-picture__enlarge:before{background:#333;content:" ";display:block;position:absolute}.train-picture__enlarge:before{height:4px;-webkit-transform:translate(4px,5px);transform:translate(4px,5px);width:12px}.train-picture__enlarge:after{height:12px;-webkit-transform:translate(8px,-12px);transform:translate(8px,-12px);width:4px}.train-picture--thumb{border:1px solid #ccc;border-radius:4px;overflow:hidden;margin-bottom:10px;margin-right:10px;padding:0;position:relative;width:50%;width:calc(50% - 10px)}.train-picture--thumb:nth-child(2n){margin-right:0}.train-picture--thumb button{bottom:10px;left:2px;position:absolute;top:auto;z-index:2}.train-picture--thumb button.exif{position:relative;bottom:auto;left:auto;right:auto;top:auto}.train-picture--thumb img{display:block;width:100%;z-index:1}.train-picture--thumb:hover .train-picture__enlarge{opacity:1;-webkit-transform:translate(0);transform:translate(0)}.train-picture--full-width{width:100%;flex:0 0 100%}.train-picture__img-wrap{overflow:hidden;position:relative}.train-picture__img{opacity:0;transition:opacity .2s ease-out .5s;will-change:opacity}.train-picture__img--loaded{opacity:1}.train-picture__img--finished{transition:opacity .2s ease-out}.train-picture__blurhash-thumb{position:absolute!important}.train-picture__hash-button{cursor:pointer;position:absolute;bottom:12px;left:8px;background-color:rgba(0,0,0,.35);color:#fff;font-size:.75rem;padding:3px 5px;line-height:1}@media only screen and (min-width:29em){.train-picture--thumb{width:33.3%;width:calc(33.3% - 10px)}.train-picture--thumb:nth-child(2n){margin-right:10px}.train-picture--thumb:nth-child(3n+0){margin-right:0}}@media only screen and (min-width:64em){.train-picture--thumb{width:calc(25% - 8px)}.train-picture--thumb:nth-child(2n),.train-picture--thumb:nth-child(3n+0){margin-right:10px}.train-picture--thumb:nth-child(4n+0){margin-right:0}.train-picture--thumb:nth-child(4n+1){clear:both}.train-picture--full-width{width:100%;flex:0 0 100%;scroll-snap-align:start}}.pictures:after{content:"";display:table;clear:both}
/*# sourceMappingURL=main.987bdf6b.chunk.css.map */