2 background-color:rgba(0, 0, 0, .5);
10 font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;
13 .AttributionImageContainer{
19 vertical-align:middle;
23 .AttributionImageContainer:active,.AttributionImageContainer:hover,.AttributionImageContainer:visited{
27 .AttributionCompact .AttributionImageContainer{
32 .AttributionDate,.AttributionUsername{
34 vertical-align:middle;
42 .AttributionCompact .AttributionDate{
46 .AttributionIconContainer{
49 vertical-align:middle;
53 .AttributionCompact .AttributionIconContainer{
57 .AttributionMapillaryLogo{
61 background-size:contain;
62 background-repeat:no-repeat;
63 background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MSIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDYxIDE0Ij48cGF0aCBmaWxsPSIjRkZGIiBkPSJNMjMuOTk1IDIuODE1djguNDk5SDIyLjM3VjYuODkybC0xLjgyNyA0LjQyMmgtLjg4NGwtMS44MjctNC40MjJ2NC40MjJIMTYuMjF2LTguNWgxLjY3MmwyLjIyMSA1LjM1NiAyLjIyMS01LjM1NWgxLjY3MnptNy4wODcgMS44NTRoMS40MnYuNTUzYy4wOTYtLjE5Ny4yODgtLjM2NS41NzQtLjUwNGEyLjEzIDIuMTMgMCAwMS45NDMtLjIwOWMuMzI3IDAgLjYzMy4wNzYuOTIuMjI4LjI4Ni4xNTEuNTM1LjM3NC43NDYuNjcuMjExLjI5NC4zNzguNjU4LjUwMiAxLjA5Mi4xMjMuNDM0LjE4NS45My4xODUgMS40ODZhNS43MiA1LjcyIDAgMDEtLjE4IDEuNTExIDMuNTEgMy41MSAwIDAxLS40ODkgMS4wOTMgMi4wNjcgMi4wNjcgMCAwMS0uNzM0LjY2MyAxLjk3IDEuOTcgMCAwMS0uOTI2LjIyMmMtLjM1OCAwLS42NDYtLjA1OC0uODY1LS4xNzJhMS4xMDEgMS4xMDEgMCAwMS0uNDcyLS40M3YyLjY0OWwtMS42MjQuMzU4di05LjIxem0yLjU1NSA1LjIyYy43ODggMCAxLjE4Mi0uNjMgMS4xODItMS44OTEgMC0uNjE0LS4wOTctMS4wODEtLjI5Mi0xLjQtLjE5NS0uMzItLjQ3Ni0uNDgtLjg0Mi0uNDhhLjg4My44ODMgMCAwMC0uNjc1LjI5Yy0uMTc5LjE5Mi0uMzE2LjQxOS0uNDEyLjY4VjguOThjLjExMi4zMDMuMjYxLjUzLjQ0OC42ODJhLjkyNi45MjYgMCAwMC41OTEuMjI3em01LjA3NS01LjIydjYuNjQ1aC0xLjYzNlY0LjY2OWgxLjYzNnptLTEuNjM2LTEuNDc0YzAtLjIzNy4wNzYtLjQ0Mi4yMjctLjYxNGEuNzQzLjc0MyAwIDAxLjU4NS0uMjU4Yy4yMjMgMCAuNDE2LjA4Ni41OC4yNThhLjg2MS44NjEgMCAwMS4yNDQuNjE0YzAgLjIzLS4wODEuNDI0LS4yNDUuNTg0YS44LjggMCAwMS0uNTc5LjI0Ljc3Ljc3IDAgMDEtLjU4NS0uMjQuODE3LjgxNyAwIDAxLS4yMjctLjU4NHptMi40ODQtLjI3bDEuNjI0LS41NjV2OC45NTRIMzkuNTZWMi45MjV6bTIuNDcyIDBsMS42MjQtLjU2NXY4Ljk1NGgtMS42MjRWMi45MjV6TTUyLjQ2OCA0LjY3di40NTVjLjExMS0uMTg5LjI5NC0uMzM4LjU1LS40NDkuMjU0LS4xMS41Mi0uMTY2LjgtLjE2Ni4xODIgMCAuMzYuMDMuNTMuMDg2YS43ODkuNzg5IDAgMDEuNC4yODNsLS41ODUgMS40ODZhLjk1OC45NTggMCAwMC0uNjU2LS4yNy43OC43OCAwIDAwLS41NDQuMjI3Yy0uMTYzLjE1Mi0uMjk2LjM4Ny0uNC43MDZ2NC4yODdINTAuOTRWNC42NjloMS41Mjl6bS00LjAwNiA2LjE2Yy0uNDMzLjM4Ny0uOTM3LjY1NS0xLjQ3NS42NTUtMS44NjQgMC0yLjY0NS0xLjU1Ni0yLjY0NS0zLjQ3NSAwLTEuOTIuNzgxLTMuNDc2IDIuNjQ1LTMuNDc2LjU3OSAwIDEuMDcxLjI1IDEuNDc1LjYyNnYtLjUzNmgxLjY1NXY2Ljc3MWgtMS42NTV2LS41NjV6bTAtMS42NzhjLS4yMDguNDYyLS41NzQuNzUtMS4xMDMuNzYtMS4wMDIuMDE3LTEuMzg2LS44My0xLjQwNC0xLjg4NC0uMDE4LTEuMDU0LjMzNy0xLjkxNSAxLjMzOC0xLjkzMi41MTYtLjAxLjkzNS4zMjcgMS4xNjkuODY4VjkuMTV6TTI4Ljc4NiAxMC44M2MtLjQzMi4zODctLjkzNi42NTUtMS40NzUuNjU1LTEuODYzIDAtMi42NDQtMS41NTYtMi42NDQtMy40NzUgMC0xLjkyLjc4LTMuNDc2IDIuNjQ0LTMuNDc2LjU4IDAgMS4wNzIuMjUgMS40NzUuNjI2di0uNTM2aDEuNjU1djYuNzcxaC0xLjY1NXYtLjU2NXptMC0xLjY3OGMtLjIwNy40NjItLjU3My43NS0xLjEwMy43Ni0xIC4wMTctMS4zODUtLjgzLTEuNDAzLTEuODg0LS4wMTgtMS4wNTQuMzM3LTEuOTE1IDEuMzM4LTEuOTMyLjUxNi0uMDEuOTM1LjMyNyAxLjE2OC44NjhWOS4xNXptMjguOTYgNC41MjFINTYuMDVsMS4wMTUtMi45MzUtMi4xMjYtNi4wNjhoMS43OTJsMS4yMDYgMy44NTcgMS4yMDYtMy44NTdoMS43NTVsLTMuMTUyIDkuMDAzek02LjM4MiA5LjY1MWMtLjI0Mi0uMTIzLS4zLS4zMzQtLjE3Mi0uNTYyLjA2Ni0uMTE3LjIwOS0uMzQ4LjMyNS0uNTM1LjE2LS4yNTcuMzkyLS4yNTguNTIzLS4xODEuMTMyLjA3NiAxLjk5IDEuMDQ4IDIuMTEgMS4xMTQuMjg1LjE1NS43MDMtLjIuNTE1LS41MTMtLjA5LS4xNDktLjg3My0xLjU3LTEuMTIyLTIuMDM4LS4xMTMtLjIxMy0uMDgyLS40MDUuMTctLjUzMi4xMjYtLjA2My4zNDktLjE5NS41NDMtLjMxMi4xOTgtLjEyLjQ2MS0uMDMuNTY4LjE0OC4xMDguMTc4IDMuMjc5IDUuOTkgMy4zOCA2LjE3LjIwMS4zNTgtLjE5Ljc0MS0uNTYuNTQzLS4xODQtLjA5OS02LjAzOS0zLjE4LTYuMjgtMy4zMDJ6TS4yIDYuNGMtLjMxMi0uMTY4LS4yNTUtLjYwNS4xMzktLjcxNi4zMzMtLjA5NSAzLjA0LS45OTcgMy44NTgtMS4yN2EuNDk0LjQ5NCAwIDAwLjMxMy0uMzA3TDUuODI1LjI3Yy4xMjMtLjM1OS41NjgtLjM2Ljc1LS4wMTIuMDY0LjEyMyAyLjUxNCA0LjU0IDIuNiA0LjcyNmEuMzkzLjM5MyAwIDAxLS4xNjMuNTE1Yy0uMTkzLjEyLS41MDkuMjk5LS42MTguMzY3LS4yLjEyMi0uMzkuMDM3LS40OC0uMTUzLS4wOTEtLjE5LS43OS0xLjQxOC0xLjA3NS0xLjkzOS0uMTQzLS4yNi0uNTcyLS4zNi0uNzE2LjA2TDUuNjQ5IDUuMjJhLjUxMi41MTIgMCAwMS0uMzE1LjMxTDMuOTA3IDZjLS4yODIuMDkzLS40Mi41MjMtLjAzOS43MDMuMDguMDM4IDEuNzkzLjk1MiAxLjk3IDEuMDM2LjE3Ni4wODMuMjc1LjMyNS4xNzEuNDk2YTIyLjEgMjIuMSAwIDAxLS4zODcuNjI1LjQwNC40MDQgMCAwMS0uNTI1LjEyNEwuMiA2LjR6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=");
66 .AttributionCompact .AttributionMapillaryLogo{
68 background-size:cover;
71 background-color:#000;
82 .Background p,.BackgroundWrapper{
83 font-family:Helvetica,Arial,sans-serif;
90 text-shadow:0 0 5px rgba(0, 0, 0, .75);
93 .BearingIndicatorContainer{
103 .BearingIndicatorContainer.BearingCompact{
104 -webkit-transform:scale(.6);
110 .BearingIndicatorBackground{
112 -webkit-transform-origin:50% 50%;
113 transform-origin:50% 50%;
116 .BearingIndicatorBackground,.BearingIndicatorBackgroundCircle{
124 .BearingIndicatorBackgroundCircle{
127 background-color:#000;
130 .BearingIndicatorBackgroundArrowContainer{
139 .BearingIndicatorBackgroundArrow{
145 background-color:#000;
146 -webkit-transform:rotate(45deg);
147 transform:rotate(45deg);
151 .BearingNorthContainer{
157 -webkit-transform-origin:50% 100%;
158 transform-origin:50% 100%;
163 border-left:4px solid transparent;
164 border-right:4px solid transparent;
165 border-bottom:4px solid #fff;
168 background-color:rgba(0, 0, 0, .5);
173 .CoverBackground,.CoverContainer{
182 background-position:50%;
183 background-size:cover;
196 background-color:rgba(0, 0, 0, .2);
197 -webkit-transition:opacity .1s ease-in-out;
198 transition:opacity .1s ease-in-out;
202 .CoverIndicator:hover{
207 background-color:rgba(0, 0, 0, .5);
217 -webkit-transition:opacity .2s ease-in-out;
218 transition:opacity .2s ease-in-out;
223 .CoverCompact .CoverButton{
231 background-size:contain;
232 background-repeat:no-repeat;
233 background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjgiIGhlaWdodD0iMTI4IiB2aWV3Qm94PSIwIDAgMTI4IDEyOCI+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTU3Ljc0OCA1Ni45MzJsLTE2LjgzMyA3LjcwMmMtMi40NSAxLjEyLTYuMTMgMS4xMi04LjE1MS0uMDAxLTEuOTktMS4xMDMtMS41NzYtMi44NTQuODYxLTMuOTEzbDI2LjY1OS0xMS41NjhjMi4wMDItLjg3IDUuMjE3LS44NyA3LjIzMiAwbDI2LjgyNiAxMS41NzRjMi40NTMgMS4wNTggMi44OTIgMi44MS45MTkgMy45MTMtMi4wMDYgMS4xMi01LjY4NyAxLjEyLTguMTUyIDBMNzAuNjIgNTcuMTRsMS4xNzcgMjAuMjUzYy4wOTcgMS42OTMtMy4yNTUgMy4xMDctNy40NTIgMy4xMDdzLTcuNTY5LTEuNDE0LTcuNDk1LTMuMTA3bC44OTctMjAuNDYxeiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+");
240 .CoverCompact .CoverButtonIcon{
246 background-size:contain;
247 background-repeat:no-repeat;
248 background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNTciIGhlaWdodD0iNTIiIHZpZXdCb3g9IjAgMCAxNTcgNTIiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHBhdGggZmlsbD0iIzAwMCIgZmlsbC1vcGFjaXR5PSIuNSIgZD0iTTgzLjIzIDE5LjA2OXYxLjIyN2E1LjM5MiA1LjM5MiAwIDAwLTEuMjY5LS45NTUgNS44MjggNS44MjggMCAwMC0yLjczMy0uNjdjLS42OTQgMC0xLjM2LjEwMy0xLjk5Mi4zMWgtMy4wMzRsLTYuNzE1LS4wMDJhNS44ODUgNS44ODUgMCAwMC0xLjQzLS4xNzVjLTEuODU0IDAtMy4zNjIuNTc5LTQuNTEzIDEuNTg3di00LjkzM0g1NC45M2wtMy4wMyA3LjI0NC0zLjAzLTcuMjQ0aC02LjYxNHYyMC41NDloMTkuMjg4di0xLjI1NWMxLjE1MSAxLjAwNyAyLjY2IDEuNTg3IDQuNTEyIDEuNTg3YTUuNCA1LjQgMCAwMDEuMzYxLS4xNzZoNC4wNDN2NS4zMjNsNy4xOS0xLjU3MnYtMy42MmMuMjAyLjAxNi40MS4wMjQuNjI1LjAyNC45NzIgMCAxLjg5My0uMjE4IDIuNzM1LS42NTRhNS42ODUgNS42ODUgMCAwMDEuMjItLjg1NHYxLjE5N0gxMDAuMTV2LTEuMjgxYzEuMTU1IDEuMDI0IDIuNjcxIDEuNjEzIDQuNTQgMS42MTNhNS40IDUuNCAwIDAwMS4zNjEtLjE3Nmg2Ljc4NWw0LjgwNS0uMDAxdi0xMC4xM2wxLjk0MiAxLjc0My41MTMtMS4yOTYgMi4yNjQgNi40MDgtMi42ODkgNy43MWg3LjU2bDcuNjAzLTIxLjUyOGgtNy43NGwtLjkwMiAyLjg1OS0uOTAyLTIuODZoLTUuMzNjLS4wNjItLjAyMy0uMTItLjA1Ni0uMTg0LS4wNzctLjU0LS4xOC0xLjEtLjMyLTEuNjc0LS4zMi0uNjU0IDAtMS4yOTIuMTAzLTEuOTA1LjMxaC0zLjM2bC02LjcxNi0uMDAyYTUuODg1IDUuODg1IDAgMDAtMS40My0uMTc1Yy0xLjg3IDAtMy4zODYuNTg5LTQuNTQgMS42MTN2LTYuNjVsLTQuODU1IDEuNjc1di0xLjY3NWwtNS43NzggMS45OTNjLS4wNC0uMDQ1LS4wNjktLjA5NS0uMTEtLjE0LS42OTMtLjcyMi0xLjU5LTEuMTE4LTIuNTgzLTEuMTE4LTEuMDMzIDAtMS45NjMuNDA2LTIuNjQ1IDEuMTc0YTMuNzQyIDMuNzQyIDAgMDAtLjk1IDIuNTIzdi44N3pNMzkuODkgMzUuMzQ1Yy0uMDQtLjA2OS0uMzg5LS43MDEtMS4wODgtMS45Ny4wNTEuMDkzLTEuNjktMy4wNjgtMi4yNDQtNC4wNjktMi4yMDktNC4wMDUtMy4yNjYtNS45MTgtMy4zODItNi4xMDlhMi43ODQgMi43ODQgMCAwMC0uOTY3LS45MzkgMi43NzMgMi43NzMgMCAwMC0uMjQ1LTEuMzE3Yy0uMTA5LS4yMzktLjg4LTEuNjMxLTIuNjQtNC43OS0uMDgyLS4xNDgtMi41MTktNC41MTktMi41NDktNC41NzYtMS4xNDItMi4xNjctNC4zLTIuMTI5LTUuMTQyLjMwNGwtLjQxNiAxLjIwMy0uNzU1IDIuMTg0LTEuMjYgMy42NDljLTMuNTUzIDEuMTc0LTYuNjE1IDIuMTc4LTcuMDY2IDIuMzA1LTIuNDIzLjY4MS0yLjk2OSAzLjg2Ny0uNjc3IDUuMDkzLjE5Ni4xMDUgOS4xNzQgNC43OTcgOS43MDMgNS4wNzIuNDU2LjIzNy45NS4zMzYgMS40MzMuMzE0LjI2NS40MDcuNjM3Ljc2IDEuMTMgMS4wMDcuMzkzLjE5OSAxMS45MDUgNi4yMDIgMTIuMzggNi40NTQgMi40NTcgMS4zMDggNS4xOS0xLjMzMyAzLjc4NC0zLjgxNSIvPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik01OS41NDQgMTcuNDU3djE2LjU1aC0zLjE4OXYtOC42MWwtMy41ODcgOC42MWgtMS43MzVsLTMuNTg4LTguNjF2OC42MWgtMy4xODl2LTE2LjU1aDMuMjgzTDUxLjkgMjcuODg0bDQuMzYxLTEwLjQyN2gzLjI4M3ptMTMuOTE3IDMuNjExaDIuNzl2MS4wNzZjLjE4Ny0uMzgyLjU2Mi0uNzA4IDEuMTI1LS45OGE0LjIyMyA0LjIyMyAwIDAxMS44NTItLjQwNmMuNjQxIDAgMS4yNDIuMTQ3IDEuODA2LjQ0Mi41NjIuMjk1IDEuMDUxLjczIDEuNDY1IDEuMzAzLjQxNC41NzQuNzQzIDEuMjg0Ljk4NSAyLjEzLjI0Mi44NDQuMzYzIDEuODA4LjM2MyAyLjg5MiAwIDEuMTE3LS4xMTcgMi4wOTctLjM1IDIuOTQyLS4yMzYuODQ1LS41NTcgMS41NTQtLjk2MyAyLjEzLS40MDYuNTczLS44ODcgMS4wMDMtMS40NDIgMS4yOWEzLjg5NCAzLjg5NCAwIDAxLTEuODE3LjQzYy0uNzAzIDAtMS4yNy0uMTEtMS43LS4zMzUtLjQzLS4yMjItLjczOS0uNTAyLS45MjYtLjgzN3Y1LjE1OGwtMy4xODguNjk4VjIxLjA2OHptNS4wMTcgMTAuMTY0YzEuNTQ3IDAgMi4zMjEtMS4yMjcgMi4zMjEtMy42ODIgMC0xLjE5Ny0uMTktMi4xMDUtLjU3NS0yLjcyNy0uMzgzLS42MjItLjkzMy0uOTMyLTEuNjUyLS45MzItLjUzMiAwLS45NzQuMTg3LTEuMzI1LjU2MWEzLjg2NyAzLjg2NyAwIDAwLS44MDkgMS4zMjd2My42ODRjLjIyLjU5LjUxMiAxLjAzMi44OCAxLjMyNy4zNjYuMjk1Ljc1My40NDIgMS4xNi40NDJ6bTYuNzUyIDIuNzc1aDMuMjEzVjIxLjA3SDg1LjIzdjEyLjkzOHptMC0xNS44MDljMC0uNDYyLjE1LS44Ni40NDYtMS4xOTUuMjk3LS4zMzUuNjgtLjUwMiAxLjE1LS41MDIuNDM2IDAgLjgxNS4xNjcgMS4xMzYuNTAyLjMyMS4zMzUuNDgxLjczMy40ODEgMS4xOTUgMCAuNDQ3LS4xNi44MjUtLjQ4IDEuMTM3LS4zMjIuMzEtLjcuNDY2LTEuMTM4LjQ2Ni0uNDY5IDAtLjg1Mi0uMTU2LTEuMTQ5LS40NjZhMS41ODcgMS41ODcgMCAwMS0uNDQ2LTEuMTM3em00Ljg3Ny0uNTI1bDMuMTktMS4xdjE3LjQzNGgtMy4xOVYxNy42NzN6bTQuODU0IDBsMy4xOS0xLjF2MTcuNDM0aC0zLjE5VjE3LjY3M3ptMjAuNDkyIDMuMzk1di44ODVjLjIxOC0uMzY2LjU4LS42NTcgMS4wOC0uODczYTMuOTMzIDMuOTMzIDAgMDExLjU3LS4zMjJjLjM2IDAgLjcwNy4wNTUgMS4wNDMuMTY3LjMzNi4xMTEuNTk4LjI5NS43ODUuNTVsLTEuMTQ4IDIuODk0Yy0uMzktLjM1LS44MjItLjUyNi0xLjI5LS41MjYtLjM5IDAtLjc0Ni4xNDctMS4wNjcuNDQyLS4zMi4yOTUtLjU4Mi43NTMtLjc4NSAxLjM3NXY4LjM0N2gtMy4xODlWMjEuMDY4aDMuMDAxem0tNy44NjcgMTEuOTk1Yy0uODQ5Ljc1Mi0xLjgzOSAxLjI3NS0yLjg5NiAxLjI3NS0zLjY1OSAwLTUuMTkyLTMuMDI5LTUuMTkyLTYuNzY4IDAtMy43MzcgMS41MzMtNi43NjYgNS4xOTItNi43NjYgMS4xMzggMCAyLjEwNS40ODYgMi44OTYgMS4yMTd2LTEuMDQzaDMuMjV2MTMuMTg0aC0zLjI1di0xLjA5OXptMC0zLjI2N2MtLjQwNy44OTgtMS4xMjUgMS40Ni0yLjE2NiAxLjQ3Ny0xLjk2NS4wMzYtMi43MTktMS42MTUtMi43NTUtMy42NjctLjAzNi0yLjA1LjY2Mi0zLjcyNyAyLjYyOC0zLjc2MiAxLjAxMy0uMDE4IDEuODM1LjYzNiAyLjI5MyAxLjY5djQuMjYyem0tMzguNjMzIDMuMjY3Yy0uODUuNzUyLTEuODQgMS4yNzUtMi44OTcgMS4yNzUtMy42NTkgMC01LjE5My0zLjAyOS01LjE5My02Ljc2OCAwLTMuNzM3IDEuNTM0LTYuNzY2IDUuMTkzLTYuNzY2IDEuMTM4IDAgMi4xMDUuNDg2IDIuODk3IDEuMjE3di0xLjA0M2gzLjI1djEzLjE4NGgtMy4yNXYtMS4wOTl6bTAtMy4yNjdjLS40MDguODk4LTEuMTI3IDEuNDYtMi4xNjYgMS40NzctMS45NjYuMDM2LTIuNzItMS42MTUtMi43NTYtMy42NjctLjAzNS0yLjA1LjY2MS0zLjcyNyAyLjYyNy0zLjc2MiAxLjAxNC0uMDE4IDEuODM2LjYzNiAyLjI5NSAxLjY5djQuMjYyem01Ni44NjMgOC44MDNoLTMuMzI5bDEuOTkzLTUuNzE2LTQuMTc0LTExLjgxNWgzLjUxOGwyLjM2OCA3LjUxIDIuMzY4LTcuNTFoMy40NDZsLTYuMTkgMTcuNTMxek0yNC42MjQgMzAuOTJjLS40NzgtLjI0LS41OTQtLjY1My0uMzM4LTEuMTAyLjEzLS4yMjcuNDExLS42OC42NDEtMS4wNDcuMzE1LS41MDQuNzc2LS41MDUgMS4wMzUtLjM1Ni4yNi4xNSAzLjkzNSAyLjA1NSA0LjE3MyAyLjE4NC41NjEuMzA0IDEuMzg4LS4zOTMgMS4wMTctMS4wMDRhMjQyLjA1NSAyNDIuMDU1IDAgMDEtMi4yMTgtMy45OTZjLS4yMjQtLjQxOC0uMTYzLS43OTQuMzM2LTEuMDQ0LjI0OC0uMTIzLjY4OS0uMzgyIDEuMDczLS42MTIuMzkxLS4yMzQuOTEyLS4wNTcgMS4xMjQuMjkxLjIxMS4zNSA2LjQ4MiAxMS43NDIgNi42ODIgMTIuMDk1LjM5Ny43MDMtLjM3NiAxLjQ1NC0xLjEwNiAxLjA2Ni0uMzY1LS4xOTUtMTEuOTQxLTYuMjM1LTEyLjQxOS02LjQ3NW0tMTIuMjIyLTYuMzdjLS42MTYtLjMzLS41MDMtMS4xODcuMjc1LTEuNDA0LjY1OC0uMTg2IDYuMDA5LTEuOTU1IDcuNjI4LTIuNDlhLjk3Mi45NzIgMCAwMC42MTgtLjYwMmwyLjYtNy41MjJjLjI0My0uNzAzIDEuMTIzLS43MDYgMS40ODItLjAyNC4xMjguMjQxIDQuOTczIDguOSA1LjE0MSA5LjI2Ni4xNjkuMzY4LjA2Ljc3NS0uMzIyIDEuMDEtLjM4Mi4yMzQtMS4wMDUuNTg1LTEuMjIyLjcxOC0uMzkzLjI0LS43Ny4wNzMtLjk0OS0uMy0uMTc5LS4zNzMtMS41NjEtMi43NzgtMi4xMjUtMy44LS4yODEtLjUxLTEuMTMtLjcwNy0xLjQxNi4xMmwtLjkzNyAyLjcxYTEuMDEgMS4wMSAwIDAxLS42MjIuNjFjLS43MDQuMjI4LTIuMDQxLjY2Ni0yLjgyMi45MjEtLjU1Ny4xODEtLjgyOCAxLjAyMy0uMDc2IDEuMzc4LjE1Ny4wNzMgMy41NDQgMS44NjUgMy44OTQgMi4wMy4zNDkuMTYzLjU0NC42MzYuMzM5Ljk3MmE0My45MjUgNDMuOTI1IDAgMDEtLjc2NiAxLjIyNS44MDMuODAzIDAgMDEtMS4wMzcuMjQyYy0uMzcxLS4xOTItOS40NjItNC45NDMtOS42ODMtNS4wNiIvPjwvZz48L3N2Zz4=");
254 -webkit-transition:opacity .2s ease-in-out;
255 transition:opacity .2s ease-in-out;
261 .CoverCompact .CoverLogo{
271 .Cover.CoverLoading .CoverButton,.Cover.CoverLoading .CoverLogo,.CoverDone{
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=");
291 @-webkit-keyframes rotate{
293 -webkit-transform:rotate(1turn);
294 transform:rotate(1turn);
300 -webkit-transform:rotate(1turn);
301 transform:rotate(1turn);
311 font-family:Input,Menlo,monospace;
315 background-color:#0f0;
321 border:1px solid #fff;
331 .DirectionsPerspective{
335 -webkit-transform-style:preserve-3d;
336 transform-style:preserve-3d;
340 .DirectionsCircle,.DirectionsCircleDisabled,.DirectionsCircleHighlight,.DirectionsCircleSequence,.DirectionsCircleSequenceHighlight{
345 .DirectionsCircle,.DirectionsCircleHighlight,.DirectionsCircleSequence,.DirectionsCircleSequenceHighlight{
349 .DirectionsCircle:hover,.DirectionsCircleHighlight:hover,.DirectionsCircleSequence:hover,.DirectionsCircleSequenceHighlight:hover{
353 .DirectionsCircle,.DirectionsCircleDisabled,.DirectionsCircleSequence{
354 background:transparent;
357 .DirectionsCircleDisabled{
361 .DirectionsCircleHighlight,.DirectionsCircleSequenceHighlight{
362 background:rgba(0, 0, 0, .4);
365 .DirectionsArrowDisabled,.DirectionsArrowPano,.DirectionsArrowStep{
369 -webkit-transform:translate(-50%, -50%);
370 transform:translate(-50%, -50%);
376 .DirectionsArrowDisabled,.DirectionsArrowStep{
377 background:url("data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IkxheWVyIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMCA1OC43NyI+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTk3LjQ0IDQzLjgyTDU2LjE4IDIuNTZhOC43NSA4Ljc1IDAgMDAtMTIuMzcgMEwyLjU2IDQzLjhhOC43NSA4Ljc1IDAgMDAxMi4zOCAxMi4zOGwzNS0zNUw4NS4wNSA1Ni4yYTguNzUgOC43NSAwIDEwMTIuMzktMTIuMzh6Ii8+PC9zdmc+");
378 background-repeat:no-repeat;
381 .DirectionsArrowDisabled{
386 .DirectionsArrowPano{
387 background:url("data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IkxheWVyIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMCA1OC43NyI+PHBhdGggZmlsbD0id2hlYXQiIGQ9Ik05Ny40NCA0My44Mkw1Ni4xOCAyLjU2YTguNzUgOC43NSAwIDAwLTEyLjM3IDBMMi41NiA0My44YTguNzUgOC43NSAwIDAwMTIuMzggMTIuMzhsMzUtMzVMODUuMDUgNTYuMmE4Ljc1IDguNzUgMCAxMDEyLjM5LTEyLjM4eiIvPjwvc3ZnPg==");
388 background-repeat:no-repeat;
391 .TurnCircle,.TurnCircleHighlight,.TurnCircleSequence,.TurnCircleSequenceHighlight{
397 .TurnCircle,.TurnCircleSequence{
398 background:transparent;
401 .TurnCircleHighlight,.TurnCircleSequenceHighlight{
402 background:rgba(0, 0, 0, .4);
405 .TurnCircle:hover,.TurnCircleHighlight:hover,.TurnCircleSequence:hover,.TurnCircleSequenceHighlight:hover{
409 .TurnAround,.TurnLeft,.TurnRight{
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));
417 .TurnLeft,.TurnRight{
430 -webkit-transform:translate(-50%, -50%);
431 transform:translate(-50%, -50%);
434 .TurnLeft,.TurnRight{
435 background:url("data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IkxheWVyIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMCAxMTkuMDYiPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05OS4yIDc2Yy0xLjItMTEuMDktNC4xNC0xOS40LTkuNjMtMjZDNzkgMzcuMzggNjAuMyAzMi43MiAyNC40MiAzMi4zOWwyMC40Ny0yMC40NkE3IDcgMCAwMDM1IDJMMiAzNWE3IDcgMCAwMDAgOS44OGwzMyAzMi45N2E3IDcgMCAxMDkuOS05LjlMMjQuNzkgNDcuODlDNTYgNDguMTggNzEgNTEuOTMgNzcuNzIgNjBjMy4yMSAzLjg4IDUuMTggOS40MiA2LjExIDE3Ljc3Ljg1IDcuNTkuODcgMTYuMjIuMzQgMzMuMzZhNy43NCA3Ljc0IDAgMTAxNS40Ni40OGMuNTYtMTcuODkuNTMtMjcuMDEtLjQzLTM1LjYxeiIvPjwvc3ZnPg==");
436 background-repeat:no-repeat;
441 -webkit-transform:translate(-50%, -50%) scaleX(-1);
442 transform:translate(-50%, -50%) scaleX(-1);
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%);
452 @media (hover:hover){
454 .DirectionsCircle:hover,.DirectionsCircleSequence:hover,.TurnCircle:hover,.TurnCircleSequence:hover{
455 background:rgba(0, 0, 0, .4);
469 background-color:#fff;
470 -webkit-transition:opacity .1s;
471 transition:opacity .1s;
472 border-bottom:1px solid rgba(0, 0, 0, .5);
474 .NavigationSequence,.NavigationSpatial{
492 .NavigationSpatialBottom{
499 background-size:contain;
500 background-repeat:no-repeat;
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));
509 .DirectionLeft,.DirectionPrev{
510 background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgwIiBoZWlnaHQ9IjE4MCIgdmlld0JveD0iMCAwIDE4MCAxODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI0ZGRiI+PHBhdGggZD0iTTQ1LjczOCA5MS4xMTZhNC4zNjMgNC4zNjMgMCAwMDEuMDIgMS42bDU1LjkyIDU1LjkyYTQuMzg2IDQuMzg2IDAgMDA2LjIwOC0uMDAzbDkuMzItOS4zMmE0LjM5IDQuMzkgMCAwMC4wMDMtNi4yMDdMNzQuMzAyIDg5LjE5OWw0My42NS00My42NWE0LjM4NiA0LjM4NiAwIDAwLS4wMDQtNi4yMDdsLTkuMzItOS4zMmE0LjM5IDQuMzkgMCAwMC02LjIwNy0uMDAzbC01NS45MiA1NS45MmE0LjM4NCA0LjM4NCAwIDAwLS43NjMgNS4xNzd6Ii8+PHBhdGggZD0iTTE3MC4xMzkgOTBjMC00NC4yNi0zNS44OC04MC4xMzktODAuMTM5LTgwLjEzOUM0NS43NCA5Ljg2MSA5Ljg2MSA0NS43NDEgOS44NjEgOTBjMCA0NC4yNiAzNS44OCA4MC4xMzkgODAuMTM5IDgwLjEzOSA0NC4yNiAwIDgwLjEzOS0zNS44OCA4MC4xMzktODAuMTM5ek05MCAxODBjLTQ5LjcwNiAwLTkwLTQwLjI5NC05MC05MFM0MC4yOTQgMCA5MCAwczkwIDQwLjI5NCA5MCA5MC00MC4yOTQgOTAtOTAgOTB6Ii8+PC9nPjwvc3ZnPg==");
513 .DirectionNext,.DirectionRight{
514 background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgwIiBoZWlnaHQ9IjE4MCIgdmlld0JveD0iMCAwIDE4MCAxODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI0ZGRiI+PHBhdGggZD0iTTEzNC4yNjIgODguODg0YTQuMzYzIDQuMzYzIDAgMDAtMS4wMi0xLjZsLTU1LjkyLTU1LjkyYTQuMzg2IDQuMzg2IDAgMDAtNi4yMDguMDAzbC05LjMyIDkuMzJhNC4zOSA0LjM5IDAgMDAtLjAwMyA2LjIwN2w0My45MDcgNDMuOTA3LTQzLjY1IDQzLjY1YTQuMzg2IDQuMzg2IDAgMDAuMDA0IDYuMjA3bDkuMzIgOS4zMmE0LjM5IDQuMzkgMCAwMDYuMjA3LjAwM2w1NS45Mi01NS45MmE0LjM4NCA0LjM4NCAwIDAwLjc2My01LjE3N3oiLz48cGF0aCBkPSJNOS44NjEgOTBjMCA0NC4yNiAzNS44OCA4MC4xMzkgODAuMTM5IDgwLjEzOSA0NC4yNiAwIDgwLjEzOS0zNS44OCA4MC4xMzktODAuMTM5IDAtNDQuMjYtMzUuODgtODAuMTM5LTgwLjEzOS04MC4xMzlDNDUuNzQgOS44NjEgOS44NjEgNDUuNzQxIDkuODYxIDkwek05MCAwYzQ5LjcwNiAwIDkwIDQwLjI5NCA5MCA5MHMtNDAuMjk0IDkwLTkwIDkwUzAgMTM5LjcwNiAwIDkwIDQwLjI5NCAwIDkwIDB6Ii8+PC9nPjwvc3ZnPg==");
518 background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgwIiBoZWlnaHQ9IjE4MCIgdmlld0JveD0iMCAwIDE4MCAxODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI0ZGRiI+PHBhdGggZD0iTTg4Ljg4NCA0NS43MzhhNC4zNjMgNC4zNjMgMCAwMC0xLjYgMS4wMmwtNTUuOTIgNTUuOTJhNC4zODYgNC4zODYgMCAwMC4wMDMgNi4yMDhsOS4zMiA5LjMyYTQuMzkgNC4zOSAwIDAwNi4yMDcuMDAzbDQzLjkwNy00My45MDcgNDMuNjUgNDMuNjVhNC4zODYgNC4zODYgMCAwMDYuMjA3LS4wMDRsOS4zMi05LjMyYTQuMzkgNC4zOSAwIDAwLjAwMy02LjIwN2wtNTUuOTItNTUuOTJhNC4zODQgNC4zODQgMCAwMC01LjE3Ny0uNzYzeiIvPjxwYXRoIGQ9Ik05MCAxNzAuMTM5YzQ0LjI2IDAgODAuMTM5LTM1Ljg4IDgwLjEzOS04MC4xMzkgMC00NC4yNi0zNS44OC04MC4xMzktODAuMTM5LTgwLjEzOUM0NS43NCA5Ljg2MSA5Ljg2MSA0NS43NDEgOS44NjEgOTBjMCA0NC4yNiAzNS44OCA4MC4xMzkgODAuMTM5IDgwLjEzOXpNMCA5MEMwIDQwLjI5NCA0MC4yOTQgMCA5MCAwczkwIDQwLjI5NCA5MCA5MC00MC4yOTQgOTAtOTAgOTBTMCAxMzkuNzA2IDAgOTB6Ii8+PC9nPjwvc3ZnPg==");
522 background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgwIiBoZWlnaHQ9IjE4MCIgdmlld0JveD0iMCAwIDE4MCAxODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI0ZGRiI+PHBhdGggZD0iTTkxLjExNiAxMzQuMjYyYTQuMzYzIDQuMzYzIDAgMDAxLjYtMS4wMmw1NS45Mi01NS45MmE0LjM4NiA0LjM4NiAwIDAwLS4wMDMtNi4yMDhsLTkuMzItOS4zMmE0LjM5IDQuMzkgMCAwMC02LjIwNy0uMDAzbC00My45MDcgNDMuOTA3LTQzLjY1LTQzLjY1YTQuMzg2IDQuMzg2IDAgMDAtNi4yMDcuMDA0bC05LjMyIDkuMzJhNC4zOSA0LjM5IDAgMDAtLjAwMyA2LjIwN2w1NS45MiA1NS45MmE0LjM4NCA0LjM4NCAwIDAwNS4xNzcuNzYzeiIvPjxwYXRoIGQ9Ik05MCA5Ljg2MUM0NS43NCA5Ljg2MSA5Ljg2MSA0NS43NDEgOS44NjEgOTBjMCA0NC4yNiAzNS44OCA4MC4xMzkgODAuMTM5IDgwLjEzOSA0NC4yNiAwIDgwLjEzOS0zNS44OCA4MC4xMzktODAuMTM5IDAtNDQuMjYtMzUuODgtODAuMTM5LTgwLjEzOS04MC4xMzl6TTE4MCA5MGMwIDQ5LjcwNi00MC4yOTQgOTAtOTAgOTBTMCAxMzkuNzA2IDAgOTAgNDAuMjk0IDAgOTAgMHM5MCA0MC4yOTQgOTAgOTB6Ii8+PC9nPjwvc3ZnPg==");
526 background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgwIiBoZWlnaHQ9IjE4MCIgdmlld0JveD0iMCAwIDE4MCAxODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI0ZGRiI+PHBhdGggZD0iTTU3LjkxMyA1OS40OWE0LjM2MyA0LjM2MyAwIDAwLS40MSAxLjg1NXY3OS4wODJhNC4zODYgNC4zODYgMCAwMDQuMzkxIDQuMzg3aDEzLjE4YTQuMzkgNC4zOSAwIDAwNC4zOTItNC4zODdWNzguMzM0aDYxLjczYTQuMzg2IDQuMzg2IDAgMDA0LjM4Ny00LjM5MnYtMTMuMThhNC4zOSA0LjM5IDAgMDAtNC4zODctNC4zOTJINjIuMTE0YTQuMzg0IDQuMzg0IDAgMDAtNC4yIDMuMTJ6Ii8+PHBhdGggZD0iTTE0Ni42NjcgMTQ2LjY2N2MzMS4yOTYtMzEuMjk2IDMxLjI5Ni04Mi4wMzggMC0xMTMuMzM0LTMxLjI5Ni0zMS4yOTYtODIuMDM4LTMxLjI5Ni0xMTMuMzM0IDAtMzEuMjk2IDMxLjI5Ni0zMS4yOTYgODIuMDM4IDAgMTEzLjMzNCAzMS4yOTYgMzEuMjk2IDgyLjAzOCAzMS4yOTYgMTEzLjMzNCAwek0yNi4zNiAxNTMuNjRjLTM1LjE0Ny0zNS4xNDgtMzUuMTQ3LTkyLjEzMiAwLTEyNy4yOCAzNS4xNDgtMzUuMTQ3IDkyLjEzMi0zNS4xNDcgMTI3LjI4IDAgMzUuMTQ3IDM1LjE0OCAzNS4xNDcgOTIuMTMyIDAgMTI3LjI4LTM1LjE0OCAzNS4xNDctOTIuMTMyIDM1LjE0Ny0xMjcuMjggMHoiLz48L2c+PC9zdmc+");
530 background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgwIiBoZWlnaHQ9IjE4MCIgdmlld0JveD0iMCAwIDE4MCAxODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI0ZGRiI+PHBhdGggZD0iTTEyMC41MSA1Ny45MTNhNC4zNjMgNC4zNjMgMCAwMC0xLjg1NS0uNDFIMzkuNTczYTQuMzg2IDQuMzg2IDAgMDAtNC4zODcgNC4zOTF2MTMuMThhNC4zOSA0LjM5IDAgMDA0LjM4NyA0LjM5Mmg2Mi4wOTN2NjEuNzNhNC4zODYgNC4zODYgMCAwMDQuMzkyIDQuMzg3aDEzLjE4YTQuMzkgNC4zOSAwIDAwNC4zOTItNC4zODdWNjIuMTE0YTQuMzg0IDQuMzg0IDAgMDAtMy4xMi00LjJ6Ii8+PHBhdGggZD0iTTMzLjMzMyAxNDYuNjY3YzMxLjI5NiAzMS4yOTYgODIuMDM4IDMxLjI5NiAxMTMuMzM0IDAgMzEuMjk2LTMxLjI5NiAzMS4yOTYtODIuMDM4IDAtMTEzLjMzNC0zMS4yOTYtMzEuMjk2LTgyLjAzOC0zMS4yOTYtMTEzLjMzNCAwLTMxLjI5NiAzMS4yOTYtMzEuMjk2IDgyLjAzOCAwIDExMy4zMzR6TTI2LjM2IDI2LjM2YzM1LjE0OC0zNS4xNDcgOTIuMTMyLTM1LjE0NyAxMjcuMjggMCAzNS4xNDcgMzUuMTQ4IDM1LjE0NyA5Mi4xMzIgMCAxMjcuMjgtMzUuMTQ4IDM1LjE0Ny05Mi4xMzIgMzUuMTQ3LTEyNy4yOCAwLTM1LjE0Ny0zNS4xNDgtMzUuMTQ3LTkyLjEzMiAwLTEyNy4yOHoiLz48L2c+PC9zdmc+");
533 .DirectionTurnaround{
534 background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgwIiBoZWlnaHQ9IjE4MCIgdmlld0JveD0iMCAwIDE4MCAxODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI0ZGRiI+PHBhdGggZD0iTTU5LjQ5IDEyMi4wODdjLjU2NC4yNjMgMS4xOTIuNDEgMS44NTUuNDFoNzkuMDgyYTQuMzg2IDQuMzg2IDAgMDA0LjM4Ny00LjM5MXYtMTMuMThhNC4zOSA0LjM5IDAgMDAtNC4zODctNC4zOTJINzguMzM0di02MS43M2E0LjM4NiA0LjM4NiAwIDAwLTQuMzkyLTQuMzg3aC0xMy4xOGE0LjM5IDQuMzkgMCAwMC00LjM5MiA0LjM4N3Y3OS4wODJhNC4zODQgNC4zODQgMCAwMDMuMTIgNC4yeiIvPjxwYXRoIGQ9Ik0xNDYuNjY3IDMzLjMzM2MtMzEuMjk2LTMxLjI5Ni04Mi4wMzgtMzEuMjk2LTExMy4zMzQgMC0zMS4yOTYgMzEuMjk2LTMxLjI5NiA4Mi4wMzggMCAxMTMuMzM0IDMxLjI5NiAzMS4yOTYgODIuMDM4IDMxLjI5NiAxMTMuMzM0IDAgMzEuMjk2LTMxLjI5NiAzMS4yOTYtODIuMDM4IDAtMTEzLjMzNHptNi45NzMgMTIwLjMwN2MtMzUuMTQ4IDM1LjE0Ny05Mi4xMzIgMzUuMTQ3LTEyNy4yOCAwLTM1LjE0Ny0zNS4xNDgtMzUuMTQ3LTkyLjEzMiAwLTEyNy4yOCAzNS4xNDgtMzUuMTQ3IDkyLjEzMi0zNS4xNDcgMTI3LjI4IDAgMzUuMTQ3IDM1LjE0OCAzNS4xNDcgOTIuMTMyIDAgMTI3LjI4eiIvPjwvZz48L3N2Zz4=");
542 display:-webkit-flex;
547 .mapillaryjs-popup-content,.mapillaryjs-popup-content-clean{
551 .mapillaryjs-popup-capture-pointer{
555 .mapillaryjs-popup-content{
558 border:1px solid #000;
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;
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;
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;
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;
594 .mapillaryjs-popup-tip,.mapillaryjs-popup-tip-inner{
599 border:7px solid transparent;
602 .mapillaryjs-popup-float-top .mapillaryjs-popup-tip{
603 -webkit-align-self:center;
604 -ms-flex-item-align:center;
606 border-top-color:#000;
610 .mapillaryjs-popup-float-top .mapillaryjs-popup-tip-inner{
614 border-top-color:#fff;
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;
627 .mapillaryjs-popup-float-top-right .mapillaryjs-popup-tip-inner{
631 border-top-color:#fff;
636 .mapillaryjs-popup-float-top-left .mapillaryjs-popup-tip{
637 -webkit-align-self:flex-end;
638 -ms-flex-item-align:end;
640 border-top-color:#000;
645 .mapillaryjs-popup-float-top-left .mapillaryjs-popup-tip-inner{
649 border-top-color:#fff;
654 .mapillaryjs-popup-float-bottom .mapillaryjs-popup-tip{
655 -webkit-align-self:center;
656 -ms-flex-item-align:center;
659 border-bottom-color:#000;
662 .mapillaryjs-popup-float-bottom .mapillaryjs-popup-tip-inner{
667 border-bottom-color:#fff;
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;
679 .mapillaryjs-popup-float-bottom-right .mapillaryjs-popup-tip-inner{
683 border-bottom-color:#fff;
688 .mapillaryjs-popup-float-bottom-left .mapillaryjs-popup-tip{
689 -webkit-align-self:flex-end;
690 -ms-flex-item-align:end;
692 border-bottom-color:#000;
697 .mapillaryjs-popup-float-bottom-left .mapillaryjs-popup-tip-inner{
701 border-bottom-color:#fff;
706 .mapillaryjs-popup-float-left .mapillaryjs-popup-tip{
707 -webkit-align-self:center;
708 -ms-flex-item-align:center;
710 border-left-color:#000;
714 .mapillaryjs-popup-float-left .mapillaryjs-popup-tip-inner{
718 border-left-color:#fff;
722 .mapillaryjs-popup-float-right .mapillaryjs-popup-tip{
723 -webkit-align-self:center;
724 -ms-flex-item-align:center;
726 border-right-color:#000;
730 .mapillaryjs-popup-float-right .mapillaryjs-popup-tip-inner{
734 border-right-color:#fff;
738 .mapillaryjs-popup-float-top-left .mapillaryjs-popup-content{
739 border-bottom-right-radius:0;
742 .mapillaryjs-popup-float-top-right .mapillaryjs-popup-content{
743 border-bottom-left-radius:0;
746 .mapillaryjs-popup-float-bottom-left .mapillaryjs-popup-content{
747 border-top-right-radius:0;
750 .mapillaryjs-popup-float-bottom-right .mapillaryjs-popup-content{
751 border-top-left-radius:0;
754 background-color:rgba(0, 0, 0, .5);
755 outline:1px solid hsla(0, 0%, 100%, .5);
770 font-family:Helvetica,Arial,sans-serif;
772 text-shadow:0 0 5px rgba(0, 0, 0, .75);
783 .SequenceControls,.SequenceStepper{
790 -webkit-transform:translate(-50%);
791 transform:translate(-50%);
794 .SequenceExpanderButton,.SequencePlaybackButton,.SequenceTimelineButton{
795 display:inline-block;
800 .SequenceExpanderButton{
802 background:rgba(0, 0, 0, .5);
805 .SequenceExpanderBar{
806 background-color:#fff;
813 -webkit-transform:translate(-50%, -50%);
814 transform:translate(-50%, -50%);
817 .SequencePlaybackButton,.SequenceTimelineButton{
819 background:rgba(0, 0, 0, .5);
820 -webkit-transition:width .15s ease-out;
821 transition:width .15s ease-out;
824 .SequencePositionContainer,.SequencePositionContainerDisabled,.SequenceSpeedContainer{
825 display:inline-block;
828 background:rgba(0, 0, 0, .5);
833 .SequenceSpeedContainer{
837 .SequencePositionContainer,.SequencePositionContainerDisabled{
841 .SequencePosition,.SequenceSpeed{
848 -webkit-appearance:none;
851 .SequencePositionContainerDisabled .SequencePosition{
855 .SequenceCloseIcon,.SequenceFastIcon,.SequenceFastIconGrey,.SequenceSlowIcon,.SequenceSwitchIcon,.SequenceTimelineIcon,.SequenceTimelineIconGrey{
859 -webkit-transform:translate(-50%, -50%);
860 transform:translate(-50%, -50%);
861 background-size:contain;
862 background-repeat:no-repeat;
866 .SequenceFastIcon,.SequenceTimelineIcon{
867 -webkit-transition-delay:0s;
869 -webkit-transition-property:opacity;
870 transition-property:opacity;
873 .SequenceFastIcon,.SequenceFastIconGrey,.SequenceSlowIcon,.SequenceTimelineIcon,.SequenceTimelineIconGrey{
878 .SequenceCloseIcon,.SequenceSwitchIcon{
884 background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHBhdGggZD0iTTIwLjE0OCAxMy41Yy0yLjE1MSAwLTIuNTQ3Ljg2Mi0zLjU2NyAxLjM2LTEuODUzLjkwNy0zLjEgMi4wNzMtMy4xIDQuMjY1IDAgMS4xNjEtLjAxIDEuODc1LS4zNyAxLjg3NS0uNjU3IDAtLjk5NC0uNjkxLTEuMjk5LTEuMjJhMS44ODMgMS44ODMgMCAwMS0uNjQ1LjA5NWMtLjg0NCAwLTUuNDYzLTEuNjg3LTUuNDYzLTIuNjI1IDAtLjU1MS4zNy0uODQ3LjM3LTEuNXYtLjAxYTEuNzgzIDEuNzgzIDAgMDAtLjczLTEuMzkgMy42MTIgMy42MTIgMCAwMS0xLjI4OS0xLjczMmMtLjE4LjA4Ni0uMzc1LjEzMS0uNTczLjEzMkMyLjc3IDEyLjc1IDIgMTEuODczIDIgMTAuNWMwLTEuMzcuMjY2LTEuODc1LjU1Ni0xLjg3NS4zNzUgMCAuNDYzLjE4OC40NjMuMTg4cy4yNTYtLjk0Mi43OC0uOTQyYy4yNy4wMDQuNTE3LjE2LjYzOC40MDZBNC40NCA0LjQ0IDAgMDE3LjkyNiA2Ljc1YzUuMzcyIDAgNS43MyAzLjM3NSA3LjQwNyAzLjM3NS42MjIgMCAxLjExMS0uODkzIDEuMTExLTEuMTI1IDAtLjcyLTMuMzMzLTIuMDc2LTMuMzMzLTUuMjUgMC0uNDk2LjM5NC0uNzUuOTI2LS43NS40NjMgMCAxLjQ1MS42MSAyLjAzNyAxLjUuODk1IDEuMzYuNzU5IDMgMS44NTIgMy43NS40MDkuMjggMS40NTIuMjYgMi4yMjIuNzVzMS4yNDYgMS4zMDMgMS40ODIgMS41Yy4yMTcuMTkuMzUuNDYuMzcuNzUgMCAuMzYxLS44MDUgMi4yNS0xLjg1MiAyLjI1em0tOC44ODkgM2E2Ljk5NiA2Ljk5NiAwIDAxLTIuODY0LS42NzQgMi45MSAyLjkxIDAgMDAtLjA5OS42NzRjMCAuNjI3LjQ4Ljg2OCAyLjIyMiAxLjUuMzkyLjEzNC43Ny4zMDUgMS4xMy41MTEuMDQtLjY4My4xMTUtMS4zNjMuMjI1LTIuMDM4LS4yLjAxNC0uNDAzLjAyNy0uNjE0LjAyN3oiIGlkPSJhIi8+PC9kZWZzPjx1c2UgZmlsbD0iI0ZGRiIgeGxpbms6aHJlZj0iI2EiLz48L3N2Zz4=");
887 .SequenceFastIconGrey{
888 background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHBhdGggZD0iTTIwLjE0OCAxMy41Yy0yLjE1MSAwLTIuNTQ3Ljg2Mi0zLjU2NyAxLjM2LTEuODUzLjkwNy0zLjEgMi4wNzMtMy4xIDQuMjY1IDAgMS4xNjEtLjAxIDEuODc1LS4zNyAxLjg3NS0uNjU3IDAtLjk5NC0uNjkxLTEuMjk5LTEuMjJhMS44ODMgMS44ODMgMCAwMS0uNjQ1LjA5NWMtLjg0NCAwLTUuNDYzLTEuNjg3LTUuNDYzLTIuNjI1IDAtLjU1MS4zNy0uODQ3LjM3LTEuNXYtLjAxYTEuNzgzIDEuNzgzIDAgMDAtLjczLTEuMzkgMy42MTIgMy42MTIgMCAwMS0xLjI4OS0xLjczMmMtLjE4LjA4Ni0uMzc1LjEzMS0uNTczLjEzMkMyLjc3IDEyLjc1IDIgMTEuODczIDIgMTAuNWMwLTEuMzcuMjY2LTEuODc1LjU1Ni0xLjg3NS4zNzUgMCAuNDYzLjE4OC40NjMuMTg4cy4yNTYtLjk0Mi43OC0uOTQyYy4yNy4wMDQuNTE3LjE2LjYzOC40MDZBNC40NCA0LjQ0IDAgMDE3LjkyNiA2Ljc1YzUuMzcyIDAgNS43MyAzLjM3NSA3LjQwNyAzLjM3NS42MjIgMCAxLjExMS0uODkzIDEuMTExLTEuMTI1IDAtLjcyLTMuMzMzLTIuMDc2LTMuMzMzLTUuMjUgMC0uNDk2LjM5NC0uNzUuOTI2LS43NS40NjMgMCAxLjQ1MS42MSAyLjAzNyAxLjUuODk1IDEuMzYuNzU5IDMgMS44NTIgMy43NS40MDkuMjggMS40NTIuMjYgMi4yMjIuNzVzMS4yNDYgMS4zMDMgMS40ODIgMS41Yy4yMTcuMTkuMzUuNDYuMzcuNzUgMCAuMzYxLS44MDUgMi4yNS0xLjg1MiAyLjI1em0tOC44ODkgM2E2Ljk5NiA2Ljk5NiAwIDAxLTIuODY0LS42NzQgMi45MSAyLjkxIDAgMDAtLjA5OS42NzRjMCAuNjI3LjQ4Ljg2OCAyLjIyMiAxLjUuMzkyLjEzNC43Ny4zMDUgMS4xMy41MTEuMDQtLjY4My4xMTUtMS4zNjMuMjI1LTIuMDM4LS4yLjAxNC0uNDAzLjAyNy0uNjE0LjAyN3oiIGlkPSJhIi8+PC9kZWZzPjx1c2UgZmlsbD0iI0Q3REFERCIgeGxpbms6aHJlZj0iI2EiLz48L3N2Zz4=");
891 .SequenceTimelineIcon{
892 background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik05IDZoNmEyIDIgMCAwMTIgMnY4YTIgMiAwIDAxLTIgMkg5YTIgMiAwIDAxLTItMlY4YTIgMiAwIDAxMi0yem0xMS42MzQgN0gxOWExIDEgMCAwMTAtMmgxLjYzNGExIDEgMCAwMTEuNTczLTEuMjA3bDEuNSAxLjVhLjk5Ny45OTcgMCAwMTAgMS40MTRsLTEuNSAxLjVBMSAxIDAgMDEyMC42MzQgMTN6TTMuMzY2IDEzYTEgMSAwIDAxLTEuNTczIDEuMjA3bC0xLjUtMS41YS45OTcuOTk3IDAgMDEwLTEuNDE0bDEuNS0xLjVBMSAxIDAgMDEzLjM2NiAxMUg1YTEgMSAwIDAxMCAySDMuMzY2eiIvPjwvZGVmcz48dXNlIGZpbGw9IiNGRkYiIHhsaW5rOmhyZWY9IiNhIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=");
895 .SequenceTimelineIconGrey{
896 background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik05IDZoNmEyIDIgMCAwMTIgMnY4YTIgMiAwIDAxLTIgMkg5YTIgMiAwIDAxLTItMlY4YTIgMiAwIDAxMi0yem0xMS42MzQgN0gxOWExIDEgMCAwMTAtMmgxLjYzNGExIDEgMCAwMTEuNTczLTEuMjA3bDEuNSAxLjVhLjk5Ny45OTcgMCAwMTAgMS40MTRsLTEuNSAxLjVBMSAxIDAgMDEyMC42MzQgMTN6TTMuMzY2IDEzYTEgMSAwIDAxLTEuNTczIDEuMjA3bC0xLjUtMS41YS45OTcuOTk3IDAgMDEwLTEuNDE0bDEuNS0xLjVBMSAxIDAgMDEzLjM2NiAxMUg1YTEgMSAwIDAxMCAySDMuMzY2eiIvPjwvZGVmcz48dXNlIGZpbGw9IiNEN0RBREQiIHhsaW5rOmhyZWY9IiNhIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=");
900 background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHBhdGggZD0iTTE4LjkzNCAxMy4yMjJsLS43ODIgMS44OTdjLjMzMi4yNSAxLjMzNSAxLjEgMS4zMzUgMi4yNTFhMS4yODkgMS4yODkgMCAwMS0uMzgxLjgyNy40MDIuNDAyIDAgMDEtLjI5NS4xMjRoLTIuNjU4YS40MS40MSAwIDAxLS4zNTMtLjIwMWwtLjcxNC0xLjIwOGEuODIyLjgyMiAwIDAxLS4wNzMtLjY3NGwuMTI1LS4zOEg3LjRjLjM2MS40MjMuNTY5Ljk1Ni41OSAxLjUxMmExLjI4NSAxLjI4NSAwIDAxLS4zODEuODI3LjQwMi40MDIgMCAwMS0uMjk1LjEyNEg0LjY1NmEuNDEuNDEgMCAwMS0uMzUzLS4yMDFsLS43MTQtMS4yMDhhLjgyLjgyIDAgMDEtLjA3My0uNjc0bC4wMDgtLjAyNGE0LjEyMyA0LjEyMyAwIDAxLTIuMTc0Ljg0LjMwNi4zMDYgMCAwMS0uMjk4LS40NzRDMy40MjUgMTMuNDAyIDIuNzA4IDYuMDAyIDExLjMxMyA2LjAwMmE5LjA1OCA5LjA1OCAwIDAxNy4wNDIgMy4xMjIgMy41OTUgMy41OTUgMCAwMDEuOTI0LTEuNDMgMS4yMzQgMS4yMzQgMCAwMTEuNDkzLS4zNmwxLjk5LjkyNWMuMTY0LjA3Ni4yNTkuMjUxLjIzNC40My0uMjAyIDEuNDU2LTEuNzg4IDMuNzY3LTUuMDYyIDQuNTMzeiIgaWQ9ImEiLz48L2RlZnM+PHVzZSBmaWxsPSIjRkZGIiB4bGluazpocmVmPSIjYSIvPjwvc3ZnPg==");
904 background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNiA0aDhhMSAxIDAgMTEwIDJINnYyLjA1OGEuNDQ5LjQ0OSAwIDAxLS4yODEuMzk0LjU3NC41NzQgMCAwMS0uNTI5LS4wMzVMLjIxNSA1LjM1OEEuNDIzLjQyMyAwIDAxMCA1YzAtLjE0My4wOC0uMjc3LjIxNC0uMzU4bDQuOTc3LTMuMDU5YS41NzQuNTc0IDAgMDEuNTI4LS4wMzVjLjE3LjA3NS4yNzguMjI3LjI4MS4zOTRWNHptNCA2VjcuOTQyYS40NDguNDQ4IDAgMDEuMjgxLS4zOTQuNTc0LjU3NCAwIDAxLjUyOC4wMzVsNC45NzcgMy4wNTlBLjQyMy40MjMgMCAwMTE2IDExYzAgLjE0My0uMDguMjc3LS4yMTQuMzU4bC00Ljk3NiAzLjA1OWEuNTc0LjU3NCAwIDAxLS41MjkuMDM1LjQ0OS40NDkgMCAwMS0uMjgxLS4zOTRWMTJIMmExIDEgMCAxMTAtMmg4eiIgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+");
908 background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOS4yNzMgOC4wMDVsMy40NDIgMy40NDFhLjkwOS45MDkgMCAxMS0xLjI4NSAxLjI4NUw3Ljk5IDkuMjg5bC0zLjQzNyAzLjQzN2EuOTA4LjkwOCAwIDAxLTEuMjg0LTEuMjg1bDMuNDM3LTMuNDM2LTMuNDUtMy40NWEuOTA4LjkwOCAwIDAxMS4yODQtMS4yODRsMy40NSAzLjQ1IDMuNDU0LTMuNDU1YS45MDguOTA4IDAgMTExLjI4NSAxLjI4NEw5LjI3MyA4LjAwNXoiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==");
911 .SequenceIconVisible{
915 .SequenceControlsExpanded .SequenceFastIcon,.SequenceControlsExpanded .SequenceTimelineIcon{
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;
925 .SequenceControlsExpanded .SequencePlaybackButton,.SequenceControlsExpanded .SequenceTimelineButton{
929 .SequencePlayback,.SequenceTimeline{
937 -webkit-transform:translate(-50%);
938 transform:translate(-50%);
941 .SequenceCloseButton,.SequenceFastContainer,.SequenceSlowContainer,.SequenceSwitchButton,.SequenceSwitchButtonDisabled{
944 display:inline-block;
946 background:rgba(0, 0, 0, .5);
949 .SequenceCloseButton,.SequenceSwitchButton,.SequenceSwitchButtonDisabled{
953 .SequencePlay,.SequencePlayDisabled,.SequenceStepNext,.SequenceStepNextDisabled,.SequenceStepNextHighlight,.SequenceStepPrev,.SequenceStepPrevDisabled,.SequenceStepPrevHighlight{
954 display:inline-block;
960 .SequencePlayDisabled,.SequenceStepNextDisabled,.SequenceStepPrevDisabled{
964 .SequencePlay,.SequencePlayDisabled,.SequenceStepNext,.SequenceStepNextDisabled,.SequenceStepNextHighlight,.SequenceStepPrev,.SequenceStepPrevDisabled,.SequenceStepPrevHighlight{
965 background:rgba(0, 0, 0, .5);
968 .SequencePositionContainer,.SequencePositionContainerDisabled,.SequenceSwitchButton,.SequenceSwitchButtonDisabled{
969 border-bottom-left-radius:8px;
970 border-top-left-radius:8px;
973 .SequenceCloseButton{
974 border-bottom-right-radius:8px;
975 border-top-right-radius:8px;
978 .Play.SequenceComponentIcon,.PlayDisabled.SequenceComponentIcon{
979 background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTQuODk1IDguNjg3bC0xMS4zODcgNy4wN2MtLjgzLjU0NS0xLjUwOC4xNDEtMS41MDgtLjg5MlYxLjEzNkMyIC4xIDIuNjc4LS4zMDEgMy41MS4yNDNsMTEuMzg3IDcuMDczYy0uMDAyIDAgLjQwNC4yODcuNDA0LjY4NSAwIC40LS40MDYuNjg2LS40MDYuNjg2eiIgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+");
982 .Stop.SequenceComponentIcon,.StopDisabled.SequenceComponentIcon{
983 background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCAxLjk5NEMwIC44OTMuODk0IDAgMS45OTQgMGgxMi4wMTJDMTUuMTA3IDAgMTYgLjg5NCAxNiAxLjk5NHYxMi4wMTJBMS45OTUgMS45OTUgMCAwMTE0LjAwNiAxNkgxLjk5NEExLjk5NSAxLjk5NSAwIDAxMCAxNC4wMDZWMS45OTR6IiBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=");
986 .SequenceStepPrev .SequenceComponentIcon,.SequenceStepPrevDisabled .SequenceComponentIcon,.SequenceStepPrevHighlight .SequenceComponentIcon{
987 background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNi4yNjggOGw1LjUyMS01Ljk0N2ExLjIgMS4yIDAgMDAwLTEuNzAxIDEuMjA2IDEuMjA2IDAgMDAtMS43MDMgMEwzLjM1MyA3LjE0OGExLjIwMiAxLjIwMiAwIDAwMCAxLjcwM2w2LjczMyA2Ljc5NmExLjIwMyAxLjIwMyAwIDEwMS43MDQtMS43MDFMNi4yNjggOHoiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==");
990 .SequenceStepNext .SequenceComponentIcon,.SequenceStepNextDisabled .SequenceComponentIcon,.SequenceStepNextHighlight .SequenceComponentIcon{
991 background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOS44NzUgOEw0LjM1MyAyLjA1M2ExLjIgMS4yIDAgMDEwLTEuNzAxIDEuMjA2IDEuMjA2IDAgMDExLjcwNCAwbDYuNzMyIDYuNzk2YTEuMjAyIDEuMjAyIDAgMDEwIDEuNzAzbC02LjczMiA2Ljc5NmExLjIwMyAxLjIwMyAwIDExLTEuNzA0LTEuNzAxTDkuODc1IDh6IiBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=");
994 .PlayDisabled.SequenceComponentIcon,.SequenceStepNextDisabled .SequenceComponentIcon,.SequenceStepPrevDisabled .SequenceComponentIcon,.SequenceSwitchButtonDisabled .SequenceSwitchIcon,.StopDisabled.SequenceComponentIcon{
998 .SequenceComponentIcon{
1002 -webkit-transform:translate(-50%, -50%);
1003 transform:translate(-50%, -50%);
1006 background-size:contain;
1007 background-repeat:no-repeat;
1010 .SequencePosition::-webkit-slider-thumb,.SequenceSpeed::-webkit-slider-thumb{
1011 -webkit-appearance:none;
1015 border:2px solid #fff;
1021 .SequencePositionContainerDisabled .SequencePosition::-webkit-slider-thumb{
1024 -webkit-box-shadow:none;
1028 .SequencePosition::-webkit-slider-runnable-track,.SequenceSpeed::-webkit-slider-runnable-track{
1031 background-color:#fff;
1034 .SequencePositionContainerDisabled .SequencePosition::-webkit-slider-runnable-track{
1035 background-color:#d7dadd;
1038 .SequencePosition::-moz-focus-outer,.SequenceSpeed::-moz-focus-outer{
1042 .SequencePosition::-moz-range-track,.SequenceSpeed::-moz-range-track{
1045 background-color:#fff;
1048 .SequencePositionContainerDisabled .SequencePosition::-moz-range-track{
1049 background-color:#d7dadd;
1052 .SequenceSpeed::-moz-range-thumb{
1056 .SequencePosition::-moz-range-thumb,.SequenceSpeed::-moz-range-thumb{
1060 border:2px solid #fff;
1063 box-shadow:1px 2px 4px 0 rgba(0, 0, 0, .5);
1066 .SequencePosition::-moz-range-thumb{
1070 .SequencePositionContainerDisabled .SequencePosition::-moz-range-thumb{
1076 .SequencePosition::-ms-track,.SequenceSpeed::-ms-track{
1079 background-color:#fff;
1082 .SequencePositionContainerDisabled .SequencePosition::-ms-track{
1083 background-color:#d7dadd;
1086 .SequencePosition::-ms-fill-lower,.SequencePosition::-ms-fill-upper,.SequenceSpeed::-ms-fill-lower,.SequenceSpeed::-ms-fill-upper{
1091 .SequencePosition::-ms-thumb,.SequenceSpeed::-ms-thumb{
1095 border:2px solid #fff;
1101 .SequencePositionContainerDisabled .SequencePosition::-ms-thumb{
1107 .SequencePosition::-ms-tooltip,.SequenceSpeed::-ms-tooltip{
1111 @media (hover:hover){
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);
1123 pointer-events:none;
1124 -webkit-transform:translate(-50%);
1125 transform:translate(-50%);
1130 display:inline-block;
1133 border-bottom-left-radius:8px;
1134 border-top-left-radius:8px;
1135 pointer-events:auto;
1137 background:rgba(0, 0, 0, .5);
1140 .SliderModeButton,.SliderModeButton2d,.SliderModeButton2dDisabled,.SliderModeButtonDisabled{
1143 display:inline-block;
1144 pointer-events:auto;
1145 background:rgba(0, 0, 0, .5);
1149 .SliderModeButton,.SliderModeButton2d{
1153 .SliderModeButton2dDisabled,.SliderModeButtonDisabled{
1157 .SliderModeIcon,.SliderModeIcon2d{
1160 -webkit-transform:translateY(-50%);
1161 transform:translateY(-50%);
1162 background-size:contain;
1163 background-repeat:no-repeat;
1171 background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE4IDE3di44NjRjMCAuNTA1IDAgLjk5Ni0uMDM0IDEuNDEyLS4wMzcuNDU4LS4xMjUuOTk3LS40MDIgMS41NGE0IDQgMCAwMS0xLjc0OCAxLjc0OGMtLjU0My4yNzctMS4wODIuMzY1LTEuNTQuNDAyLS40MTYuMDM0LS45MDcuMDM0LTEuNDEyLjAzNEg2LjEzNmMtLjUwNSAwLS45OTYgMC0xLjQxMi0uMDM0LS40NTgtLjAzNy0uOTk3LS4xMjUtMS41NC0uNDAyYTQgNCAwIDAxLTEuNzQ4LTEuNzQ4Yy0uMjc3LS41NDMtLjM2NS0xLjA4Mi0uNDAyLTEuNTRBMTguMzYgMTguMzYgMCAwMTEgMTcuODY0di02LjcyOGMwLS41MDUgMC0uOTk2LjAzNC0xLjQxMi4wMzctLjQ1OC4xMjUtLjk5Ny40MDItMS41NGE0IDQgMCAwMTEuNzQ4LTEuNzQ4Yy41NDMtLjI3NyAxLjA4Mi0uMzY1IDEuNTQtLjQwMkM1LjE0IDYgNS42MyA2IDYuMTM2IDZIN3YyaC0uOGMtMS4xMiAwLTEuNjggMC0yLjEwOC4yMThhMiAyIDAgMDAtLjg3NC44NzRDMyA5LjUyIDMgMTAuMDggMyAxMS4ydjYuNmMwIDEuMTIgMCAxLjY4LjIxOCAyLjEwOGEyIDIgMCAwMC44NzQuODc0QzQuNTIgMjEgNS4wOCAyMSA2LjIgMjFoNi42YzEuMTIgMCAxLjY4IDAgMi4xMDgtLjIxOGEyIDIgMCAwMC44NzQtLjg3NEMxNiAxOS40OCAxNiAxOC4xMiAxNiAxN2gyem0tMS40OS05Ljc2NHYzLjcxaC43OGMxLjA5NCAwIDEuNjctLjU2MyAxLjY3LTEuODYgMC0xLjI5My0uNTc2LTEuODUtMS42NjctMS44NWgtLjc4NHoiIGZpbGw9IiNmZmYiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTcuMzI3IDIuNjM4QzcgMy4yOCA3IDQuMTIgNyA1Ljh2Ni40YzAgMS42OCAwIDIuNTIuMzI3IDMuMTYyYTMgMyAwIDAwMS4zMTEgMS4zMTFDOS4yOCAxNyAxMC4xMiAxNyAxMS44IDE3aDYuNGMxLjY4IDAgMi41MiAwIDMuMTYyLS4zMjdhMyAzIDAgMDAxLjMxMS0xLjMxMUMyMyAxNC43MiAyMyAxMy44OCAyMyAxMi4yVjUuOGMwLTEuNjggMC0yLjUyLS4zMjctMy4xNjJhMyAzIDAgMDAtMS4zMTEtMS4zMTFDMjAuNzIgMSAxOS44OCAxIDE4LjIgMWgtNi40Yy0xLjY4IDAtMi41MiAwLTMuMTYyLjMyN2EzIDMgMCAwMC0xLjMxMSAxLjMxMXptNy4wMzQgNy43MjljLjAwMy45OTQtLjkzMiAxLjcxMi0yLjIzOSAxLjcxMi0xLjI3OCAwLTIuMTg3LS43MDctMi4yMDctMS43MjRoMS4yMzhjLjAyMy40MjYuNDMuNzEuOTcyLjcxLjU2MyAwIC45Ni0uMzE4Ljk1Ny0uNzguMDAzLS40Ny0uNDA5LS44LTEuMDY4LS44aC0uNTQydi0uOTAzaC41NDJjLjU2IDAgLjk1LS4zMS45NDYtLjc2Ny4wMDMtLjQzNy0uMzMtLjczOC0uODI3LS43MzgtLjUwMiAwLS45MDkuMjg3LS45MjMuNzNoLTEuMTc5Yy4wMTctMS4wMDYuOTE1LTEuNzA1IDIuMTA4LTEuNzA1IDEuMjA1IDAgMi4wMDkuNzIyIDIuMDA2IDEuNjQuMDAzLjY1My0uNDQ2IDEuMTEzLTEuMDk3IDEuMjN2LjA0NWMuODU1LjEwOCAxLjMxNi42MjUgMS4zMTMgMS4zNXptNS44MjctMS4yODJjMCAxLjgxOC0xLjA3NCAyLjkxNS0yLjg0NiAyLjkxNWgtMi4wNjNWNi4xODJoMi4wOGMxLjc1NSAwIDIuODMgMS4wOSAyLjgzIDIuOTAzeiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==");
1175 background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEzLjM0NSAxMC4yMzZ2My43MWguNzgxYzEuMDk0IDAgMS42Ny0uNTYzIDEuNjctMS44NiAwLTEuMjkzLS41NzYtMS44NS0xLjY2Ny0xLjg1aC0uNzg0eiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNC4zMjcgNS42MzhDNCA2LjI4IDQgNy4xMiA0IDguOHY2LjRjMCAxLjY4IDAgMi41Mi4zMjcgMy4xNjJhMyAzIDAgMDAxLjMxMSAxLjMxMUM2LjI4IDIwIDcuMTIgMjAgOC44IDIwaDYuNGMxLjY4IDAgMi41MiAwIDMuMTYyLS4zMjdhMyAzIDAgMDAxLjMxMS0xLjMxMUMyMCAxNy43MiAyMCAxNi44OCAyMCAxNS4yVjguOGMwLTEuNjggMC0yLjUyLS4zMjctMy4xNjJhMyAzIDAgMDAtMS4zMTEtMS4zMTFDMTcuNzIgNCAxNi44OCA0IDE1LjIgNEg4LjhjLTEuNjggMC0yLjUyIDAtMy4xNjIuMzI3YTMgMyAwIDAwLTEuMzExIDEuMzExek0xMS4xODcgMTVINy4wNHYtLjg4NmwyLjA3LTEuOTE4Yy41MTgtLjUuODEtLjgyNy44MTMtMS4yOS0uMDAzLS41MTEtLjM4OS0uODMtLjkwMy0uODMtLjUzNCAwLS44OTguMzM5LS44OTguODk4SDYuOTU1Yy0uMDAzLTEuMTQyLjg1NS0xLjg3MiAyLjA3My0xLjg3MiAxLjI1NiAwIDIuMDQ2Ljc4MiAyLjA1MSAxLjc5LjAwMy43NDQtLjM4NiAxLjI5My0xLjQxMSAyLjIzbC0uODU1LjgzMnYuMDRoMi4zNzRWMTV6bTUuODM3LTIuOTE1YzAgMS44MTgtMS4wNzQgMi45MTUtMi44NDYgMi45MTVoLTIuMDYzVjkuMTgyaDIuMDhjMS43NTUgMCAyLjgzIDEuMDkgMi44MyAyLjkwM3oiIGZpbGw9IiNmZmYiLz48L3N2Zz4=");
1178 .SliderModeButton2dDisabled .SliderModeIcon2d,.SliderModeButtonDisabled .SliderModeIcon{
1182 .SliderPositionContainer{
1183 display:inline-block;
1186 background:rgba(0, 0, 0, .5);
1187 pointer-events:auto;
1189 border-bottom-right-radius:8px;
1190 border-top-right-radius:8px;
1195 pointer-events:auto;
1202 -webkit-appearance:none;
1205 .SliderPosition::-webkit-slider-thumb{
1206 -webkit-appearance:none;
1210 border:2px solid #fff;
1216 .SliderPosition::-webkit-slider-runnable-track{
1219 background-color:#fff;
1222 .SliderPosition::-moz-focus-outer{
1226 .SliderPosition::-moz-range-track{
1229 background-color:#fff;
1232 .SliderPosition::-moz-range-thumb{
1236 border:2px solid #fff;
1242 .SliderPosition::-ms-track{
1245 background-color:#fff;
1248 .SliderPosition::-ms-fill-lower,.SliderPosition::-ms-fill-upper{
1253 .SliderPosition::-ms-thumb{
1257 border:2px solid #fff;
1263 .SliderPosition::-ms-tooltip{
1266 .mapillary-js.component-tag-create .mapillary-js-interactive,.mapillary-js.component-tag-edit-crosshair .mapillary-js-interactive{
1270 .mapillary-js.component-tag-edit-move .mapillary-js-interactive{
1274 .mapillary-js.component-tag-edit-nesw-resize .mapillary-js-interactive{
1278 .mapillary-js.component-tag-edit-nwse-resize .mapillary-js-interactive{
1284 font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;
1287 .TagCompleter,.TagInteractor,.TagMover,.TagResizer,.TagSpotInteractor,.TagSymbol,.TagVertex{
1297 .TagMover,.TagResizer,.TagSymbol{
1298 pointer-events:auto;
1332 pointer-events:none;
1336 border-radius:1.5px;
1339 background-color:green;
1342 .TagVertex.TagLarger{
1348 .TagCompleter,.TagInteractor,.TagSpotInteractor{
1349 pointer-events:auto;
1356 .TagCompleter.TagLarger{
1362 .TagCompleter,.TagInteractor{
1378 .TagCompleter:hover,.TagInteractor:hover{
1382 .TagSpotInteractor:hover{
1391 pointer-events:none;
1395 .ZoomInButton,.ZoomInButtonDisabled,.ZoomOutButton,.ZoomOutButtonDisabled{
1398 pointer-events:auto;
1399 background:rgba(0, 0, 0, .5);
1403 .ZoomInButton,.ZoomInButtonDisabled{
1404 border-top-left-radius:8px;
1405 border-top-right-radius:8px;
1408 .ZoomOutButton,.ZoomOutButtonDisabled{
1410 border-bottom-left-radius:8px;
1411 border-bottom-right-radius:8px;
1414 .ZoomInButtonDisabled,.ZoomOutButtonDisabled{
1418 .ZoomInIcon,.ZoomOutIcon{
1422 background-size:contain;
1423 background-repeat:no-repeat;
1429 .ZoomCompact.ZoomContainer{
1435 .ZoomCompact .ZoomInButton,.ZoomCompact .ZoomInButtonDisabled,.ZoomCompact .ZoomInIcon,.ZoomCompact .ZoomOutButton,.ZoomCompact .ZoomOutButtonDisabled,.ZoomCompact .ZoomOutIcon{
1440 .ZoomCompact .ZoomInButton,.ZoomCompact .ZoomInButtonDisabled{
1441 border-top-left-radius:4px;
1442 border-top-right-radius:4px;
1445 .ZoomCompact .ZoomOutButton,.ZoomCompact .ZoomOutButtonDisabled{
1446 border-bottom-left-radius:4px;
1447 border-bottom-right-radius:4px;
1451 background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBmaWxsPSIjRkZGIiBkPSJNMTYgMTRoNWExIDEgMCAwMTAgMmgtNXY1YTEgMSAwIDAxLTIgMHYtNUg5YTEgMSAwIDAxMC0yaDVWOWExIDEgMCAwMTIgMHY1eiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+");
1455 background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBmaWxsPSIjRkZGIiBkPSJNMjIgMTVhMSAxIDAgMDEtMSAxSDlhMSAxIDAgMDEwLTJoMTJhMSAxIDAgMDExIDF6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=");
1458 .ZoomInButtonDisabled .ZoomInIcon,.ZoomOutButtonDisabled .ZoomOutIcon{
1462 background-color:#202020;
1465 -webkit-tap-highlight-color:rgba(0,0,0,0);
1468 .mapillary-js-interactive{
1469 cursor:-webkit-grab;
1473 .mapillary-js-interactive:active{
1474 cursor:-webkit-grabbing;
1478 .mapillary-js .mapillary-js-dom{
1482 pointer-events:none;
1486 -webkit-user-select:none;
1487 -moz-user-select:none;
1488 -ms-user-select:none;
1492 .mapillary-js-dom .domRenderer{
1493 pointer-events:auto;
1497 -webkit-box-sizing:content-box;
1498 box-sizing:content-box;
1501 .mapillary-js input:focus{