vendor/assets/iD/iD/mapillary-js/mapillary.min.css

   1 .AttributionContainer{
   2     background-color:rgba(0, 0, 0, .5);
   3     font-size:9px;
   4     font-weight:300;
   5     position:absolute;
   6     bottom:0;
   7     right:0;
   8     height:16px;
   9     z-index:10;
  10     font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;
  11 }
  12
  13 .AttributionImageContainer{
  14     display:inline-block;
  15     color:#fff;
  16     text-decoration:none;
  17     margin-left:8px;
  18     margin-right:8px;
  19     vertical-align:middle;
  20     height:100%;
  21 }
  22
  23 .AttributionImageContainer:active,.AttributionImageContainer:hover,.AttributionImageContainer:visited{
  24     color:#fff;
  25 }
  26
  27 .AttributionCompact .AttributionImageContainer{
  28     margin-left:6px;
  29     margin-right:6px;
  30 }
  31
  32 .AttributionDate,.AttributionUsername{
  33     display:inline-block;
  34     vertical-align:middle;
  35     line-height:16px;
  36 }
  37
  38 .AttributionDate{
  39     margin-left:4px;
  40 }
  41
  42 .AttributionCompact .AttributionDate{
  43     margin-left:2px;
  44 }
  45
  46 .AttributionIconContainer{
  47     display:inline-block;
  48     margin-left:8px;
  49     vertical-align:middle;
  50     height:100%;
  51 }
  52
  53 .AttributionCompact .AttributionIconContainer{
  54     margin-left:6px;
  55 }
  56
  57 .AttributionMapillaryLogo{
  58     margin-top:3px;
  59     width:44px;
  60     height:10px;
  61     background-size:contain;
  62     background-repeat:no-repeat;
  63     background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MSIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDYxIDE0Ij48cGF0aCBmaWxsPSIjRkZGIiBkPSJNMjMuOTk1IDIuODE1djguNDk5SDIyLjM3VjYuODkybC0xLjgyNyA0LjQyMmgtLjg4NGwtMS44MjctNC40MjJ2NC40MjJIMTYuMjF2LTguNWgxLjY3MmwyLjIyMSA1LjM1NiAyLjIyMS01LjM1NWgxLjY3MnptNy4wODcgMS44NTRoMS40MnYuNTUzYy4wOTYtLjE5Ny4yODgtLjM2NS41NzQtLjUwNGEyLjEzIDIuMTMgMCAwMS45NDMtLjIwOWMuMzI3IDAgLjYzMy4wNzYuOTIuMjI4LjI4Ni4xNTEuNTM1LjM3NC43NDYuNjcuMjExLjI5NC4zNzguNjU4LjUwMiAxLjA5Mi4xMjMuNDM0LjE4NS45My4xODUgMS40ODZhNS43MiA1LjcyIDAgMDEtLjE4IDEuNTExIDMuNTEgMy41MSAwIDAxLS40ODkgMS4wOTMgMi4wNjcgMi4wNjcgMCAwMS0uNzM0LjY2MyAxLjk3IDEuOTcgMCAwMS0uOTI2LjIyMmMtLjM1OCAwLS42NDYtLjA1OC0uODY1LS4xNzJhMS4xMDEgMS4xMDEgMCAwMS0uNDcyLS40M3YyLjY0OWwtMS42MjQuMzU4di05LjIxem0yLjU1NSA1LjIyYy43ODggMCAxLjE4Mi0uNjMgMS4xODItMS44OTEgMC0uNjE0LS4wOTctMS4wODEtLjI5Mi0xLjQtLjE5NS0uMzItLjQ3Ni0uNDgtLjg0Mi0uNDhhLjg4My44ODMgMCAwMC0uNjc1LjI5Yy0uMTc5LjE5Mi0uMzE2LjQxOS0uNDEyLjY4VjguOThjLjExMi4zMDMuMjYxLjUzLjQ0OC42ODJhLjkyNi45MjYgMCAwMC41OTEuMjI3em01LjA3NS01LjIydjYuNjQ1aC0xLjYzNlY0LjY2OWgxLjYzNnptLTEuNjM2LTEuNDc0YzAtLjIzNy4wNzYtLjQ0Mi4yMjctLjYxNGEuNzQzLjc0MyAwIDAxLjU4NS0uMjU4Yy4yMjMgMCAuNDE2LjA4Ni41OC4yNThhLjg2MS44NjEgMCAwMS4yNDQuNjE0YzAgLjIzLS4wODEuNDI0LS4yNDUuNTg0YS44LjggMCAwMS0uNTc5LjI0Ljc3Ljc3IDAgMDEtLjU4NS0uMjQuODE3LjgxNyAwIDAxLS4yMjctLjU4NHptMi40ODQtLjI3bDEuNjI0LS41NjV2OC45NTRIMzkuNTZWMi45MjV6bTIuNDcyIDBsMS42MjQtLjU2NXY4Ljk1NGgtMS42MjRWMi45MjV6TTUyLjQ2OCA0LjY3di40NTVjLjExMS0uMTg5LjI5NC0uMzM4LjU1LS40NDkuMjU0LS4xMS41Mi0uMTY2LjgtLjE2Ni4xODIgMCAuMzYuMDMuNTMuMDg2YS43ODkuNzg5IDAgMDEuNC4yODNsLS41ODUgMS40ODZhLjk1OC45NTggMCAwMC0uNjU2LS4yNy43OC43OCAwIDAwLS41NDQuMjI3Yy0uMTYzLjE1Mi0uMjk2LjM4Ny0uNC43MDZ2NC4yODdINTAuOTRWNC42NjloMS41Mjl6bS00LjAwNiA2LjE2Yy0uNDMzLjM4Ny0uOTM3LjY1NS0xLjQ3NS42NTUtMS44NjQgMC0yLjY0NS0xLjU1Ni0yLjY0NS0zLjQ3NSAwLTEuOTIuNzgxLTMuNDc2IDIuNjQ1LTMuNDc2LjU3OSAwIDEuMDcxLjI1IDEuNDc1LjYyNnYtLjUzNmgxLjY1NXY2Ljc3MWgtMS42NTV2LS41NjV6bTAtMS42NzhjLS4yMDguNDYyLS41NzQuNzUtMS4xMDMuNzYtMS4wMDIuMDE3LTEuMzg2LS44My0xLjQwNC0xLjg4NC0uMDE4LTEuMDU0LjMzNy0xLjkxNSAxLjMzOC0xLjkzMi41MTYtLjAxLjkzNS4zMjcgMS4xNjkuODY4VjkuMTV6TTI4Ljc4NiAxMC44M2MtLjQzMi4zODctLjkzNi42NTUtMS40NzUuNjU1LTEuODYzIDAtMi42NDQtMS41NTYtMi42NDQtMy40NzUgMC0xLjkyLjc4LTMuNDc2IDIuNjQ0LTMuNDc2LjU4IDAgMS4wNzIuMjUgMS40NzUuNjI2di0uNTM2aDEuNjU1djYuNzcxaC0xLjY1NXYtLjU2NXptMC0xLjY3OGMtLjIwNy40NjItLjU3My43NS0xLjEwMy43Ni0xIC4wMTctMS4zODUtLjgzLTEuNDAzLTEuODg0LS4wMTgtMS4wNTQuMzM3LTEuOTE1IDEuMzM4LTEuOTMyLjUxNi0uMDEuOTM1LjMyNyAxLjE2OC44NjhWOS4xNXptMjguOTYgNC41MjFINTYuMDVsMS4wMTUtMi45MzUtMi4xMjYtNi4wNjhoMS43OTJsMS4yMDYgMy44NTcgMS4yMDYtMy44NTdoMS43NTVsLTMuMTUyIDkuMDAzek02LjM4MiA5LjY1MWMtLjI0Mi0uMTIzLS4zLS4zMzQtLjE3Mi0uNTYyLjA2Ni0uMTE3LjIwOS0uMzQ4LjMyNS0uNTM1LjE2LS4yNTcuMzkyLS4yNTguNTIzLS4xODEuMTMyLjA3NiAxLjk5IDEuMDQ4IDIuMTEgMS4xMTQuMjg1LjE1NS43MDMtLjIuNTE1LS41MTMtLjA5LS4xNDktLjg3My0xLjU3LTEuMTIyLTIuMDM4LS4xMTMtLjIxMy0uMDgyLS40MDUuMTctLjUzMi4xMjYtLjA2My4zNDktLjE5NS41NDMtLjMxMi4xOTgtLjEyLjQ2MS0uMDMuNTY4LjE0OC4xMDguMTc4IDMuMjc5IDUuOTkgMy4zOCA2LjE3LjIwMS4zNTgtLjE5Ljc0MS0uNTYuNTQzLS4xODQtLjA5OS02LjAzOS0zLjE4LTYuMjgtMy4zMDJ6TS4yIDYuNGMtLjMxMi0uMTY4LS4yNTUtLjYwNS4xMzktLjcxNi4zMzMtLjA5NSAzLjA0LS45OTcgMy44NTgtMS4yN2EuNDk0LjQ5NCAwIDAwLjMxMy0uMzA3TDUuODI1LjI3Yy4xMjMtLjM1OS41NjgtLjM2Ljc1LS4wMTIuMDY0LjEyMyAyLjUxNCA0LjU0IDIuNiA0LjcyNmEuMzkzLjM5MyAwIDAxLS4xNjMuNTE1Yy0uMTkzLjEyLS41MDkuMjk5LS42MTguMzY3LS4yLjEyMi0uMzkuMDM3LS40OC0uMTUzLS4wOTEtLjE5LS43OS0xLjQxOC0xLjA3NS0xLjkzOS0uMTQzLS4yNi0uNTcyLS4zNi0uNzE2LjA2TDUuNjQ5IDUuMjJhLjUxMi41MTIgMCAwMS0uMzE1LjMxTDMuOTA3IDZjLS4yODIuMDkzLS40Mi41MjMtLjAzOS43MDMuMDguMDM4IDEuNzkzLjk1MiAxLjk3IDEuMDM2LjE3Ni4wODMuMjc1LjMyNS4xNzEuNDk2YTIyLjEgMjIuMSAwIDAxLS4zODcuNjI1LjQwNC40MDQgMCAwMS0uNTI1LjEyNEwuMiA2LjR6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=");
  64 }
  65
  66 .AttributionCompact .AttributionMapillaryLogo{
  67     width:11px;
  68     background-size:cover;
  69 }
  70 .BackgroundWrapper{
  71     background-color:#000;
  72     position:absolute;
  73     top:0;
  74     bottom:0;
  75     left:0;
  76     right:0;
  77     color:#fff;
  78     text-align:center;
  79     padding-top:30%;
  80 }
  81
  82 .Background p,.BackgroundWrapper{
  83     font-family:Helvetica,Arial,sans-serif;
  84 }
  85
  86 .Background p{
  87     position:relative;
  88     padding:5px;
  89     font-size:12px;
  90     text-shadow:0 0 5px rgba(0, 0, 0, .75);
  91 }
  92
  93 .BearingIndicatorContainer{
  94     bottom:34px;
  95     height:40px;
  96     pointer-events:none;
  97     position:absolute;
  98     right:10px;
  99     width:40px;
 100     z-index:10;
 101 }
 102
 103 .BearingIndicatorContainer.BearingCompact{
 104     -webkit-transform:scale(.6);
 105             transform:scale(.6);
 106     bottom:16px;
 107     right:2px;
 108 }
 109
 110 .BearingIndicatorBackground{
 111     opacity:.5;
 112     -webkit-transform-origin:50% 50%;
 113             transform-origin:50% 50%;
 114 }
 115
 116 .BearingIndicatorBackground,.BearingIndicatorBackgroundCircle{
 117     position:absolute;
 118     top:0;
 119     left:0;
 120     width:40px;
 121     height:40px;
 122 }
 123
 124 .BearingIndicatorBackgroundCircle{
 125     pointer-events:auto;
 126     border-radius:50%;
 127     background-color:#000;
 128 }
 129
 130 .BearingIndicatorBackgroundArrowContainer{
 131     position:absolute;
 132     left:14px;
 133     top:-3.5px;
 134     height:8px;
 135     width:12px;
 136     overflow:hidden;
 137 }
 138
 139 .BearingIndicatorBackgroundArrow{
 140     position:absolute;
 141     width:12px;
 142     height:12px;
 143     left:0;
 144     top:2px;
 145     background-color:#000;
 146     -webkit-transform:rotate(45deg);
 147             transform:rotate(45deg);
 148     border-radius:2px;
 149 }
 150
 151 .BearingNorthContainer{
 152     position:absolute;
 153     left:16px;
 154     top:-1px;
 155     width:8px;
 156     height:21px;
 157     -webkit-transform-origin:50% 100%;
 158             transform-origin:50% 100%;
 159 }
 160
 161 .BearingNorth{
 162     position:absolute;
 163     border-left:4px solid transparent;
 164     border-right:4px solid transparent;
 165     border-bottom:4px solid #fff;
 166 }
 167 .CoverContainer{
 168     background-color:rgba(0, 0, 0, .5);
 169     overflow:hidden;
 170     z-index:100;
 171 }
 172
 173 .CoverBackground,.CoverContainer{
 174     bottom:0;
 175     left:0;
 176     position:absolute;
 177     right:0;
 178     top:0;
 179 }
 180
 181 .CoverBackground{
 182     background-position:50%;
 183     background-size:cover;
 184     margin:-3px;
 185     z-index:0;
 186 }
 187
 188 .CoverIndicator{
 189     bottom:0;
 190     left:0;
 191     margin:-3px;
 192     position:absolute;
 193     right:0;
 194     top:0;
 195     z-index:0;
 196     background-color:rgba(0, 0, 0, .2);
 197     -webkit-transition:opacity .1s ease-in-out;
 198     transition:opacity .1s ease-in-out;
 199     cursor:pointer;
 200 }
 201
 202 .CoverIndicator:hover{
 203     opacity:0;
 204 }
 205
 206 .CoverButton{
 207     background-color:rgba(0, 0, 0, .5);
 208     border-radius:64px;
 209     width:128px;
 210     height:128px;
 211     left:50%;
 212     top:50%;
 213     letter-spacing:1px;
 214     margin-left:-64px;
 215     margin-top:-64px;
 216     position:absolute;
 217     -webkit-transition:opacity .2s ease-in-out;
 218     transition:opacity .2s ease-in-out;
 219     z-index:1;
 220     pointer-events:none;
 221 }
 222
 223 .CoverCompact .CoverButton{
 224     width:72px;
 225     height:72px;
 226     margin-left:-36px;
 227     margin-top:-36px;
 228 }
 229
 230 .CoverButtonIcon{
 231     background-size:contain;
 232     background-repeat:no-repeat;
 233     background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjgiIGhlaWdodD0iMTI4IiB2aWV3Qm94PSIwIDAgMTI4IDEyOCI+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTU3Ljc0OCA1Ni45MzJsLTE2LjgzMyA3LjcwMmMtMi40NSAxLjEyLTYuMTMgMS4xMi04LjE1MS0uMDAxLTEuOTktMS4xMDMtMS41NzYtMi44NTQuODYxLTMuOTEzbDI2LjY1OS0xMS41NjhjMi4wMDItLjg3IDUuMjE3LS44NyA3LjIzMiAwbDI2LjgyNiAxMS41NzRjMi40NTMgMS4wNTggMi44OTIgMi44MS45MTkgMy45MTMtMi4wMDYgMS4xMi01LjY4NyAxLjEyLTguMTUyIDBMNzAuNjIgNTcuMTRsMS4xNzcgMjAuMjUzYy4wOTcgMS42OTMtMy4yNTUgMy4xMDctNy40NTIgMy4xMDdzLTcuNTY5LTEuNDE0LTcuNDk1LTMuMTA3bC44OTctMjAuNDYxeiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+");
 234     height:100%;
 235     width:100%;
 236     position:absolute;
 237     pointer-events:none;
 238 }
 239
 240 .CoverCompact .CoverButtonIcon{
 241     width:72px;
 242     height:72px;
 243 }
 244
 245 .CoverLogo{
 246     background-size:contain;
 247     background-repeat:no-repeat;
 248     background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNTciIGhlaWdodD0iNTIiIHZpZXdCb3g9IjAgMCAxNTcgNTIiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHBhdGggZmlsbD0iIzAwMCIgZmlsbC1vcGFjaXR5PSIuNSIgZD0iTTgzLjIzIDE5LjA2OXYxLjIyN2E1LjM5MiA1LjM5MiAwIDAwLTEuMjY5LS45NTUgNS44MjggNS44MjggMCAwMC0yLjczMy0uNjdjLS42OTQgMC0xLjM2LjEwMy0xLjk5Mi4zMWgtMy4wMzRsLTYuNzE1LS4wMDJhNS44ODUgNS44ODUgMCAwMC0xLjQzLS4xNzVjLTEuODU0IDAtMy4zNjIuNTc5LTQuNTEzIDEuNTg3di00LjkzM0g1NC45M2wtMy4wMyA3LjI0NC0zLjAzLTcuMjQ0aC02LjYxNHYyMC41NDloMTkuMjg4di0xLjI1NWMxLjE1MSAxLjAwNyAyLjY2IDEuNTg3IDQuNTEyIDEuNTg3YTUuNCA1LjQgMCAwMDEuMzYxLS4xNzZoNC4wNDN2NS4zMjNsNy4xOS0xLjU3MnYtMy42MmMuMjAyLjAxNi40MS4wMjQuNjI1LjAyNC45NzIgMCAxLjg5My0uMjE4IDIuNzM1LS42NTRhNS42ODUgNS42ODUgMCAwMDEuMjItLjg1NHYxLjE5N0gxMDAuMTV2LTEuMjgxYzEuMTU1IDEuMDI0IDIuNjcxIDEuNjEzIDQuNTQgMS42MTNhNS40IDUuNCAwIDAwMS4zNjEtLjE3Nmg2Ljc4NWw0LjgwNS0uMDAxdi0xMC4xM2wxLjk0MiAxLjc0My41MTMtMS4yOTYgMi4yNjQgNi40MDgtMi42ODkgNy43MWg3LjU2bDcuNjAzLTIxLjUyOGgtNy43NGwtLjkwMiAyLjg1OS0uOTAyLTIuODZoLTUuMzNjLS4wNjItLjAyMy0uMTItLjA1Ni0uMTg0LS4wNzctLjU0LS4xOC0xLjEtLjMyLTEuNjc0LS4zMi0uNjU0IDAtMS4yOTIuMTAzLTEuOTA1LjMxaC0zLjM2bC02LjcxNi0uMDAyYTUuODg1IDUuODg1IDAgMDAtMS40My0uMTc1Yy0xLjg3IDAtMy4zODYuNTg5LTQuNTQgMS42MTN2LTYuNjVsLTQuODU1IDEuNjc1di0xLjY3NWwtNS43NzggMS45OTNjLS4wNC0uMDQ1LS4wNjktLjA5NS0uMTEtLjE0LS42OTMtLjcyMi0xLjU5LTEuMTE4LTIuNTgzLTEuMTE4LTEuMDMzIDAtMS45NjMuNDA2LTIuNjQ1IDEuMTc0YTMuNzQyIDMuNzQyIDAgMDAtLjk1IDIuNTIzdi44N3pNMzkuODkgMzUuMzQ1Yy0uMDQtLjA2OS0uMzg5LS43MDEtMS4wODgtMS45Ny4wNTEuMDkzLTEuNjktMy4wNjgtMi4yNDQtNC4wNjktMi4yMDktNC4wMDUtMy4yNjYtNS45MTgtMy4zODItNi4xMDlhMi43ODQgMi43ODQgMCAwMC0uOTY3LS45MzkgMi43NzMgMi43NzMgMCAwMC0uMjQ1LTEuMzE3Yy0uMTA5LS4yMzktLjg4LTEuNjMxLTIuNjQtNC43OS0uMDgyLS4xNDgtMi41MTktNC41MTktMi41NDktNC41NzYtMS4xNDItMi4xNjctNC4zLTIuMTI5LTUuMTQyLjMwNGwtLjQxNiAxLjIwMy0uNzU1IDIuMTg0LTEuMjYgMy42NDljLTMuNTUzIDEuMTc0LTYuNjE1IDIuMTc4LTcuMDY2IDIuMzA1LTIuNDIzLjY4MS0yLjk2OSAzLjg2Ny0uNjc3IDUuMDkzLjE5Ni4xMDUgOS4xNzQgNC43OTcgOS43MDMgNS4wNzIuNDU2LjIzNy45NS4zMzYgMS40MzMuMzE0LjI2NS40MDcuNjM3Ljc2IDEuMTMgMS4wMDcuMzkzLjE5OSAxMS45MDUgNi4yMDIgMTIuMzggNi40NTQgMi40NTcgMS4zMDggNS4xOS0xLjMzMyAzLjc4NC0zLjgxNSIvPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik01OS41NDQgMTcuNDU3djE2LjU1aC0zLjE4OXYtOC42MWwtMy41ODcgOC42MWgtMS43MzVsLTMuNTg4LTguNjF2OC42MWgtMy4xODl2LTE2LjU1aDMuMjgzTDUxLjkgMjcuODg0bDQuMzYxLTEwLjQyN2gzLjI4M3ptMTMuOTE3IDMuNjExaDIuNzl2MS4wNzZjLjE4Ny0uMzgyLjU2Mi0uNzA4IDEuMTI1LS45OGE0LjIyMyA0LjIyMyAwIDAxMS44NTItLjQwNmMuNjQxIDAgMS4yNDIuMTQ3IDEuODA2LjQ0Mi41NjIuMjk1IDEuMDUxLjczIDEuNDY1IDEuMzAzLjQxNC41NzQuNzQzIDEuMjg0Ljk4NSAyLjEzLjI0Mi44NDQuMzYzIDEuODA4LjM2MyAyLjg5MiAwIDEuMTE3LS4xMTcgMi4wOTctLjM1IDIuOTQyLS4yMzYuODQ1LS41NTcgMS41NTQtLjk2MyAyLjEzLS40MDYuNTczLS44ODcgMS4wMDMtMS40NDIgMS4yOWEzLjg5NCAzLjg5NCAwIDAxLTEuODE3LjQzYy0uNzAzIDAtMS4yNy0uMTEtMS43LS4zMzUtLjQzLS4yMjItLjczOS0uNTAyLS45MjYtLjgzN3Y1LjE1OGwtMy4xODguNjk4VjIxLjA2OHptNS4wMTcgMTAuMTY0YzEuNTQ3IDAgMi4zMjEtMS4yMjcgMi4zMjEtMy42ODIgMC0xLjE5Ny0uMTktMi4xMDUtLjU3NS0yLjcyNy0uMzgzLS42MjItLjkzMy0uOTMyLTEuNjUyLS45MzItLjUzMiAwLS45NzQuMTg3LTEuMzI1LjU2MWEzLjg2NyAzLjg2NyAwIDAwLS44MDkgMS4zMjd2My42ODRjLjIyLjU5LjUxMiAxLjAzMi44OCAxLjMyNy4zNjYuMjk1Ljc1My40NDIgMS4xNi40NDJ6bTYuNzUyIDIuNzc1aDMuMjEzVjIxLjA3SDg1LjIzdjEyLjkzOHptMC0xNS44MDljMC0uNDYyLjE1LS44Ni40NDYtMS4xOTUuMjk3LS4zMzUuNjgtLjUwMiAxLjE1LS41MDIuNDM2IDAgLjgxNS4xNjcgMS4xMzYuNTAyLjMyMS4zMzUuNDgxLjczMy40ODEgMS4xOTUgMCAuNDQ3LS4xNi44MjUtLjQ4IDEuMTM3LS4zMjIuMzEtLjcuNDY2LTEuMTM4LjQ2Ni0uNDY5IDAtLjg1Mi0uMTU2LTEuMTQ5LS40NjZhMS41ODcgMS41ODcgMCAwMS0uNDQ2LTEuMTM3em00Ljg3Ny0uNTI1bDMuMTktMS4xdjE3LjQzNGgtMy4xOVYxNy42NzN6bTQuODU0IDBsMy4xOS0xLjF2MTcuNDM0aC0zLjE5VjE3LjY3M3ptMjAuNDkyIDMuMzk1di44ODVjLjIxOC0uMzY2LjU4LS42NTcgMS4wOC0uODczYTMuOTMzIDMuOTMzIDAgMDExLjU3LS4zMjJjLjM2IDAgLjcwNy4wNTUgMS4wNDMuMTY3LjMzNi4xMTEuNTk4LjI5NS43ODUuNTVsLTEuMTQ4IDIuODk0Yy0uMzktLjM1LS44MjItLjUyNi0xLjI5LS41MjYtLjM5IDAtLjc0Ni4xNDctMS4wNjcuNDQyLS4zMi4yOTUtLjU4Mi43NTMtLjc4NSAxLjM3NXY4LjM0N2gtMy4xODlWMjEuMDY4aDMuMDAxem0tNy44NjcgMTEuOTk1Yy0uODQ5Ljc1Mi0xLjgzOSAxLjI3NS0yLjg5NiAxLjI3NS0zLjY1OSAwLTUuMTkyLTMuMDI5LTUuMTkyLTYuNzY4IDAtMy43MzcgMS41MzMtNi43NjYgNS4xOTItNi43NjYgMS4xMzggMCAyLjEwNS40ODYgMi44OTYgMS4yMTd2LTEuMDQzaDMuMjV2MTMuMTg0aC0zLjI1di0xLjA5OXptMC0zLjI2N2MtLjQwNy44OTgtMS4xMjUgMS40Ni0yLjE2NiAxLjQ3Ny0xLjk2NS4wMzYtMi43MTktMS42MTUtMi43NTUtMy42NjctLjAzNi0yLjA1LjY2Mi0zLjcyNyAyLjYyOC0zLjc2MiAxLjAxMy0uMDE4IDEuODM1LjYzNiAyLjI5MyAxLjY5djQuMjYyem0tMzguNjMzIDMuMjY3Yy0uODUuNzUyLTEuODQgMS4yNzUtMi44OTcgMS4yNzUtMy42NTkgMC01LjE5My0zLjAyOS01LjE5My02Ljc2OCAwLTMuNzM3IDEuNTM0LTYuNzY2IDUuMTkzLTYuNzY2IDEuMTM4IDAgMi4xMDUuNDg2IDIuODk3IDEuMjE3di0xLjA0M2gzLjI1djEzLjE4NGgtMy4yNXYtMS4wOTl6bTAtMy4yNjdjLS40MDguODk4LTEuMTI3IDEuNDYtMi4xNjYgMS40NzctMS45NjYuMDM2LTIuNzItMS42MTUtMi43NTYtMy42NjctLjAzNS0yLjA1LjY2MS0zLjcyNyAyLjYyNy0zLjc2MiAxLjAxNC0uMDE4IDEuODM2LjYzNiAyLjI5NSAxLjY5djQuMjYyem01Ni44NjMgOC44MDNoLTMuMzI5bDEuOTkzLTUuNzE2LTQuMTc0LTExLjgxNWgzLjUxOGwyLjM2OCA3LjUxIDIuMzY4LTcuNTFoMy40NDZsLTYuMTkgMTcuNTMxek0yNC42MjQgMzAuOTJjLS40NzgtLjI0LS41OTQtLjY1My0uMzM4LTEuMTAyLjEzLS4yMjcuNDExLS42OC42NDEtMS4wNDcuMzE1LS41MDQuNzc2LS41MDUgMS4wMzUtLjM1Ni4yNi4xNSAzLjkzNSAyLjA1NSA0LjE3MyAyLjE4NC41NjEuMzA0IDEuMzg4LS4zOTMgMS4wMTctMS4wMDRhMjQyLjA1NSAyNDIuMDU1IDAgMDEtMi4yMTgtMy45OTZjLS4yMjQtLjQxOC0uMTYzLS43OTQuMzM2LTEuMDQ0LjI0OC0uMTIzLjY4OS0uMzgyIDEuMDczLS42MTIuMzkxLS4yMzQuOTEyLS4wNTcgMS4xMjQuMjkxLjIxMS4zNSA2LjQ4MiAxMS43NDIgNi42ODIgMTIuMDk1LjM5Ny43MDMtLjM3NiAxLjQ1NC0xLjEwNiAxLjA2Ni0uMzY1LS4xOTUtMTEuOTQxLTYuMjM1LTEyLjQxOS02LjQ3NW0tMTIuMjIyLTYuMzdjLS42MTYtLjMzLS41MDMtMS4xODcuMjc1LTEuNDA0LjY1OC0uMTg2IDYuMDA5LTEuOTU1IDcuNjI4LTIuNDlhLjk3Mi45NzIgMCAwMC42MTgtLjYwMmwyLjYtNy41MjJjLjI0My0uNzAzIDEuMTIzLS43MDYgMS40ODItLjAyNC4xMjguMjQxIDQuOTczIDguOSA1LjE0MSA5LjI2Ni4xNjkuMzY4LjA2Ljc3NS0uMzIyIDEuMDEtLjM4Mi4yMzQtMS4wMDUuNTg1LTEuMjIyLjcxOC0uMzkzLjI0LS43Ny4wNzMtLjk0OS0uMy0uMTc5LS4zNzMtMS41NjEtMi43NzgtMi4xMjUtMy44LS4yODEtLjUxLTEuMTMtLjcwNy0xLjQxNi4xMmwtLjkzNyAyLjcxYTEuMDEgMS4wMSAwIDAxLS42MjIuNjFjLS43MDQuMjI4LTIuMDQxLjY2Ni0yLjgyMi45MjEtLjU1Ny4xODEtLjgyOCAxLjAyMy0uMDc2IDEuMzc4LjE1Ny4wNzMgMy41NDQgMS44NjUgMy44OTQgMi4wMy4zNDkuMTYzLjU0NC42MzYuMzM5Ljk3MmE0My45MjUgNDMuOTI1IDAgMDEtLjc2NiAxLjIyNS44MDMuODAzIDAgMDEtMS4wMzcuMjQyYy0uMzcxLS4xOTItOS40NjItNC45NDMtOS42ODMtNS4wNiIvPjwvZz48L3N2Zz4=");
 249     bottom:0;
 250     height:52px;
 251     left:50%;
 252     margin-left:-73px;
 253     position:absolute;
 254     -webkit-transition:opacity .2s ease-in-out;
 255     transition:opacity .2s ease-in-out;
 256     width:157px;
 257     z-index:1;
 258     pointer-events:none;
 259 }
 260
 261 .CoverCompact .CoverLogo{
 262     width:104px;
 263     height:35px;
 264     margin-left:-49px;
 265 }
 266
 267 .CoverDone{
 268     visibility:hidden;
 269 }
 270
 271 .Cover.CoverLoading .CoverButton,.Cover.CoverLoading .CoverLogo,.CoverDone{
 272     opacity:0;
 273 }
 274
 275 .Spinner{
 276     -webkit-animation:rotate 1s linear infinite;
 277             animation:rotate 1s linear infinite;
 278     background-repeat:no-repeat;
 279     background-size:100%;
 280     background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4NCIgaGVpZ2h0PSI4NCIgdmlld0JveD0iMCAwIDg0IDg0Ij48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik00MiA4NGMyMy4xOTYgMCA0Mi0xOC44MDQgNDItNDJTNjUuMTk2IDAgNDIgMCAwIDE4LjgwNCAwIDQyczE4LjgwNCA0MiA0MiA0MiIvPjxwYXRoIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTQyIDgzLjk5OWEzIDMgMCAwMTAtNmMxOS44ODIgMCAzNi0xNi4xMTggMzYtMzYgMC0xOS43NjQtMTUuOTM0LTM1LjgyOC0zNS42ODEtMzZBMyAzIDAgMTE0Mi4zNyAwQzY1LjQxLjIgODQgMTguOTQgODQgNDJjMCAyMy4xOTYtMTguODA0IDQyLTQyIDQyeiIvPjwvZz48L3N2Zz4=");
 281     height:32px;
 282     left:50%;
 283     margin-left:-16px;
 284     margin-top:-16px;
 285     position:absolute;
 286     top:50%;
 287     width:32px;
 288     z-index:1;
 289 }
 290
 291 @-webkit-keyframes rotate{
 292   to{
 293     -webkit-transform:rotate(1turn);
 294             transform:rotate(1turn);
 295   }
 296 }
 297
 298 @keyframes rotate{
 299   to{
 300     -webkit-transform:rotate(1turn);
 301             transform:rotate(1turn);
 302   }
 303 }.Debug{
 304     position:fixed;
 305     top:0;
 306     right:0;
 307     bottom:0;
 308     width:30em;
 309     font-size:12px;
 310     padding:1em;
 311     font-family:Input,Menlo,monospace;
 312 }
 313
 314 .Debug,.DebugButton{
 315     background-color:#0f0;
 316     z-index:50;
 317 }
 318
 319 .DebugButton{
 320     color:#fff;
 321     border:1px solid #fff;
 322     border-radius:2px;
 323     cursor:pointer;
 324 }
 325
 326 .DebugButtonFixed{
 327     position:absolute;
 328     bottom:2px;
 329     left:2px;
 330 }
 331 .DirectionsPerspective{
 332     display:block;
 333     position:absolute;
 334     pointer-events:none;
 335     -webkit-transform-style:preserve-3d;
 336             transform-style:preserve-3d;
 337     z-index:10;
 338 }
 339
 340 .DirectionsCircle,.DirectionsCircleDisabled,.DirectionsCircleHighlight,.DirectionsCircleSequence,.DirectionsCircleSequenceHighlight{
 341     position:absolute;
 342     border-radius:50%;
 343 }
 344
 345 .DirectionsCircle,.DirectionsCircleHighlight,.DirectionsCircleSequence,.DirectionsCircleSequenceHighlight{
 346     pointer-events:auto;
 347 }
 348
 349 .DirectionsCircle:hover,.DirectionsCircleHighlight:hover,.DirectionsCircleSequence:hover,.DirectionsCircleSequenceHighlight:hover{
 350     cursor:pointer;
 351 }
 352
 353 .DirectionsCircle,.DirectionsCircleDisabled,.DirectionsCircleSequence{
 354     background:transparent;
 355 }
 356
 357 .DirectionsCircleDisabled{
 358     z-index:-1;
 359 }
 360
 361 .DirectionsCircleHighlight,.DirectionsCircleSequenceHighlight{
 362     background:rgba(0, 0, 0, .4);
 363 }
 364
 365 .DirectionsArrowDisabled,.DirectionsArrowPano,.DirectionsArrowStep{
 366     position:absolute;
 367     top:44%;
 368     left:50%;
 369     -webkit-transform:translate(-50%, -50%);
 370             transform:translate(-50%, -50%);
 371     width:75%;
 372     height:44.0775%;
 373     pointer-events:none;
 374 }
 375
 376 .DirectionsArrowDisabled,.DirectionsArrowStep{
 377     background:url("data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IkxheWVyIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMCA1OC43NyI+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTk3LjQ0IDQzLjgyTDU2LjE4IDIuNTZhOC43NSA4Ljc1IDAgMDAtMTIuMzcgMEwyLjU2IDQzLjhhOC43NSA4Ljc1IDAgMDAxMi4zOCAxMi4zOGwzNS0zNUw4NS4wNSA1Ni4yYTguNzUgOC43NSAwIDEwMTIuMzktMTIuMzh6Ii8+PC9zdmc+");
 378     background-repeat:no-repeat;
 379 }
 380
 381 .DirectionsArrowDisabled{
 382     opacity:.2;
 383     z-index:-1;
 384 }
 385
 386 .DirectionsArrowPano{
 387     background:url("data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IkxheWVyIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMCA1OC43NyI+PHBhdGggZmlsbD0id2hlYXQiIGQ9Ik05Ny40NCA0My44Mkw1Ni4xOCAyLjU2YTguNzUgOC43NSAwIDAwLTEyLjM3IDBMMi41NiA0My44YTguNzUgOC43NSAwIDAwMTIuMzggMTIuMzhsMzUtMzVMODUuMDUgNTYuMmE4Ljc1IDguNzUgMCAxMDEyLjM5LTEyLjM4eiIvPjwvc3ZnPg==");
 388     background-repeat:no-repeat;
 389 }
 390
 391 .TurnCircle,.TurnCircleHighlight,.TurnCircleSequence,.TurnCircleSequenceHighlight{
 392     position:absolute;
 393     border-radius:50%;
 394     pointer-events:auto;
 395 }
 396
 397 .TurnCircle,.TurnCircleSequence{
 398     background:transparent;
 399 }
 400
 401 .TurnCircleHighlight,.TurnCircleSequenceHighlight{
 402     background:rgba(0, 0, 0, .4);
 403 }
 404
 405 .TurnCircle:hover,.TurnCircleHighlight:hover,.TurnCircleSequence:hover,.TurnCircleSequenceHighlight:hover{
 406     cursor:pointer;
 407 }
 408
 409 .TurnAround,.TurnLeft,.TurnRight{
 410     position:absolute;
 411     top:50%;
 412     pointer-events:none;
 413     -webkit-filter:drop-shadow(0 2px 1px rgba(0, 0, 0, .8));
 414             filter:drop-shadow(0 2px 1px rgba(0, 0, 0, .8));
 415 }
 416
 417 .TurnLeft,.TurnRight{
 418     width:58.794%;
 419     height:70%;
 420 }
 421
 422 .TurnAround{
 423     left:50%;
 424     width:75%;
 425     height:63.2475%;
 426 }
 427
 428 .TurnLeft{
 429     left:45%;
 430     -webkit-transform:translate(-50%, -50%);
 431             transform:translate(-50%, -50%);
 432 }
 433
 434 .TurnLeft,.TurnRight{
 435     background:url("data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IkxheWVyIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMCAxMTkuMDYiPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05OS4yIDc2Yy0xLjItMTEuMDktNC4xNC0xOS40LTkuNjMtMjZDNzkgMzcuMzggNjAuMyAzMi43MiAyNC40MiAzMi4zOWwyMC40Ny0yMC40NkE3IDcgMCAwMDM1IDJMMiAzNWE3IDcgMCAwMDAgOS44OGwzMyAzMi45N2E3IDcgMCAxMDkuOS05LjlMMjQuNzkgNDcuODlDNTYgNDguMTggNzEgNTEuOTMgNzcuNzIgNjBjMy4yMSAzLjg4IDUuMTggOS40MiA2LjExIDE3Ljc3Ljg1IDcuNTkuODcgMTYuMjIuMzQgMzMuMzZhNy43NCA3Ljc0IDAgMTAxNS40Ni40OGMuNTYtMTcuODkuNTMtMjcuMDEtLjQzLTM1LjYxeiIvPjwvc3ZnPg==");
 436     background-repeat:no-repeat;
 437 }
 438
 439 .TurnRight{
 440     left:55%;
 441     -webkit-transform:translate(-50%, -50%) scaleX(-1);
 442             transform:translate(-50%, -50%) scaleX(-1);
 443 }
 444
 445 .TurnAround{
 446     background:url("data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IkxheWVyIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMCA4NC4zMyI+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTY1LjQ3IDBDNTYgMCA0Ni44NiA1LjM5IDQwLjIxIDE2LjA3IDMzLjQ3IDI3IDI5LjM2IDQzLjE4IDI4LjQzIDY1TDEwIDQ2LjU5YTUuODcgNS44NyAwIDAwLTguMyA4LjNsMjcuNzQgMjcuNzJhNS44OCA1Ljg4IDAgMDA4LjMgMEw2NS40NyA1NWE1Ljg4IDUuODggMCAxMC04LjMyLTguMzJMMzkuMzIgNjQuNDdjLjkyLTE5LjU2IDQuNS0zMy43IDEwLjExLTQyLjcyIDQuNzItNy42MiAxMC40NS0xMSAxNi4xLTExYTE2LjY0IDE2LjY0IDAgMDExNC43OCA4YzUuNjkgOC4yNSA4LjkgMjMuMSA4LjkgNDUuNzJhNS4zOSA1LjM5IDAgMTAxMC43OSAwQzEwMC4wNSAxOC43OCA4Ny4yMiAwIDY1LjQ3IDB6Ii8+PC9zdmc+");
 447     background-repeat:no-repeat;
 448     -webkit-transform:translate(-50%, -50%);
 449             transform:translate(-50%, -50%);
 450 }
 451
 452 @media (hover:hover){
 453
 454     .DirectionsCircle:hover,.DirectionsCircleSequence:hover,.TurnCircle:hover,.TurnCircleSequence:hover{
 455         background:rgba(0, 0, 0, .4);
 456     }
 457 }
 458 .Loading{
 459     width:100%;
 460     height:2px;
 461     z-index:20;
 462     position:absolute;
 463     top:0;
 464 }
 465
 466 .LoadingBar{
 467     height:3px;
 468     position:relative;
 469     background-color:#fff;
 470     -webkit-transition:opacity .1s;
 471     transition:opacity .1s;
 472     border-bottom:1px solid rgba(0, 0, 0, .5);
 473 }
 474 .NavigationSequence,.NavigationSpatial{
 475     position:absolute;
 476     pointer-events:none;
 477     z-index:10;
 478 }
 479
 480 .NavigationSequence{
 481     top:12px;
 482     left:50%;
 483     margin-left:-40px;
 484 }
 485
 486 .NavigationSpatial{
 487     bottom:18px;
 488     left:50%;
 489     margin-left:-100px;
 490 }
 491
 492 .NavigationSpatialBottom{
 493     margin-left:40px;
 494 }
 495
 496 .Direction{
 497     width:36px;
 498     height:36px;
 499     background-size:contain;
 500     background-repeat:no-repeat;
 501     pointer-events:auto;
 502     margin:0 2px;
 503     cursor:pointer;
 504     display:inline-block;
 505     -webkit-filter:drop-shadow(0 2px 0 #000);
 506             filter:drop-shadow(0 2px 0 rgba(0, 0, 0, 1));
 507 }
 508
 509 .DirectionLeft,.DirectionPrev{
 510     background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgwIiBoZWlnaHQ9IjE4MCIgdmlld0JveD0iMCAwIDE4MCAxODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI0ZGRiI+PHBhdGggZD0iTTQ1LjczOCA5MS4xMTZhNC4zNjMgNC4zNjMgMCAwMDEuMDIgMS42bDU1LjkyIDU1LjkyYTQuMzg2IDQuMzg2IDAgMDA2LjIwOC0uMDAzbDkuMzItOS4zMmE0LjM5IDQuMzkgMCAwMC4wMDMtNi4yMDdMNzQuMzAyIDg5LjE5OWw0My42NS00My42NWE0LjM4NiA0LjM4NiAwIDAwLS4wMDQtNi4yMDdsLTkuMzItOS4zMmE0LjM5IDQuMzkgMCAwMC02LjIwNy0uMDAzbC01NS45MiA1NS45MmE0LjM4NCA0LjM4NCAwIDAwLS43NjMgNS4xNzd6Ii8+PHBhdGggZD0iTTE3MC4xMzkgOTBjMC00NC4yNi0zNS44OC04MC4xMzktODAuMTM5LTgwLjEzOUM0NS43NCA5Ljg2MSA5Ljg2MSA0NS43NDEgOS44NjEgOTBjMCA0NC4yNiAzNS44OCA4MC4xMzkgODAuMTM5IDgwLjEzOSA0NC4yNiAwIDgwLjEzOS0zNS44OCA4MC4xMzktODAuMTM5ek05MCAxODBjLTQ5LjcwNiAwLTkwLTQwLjI5NC05MC05MFM0MC4yOTQgMCA5MCAwczkwIDQwLjI5NCA5MCA5MC00MC4yOTQgOTAtOTAgOTB6Ii8+PC9nPjwvc3ZnPg==");
 511 }
 512
 513 .DirectionNext,.DirectionRight{
 514     background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgwIiBoZWlnaHQ9IjE4MCIgdmlld0JveD0iMCAwIDE4MCAxODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI0ZGRiI+PHBhdGggZD0iTTEzNC4yNjIgODguODg0YTQuMzYzIDQuMzYzIDAgMDAtMS4wMi0xLjZsLTU1LjkyLTU1LjkyYTQuMzg2IDQuMzg2IDAgMDAtNi4yMDguMDAzbC05LjMyIDkuMzJhNC4zOSA0LjM5IDAgMDAtLjAwMyA2LjIwN2w0My45MDcgNDMuOTA3LTQzLjY1IDQzLjY1YTQuMzg2IDQuMzg2IDAgMDAuMDA0IDYuMjA3bDkuMzIgOS4zMmE0LjM5IDQuMzkgMCAwMDYuMjA3LjAwM2w1NS45Mi01NS45MmE0LjM4NCA0LjM4NCAwIDAwLjc2My01LjE3N3oiLz48cGF0aCBkPSJNOS44NjEgOTBjMCA0NC4yNiAzNS44OCA4MC4xMzkgODAuMTM5IDgwLjEzOSA0NC4yNiAwIDgwLjEzOS0zNS44OCA4MC4xMzktODAuMTM5IDAtNDQuMjYtMzUuODgtODAuMTM5LTgwLjEzOS04MC4xMzlDNDUuNzQgOS44NjEgOS44NjEgNDUuNzQxIDkuODYxIDkwek05MCAwYzQ5LjcwNiAwIDkwIDQwLjI5NCA5MCA5MHMtNDAuMjk0IDkwLTkwIDkwUzAgMTM5LjcwNiAwIDkwIDQwLjI5NCAwIDkwIDB6Ii8+PC9nPjwvc3ZnPg==");
 515 }
 516
 517 .DirectionForward{
 518     background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgwIiBoZWlnaHQ9IjE4MCIgdmlld0JveD0iMCAwIDE4MCAxODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI0ZGRiI+PHBhdGggZD0iTTg4Ljg4NCA0NS43MzhhNC4zNjMgNC4zNjMgMCAwMC0xLjYgMS4wMmwtNTUuOTIgNTUuOTJhNC4zODYgNC4zODYgMCAwMC4wMDMgNi4yMDhsOS4zMiA5LjMyYTQuMzkgNC4zOSAwIDAwNi4yMDcuMDAzbDQzLjkwNy00My45MDcgNDMuNjUgNDMuNjVhNC4zODYgNC4zODYgMCAwMDYuMjA3LS4wMDRsOS4zMi05LjMyYTQuMzkgNC4zOSAwIDAwLjAwMy02LjIwN2wtNTUuOTItNTUuOTJhNC4zODQgNC4zODQgMCAwMC01LjE3Ny0uNzYzeiIvPjxwYXRoIGQ9Ik05MCAxNzAuMTM5YzQ0LjI2IDAgODAuMTM5LTM1Ljg4IDgwLjEzOS04MC4xMzkgMC00NC4yNi0zNS44OC04MC4xMzktODAuMTM5LTgwLjEzOUM0NS43NCA5Ljg2MSA5Ljg2MSA0NS43NDEgOS44NjEgOTBjMCA0NC4yNiAzNS44OCA4MC4xMzkgODAuMTM5IDgwLjEzOXpNMCA5MEMwIDQwLjI5NCA0MC4yOTQgMCA5MCAwczkwIDQwLjI5NCA5MCA5MC00MC4yOTQgOTAtOTAgOTBTMCAxMzkuNzA2IDAgOTB6Ii8+PC9nPjwvc3ZnPg==");
 519 }
 520
 521 .DirectionBackward{
 522     background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgwIiBoZWlnaHQ9IjE4MCIgdmlld0JveD0iMCAwIDE4MCAxODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI0ZGRiI+PHBhdGggZD0iTTkxLjExNiAxMzQuMjYyYTQuMzYzIDQuMzYzIDAgMDAxLjYtMS4wMmw1NS45Mi01NS45MmE0LjM4NiA0LjM4NiAwIDAwLS4wMDMtNi4yMDhsLTkuMzItOS4zMmE0LjM5IDQuMzkgMCAwMC02LjIwNy0uMDAzbC00My45MDcgNDMuOTA3LTQzLjY1LTQzLjY1YTQuMzg2IDQuMzg2IDAgMDAtNi4yMDcuMDA0bC05LjMyIDkuMzJhNC4zOSA0LjM5IDAgMDAtLjAwMyA2LjIwN2w1NS45MiA1NS45MmE0LjM4NCA0LjM4NCAwIDAwNS4xNzcuNzYzeiIvPjxwYXRoIGQ9Ik05MCA5Ljg2MUM0NS43NCA5Ljg2MSA5Ljg2MSA0NS43NDEgOS44NjEgOTBjMCA0NC4yNiAzNS44OCA4MC4xMzkgODAuMTM5IDgwLjEzOSA0NC4yNiAwIDgwLjEzOS0zNS44OCA4MC4xMzktODAuMTM5IDAtNDQuMjYtMzUuODgtODAuMTM5LTgwLjEzOS04MC4xMzl6TTE4MCA5MGMwIDQ5LjcwNi00MC4yOTQgOTAtOTAgOTBTMCAxMzkuNzA2IDAgOTAgNDAuMjk0IDAgOTAgMHM5MCA0MC4yOTQgOTAgOTB6Ii8+PC9nPjwvc3ZnPg==");
 523 }
 524
 525 .DirectionTurnleft{
 526     background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgwIiBoZWlnaHQ9IjE4MCIgdmlld0JveD0iMCAwIDE4MCAxODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI0ZGRiI+PHBhdGggZD0iTTU3LjkxMyA1OS40OWE0LjM2MyA0LjM2MyAwIDAwLS40MSAxLjg1NXY3OS4wODJhNC4zODYgNC4zODYgMCAwMDQuMzkxIDQuMzg3aDEzLjE4YTQuMzkgNC4zOSAwIDAwNC4zOTItNC4zODdWNzguMzM0aDYxLjczYTQuMzg2IDQuMzg2IDAgMDA0LjM4Ny00LjM5MnYtMTMuMThhNC4zOSA0LjM5IDAgMDAtNC4zODctNC4zOTJINjIuMTE0YTQuMzg0IDQuMzg0IDAgMDAtNC4yIDMuMTJ6Ii8+PHBhdGggZD0iTTE0Ni42NjcgMTQ2LjY2N2MzMS4yOTYtMzEuMjk2IDMxLjI5Ni04Mi4wMzggMC0xMTMuMzM0LTMxLjI5Ni0zMS4yOTYtODIuMDM4LTMxLjI5Ni0xMTMuMzM0IDAtMzEuMjk2IDMxLjI5Ni0zMS4yOTYgODIuMDM4IDAgMTEzLjMzNCAzMS4yOTYgMzEuMjk2IDgyLjAzOCAzMS4yOTYgMTEzLjMzNCAwek0yNi4zNiAxNTMuNjRjLTM1LjE0Ny0zNS4xNDgtMzUuMTQ3LTkyLjEzMiAwLTEyNy4yOCAzNS4xNDgtMzUuMTQ3IDkyLjEzMi0zNS4xNDcgMTI3LjI4IDAgMzUuMTQ3IDM1LjE0OCAzNS4xNDcgOTIuMTMyIDAgMTI3LjI4LTM1LjE0OCAzNS4xNDctOTIuMTMyIDM1LjE0Ny0xMjcuMjggMHoiLz48L2c+PC9zdmc+");
 527 }
 528
 529 .DirectionTurnright{
 530     background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgwIiBoZWlnaHQ9IjE4MCIgdmlld0JveD0iMCAwIDE4MCAxODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI0ZGRiI+PHBhdGggZD0iTTEyMC41MSA1Ny45MTNhNC4zNjMgNC4zNjMgMCAwMC0xLjg1NS0uNDFIMzkuNTczYTQuMzg2IDQuMzg2IDAgMDAtNC4zODcgNC4zOTF2MTMuMThhNC4zOSA0LjM5IDAgMDA0LjM4NyA0LjM5Mmg2Mi4wOTN2NjEuNzNhNC4zODYgNC4zODYgMCAwMDQuMzkyIDQuMzg3aDEzLjE4YTQuMzkgNC4zOSAwIDAwNC4zOTItNC4zODdWNjIuMTE0YTQuMzg0IDQuMzg0IDAgMDAtMy4xMi00LjJ6Ii8+PHBhdGggZD0iTTMzLjMzMyAxNDYuNjY3YzMxLjI5NiAzMS4yOTYgODIuMDM4IDMxLjI5NiAxMTMuMzM0IDAgMzEuMjk2LTMxLjI5NiAzMS4yOTYtODIuMDM4IDAtMTEzLjMzNC0zMS4yOTYtMzEuMjk2LTgyLjAzOC0zMS4yOTYtMTEzLjMzNCAwLTMxLjI5NiAzMS4yOTYtMzEuMjk2IDgyLjAzOCAwIDExMy4zMzR6TTI2LjM2IDI2LjM2YzM1LjE0OC0zNS4xNDcgOTIuMTMyLTM1LjE0NyAxMjcuMjggMCAzNS4xNDcgMzUuMTQ4IDM1LjE0NyA5Mi4xMzIgMCAxMjcuMjgtMzUuMTQ4IDM1LjE0Ny05Mi4xMzIgMzUuMTQ3LTEyNy4yOCAwLTM1LjE0Ny0zNS4xNDgtMzUuMTQ3LTkyLjEzMiAwLTEyNy4yOHoiLz48L2c+PC9zdmc+");
 531 }
 532
 533 .DirectionTurnaround{
 534     background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgwIiBoZWlnaHQ9IjE4MCIgdmlld0JveD0iMCAwIDE4MCAxODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI0ZGRiI+PHBhdGggZD0iTTU5LjQ5IDEyMi4wODdjLjU2NC4yNjMgMS4xOTIuNDEgMS44NTUuNDFoNzkuMDgyYTQuMzg2IDQuMzg2IDAgMDA0LjM4Ny00LjM5MXYtMTMuMThhNC4zOSA0LjM5IDAgMDAtNC4zODctNC4zOTJINzguMzM0di02MS43M2E0LjM4NiA0LjM4NiAwIDAwLTQuMzkyLTQuMzg3aC0xMy4xOGE0LjM5IDQuMzkgMCAwMC00LjM5MiA0LjM4N3Y3OS4wODJhNC4zODQgNC4zODQgMCAwMDMuMTIgNC4yeiIvPjxwYXRoIGQ9Ik0xNDYuNjY3IDMzLjMzM2MtMzEuMjk2LTMxLjI5Ni04Mi4wMzgtMzEuMjk2LTExMy4zMzQgMC0zMS4yOTYgMzEuMjk2LTMxLjI5NiA4Mi4wMzggMCAxMTMuMzM0IDMxLjI5NiAzMS4yOTYgODIuMDM4IDMxLjI5NiAxMTMuMzM0IDAgMzEuMjk2LTMxLjI5NiAzMS4yOTYtODIuMDM4IDAtMTEzLjMzNHptNi45NzMgMTIwLjMwN2MtMzUuMTQ4IDM1LjE0Ny05Mi4xMzIgMzUuMTQ3LTEyNy4yOCAwLTM1LjE0Ny0zNS4xNDgtMzUuMTQ3LTkyLjEzMiAwLTEyNy4yOCAzNS4xNDgtMzUuMTQ3IDkyLjEzMi0zNS4xNDcgMTI3LjI4IDAgMzUuMTQ3IDM1LjE0OCAzNS4xNDcgOTIuMTMyIDAgMTI3LjI4eiIvPjwvZz48L3N2Zz4=");
 535 }
 536 .mapillaryjs-popup{
 537     position:absolute;
 538     left:0;
 539     top:0;
 540     pointer-events:none;
 541     display:-webkit-box;
 542     display:-webkit-flex;
 543     display:-ms-flexbox;
 544     display:flex;
 545 }
 546
 547 .mapillaryjs-popup-content,.mapillaryjs-popup-content-clean{
 548     position:relative;
 549 }
 550
 551 .mapillaryjs-popup-capture-pointer{
 552     pointer-events:auto;
 553 }
 554
 555 .mapillaryjs-popup-content{
 556     padding:5px 10px;
 557     background:#fff;
 558     border:1px solid #000;
 559     border-radius:2px;
 560 }
 561
 562 .mapillaryjs-popup-float-bottom,.mapillaryjs-popup-float-bottom-left,.mapillaryjs-popup-float-bottom-right{
 563     -webkit-box-orient:vertical;
 564     -webkit-box-direction:normal;
 565     -webkit-flex-direction:column;
 566         -ms-flex-direction:column;
 567             flex-direction:column;
 568 }
 569
 570 .mapillaryjs-popup-float-top,.mapillaryjs-popup-float-top-left,.mapillaryjs-popup-float-top-right{
 571     -webkit-box-orient:vertical;
 572     -webkit-box-direction:reverse;
 573     -webkit-flex-direction:column-reverse;
 574         -ms-flex-direction:column-reverse;
 575             flex-direction:column-reverse;
 576 }
 577
 578 .mapillaryjs-popup-float-left{
 579     -webkit-box-orient:horizontal;
 580     -webkit-box-direction:reverse;
 581     -webkit-flex-direction:row-reverse;
 582         -ms-flex-direction:row-reverse;
 583             flex-direction:row-reverse;
 584 }
 585
 586 .mapillaryjs-popup-float-right{
 587     -webkit-box-orient:horizontal;
 588     -webkit-box-direction:normal;
 589     -webkit-flex-direction:row;
 590         -ms-flex-direction:row;
 591             flex-direction:row;
 592 }
 593
 594 .mapillaryjs-popup-tip,.mapillaryjs-popup-tip-inner{
 595     position:relative;
 596     z-index:1;
 597     width:0;
 598     height:0;
 599     border:7px solid transparent;
 600 }
 601
 602 .mapillaryjs-popup-float-top .mapillaryjs-popup-tip{
 603     -webkit-align-self:center;
 604         -ms-flex-item-align:center;
 605             align-self:center;
 606     border-top-color:#000;
 607     border-bottom:none;
 608 }
 609
 610 .mapillaryjs-popup-float-top .mapillaryjs-popup-tip-inner{
 611     position:relative;
 612     top:-8px;
 613     left:-7px;
 614     border-top-color:#fff;
 615     border-bottom:none;
 616 }
 617
 618 .mapillaryjs-popup-float-top-right .mapillaryjs-popup-tip{
 619     -webkit-align-self:flex-start;
 620         -ms-flex-item-align:start;
 621             align-self:flex-start;
 622     border-top-color:#000;
 623     border-bottom:none;
 624     border-left:none;
 625 }
 626
 627 .mapillaryjs-popup-float-top-right .mapillaryjs-popup-tip-inner{
 628     position:relative;
 629     top:-9px;
 630     left:1px;
 631     border-top-color:#fff;
 632     border-bottom:none;
 633     border-left:none;
 634 }
 635
 636 .mapillaryjs-popup-float-top-left .mapillaryjs-popup-tip{
 637     -webkit-align-self:flex-end;
 638         -ms-flex-item-align:end;
 639             align-self:flex-end;
 640     border-top-color:#000;
 641     border-bottom:none;
 642     border-right:none;
 643 }
 644
 645 .mapillaryjs-popup-float-top-left .mapillaryjs-popup-tip-inner{
 646     position:relative;
 647     top:-9px;
 648     left:-8px;
 649     border-top-color:#fff;
 650     border-bottom:none;
 651     border-right:none;
 652 }
 653
 654 .mapillaryjs-popup-float-bottom .mapillaryjs-popup-tip{
 655     -webkit-align-self:center;
 656         -ms-flex-item-align:center;
 657             align-self:center;
 658     border-top:none;
 659     border-bottom-color:#000;
 660 }
 661
 662 .mapillaryjs-popup-float-bottom .mapillaryjs-popup-tip-inner{
 663     position:relative;
 664     bottom:-1px;
 665     left:-7px;
 666     border-top:none;
 667     border-bottom-color:#fff;
 668 }
 669
 670 .mapillaryjs-popup-float-bottom-right .mapillaryjs-popup-tip{
 671     -webkit-align-self:flex-start;
 672         -ms-flex-item-align:start;
 673             align-self:flex-start;
 674     border-bottom-color:#000;
 675     border-top:none;
 676     border-left:none;
 677 }
 678
 679 .mapillaryjs-popup-float-bottom-right .mapillaryjs-popup-tip-inner{
 680     position:relative;
 681     bottom:-2px;
 682     left:1px;
 683     border-bottom-color:#fff;
 684     border-top:none;
 685     border-left:none;
 686 }
 687
 688 .mapillaryjs-popup-float-bottom-left .mapillaryjs-popup-tip{
 689     -webkit-align-self:flex-end;
 690         -ms-flex-item-align:end;
 691             align-self:flex-end;
 692     border-bottom-color:#000;
 693     border-top:none;
 694     border-right:none;
 695 }
 696
 697 .mapillaryjs-popup-float-bottom-left .mapillaryjs-popup-tip-inner{
 698     position:relative;
 699     bottom:-2px;
 700     left:-8px;
 701     border-bottom-color:#fff;
 702     border-top:none;
 703     border-right:none;
 704 }
 705
 706 .mapillaryjs-popup-float-left .mapillaryjs-popup-tip{
 707     -webkit-align-self:center;
 708         -ms-flex-item-align:center;
 709             align-self:center;
 710     border-left-color:#000;
 711     border-right:none;
 712 }
 713
 714 .mapillaryjs-popup-float-left .mapillaryjs-popup-tip-inner{
 715     position:relative;
 716     top:-7px;
 717     left:-8px;
 718     border-left-color:#fff;
 719     border-right:none;
 720 }
 721
 722 .mapillaryjs-popup-float-right .mapillaryjs-popup-tip{
 723     -webkit-align-self:center;
 724         -ms-flex-item-align:center;
 725             align-self:center;
 726     border-right-color:#000;
 727     border-left:none;
 728 }
 729
 730 .mapillaryjs-popup-float-right .mapillaryjs-popup-tip-inner{
 731     position:relative;
 732     top:-7px;
 733     left:1px;
 734     border-right-color:#fff;
 735     border-left:none;
 736 }
 737
 738 .mapillaryjs-popup-float-top-left .mapillaryjs-popup-content{
 739     border-bottom-right-radius:0;
 740 }
 741
 742 .mapillaryjs-popup-float-top-right .mapillaryjs-popup-content{
 743     border-bottom-left-radius:0;
 744 }
 745
 746 .mapillaryjs-popup-float-bottom-left .mapillaryjs-popup-content{
 747     border-top-right-radius:0;
 748 }
 749
 750 .mapillaryjs-popup-float-bottom-right .mapillaryjs-popup-content{
 751     border-top-left-radius:0;
 752 }
 753 .RouteFrame{
 754     background-color:rgba(0, 0, 0, .5);
 755     outline:1px solid hsla(0, 0%, 100%, .5);
 756     width:80%;
 757     height:40px;
 758     text-align:center;
 759     color:#fff;
 760     margin:0 auto;
 761     position:absolute;
 762     z-index:20;
 763     bottom:30%;
 764     left:10%;
 765 }
 766
 767 .RouteFrame p{
 768     margin:0;
 769     padding:10px;
 770     font-family:Helvetica,Arial,sans-serif;
 771     font-size:14px;
 772     text-shadow:0 0 5px rgba(0, 0, 0, .75);
 773 }
 774 .SequenceContainer{
 775     position:absolute;
 776     top:14px;
 777     pointer-events:none;
 778     font-size:0;
 779     z-index:10;
 780     width:100%;
 781 }
 782
 783 .SequenceControls,.SequenceStepper{
 784     position:absolute;
 785     left:50%;
 786     cursor:pointer;
 787 }
 788
 789 .SequenceStepper{
 790     -webkit-transform:translate(-50%);
 791             transform:translate(-50%);
 792 }
 793
 794 .SequenceExpanderButton,.SequencePlaybackButton,.SequenceTimelineButton{
 795     display:inline-block;
 796     height:100%;
 797     pointer-events:auto;
 798 }
 799
 800 .SequenceExpanderButton{
 801     width:18.18182%;
 802     background:rgba(0, 0, 0, .5);
 803 }
 804
 805 .SequenceExpanderBar{
 806     background-color:#fff;
 807     width:12.5%;
 808     border-radius:1px;
 809     height:53.33333%;
 810     position:relative;
 811     left:50%;
 812     top:50%;
 813     -webkit-transform:translate(-50%, -50%);
 814             transform:translate(-50%, -50%);
 815 }
 816
 817 .SequencePlaybackButton,.SequenceTimelineButton{
 818     width:0;
 819     background:rgba(0, 0, 0, .5);
 820     -webkit-transition:width .15s ease-out;
 821     transition:width .15s ease-out;
 822 }
 823
 824 .SequencePositionContainer,.SequencePositionContainerDisabled,.SequenceSpeedContainer{
 825     display:inline-block;
 826     height:100%;
 827     vertical-align:top;
 828     background:rgba(0, 0, 0, .5);
 829     pointer-events:auto;
 830     padding-right:3px;
 831 }
 832
 833 .SequenceSpeedContainer{
 834     padding-left:3px;
 835 }
 836
 837 .SequencePositionContainer,.SequencePositionContainerDisabled{
 838     padding-left:16px;
 839 }
 840
 841 .SequencePosition,.SequenceSpeed{
 842     padding:0;
 843     margin:7px 0 0;
 844     height:16px;
 845     cursor:pointer;
 846     outline:none;
 847     background:none;
 848     -webkit-appearance:none;
 849 }
 850
 851 .SequencePositionContainerDisabled .SequencePosition{
 852     cursor:default;
 853 }
 854
 855 .SequenceCloseIcon,.SequenceFastIcon,.SequenceFastIconGrey,.SequenceSlowIcon,.SequenceSwitchIcon,.SequenceTimelineIcon,.SequenceTimelineIconGrey{
 856     position:relative;
 857     left:50%;
 858     top:50%;
 859     -webkit-transform:translate(-50%, -50%);
 860             transform:translate(-50%, -50%);
 861     background-size:contain;
 862     background-repeat:no-repeat;
 863     opacity:0;
 864 }
 865
 866 .SequenceFastIcon,.SequenceTimelineIcon{
 867     -webkit-transition-delay:0s;
 868             transition-delay:0s;
 869     -webkit-transition-property:opacity;
 870     transition-property:opacity;
 871 }
 872
 873 .SequenceFastIcon,.SequenceFastIconGrey,.SequenceSlowIcon,.SequenceTimelineIcon,.SequenceTimelineIconGrey{
 874     width:66.66667%;
 875     height:80%;
 876 }
 877
 878 .SequenceCloseIcon,.SequenceSwitchIcon{
 879     width:44.44444%;
 880     height:53.33333%;
 881 }
 882
 883 .SequenceFastIcon{
 884     background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHBhdGggZD0iTTIwLjE0OCAxMy41Yy0yLjE1MSAwLTIuNTQ3Ljg2Mi0zLjU2NyAxLjM2LTEuODUzLjkwNy0zLjEgMi4wNzMtMy4xIDQuMjY1IDAgMS4xNjEtLjAxIDEuODc1LS4zNyAxLjg3NS0uNjU3IDAtLjk5NC0uNjkxLTEuMjk5LTEuMjJhMS44ODMgMS44ODMgMCAwMS0uNjQ1LjA5NWMtLjg0NCAwLTUuNDYzLTEuNjg3LTUuNDYzLTIuNjI1IDAtLjU1MS4zNy0uODQ3LjM3LTEuNXYtLjAxYTEuNzgzIDEuNzgzIDAgMDAtLjczLTEuMzkgMy42MTIgMy42MTIgMCAwMS0xLjI4OS0xLjczMmMtLjE4LjA4Ni0uMzc1LjEzMS0uNTczLjEzMkMyLjc3IDEyLjc1IDIgMTEuODczIDIgMTAuNWMwLTEuMzcuMjY2LTEuODc1LjU1Ni0xLjg3NS4zNzUgMCAuNDYzLjE4OC40NjMuMTg4cy4yNTYtLjk0Mi43OC0uOTQyYy4yNy4wMDQuNTE3LjE2LjYzOC40MDZBNC40NCA0LjQ0IDAgMDE3LjkyNiA2Ljc1YzUuMzcyIDAgNS43MyAzLjM3NSA3LjQwNyAzLjM3NS42MjIgMCAxLjExMS0uODkzIDEuMTExLTEuMTI1IDAtLjcyLTMuMzMzLTIuMDc2LTMuMzMzLTUuMjUgMC0uNDk2LjM5NC0uNzUuOTI2LS43NS40NjMgMCAxLjQ1MS42MSAyLjAzNyAxLjUuODk1IDEuMzYuNzU5IDMgMS44NTIgMy43NS40MDkuMjggMS40NTIuMjYgMi4yMjIuNzVzMS4yNDYgMS4zMDMgMS40ODIgMS41Yy4yMTcuMTkuMzUuNDYuMzcuNzUgMCAuMzYxLS44MDUgMi4yNS0xLjg1MiAyLjI1em0tOC44ODkgM2E2Ljk5NiA2Ljk5NiAwIDAxLTIuODY0LS42NzQgMi45MSAyLjkxIDAgMDAtLjA5OS42NzRjMCAuNjI3LjQ4Ljg2OCAyLjIyMiAxLjUuMzkyLjEzNC43Ny4zMDUgMS4xMy41MTEuMDQtLjY4My4xMTUtMS4zNjMuMjI1LTIuMDM4LS4yLjAxNC0uNDAzLjAyNy0uNjE0LjAyN3oiIGlkPSJhIi8+PC9kZWZzPjx1c2UgZmlsbD0iI0ZGRiIgeGxpbms6aHJlZj0iI2EiLz48L3N2Zz4=");
 885 }
 886
 887 .SequenceFastIconGrey{
 888     background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHBhdGggZD0iTTIwLjE0OCAxMy41Yy0yLjE1MSAwLTIuNTQ3Ljg2Mi0zLjU2NyAxLjM2LTEuODUzLjkwNy0zLjEgMi4wNzMtMy4xIDQuMjY1IDAgMS4xNjEtLjAxIDEuODc1LS4zNyAxLjg3NS0uNjU3IDAtLjk5NC0uNjkxLTEuMjk5LTEuMjJhMS44ODMgMS44ODMgMCAwMS0uNjQ1LjA5NWMtLjg0NCAwLTUuNDYzLTEuNjg3LTUuNDYzLTIuNjI1IDAtLjU1MS4zNy0uODQ3LjM3LTEuNXYtLjAxYTEuNzgzIDEuNzgzIDAgMDAtLjczLTEuMzkgMy42MTIgMy42MTIgMCAwMS0xLjI4OS0xLjczMmMtLjE4LjA4Ni0uMzc1LjEzMS0uNTczLjEzMkMyLjc3IDEyLjc1IDIgMTEuODczIDIgMTAuNWMwLTEuMzcuMjY2LTEuODc1LjU1Ni0xLjg3NS4zNzUgMCAuNDYzLjE4OC40NjMuMTg4cy4yNTYtLjk0Mi43OC0uOTQyYy4yNy4wMDQuNTE3LjE2LjYzOC40MDZBNC40NCA0LjQ0IDAgMDE3LjkyNiA2Ljc1YzUuMzcyIDAgNS43MyAzLjM3NSA3LjQwNyAzLjM3NS42MjIgMCAxLjExMS0uODkzIDEuMTExLTEuMTI1IDAtLjcyLTMuMzMzLTIuMDc2LTMuMzMzLTUuMjUgMC0uNDk2LjM5NC0uNzUuOTI2LS43NS40NjMgMCAxLjQ1MS42MSAyLjAzNyAxLjUuODk1IDEuMzYuNzU5IDMgMS44NTIgMy43NS40MDkuMjggMS40NTIuMjYgMi4yMjIuNzVzMS4yNDYgMS4zMDMgMS40ODIgMS41Yy4yMTcuMTkuMzUuNDYuMzcuNzUgMCAuMzYxLS44MDUgMi4yNS0xLjg1MiAyLjI1em0tOC44ODkgM2E2Ljk5NiA2Ljk5NiAwIDAxLTIuODY0LS42NzQgMi45MSAyLjkxIDAgMDAtLjA5OS42NzRjMCAuNjI3LjQ4Ljg2OCAyLjIyMiAxLjUuMzkyLjEzNC43Ny4zMDUgMS4xMy41MTEuMDQtLjY4My4xMTUtMS4zNjMuMjI1LTIuMDM4LS4yLjAxNC0uNDAzLjAyNy0uNjE0LjAyN3oiIGlkPSJhIi8+PC9kZWZzPjx1c2UgZmlsbD0iI0Q3REFERCIgeGxpbms6aHJlZj0iI2EiLz48L3N2Zz4=");
 889 }
 890
 891 .SequenceTimelineIcon{
 892     background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik05IDZoNmEyIDIgMCAwMTIgMnY4YTIgMiAwIDAxLTIgMkg5YTIgMiAwIDAxLTItMlY4YTIgMiAwIDAxMi0yem0xMS42MzQgN0gxOWExIDEgMCAwMTAtMmgxLjYzNGExIDEgMCAwMTEuNTczLTEuMjA3bDEuNSAxLjVhLjk5Ny45OTcgMCAwMTAgMS40MTRsLTEuNSAxLjVBMSAxIDAgMDEyMC42MzQgMTN6TTMuMzY2IDEzYTEgMSAwIDAxLTEuNTczIDEuMjA3bC0xLjUtMS41YS45OTcuOTk3IDAgMDEwLTEuNDE0bDEuNS0xLjVBMSAxIDAgMDEzLjM2NiAxMUg1YTEgMSAwIDAxMCAySDMuMzY2eiIvPjwvZGVmcz48dXNlIGZpbGw9IiNGRkYiIHhsaW5rOmhyZWY9IiNhIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=");
 893 }
 894
 895 .SequenceTimelineIconGrey{
 896     background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik05IDZoNmEyIDIgMCAwMTIgMnY4YTIgMiAwIDAxLTIgMkg5YTIgMiAwIDAxLTItMlY4YTIgMiAwIDAxMi0yem0xMS42MzQgN0gxOWExIDEgMCAwMTAtMmgxLjYzNGExIDEgMCAwMTEuNTczLTEuMjA3bDEuNSAxLjVhLjk5Ny45OTcgMCAwMTAgMS40MTRsLTEuNSAxLjVBMSAxIDAgMDEyMC42MzQgMTN6TTMuMzY2IDEzYTEgMSAwIDAxLTEuNTczIDEuMjA3bC0xLjUtMS41YS45OTcuOTk3IDAgMDEwLTEuNDE0bDEuNS0xLjVBMSAxIDAgMDEzLjM2NiAxMUg1YTEgMSAwIDAxMCAySDMuMzY2eiIvPjwvZGVmcz48dXNlIGZpbGw9IiNEN0RBREQiIHhsaW5rOmhyZWY9IiNhIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=");
 897 }
 898
 899 .SequenceSlowIcon{
 900     background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHBhdGggZD0iTTE4LjkzNCAxMy4yMjJsLS43ODIgMS44OTdjLjMzMi4yNSAxLjMzNSAxLjEgMS4zMzUgMi4yNTFhMS4yODkgMS4yODkgMCAwMS0uMzgxLjgyNy40MDIuNDAyIDAgMDEtLjI5NS4xMjRoLTIuNjU4YS40MS40MSAwIDAxLS4zNTMtLjIwMWwtLjcxNC0xLjIwOGEuODIyLjgyMiAwIDAxLS4wNzMtLjY3NGwuMTI1LS4zOEg3LjRjLjM2MS40MjMuNTY5Ljk1Ni41OSAxLjUxMmExLjI4NSAxLjI4NSAwIDAxLS4zODEuODI3LjQwMi40MDIgMCAwMS0uMjk1LjEyNEg0LjY1NmEuNDEuNDEgMCAwMS0uMzUzLS4yMDFsLS43MTQtMS4yMDhhLjgyLjgyIDAgMDEtLjA3My0uNjc0bC4wMDgtLjAyNGE0LjEyMyA0LjEyMyAwIDAxLTIuMTc0Ljg0LjMwNi4zMDYgMCAwMS0uMjk4LS40NzRDMy40MjUgMTMuNDAyIDIuNzA4IDYuMDAyIDExLjMxMyA2LjAwMmE5LjA1OCA5LjA1OCAwIDAxNy4wNDIgMy4xMjIgMy41OTUgMy41OTUgMCAwMDEuOTI0LTEuNDMgMS4yMzQgMS4yMzQgMCAwMTEuNDkzLS4zNmwxLjk5LjkyNWMuMTY0LjA3Ni4yNTkuMjUxLjIzNC40My0uMjAyIDEuNDU2LTEuNzg4IDMuNzY3LTUuMDYyIDQuNTMzeiIgaWQ9ImEiLz48L2RlZnM+PHVzZSBmaWxsPSIjRkZGIiB4bGluazpocmVmPSIjYSIvPjwvc3ZnPg==");
 901 }
 902
 903 .SequenceSwitchIcon{
 904     background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNiA0aDhhMSAxIDAgMTEwIDJINnYyLjA1OGEuNDQ5LjQ0OSAwIDAxLS4yODEuMzk0LjU3NC41NzQgMCAwMS0uNTI5LS4wMzVMLjIxNSA1LjM1OEEuNDIzLjQyMyAwIDAxMCA1YzAtLjE0My4wOC0uMjc3LjIxNC0uMzU4bDQuOTc3LTMuMDU5YS41NzQuNTc0IDAgMDEuNTI4LS4wMzVjLjE3LjA3NS4yNzguMjI3LjI4MS4zOTRWNHptNCA2VjcuOTQyYS40NDguNDQ4IDAgMDEuMjgxLS4zOTQuNTc0LjU3NCAwIDAxLjUyOC4wMzVsNC45NzcgMy4wNTlBLjQyMy40MjMgMCAwMTE2IDExYzAgLjE0My0uMDguMjc3LS4yMTQuMzU4bC00Ljk3NiAzLjA1OWEuNTc0LjU3NCAwIDAxLS41MjkuMDM1LjQ0OS40NDkgMCAwMS0uMjgxLS4zOTRWMTJIMmExIDEgMCAxMTAtMmg4eiIgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+");
 905 }
 906
 907 .SequenceCloseIcon{
 908     background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOS4yNzMgOC4wMDVsMy40NDIgMy40NDFhLjkwOS45MDkgMCAxMS0xLjI4NSAxLjI4NUw3Ljk5IDkuMjg5bC0zLjQzNyAzLjQzN2EuOTA4LjkwOCAwIDAxLTEuMjg0LTEuMjg1bDMuNDM3LTMuNDM2LTMuNDUtMy40NWEuOTA4LjkwOCAwIDAxMS4yODQtMS4yODRsMy40NSAzLjQ1IDMuNDU0LTMuNDU1YS45MDguOTA4IDAgMTExLjI4NSAxLjI4NEw5LjI3MyA4LjAwNXoiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==");
 909 }
 910
 911 .SequenceIconVisible{
 912     opacity:1;
 913 }
 914
 915 .SequenceControlsExpanded .SequenceFastIcon,.SequenceControlsExpanded .SequenceTimelineIcon{
 916     opacity:1;
 917     -webkit-transition-delay:.12s;
 918             transition-delay:.12s;
 919     -webkit-transition:.2s ease-in;
 920     transition:.2s ease-in;
 921     -webkit-transition-property:opacity;
 922     transition-property:opacity;
 923 }
 924
 925 .SequenceControlsExpanded .SequencePlaybackButton,.SequenceControlsExpanded .SequenceTimelineButton{
 926     width:40.90909%;
 927 }
 928
 929 .SequencePlayback,.SequenceTimeline{
 930     position:absolute;
 931     height:30px;
 932     width:405px;
 933     max-width:80%;
 934     min-width:271px;
 935     left:50%;
 936     padding-left:5px;
 937     -webkit-transform:translate(-50%);
 938             transform:translate(-50%);
 939 }
 940
 941 .SequenceCloseButton,.SequenceFastContainer,.SequenceSlowContainer,.SequenceSwitchButton,.SequenceSwitchButtonDisabled{
 942     width:36px;
 943     height:100%;
 944     display:inline-block;
 945     pointer-events:auto;
 946     background:rgba(0, 0, 0, .5);
 947 }
 948
 949 .SequenceCloseButton,.SequenceSwitchButton,.SequenceSwitchButtonDisabled{
 950     cursor:pointer;
 951 }
 952
 953 .SequencePlay,.SequencePlayDisabled,.SequenceStepNext,.SequenceStepNextDisabled,.SequenceStepNextHighlight,.SequenceStepPrev,.SequenceStepPrevDisabled,.SequenceStepPrevHighlight{
 954     display:inline-block;
 955     width:33.33333%;
 956     height:100%;
 957     pointer-events:auto;
 958 }
 959
 960 .SequencePlayDisabled,.SequenceStepNextDisabled,.SequenceStepPrevDisabled{
 961     cursor:default;
 962 }
 963
 964 .SequencePlay,.SequencePlayDisabled,.SequenceStepNext,.SequenceStepNextDisabled,.SequenceStepNextHighlight,.SequenceStepPrev,.SequenceStepPrevDisabled,.SequenceStepPrevHighlight{
 965     background:rgba(0, 0, 0, .5);
 966 }
 967
 968 .SequencePositionContainer,.SequencePositionContainerDisabled,.SequenceSwitchButton,.SequenceSwitchButtonDisabled{
 969     border-bottom-left-radius:8px;
 970     border-top-left-radius:8px;
 971 }
 972
 973 .SequenceCloseButton{
 974     border-bottom-right-radius:8px;
 975     border-top-right-radius:8px;
 976 }
 977
 978 .Play.SequenceComponentIcon,.PlayDisabled.SequenceComponentIcon{
 979     background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTQuODk1IDguNjg3bC0xMS4zODcgNy4wN2MtLjgzLjU0NS0xLjUwOC4xNDEtMS41MDgtLjg5MlYxLjEzNkMyIC4xIDIuNjc4LS4zMDEgMy41MS4yNDNsMTEuMzg3IDcuMDczYy0uMDAyIDAgLjQwNC4yODcuNDA0LjY4NSAwIC40LS40MDYuNjg2LS40MDYuNjg2eiIgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+");
 980 }
 981
 982 .Stop.SequenceComponentIcon,.StopDisabled.SequenceComponentIcon{
 983     background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCAxLjk5NEMwIC44OTMuODk0IDAgMS45OTQgMGgxMi4wMTJDMTUuMTA3IDAgMTYgLjg5NCAxNiAxLjk5NHYxMi4wMTJBMS45OTUgMS45OTUgMCAwMTE0LjAwNiAxNkgxLjk5NEExLjk5NSAxLjk5NSAwIDAxMCAxNC4wMDZWMS45OTR6IiBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=");
 984 }
 985
 986 .SequenceStepPrev .SequenceComponentIcon,.SequenceStepPrevDisabled .SequenceComponentIcon,.SequenceStepPrevHighlight .SequenceComponentIcon{
 987     background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNi4yNjggOGw1LjUyMS01Ljk0N2ExLjIgMS4yIDAgMDAwLTEuNzAxIDEuMjA2IDEuMjA2IDAgMDAtMS43MDMgMEwzLjM1MyA3LjE0OGExLjIwMiAxLjIwMiAwIDAwMCAxLjcwM2w2LjczMyA2Ljc5NmExLjIwMyAxLjIwMyAwIDEwMS43MDQtMS43MDFMNi4yNjggOHoiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==");
 988 }
 989
 990 .SequenceStepNext .SequenceComponentIcon,.SequenceStepNextDisabled .SequenceComponentIcon,.SequenceStepNextHighlight .SequenceComponentIcon{
 991     background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOS44NzUgOEw0LjM1MyAyLjA1M2ExLjIgMS4yIDAgMDEwLTEuNzAxIDEuMjA2IDEuMjA2IDAgMDExLjcwNCAwbDYuNzMyIDYuNzk2YTEuMjAyIDEuMjAyIDAgMDEwIDEuNzAzbC02LjczMiA2Ljc5NmExLjIwMyAxLjIwMyAwIDExLTEuNzA0LTEuNzAxTDkuODc1IDh6IiBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=");
 992 }
 993
 994 .PlayDisabled.SequenceComponentIcon,.SequenceStepNextDisabled .SequenceComponentIcon,.SequenceStepPrevDisabled .SequenceComponentIcon,.SequenceSwitchButtonDisabled .SequenceSwitchIcon,.StopDisabled.SequenceComponentIcon{
 995     opacity:.35;
 996 }
 997
 998 .SequenceComponentIcon{
 999     position:relative;
1000     left:50%;
1001     top:50%;
1002     -webkit-transform:translate(-50%, -50%);
1003             transform:translate(-50%, -50%);
1004     width:44.44444%;
1005     height:53.33333%;
1006     background-size:contain;
1007     background-repeat:no-repeat;
1008 }
1009
1010 .SequencePosition::-webkit-slider-thumb,.SequenceSpeed::-webkit-slider-thumb{
1011     -webkit-appearance:none;
1012     width:16px;
1013     height:16px;
1014     border-radius:50%;
1015     border:2px solid #fff;
1016     background:#fff;
1017     cursor:pointer;
1018     margin-top:-6px;
1019 }
1020
1021 .SequencePositionContainerDisabled .SequencePosition::-webkit-slider-thumb{
1022     border:none;
1023     background:none;
1024     -webkit-box-shadow:none;
1025             box-shadow:none;
1026 }
1027
1028 .SequencePosition::-webkit-slider-runnable-track,.SequenceSpeed::-webkit-slider-runnable-track{
1029     height:4px;
1030     border-radius:2px;
1031     background-color:#fff;
1032 }
1033
1034 .SequencePositionContainerDisabled .SequencePosition::-webkit-slider-runnable-track{
1035     background-color:#d7dadd;
1036 }
1037
1038 .SequencePosition::-moz-focus-outer,.SequenceSpeed::-moz-focus-outer{
1039     border:0;
1040 }
1041
1042 .SequencePosition::-moz-range-track,.SequenceSpeed::-moz-range-track{
1043     height:4px;
1044     border-radius:2px;
1045     background-color:#fff;
1046 }
1047
1048 .SequencePositionContainerDisabled .SequencePosition::-moz-range-track{
1049     background-color:#d7dadd;
1050 }
1051
1052 .SequenceSpeed::-moz-range-thumb{
1053     background:#dee5ed;
1054 }
1055
1056 .SequencePosition::-moz-range-thumb,.SequenceSpeed::-moz-range-thumb{
1057     width:12px;
1058     height:12px;
1059     border-radius:50%;
1060     border:2px solid #fff;
1061     cursor:pointer;
1062     margin-top:-6px;
1063     box-shadow:1px 2px 4px 0 rgba(0, 0, 0, .5);
1064 }
1065
1066 .SequencePosition::-moz-range-thumb{
1067     background:#ff861b;
1068 }
1069
1070 .SequencePositionContainerDisabled .SequencePosition::-moz-range-thumb{
1071     border:none;
1072     background:none;
1073     box-shadow:none;
1074 }
1075
1076 .SequencePosition::-ms-track,.SequenceSpeed::-ms-track{
1077     height:2px;
1078     border-radius:2px;
1079     background-color:#fff;
1080 }
1081
1082 .SequencePositionContainerDisabled .SequencePosition::-ms-track{
1083     background-color:#d7dadd;
1084 }
1085
1086 .SequencePosition::-ms-fill-lower,.SequencePosition::-ms-fill-upper,.SequenceSpeed::-ms-fill-lower,.SequenceSpeed::-ms-fill-upper{
1087     height:0;
1088     background:none;
1089 }
1090
1091 .SequencePosition::-ms-thumb,.SequenceSpeed::-ms-thumb{
1092     width:12px;
1093     height:12px;
1094     border-radius:50%;
1095     border:2px solid #fff;
1096     background:#fff;
1097     cursor:pointer;
1098     margin-top:0;
1099 }
1100
1101 .SequencePositionContainerDisabled .SequencePosition::-ms-thumb{
1102     border:none;
1103     background:none;
1104     box-shadow:none;
1105 }
1106
1107 .SequencePosition::-ms-tooltip,.SequenceSpeed::-ms-tooltip{
1108     display:none;
1109 }
1110
1111 @media (hover:hover){
1112
1113     .SequenceCloseButton:hover,.SequencePlay:hover,.SequencePlaybackButton:hover,.SequencePlayDisabled:hover,.SequenceStepNext:hover,.SequenceStepNextDisabled:hover,.SequenceStepPrev:hover,.SequenceStepPrevDisabled:hover,.SequenceSwitchButton:hover,.SequenceSwitchButtonDisabled:hover,.SequenceTimelineButton:hover{
1114         background:rgba(0, 0, 0, .5);
1115     }
1116 }
1117 .SliderContainer{
1118     position:absolute;
1119     bottom:40px;
1120     height:30px;
1121     left:50%;
1122     padding-left:5px;
1123     pointer-events:none;
1124     -webkit-transform:translate(-50%);
1125             transform:translate(-50%);
1126     z-index:10;
1127 }
1128
1129 .SliderBorder{
1130     display:inline-block;
1131     width:8px;
1132     height:100%;
1133     border-bottom-left-radius:8px;
1134     border-top-left-radius:8px;
1135     pointer-events:auto;
1136     cursor:default;
1137     background:rgba(0, 0, 0, .5);
1138 }
1139
1140 .SliderModeButton,.SliderModeButton2d,.SliderModeButton2dDisabled,.SliderModeButtonDisabled{
1141     width:26px;
1142     height:100%;
1143     display:inline-block;
1144     pointer-events:auto;
1145     background:rgba(0, 0, 0, .5);
1146
1147 }
1148
1149 .SliderModeButton,.SliderModeButton2d{
1150     cursor:default;
1151 }
1152
1153 .SliderModeButton2dDisabled,.SliderModeButtonDisabled{
1154     cursor:pointer;
1155 }
1156
1157 .SliderModeIcon,.SliderModeIcon2d{
1158     position:relative;
1159     top:50%;
1160     -webkit-transform:translateY(-50%);
1161             transform:translateY(-50%);
1162     background-size:contain;
1163     background-repeat:no-repeat;
1164     opacity:1;
1165     width:18px;
1166     height:18px;
1167     margin-left:4px;
1168 }
1169
1170 .SliderModeIcon{
1171     background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE4IDE3di44NjRjMCAuNTA1IDAgLjk5Ni0uMDM0IDEuNDEyLS4wMzcuNDU4LS4xMjUuOTk3LS40MDIgMS41NGE0IDQgMCAwMS0xLjc0OCAxLjc0OGMtLjU0My4yNzctMS4wODIuMzY1LTEuNTQuNDAyLS40MTYuMDM0LS45MDcuMDM0LTEuNDEyLjAzNEg2LjEzNmMtLjUwNSAwLS45OTYgMC0xLjQxMi0uMDM0LS40NTgtLjAzNy0uOTk3LS4xMjUtMS41NC0uNDAyYTQgNCAwIDAxLTEuNzQ4LTEuNzQ4Yy0uMjc3LS41NDMtLjM2NS0xLjA4Mi0uNDAyLTEuNTRBMTguMzYgMTguMzYgMCAwMTEgMTcuODY0di02LjcyOGMwLS41MDUgMC0uOTk2LjAzNC0xLjQxMi4wMzctLjQ1OC4xMjUtLjk5Ny40MDItMS41NGE0IDQgMCAwMTEuNzQ4LTEuNzQ4Yy41NDMtLjI3NyAxLjA4Mi0uMzY1IDEuNTQtLjQwMkM1LjE0IDYgNS42MyA2IDYuMTM2IDZIN3YyaC0uOGMtMS4xMiAwLTEuNjggMC0yLjEwOC4yMThhMiAyIDAgMDAtLjg3NC44NzRDMyA5LjUyIDMgMTAuMDggMyAxMS4ydjYuNmMwIDEuMTIgMCAxLjY4LjIxOCAyLjEwOGEyIDIgMCAwMC44NzQuODc0QzQuNTIgMjEgNS4wOCAyMSA2LjIgMjFoNi42YzEuMTIgMCAxLjY4IDAgMi4xMDgtLjIxOGEyIDIgMCAwMC44NzQtLjg3NEMxNiAxOS40OCAxNiAxOC4xMiAxNiAxN2gyem0tMS40OS05Ljc2NHYzLjcxaC43OGMxLjA5NCAwIDEuNjctLjU2MyAxLjY3LTEuODYgMC0xLjI5My0uNTc2LTEuODUtMS42NjctMS44NWgtLjc4NHoiIGZpbGw9IiNmZmYiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTcuMzI3IDIuNjM4QzcgMy4yOCA3IDQuMTIgNyA1Ljh2Ni40YzAgMS42OCAwIDIuNTIuMzI3IDMuMTYyYTMgMyAwIDAwMS4zMTEgMS4zMTFDOS4yOCAxNyAxMC4xMiAxNyAxMS44IDE3aDYuNGMxLjY4IDAgMi41MiAwIDMuMTYyLS4zMjdhMyAzIDAgMDAxLjMxMS0xLjMxMUMyMyAxNC43MiAyMyAxMy44OCAyMyAxMi4yVjUuOGMwLTEuNjggMC0yLjUyLS4zMjctMy4xNjJhMyAzIDAgMDAtMS4zMTEtMS4zMTFDMjAuNzIgMSAxOS44OCAxIDE4LjIgMWgtNi40Yy0xLjY4IDAtMi41MiAwLTMuMTYyLjMyN2EzIDMgMCAwMC0xLjMxMSAxLjMxMXptNy4wMzQgNy43MjljLjAwMy45OTQtLjkzMiAxLjcxMi0yLjIzOSAxLjcxMi0xLjI3OCAwLTIuMTg3LS43MDctMi4yMDctMS43MjRoMS4yMzhjLjAyMy40MjYuNDMuNzEuOTcyLjcxLjU2MyAwIC45Ni0uMzE4Ljk1Ny0uNzguMDAzLS40Ny0uNDA5LS44LTEuMDY4LS44aC0uNTQydi0uOTAzaC41NDJjLjU2IDAgLjk1LS4zMS45NDYtLjc2Ny4wMDMtLjQzNy0uMzMtLjczOC0uODI3LS43MzgtLjUwMiAwLS45MDkuMjg3LS45MjMuNzNoLTEuMTc5Yy4wMTctMS4wMDYuOTE1LTEuNzA1IDIuMTA4LTEuNzA1IDEuMjA1IDAgMi4wMDkuNzIyIDIuMDA2IDEuNjQuMDAzLjY1My0uNDQ2IDEuMTEzLTEuMDk3IDEuMjN2LjA0NWMuODU1LjEwOCAxLjMxNi42MjUgMS4zMTMgMS4zNXptNS44MjctMS4yODJjMCAxLjgxOC0xLjA3NCAyLjkxNS0yLjg0NiAyLjkxNWgtMi4wNjNWNi4xODJoMi4wOGMxLjc1NSAwIDIuODMgMS4wOSAyLjgzIDIuOTAzeiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==");
1172 }
1173
1174 .SliderModeIcon2d{
1175     background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEzLjM0NSAxMC4yMzZ2My43MWguNzgxYzEuMDk0IDAgMS42Ny0uNTYzIDEuNjctMS44NiAwLTEuMjkzLS41NzYtMS44NS0xLjY2Ny0xLjg1aC0uNzg0eiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNC4zMjcgNS42MzhDNCA2LjI4IDQgNy4xMiA0IDguOHY2LjRjMCAxLjY4IDAgMi41Mi4zMjcgMy4xNjJhMyAzIDAgMDAxLjMxMSAxLjMxMUM2LjI4IDIwIDcuMTIgMjAgOC44IDIwaDYuNGMxLjY4IDAgMi41MiAwIDMuMTYyLS4zMjdhMyAzIDAgMDAxLjMxMS0xLjMxMUMyMCAxNy43MiAyMCAxNi44OCAyMCAxNS4yVjguOGMwLTEuNjggMC0yLjUyLS4zMjctMy4xNjJhMyAzIDAgMDAtMS4zMTEtMS4zMTFDMTcuNzIgNCAxNi44OCA0IDE1LjIgNEg4LjhjLTEuNjggMC0yLjUyIDAtMy4xNjIuMzI3YTMgMyAwIDAwLTEuMzExIDEuMzExek0xMS4xODcgMTVINy4wNHYtLjg4NmwyLjA3LTEuOTE4Yy41MTgtLjUuODEtLjgyNy44MTMtMS4yOS0uMDAzLS41MTEtLjM4OS0uODMtLjkwMy0uODMtLjUzNCAwLS44OTguMzM5LS44OTguODk4SDYuOTU1Yy0uMDAzLTEuMTQyLjg1NS0xLjg3MiAyLjA3My0xLjg3MiAxLjI1NiAwIDIuMDQ2Ljc4MiAyLjA1MSAxLjc5LjAwMy43NDQtLjM4NiAxLjI5My0xLjQxMSAyLjIzbC0uODU1LjgzMnYuMDRoMi4zNzRWMTV6bTUuODM3LTIuOTE1YzAgMS44MTgtMS4wNzQgMi45MTUtMi44NDYgMi45MTVoLTIuMDYzVjkuMTgyaDIuMDhjMS43NTUgMCAyLjgzIDEuMDkgMi44MyAyLjkwM3oiIGZpbGw9IiNmZmYiLz48L3N2Zz4=");
1176 }
1177
1178 .SliderModeButton2dDisabled .SliderModeIcon2d,.SliderModeButtonDisabled .SliderModeIcon{
1179     opacity:.35;
1180 }
1181
1182 .SliderPositionContainer{
1183     display:inline-block;
1184     height:100%;
1185     vertical-align:top;
1186     background:rgba(0, 0, 0, .5);
1187     pointer-events:auto;
1188     padding-right:16px;
1189     border-bottom-right-radius:8px;
1190     border-top-right-radius:8px;
1191     padding-left:8px;
1192 }
1193
1194 .SliderPosition{
1195     pointer-events:auto;
1196     padding:0;
1197     margin:7px 0 0;
1198     height:16px;
1199     cursor:pointer;
1200     outline:none;
1201     background:none;
1202     -webkit-appearance:none;
1203 }
1204
1205 .SliderPosition::-webkit-slider-thumb{
1206     -webkit-appearance:none;
1207     width:16px;
1208     height:16px;
1209     border-radius:50%;
1210     border:2px solid #fff;
1211     background:#fff;
1212     cursor:pointer;
1213     margin-top:-6px;
1214 }
1215
1216 .SliderPosition::-webkit-slider-runnable-track{
1217     height:4px;
1218     border-radius:2px;
1219     background-color:#fff;
1220 }
1221
1222 .SliderPosition::-moz-focus-outer{
1223     border:0;
1224 }
1225
1226 .SliderPosition::-moz-range-track{
1227     height:4px;
1228     border-radius:2px;
1229     background-color:#fff;
1230 }
1231
1232 .SliderPosition::-moz-range-thumb{
1233     width:12px;
1234     height:12px;
1235     border-radius:50%;
1236     border:2px solid #fff;
1237     background:#fff;
1238     cursor:pointer;
1239     margin-top:-6px;
1240 }
1241
1242 .SliderPosition::-ms-track{
1243     height:2px;
1244     border-radius:2px;
1245     background-color:#fff;
1246 }
1247
1248 .SliderPosition::-ms-fill-lower,.SliderPosition::-ms-fill-upper{
1249     height:0;
1250     background:none;
1251 }
1252
1253 .SliderPosition::-ms-thumb{
1254     width:12px;
1255     height:12px;
1256     border-radius:50%;
1257     border:2px solid #fff;
1258     background:#fff;
1259     cursor:pointer;
1260     margin-top:0;
1261 }
1262
1263 .SliderPosition::-ms-tooltip{
1264     display:none;
1265 }
1266 .mapillary-js.component-tag-create .mapillary-js-interactive,.mapillary-js.component-tag-edit-crosshair .mapillary-js-interactive{
1267     cursor:crosshair;
1268 }
1269
1270 .mapillary-js.component-tag-edit-move .mapillary-js-interactive{
1271     cursor:move;
1272 }
1273
1274 .mapillary-js.component-tag-edit-nesw-resize .mapillary-js-interactive{
1275     cursor:nesw-resize;
1276 }
1277
1278 .mapillary-js.component-tag-edit-nwse-resize .mapillary-js-interactive{
1279     cursor:nwse-resize;
1280 }
1281
1282 .TagContainer{
1283     font-size:12px;
1284     font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;
1285 }
1286
1287 .TagCompleter,.TagInteractor,.TagMover,.TagResizer,.TagSpotInteractor,.TagSymbol,.TagVertex{
1288     position:absolute;
1289     left:0;
1290     top:0;
1291 }
1292
1293 .TagSymbol{
1294     cursor:pointer;
1295 }
1296
1297 .TagMover,.TagResizer,.TagSymbol{
1298     pointer-events:auto;
1299 }
1300
1301 .TagMover{
1302     border-radius:7px;
1303     width:14px;
1304     height:14px;
1305     opacity:.2;
1306     cursor:move;
1307 }
1308
1309 .TagMover:hover{
1310     opacity:.5;
1311 }
1312
1313 .TagResizer{
1314     border-radius:7px;
1315     width:14px;
1316     height:14px;
1317     opacity:0;
1318     cursor:crosshair;
1319 }
1320
1321 .TagResizer:hover{
1322     opacity:.3;
1323 }
1324
1325 .TagVertex{
1326     border-radius:3px;
1327     width:6px;
1328     height:6px;
1329 }
1330
1331 .TagDot,.TagVertex{
1332     pointer-events:none;
1333 }
1334
1335 .TagDot{
1336     border-radius:1.5px;
1337     width:3px;
1338     height:3px;
1339     background-color:green;
1340 }
1341
1342 .TagVertex.TagLarger{
1343     border-radius:4px;
1344     width:8px;
1345     height:8px;
1346 }
1347
1348 .TagCompleter,.TagInteractor,.TagSpotInteractor{
1349     pointer-events:auto;
1350     border-radius:7px;
1351     width:14px;
1352     height:14px;
1353     opacity:0;
1354 }
1355
1356 .TagCompleter.TagLarger{
1357     border-radius:8px;
1358     width:16px;
1359     height:16px;
1360 }
1361
1362 .TagCompleter,.TagInteractor{
1363     cursor:pointer;
1364 }
1365
1366 .TagSpotInteractor{
1367     cursor:move;
1368 }
1369
1370 .TagCompleter{
1371     background:#32cd32;
1372 }
1373
1374 .TagInteractor{
1375     background:#ff4500;
1376 }
1377
1378 .TagCompleter:hover,.TagInteractor:hover{
1379     opacity:.6;
1380 }
1381
1382 .TagSpotInteractor:hover{
1383     opacity:.3;
1384 }
1385 .ZoomContainer{
1386     position:absolute;
1387     bottom:90px;
1388     right:14px;
1389     height:66px;
1390     width:32px;
1391     pointer-events:none;
1392     z-index:10;
1393 }
1394
1395 .ZoomInButton,.ZoomInButtonDisabled,.ZoomOutButton,.ZoomOutButtonDisabled{
1396     width:100%;
1397     height:32px;
1398     pointer-events:auto;
1399     background:rgba(0, 0, 0, .5);
1400     cursor:pointer;
1401 }
1402
1403 .ZoomInButton,.ZoomInButtonDisabled{
1404     border-top-left-radius:8px;
1405     border-top-right-radius:8px;
1406 }
1407
1408 .ZoomOutButton,.ZoomOutButtonDisabled{
1409     margin-top:2px;
1410     border-bottom-left-radius:8px;
1411     border-bottom-right-radius:8px;
1412 }
1413
1414 .ZoomInButtonDisabled,.ZoomOutButtonDisabled{
1415     cursor:default;
1416 }
1417
1418 .ZoomInIcon,.ZoomOutIcon{
1419     position:relative;
1420     top:0;
1421     left:0;
1422     background-size:contain;
1423     background-repeat:no-repeat;
1424     opacity:1;
1425     width:32px;
1426     height:32px;
1427 }
1428
1429 .ZoomCompact.ZoomContainer{
1430     height:34px;
1431     width:16px;
1432     bottom:58px;
1433 }
1434
1435 .ZoomCompact .ZoomInButton,.ZoomCompact .ZoomInButtonDisabled,.ZoomCompact .ZoomInIcon,.ZoomCompact .ZoomOutButton,.ZoomCompact .ZoomOutButtonDisabled,.ZoomCompact .ZoomOutIcon{
1436     width:16px;
1437     height:16px;
1438 }
1439
1440 .ZoomCompact .ZoomInButton,.ZoomCompact .ZoomInButtonDisabled{
1441     border-top-left-radius:4px;
1442     border-top-right-radius:4px;
1443 }
1444
1445 .ZoomCompact .ZoomOutButton,.ZoomCompact .ZoomOutButtonDisabled{
1446     border-bottom-left-radius:4px;
1447     border-bottom-right-radius:4px;
1448 }
1449
1450 .ZoomInIcon{
1451     background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBmaWxsPSIjRkZGIiBkPSJNMTYgMTRoNWExIDEgMCAwMTAgMmgtNXY1YTEgMSAwIDAxLTIgMHYtNUg5YTEgMSAwIDAxMC0yaDVWOWExIDEgMCAwMTIgMHY1eiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+");
1452 }
1453
1454 .ZoomOutIcon{
1455     background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBmaWxsPSIjRkZGIiBkPSJNMjIgMTVhMSAxIDAgMDEtMSAxSDlhMSAxIDAgMDEwLTJoMTJhMSAxIDAgMDExIDF6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=");
1456 }
1457
1458 .ZoomInButtonDisabled .ZoomInIcon,.ZoomOutButtonDisabled .ZoomOutIcon{
1459     opacity:.35;
1460 }
1461 .mapillary-js{
1462     background-color:#202020;
1463     position:relative;
1464     overflow:hidden;
1465     -webkit-tap-highlight-color:rgba(0,0,0,0);
1466 }
1467
1468 .mapillary-js-interactive{
1469      cursor:-webkit-grab;
1470      cursor:grab;
1471 }
1472
1473 .mapillary-js-interactive:active{
1474      cursor:-webkit-grabbing;
1475      cursor:grabbing;
1476 }
1477
1478 .mapillary-js .mapillary-js-dom{
1479     bottom:0;
1480     left:0;
1481     overflow:hidden;
1482     pointer-events:none;
1483     position:absolute;
1484     right:0;
1485     top:0;
1486     -webkit-user-select:none;
1487        -moz-user-select:none;
1488         -ms-user-select:none;
1489             user-select:none;
1490 }
1491
1492 .mapillary-js-dom .domRenderer{
1493     pointer-events:auto;
1494 }
1495
1496 .mapillary-js div{
1497     -webkit-box-sizing:content-box;
1498             box-sizing:content-box;
1499 }
1500
1501 .mapillary-js input:focus{
1502     background:none;
1503 }