iD/dist/mapillary/mapillary.css

.mapillary-js{background-color:#000;width:320px;height:240px;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.Rect,.domRenderer,.rectContainer{position:absolute}.domRenderer{width:100%;height:100%;z-index:10;overflow:hidden}.rectContainer{top:0;right:0;bottom:0;left:0;z-index:10}.Rect{outline:#0f0 solid 2px}
.Attribution{background-color:rgba(0,0,0,.5);color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:11px;position:absolute;bottom:0;right:0;z-index:10;padding:4px 2px}.Attribution a,.Attribution span{color:#fff;text-decoration:none;margin:0 2px 4px}.Attribution a:hover{color:#35af6d}
.Background p,.BackgroundWrapper{font-family:Helvetica,Arial,sans-serif}.BackgroundWrapper{background-color:#000;position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;color:#fff;text-align:center;padding-top:30%}.Background p{position:relative;padding:5px;font-size:12px;text-shadow:0 0 5px rgba(0,0,0,.75)}
@-webkit-keyframes uil-ripple{0%{width:0;height:0;opacity:0;margin:0}33%{width:44%;height:44%;margin:-22% 0 0 -22%;opacity:1}100%{width:88%;height:88%;margin:-44% 0 0 -44%;opacity:0}}@keyframes uil-ripple{0%{width:0;height:0;opacity:0;margin:0}33%{width:44%;height:44%;margin:-22% 0 0 -22%;opacity:1}100%{width:88%;height:88%;margin:-44% 0 0 -44%;opacity:0}}.uil-ripple-css{background:0 0;position:relative;width:100px;height:100px;top:-32px;left:-28px}.uil-ripple-css div{position:absolute;top:50%;left:50%;margin:0;width:0;height:0;opacity:0;border-radius:50%;border-width:12px;border-style:solid;-webkit-animation:uil-ripple 2s ease-out infinite;animation:uil-ripple 2s ease-out infinite}.Cover,.CoverBackground{top:0;right:0;bottom:0;left:0}.uil-ripple-css div:nth-of-type(1){border-color:rgba(255,255,255,.5)}.uil-ripple-css div:nth-of-type(2){border-color:#fff;-webkit-animation-delay:1s;animation-delay:1s}.Cover{position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:20;overflow:hidden;cursor:pointer;transition:opacity .2s ease-in-out}.CoverBackground{transition:all ease-in-out 250ms,-webkit-filter ease-in-out .1s;transition:all ease-in-out 250ms,filter ease-in-out .1s;transition:all ease-in-out 250ms,filter ease-in-out .1s,-webkit-filter ease-in-out .1s;-webkit-filter:blur(3px);filter:blur(3px);position:absolute;background-size:cover;background-position:center;z-index:-10}.Cover:hover .CoverBackground{-webkit-filter:blur(0);filter:blur(0)}.Cover.CoverDone>.CoverBackground{top:0;right:0;bottom:0;left:0;z-index:100}.CoverDone{visibility:hidden;opacity:0}.CoverButton{position:absolute;top:50%;left:50%;width:80px;height:70px;margin-left:-40px;margin-top:-35px;overflow:hidden;background-color:rgba(0,0,0,.6);color:#fff;border-radius:6px;border:none;padding:5px}.CoverButton:focus{outline:0}.CoverButtonIcon{display:inline-block;height:60px;width:60px;background:url(pano.svg);background-size:contain}.CoverButton:hover{background-color:rgba(0,0,0,.8);cursor:pointer}
.Debug,.DebugButton{background-color:#0f0;z-index:100}.Debug{position:fixed;top:0;right:0;bottom:0;width:30em;font-size:12px;padding:1em;font-family:Input,Menlo,monospace}.DebugButton{color:#fff;border:1px solid #fff;border-radius:2px;cursor:pointer;cursor:hand}.DebugButtonFixed{position:absolute;bottom:2px;left:2px}
.rectContainer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.Rect{position:absolute;outline:#0f0 solid 2px}
.Directions,.DirectionsWrapper{display:block;pointer-events:none;position:absolute}.Directions{bottom:75px;left:50%}.DirectionsWrapper{width:100%;height:100px;bottom:0;overflow:visible}.DirectionsArrowDisabled,.DirectionsArrowPano,.DirectionsArrowStep{position:absolute;top:50%;left:50%;margin-left:-27px;margin-top:-27px;width:54px;height:54px;pointer-events:all}.DirectionsArrowPano,.DirectionsArrowStep{opacity:.8}.DirectionsArrowDisabled,.DirectionsArrowStep{background:url(arrow-up-white.svg);background-size:contain}.DirectionsArrowDisabled{opacity:.2;z-index:-10}.DirectionsArrowPano{background:url(arrow-up-wheat.svg);background-size:contain}.TurnLeft,.TurnRight{background:url(arrow-left.svg)}.DirectionsArrowPano:hover,.DirectionsArrowStep:hover{cursor:pointer;cursor:hand;opacity:1!important}.TurnAround,.TurnLeft,.TurnRight{opacity:.8;position:absolute;height:54px;width:54px;bottom:40px;cursor:pointer;cursor:hand;pointer-events:all}.TurnLeft,.TurnRight{-webkit-filter:drop-shadow(0 2px 1px rgba(0, 0, 0, .8));filter:drop-shadow(0 2px 1px rgba(0, 0, 0, .8))}.TurnAround:hover,.TurnLeft:hover,.TurnRight:hover{opacity:1}.TurnLeft{left:10px;background-size:contain;-webkit-transform:rotateX(60deg);transform:rotateX(60deg)}.TurnRight{right:10px;background-size:contain;-webkit-transform:rotateX(60deg) scaleX(-1);transform:rotateX(60deg) scaleX(-1)}.TurnAround{-webkit-filter:drop-shadow(-2px 0 1px rgba(0, 0, 0, .8));filter:drop-shadow(-2px 0 1px rgba(0, 0, 0, .8));left:10px;bottom:0;background:url(arrow-left.svg);background-size:contain;-webkit-transform:rotateX(60deg) rotateZ(270deg) scale(1.15,1.15);transform:rotateX(60deg) rotateZ(270deg) scale(1.15,1.15)}
.Loading{width:100%;height:2px;z-index:100;position:absolute;top:0}.LoadingBar{height:4px;position:relative;background-color:rgba(53,175,109,.8);transition:opacity .1s}
.NavigationComponent{bottom:0;left:0;position:absolute;right:0;top:0;z-index:5}.Direction{color:#fff;font-family:Helvetica,Arial,sans-serif;position:absolute;margin:.1rem;text-shadow:0 0 5px rgba(0,0,0,.75);background:url(arrow-up-white.svg);background-size:contain;width:1.3rem;height:1.3rem;display:block}.DirectionHidden{display:none}.DirectionForward{top:0;left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}.DirectionBackward{bottom:0;left:50%;-webkit-transform:translate(-50%,0) rotate(180deg);transform:translate(-50%,0) rotate(180deg)}.DirectionLeft{left:0;top:50%;-webkit-transform:translate(0,-50%) rotate(-90deg);transform:translate(0,-50%) rotate(-90deg)}.DirectionRight{right:0;top:50%;-webkit-transform:translate(0,-50%) rotate(90deg);transform:translate(0,-50%) rotate(90deg)}.DirectionTurnleft{left:0;top:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.DirectionTurnright{right:0;top:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.DirectionTurnaround{left:0;bottom:0;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}
.RouteFrame{background-color:rgba(0,0,0,.5);outline:rgba(255,255,255,.5) solid 1px;width:80%;height:40px;text-align:center;color:#fff;margin:0 auto;position:absolute;z-index:40;bottom:30%;left:10%}.RouteFrame p{margin:0;padding:10px;font-family:Helvetica,Arial,sans-serif;font-size:14px;text-shadow:0 0 5px rgba(0,0,0,.75)}
.InSeq{position:absolute;top:0;height:120px;background:linear-gradient(to bottom,rgba(0,0,0,0) 10%,rgba(0,0,0,.65) 50%,rgba(0,0,0,0) 90%);width:24px}.NextInSeq:hover,.PrevInSeq:hover{opacity:1}.NextInSeq,.PrevInSeq{background:url(next-prev.svg);background-size:contain;opacity:.8;width:24px;height:48px;cursor:pointer;cursor:hand;-webkit-filter:drop-shadow(0 0 1px rgba(0, 0, 0, .8));filter:drop-shadow(0 0 1px rgba(0, 0, 0, .8))}.NextInSeq{margin-top:14px}.PrevInSeq{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.InSeqDisabled,.InSeqDisabled:hover{background:url(next-prev.svg);cursor:not-allowed;opacity:.5}.PanoIndication{position:absolute;top:5px;right:5px;width:32px;height:24px;background:url(pano-icon.svg);background-size:contain;opacity:.8}
.SliderWrapper{text-align:center;position:absolute;bottom:40px;left:0;right:0}.SliderControl{max-width:60%;padding:4px;box-sizing:border-box;display:block;width:100%;margin:0 auto;marginTop:10px;cursor:pointer;color:inherit;background-color:rgba(255,255,255,.2);background-clip:'content-box';border-radius:999px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.SliderControl::-webkit-slider-thumb{width:22px;height:22px;background:#474A4E;box-shadow:0 2px 4px 0 rgba(0,0,0,.5);border:2px solid #fff;border-radius:999px;-webkit-appearance:none}.SliderControl::-moz-range-thumb{width:22px;height:22px;background:#474A4E;box-shadow:0 2px 4px 0 rgba(0,0,0,.5);border:2px solid #fff;border-radius:999px;-moz-appearance:none;appearance:none}.SliderControl:focus{outline:0}
.TagMover,.TagResizer,.TagVertex{-webkit-transform:translate(-50%,-50%)}.TagContainer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}.TagSymbol{cursor:default}.TagMover,.TagResizer{transform:translate(-50%,-50%);pointer-events:all}.TagMover{border-radius:7px;width:14px;height:14px;opacity:.2}.TagMover:hover{opacity:.5}.TagResizer{border-radius:10px;width:20px;height:20px;opacity:0}.TagResizer:hover{opacity:.3}.TagVertex{transform:translate(-50%,-50%);pointer-events:none;border-radius:3px;width:6px;height:6px}.TagInteractor,.TagSpotInteractor{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);pointer-events:all;border-radius:7px;width:14px;height:14px;opacity:0}.TagInteractor{background:#ff4500}.TagInteractor:hover{opacity:.6}.TagSpotInteractor:hover{opacity:.3}