mapillary-js/dist/mapillary.min.css

WebGL JavaScript library for displaying street level imagery from mapillary.com

.AttributionContainer{
    background-color:rgba(0, 0, 0, .5);
    font-size:9px;
    font-weight:300;
    position:absolute;
    bottom:0;
    right:0;
    height:16px;
    z-index:10;
    font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;
}

.AttributionImageContainer{
    display:inline-block;
    color:#fff;
    text-decoration:none;
    margin-left:8px;
    margin-right:8px;
    vertical-align:middle;
    height:100%;
}

.AttributionImageContainer:active,.AttributionImageContainer:hover,.AttributionImageContainer:visited{
    color:#fff;
}

.AttributionCompact .AttributionImageContainer{
    margin-left:6px;
    margin-right:6px;
}

.AttributionDate,.AttributionUsername{
    display:inline-block;
    vertical-align:middle;
    line-height:16px;
}

.AttributionDate{
    margin-left:4px;
}

.AttributionCompact .AttributionDate{
    margin-left:2px;
}

.AttributionIconContainer{
    display:inline-block;
    margin-left:8px;
    vertical-align:middle;
    height:100%;
}

.AttributionCompact .AttributionIconContainer{
    margin-left:6px;
}

.AttributionMapillaryLogo{
    margin-top:3px;
    width:44px;
    height:10px;
    background-size:contain;
    background-repeat:no-repeat;
    background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MSIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDYxIDE0Ij48cGF0aCBmaWxsPSIjRkZGIiBkPSJNMjMuOTk1IDIuODE1djguNDk5SDIyLjM3VjYuODkybC0xLjgyNyA0LjQyMmgtLjg4NGwtMS44MjctNC40MjJ2NC40MjJIMTYuMjF2LTguNWgxLjY3MmwyLjIyMSA1LjM1NiAyLjIyMS01LjM1NWgxLjY3MnptNy4wODcgMS44NTRoMS40MnYuNTUzYy4wOTYtLjE5Ny4yODgtLjM2NS41NzQtLjUwNGEyLjEzIDIuMTMgMCAwMS45NDMtLjIwOWMuMzI3IDAgLjYzMy4wNzYuOTIuMjI4LjI4Ni4xNTEuNTM1LjM3NC43NDYuNjcuMjExLjI5NC4zNzguNjU4LjUwMiAxLjA5Mi4xMjMuNDM0LjE4NS45My4xODUgMS40ODZhNS43MiA1LjcyIDAgMDEtLjE4IDEuNTExIDMuNTEgMy41MSAwIDAxLS40ODkgMS4wOTMgMi4wNjcgMi4wNjcgMCAwMS0uNzM0LjY2MyAxLjk3IDEuOTcgMCAwMS0uOTI2LjIyMmMtLjM1OCAwLS42NDYtLjA1OC0uODY1LS4xNzJhMS4xMDEgMS4xMDEgMCAwMS0uNDcyLS40M3YyLjY0OWwtMS42MjQuMzU4di05LjIxem0yLjU1NSA1LjIyYy43ODggMCAxLjE4Mi0uNjMgMS4xODItMS44OTEgMC0uNjE0LS4wOTctMS4wODEtLjI5Mi0xLjQtLjE5NS0uMzItLjQ3Ni0uNDgtLjg0Mi0uNDhhLjg4My44ODMgMCAwMC0uNjc1LjI5Yy0uMTc5LjE5Mi0uMzE2LjQxOS0uNDEyLjY4VjguOThjLjExMi4zMDMuMjYxLjUzLjQ0OC42ODJhLjkyNi45MjYgMCAwMC41OTEuMjI3em01LjA3NS01LjIydjYuNjQ1aC0xLjYzNlY0LjY2OWgxLjYzNnptLTEuNjM2LTEuNDc0YzAtLjIzNy4wNzYtLjQ0Mi4yMjctLjYxNGEuNzQzLjc0MyAwIDAxLjU4NS0uMjU4Yy4yMjMgMCAuNDE2LjA4Ni41OC4yNThhLjg2MS44NjEgMCAwMS4yNDQuNjE0YzAgLjIzLS4wODEuNDI0LS4yNDUuNTg0YS44LjggMCAwMS0uNTc5LjI0Ljc3Ljc3IDAgMDEtLjU4NS0uMjQuODE3LjgxNyAwIDAxLS4yMjctLjU4NHptMi40ODQtLjI3bDEuNjI0LS41NjV2OC45NTRIMzkuNTZWMi45MjV6bTIuNDcyIDBsMS42MjQtLjU2NXY4Ljk1NGgtMS42MjRWMi45MjV6TTUyLjQ2OCA0LjY3di40NTVjLjExMS0uMTg5LjI5NC0uMzM4LjU1LS40NDkuMjU0LS4xMS41Mi0uMTY2LjgtLjE2Ni4xODIgMCAuMzYuMDMuNTMuMDg2YS43ODkuNzg5IDAgMDEuNC4yODNsLS41ODUgMS40ODZhLjk1OC45NTggMCAwMC0uNjU2LS4yNy43OC43OCAwIDAwLS41NDQuMjI3Yy0uMTYzLjE1Mi0uMjk2LjM4Ny0uNC43MDZ2NC4yODdINTAuOTRWNC42NjloMS41Mjl6bS00LjAwNiA2LjE2Yy0uNDMzLjM4Ny0uOTM3LjY1NS0xLjQ3NS42NTUtMS44NjQgMC0yLjY0NS0xLjU1Ni0yLjY0NS0zLjQ3NSAwLTEuOTIuNzgxLTMuNDc2IDIuNjQ1LTMuNDc2LjU3OSAwIDEuMDcxLjI1IDEuNDc1LjYyNnYtLjUzNmgxLjY1NXY2Ljc3MWgtMS42NTV2LS41NjV6bTAtMS42NzhjLS4yMDguNDYyLS41NzQuNzUtMS4xMDMuNzYtMS4wMDIuMDE3LTEuMzg2LS44My0xLjQwNC0xLjg4NC0uMDE4LTEuMDU0LjMzNy0xLjkxNSAxLjMzOC0xLjkzMi41MTYtLjAxLjkzNS4zMjcgMS4xNjkuODY4VjkuMTV6TTI4Ljc4NiAxMC44M2MtLjQzMi4zODctLjkzNi42NTUtMS40NzUuNjU1LTEuODYzIDAtMi42NDQtMS41NTYtMi42NDQtMy40NzUgMC0xLjkyLjc4LTMuNDc2IDIuNjQ0LTMuNDc2LjU4IDAgMS4wNzIuMjUgMS40NzUuNjI2di0uNTM2aDEuNjU1djYuNzcxaC0xLjY1NXYtLjU2NXptMC0xLjY3OGMtLjIwNy40NjItLjU3My43NS0xLjEwMy43Ni0xIC4wMTctMS4zODUtLjgzLTEuNDAzLTEuODg0LS4wMTgtMS4wNTQuMzM3LTEuOTE1IDEuMzM4LTEuOTMyLjUxNi0uMDEuOTM1LjMyNyAxLjE2OC44NjhWOS4xNXptMjguOTYgNC41MjFINTYuMDVsMS4wMTUtMi45MzUtMi4xMjYtNi4wNjhoMS43OTJsMS4yMDYgMy44NTcgMS4yMDYtMy44NTdoMS43NTVsLTMuMTUyIDkuMDAzek02LjM4MiA5LjY1MWMtLjI0Mi0uMTIzLS4zLS4zMzQtLjE3Mi0uNTYyLjA2Ni0uMTE3LjIwOS0uMzQ4LjMyNS0uNTM1LjE2LS4yNTcuMzkyLS4yNTguNTIzLS4xODEuMTMyLjA3NiAxLjk5IDEuMDQ4IDIuMTEgMS4xMTQuMjg1LjE1NS43MDMtLjIuNTE1LS41MTMtLjA5LS4xNDktLjg3My0xLjU3LTEuMTIyLTIuMDM4LS4xMTMtLjIxMy0uMDgyLS40MDUuMTctLjUzMi4xMjYtLjA2My4zNDktLjE5NS41NDMtLjMxMi4xOTgtLjEyLjQ2MS0uMDMuNTY4LjE0OC4xMDguMTc4IDMuMjc5IDUuOTkgMy4zOCA2LjE3LjIwMS4zNTgtLjE5Ljc0MS0uNTYuNTQzLS4xODQtLjA5OS02LjAzOS0zLjE4LTYuMjgtMy4zMDJ6TS4yIDYuNGMtLjMxMi0uMTY4LS4yNTUtLjYwNS4xMzktLjcxNi4zMzMtLjA5NSAzLjA0LS45OTcgMy44NTgtMS4yN2EuNDk0LjQ5NCAwIDAwLjMxMy0uMzA3TDUuODI1LjI3Yy4xMjMtLjM1OS41NjgtLjM2Ljc1LS4wMTIuMDY0LjEyMyAyLjUxNCA0LjU0IDIuNiA0LjcyNmEuMzkzLjM5MyAwIDAxLS4xNjMuNTE1Yy0uMTkzLjEyLS41MDkuMjk5LS42MTguMzY3LS4yLjEyMi0uMzkuMDM3LS40OC0uMTUzLS4wOTEtLjE5LS43OS0xLjQxOC0xLjA3NS0xLjkzOS0uMTQzLS4yNi0uNTcyLS4zNi0uNzE2LjA2TDUuNjQ5IDUuMjJhLjUxMi41MTIgMCAwMS0uMzE1LjMxTDMuOTA3IDZjLS4yODIuMDkzLS40Mi41MjMtLjAzOS43MDMuMDguMDM4IDEuNzkzLjk1MiAxLjk3IDEuMDM2LjE3Ni4wODMuMjc1LjMyNS4xNzEuNDk2YTIyLjEgMjIuMSAwIDAxLS4zODcuNjI1LjQwNC40MDQgMCAwMS0uNTI1LjEyNEwuMiA2LjR6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=");
}

.AttributionCompact .AttributionMapillaryLogo{
    width:11px;
    background-size:cover;
}
.BackgroundWrapper{
    background-color:#000;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    color:#fff;
    text-align:center;
    padding-top:30%;
}

.Background p,.BackgroundWrapper{
    font-family:Helvetica,Arial,sans-serif;
}

.Background p{
    position:relative;
    padding:5px;
    font-size:12px;
    text-shadow:0 0 5px rgba(0, 0, 0, .75);
}

.BearingIndicatorContainer{
    bottom:34px;
    height:40px;
    pointer-events:none;
    position:absolute;
    right:10px;
    width:40px;
    z-index:10;
}

.BearingIndicatorContainer.BearingCompact{
    -webkit-transform:scale(.6);
            transform:scale(.6);
    bottom:16px;
    right:2px;
}

.BearingIndicatorBackground{
    opacity:.5;
    -webkit-transform-origin:50% 50%;
            transform-origin:50% 50%;
}

.BearingIndicatorBackground,.BearingIndicatorBackgroundCircle{
    position:absolute;
    top:0;
    left:0;
    width:40px;
    height:40px;
}

.BearingIndicatorBackgroundCircle{
    pointer-events:auto;
    border-radius:50%;
    background-color:#000;
}

.BearingIndicatorBackgroundArrowContainer{
    position:absolute;
    left:14px;
    top:-3.5px;
    height:8px;
    width:12px;
    overflow:hidden;
}

.BearingIndicatorBackgroundArrow{
    position:absolute;
    width:12px;
    height:12px;
    left:0;
    top:2px;
    background-color:#000;
    -webkit-transform:rotate(45deg);
            transform:rotate(45deg);
    border-radius:2px;
}

.BearingNorthContainer{
    position:absolute;
    left:16px;
    top:-1px;
    width:8px;
    height:21px;
    -webkit-transform-origin:50% 100%;
            transform-origin:50% 100%;
}

.BearingNorth{
    position:absolute;
    border-left:4px solid transparent;
    border-right:4px solid transparent;
    border-bottom:4px solid #fff;
}
.CoverContainer{
    background-color:rgba(0, 0, 0, .5);
    overflow:hidden;
    z-index:100;
}

.CoverBackground,.CoverContainer{
    bottom:0;
    left:0;
    position:absolute;
    right:0;
    top:0;
}

.CoverBackground{
    background-position:50%;
    background-size:cover;
    margin:-3px;
    z-index:0;
}

.CoverIndicator{
    bottom:0;
    left:0;
    margin:-3px;
    position:absolute;
    right:0;
    top:0;
    z-index:0;
    background-color:rgba(0, 0, 0, .2);
    -webkit-transition:opacity .1s ease-in-out;
    transition:opacity .1s ease-in-out;
    cursor:pointer;
}

.CoverIndicator:hover{
    opacity:0;
}

.CoverButton{
    background-color:rgba(0, 0, 0, .5);
    border-radius:64px;
    width:128px;
    height:128px;
    left:50%;
    top:50%;
    letter-spacing:1px;
    margin-left:-64px;
    margin-top:-64px;
    position:absolute;
    -webkit-transition:opacity .2s ease-in-out;
    transition:opacity .2s ease-in-out;
    z-index:1;
    pointer-events:none;
}

.CoverCompact .CoverButton{
    width:72px;
    height:72px;
    margin-left:-36px;
    margin-top:-36px;
}

.CoverButtonIcon{
    background-size:contain;
    background-repeat:no-repeat;
    background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjgiIGhlaWdodD0iMTI4IiB2aWV3Qm94PSIwIDAgMTI4IDEyOCI+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTU3Ljc0OCA1Ni45MzJsLTE2LjgzMyA3LjcwMmMtMi40NSAxLjEyLTYuMTMgMS4xMi04LjE1MS0uMDAxLTEuOTktMS4xMDMtMS41NzYtMi44NTQuODYxLTMuOTEzbDI2LjY1OS0xMS41NjhjMi4wMDItLjg3IDUuMjE3LS44NyA3LjIzMiAwbDI2LjgyNiAxMS41NzRjMi40NTMgMS4wNTggMi44OTIgMi44MS45MTkgMy45MTMtMi4wMDYgMS4xMi01LjY4NyAxLjEyLTguMTUyIDBMNzAuNjIgNTcuMTRsMS4xNzcgMjAuMjUzYy4wOTcgMS42OTMtMy4yNTUgMy4xMDctNy40NTIgMy4xMDdzLTcuNTY5LTEuNDE0LTcuNDk1LTMuMTA3bC44OTctMjAuNDYxeiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+");
    height:100%;
    width:100%;
    position:absolute;
    pointer-events:none;
}

.CoverCompact .CoverButtonIcon{
    width:72px;
    height:72px;
}

.CoverLogo{
    background-size:contain;
    background-repeat:no-repeat;
    background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNTciIGhlaWdodD0iNTIiIHZpZXdCb3g9IjAgMCAxNTcgNTIiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHBhdGggZmlsbD0iIzAwMCIgZmlsbC1vcGFjaXR5PSIuNSIgZD0iTTgzLjIzIDE5LjA2OXYxLjIyN2E1LjM5MiA1LjM5MiAwIDAwLTEuMjY5LS45NTUgNS44MjggNS44MjggMCAwMC0yLjczMy0uNjdjLS42OTQgMC0xLjM2LjEwMy0xLjk5Mi4zMWgtMy4wMzRsLTYuNzE1LS4wMDJhNS44ODUgNS44ODUgMCAwMC0xLjQzLS4xNzVjLTEuODU0IDAtMy4zNjIuNTc5LTQuNTEzIDEuNTg3di00LjkzM0g1NC45M2wtMy4wMyA3LjI0NC0zLjAzLTcuMjQ0aC02LjYxNHYyMC41NDloMTkuMjg4di0xLjI1NWMxLjE1MSAxLjAwNyAyLjY2IDEuNTg3IDQuNTEyIDEuNTg3YTUuNCA1LjQgMCAwMDEuMzYxLS4xNzZoNC4wNDN2NS4zMjNsNy4xOS0xLjU3MnYtMy42MmMuMjAyLjAxNi40MS4wMjQuNjI1LjAyNC45NzIgMCAxLjg5My0uMjE4IDIuNzM1LS42NTRhNS42ODUgNS42ODUgMCAwMDEuMjItLjg1NHYxLjE5N0gxMDAuMTV2LTEuMjgxYzEuMTU1IDEuMDI0IDIuNjcxIDEuNjEzIDQuNTQgMS42MTNhNS40IDUuNCAwIDAwMS4zNjEtLjE3Nmg2Ljc4NWw0LjgwNS0uMDAxdi0xMC4xM2wxLjk0MiAxLjc0My41MTMtMS4yOTYgMi4yNjQgNi40MDgtMi42ODkgNy43MWg3LjU2bDcuNjAzLTIxLjUyOGgtNy43NGwtLjkwMiAyLjg1OS0uOTAyLTIuODZoLTUuMzNjLS4wNjItLjAyMy0uMTItLjA1Ni0uMTg0LS4wNzctLjU0LS4xOC0xLjEtLjMyLTEuNjc0LS4zMi0uNjU0IDAtMS4yOTIuMTAzLTEuOTA1LjMxaC0zLjM2bC02LjcxNi0uMDAyYTUuODg1IDUuODg1IDAgMDAtMS40My0uMTc1Yy0xLjg3IDAtMy4zODYuNTg5LTQuNTQgMS42MTN2LTYuNjVsLTQuODU1IDEuNjc1di0xLjY3NWwtNS43NzggMS45OTNjLS4wNC0uMDQ1LS4wNjktLjA5NS0uMTEtLjE0LS42OTMtLjcyMi0xLjU5LTEuMTE4LTIuNTgzLTEuMTE4LTEuMDMzIDAtMS45NjMuNDA2LTIuNjQ1IDEuMTc0YTMuNzQyIDMuNzQyIDAgMDAtLjk1IDIuNTIzdi44N3pNMzkuODkgMzUuMzQ1Yy0uMDQtLjA2OS0uMzg5LS43MDEtMS4wODgtMS45Ny4wNTEuMDkzLTEuNjktMy4wNjgtMi4yNDQtNC4wNjktMi4yMDktNC4wMDUtMy4yNjYtNS45MTgtMy4zODItNi4xMDlhMi43ODQgMi43ODQgMCAwMC0uOTY3LS45MzkgMi43NzMgMi43NzMgMCAwMC0uMjQ1LTEuMzE3Yy0uMTA5LS4yMzktLjg4LTEuNjMxLTIuNjQtNC43OS0uMDgyLS4xNDgtMi41MTktNC41MTktMi41NDktNC41NzYtMS4xNDItMi4xNjctNC4zLTIuMTI5LTUuMTQyLjMwNGwtLjQxNiAxLjIwMy0uNzU1IDIuMTg0LTEuMjYgMy42NDljLTMuNTUzIDEuMTc0LTYuNjE1IDIuMTc4LTcuMDY2IDIuMzA1LTIuNDIzLjY4MS0yLjk2OSAzLjg2Ny0uNjc3IDUuMDkzLjE5Ni4xMDUgOS4xNzQgNC43OTcgOS43MDMgNS4wNzIuNDU2LjIzNy45NS4zMzYgMS40MzMuMzE0LjI2NS40MDcuNjM3Ljc2IDEuMTMgMS4wMDcuMzkzLjE5OSAxMS45MDUgNi4yMDIgMTIuMzggNi40NTQgMi40NTcgMS4zMDggNS4xOS0xLjMzMyAzLjc4NC0zLjgxNSIvPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik01OS41NDQgMTcuNDU3djE2LjU1aC0zLjE4OXYtOC42MWwtMy41ODcgOC42MWgtMS43MzVsLTMuNTg4LTguNjF2OC42MWgtMy4xODl2LTE2LjU1aDMuMjgzTDUxLjkgMjcuODg0bDQuMzYxLTEwLjQyN2gzLjI4M3ptMTMuOTE3IDMuNjExaDIuNzl2MS4wNzZjLjE4Ny0uMzgyLjU2Mi0uNzA4IDEuMTI1LS45OGE0LjIyMyA0LjIyMyAwIDAxMS44NTItLjQwNmMuNjQxIDAgMS4yNDIuMTQ3IDEuODA2LjQ0Mi41NjIuMjk1IDEuMDUxLjczIDEuNDY1IDEuMzAzLjQxNC41NzQuNzQzIDEuMjg0Ljk4NSAyLjEzLjI0Mi44NDQuMzYzIDEuODA4LjM2MyAyLjg5MiAwIDEuMTE3LS4xMTcgMi4wOTctLjM1IDIuOTQyLS4yMzYuODQ1LS41NTcgMS41NTQtLjk2MyAyLjEzLS40MDYuNTczLS44ODcgMS4wMDMtMS40NDIgMS4yOWEzLjg5NCAzLjg5NCAwIDAxLTEuODE3LjQzYy0uNzAzIDAtMS4yNy0uMTEtMS43LS4zMzUtLjQzLS4yMjItLjczOS0uNTAyLS45MjYtLjgzN3Y1LjE1OGwtMy4xODguNjk4VjIxLjA2OHptNS4wMTcgMTAuMTY0YzEuNTQ3IDAgMi4zMjEtMS4yMjcgMi4zMjEtMy42ODIgMC0xLjE5Ny0uMTktMi4xMDUtLjU3NS0yLjcyNy0uMzgzLS42MjItLjkzMy0uOTMyLTEuNjUyLS45MzItLjUzMiAwLS45NzQuMTg3LTEuMzI1LjU2MWEzLjg2NyAzLjg2NyAwIDAwLS44MDkgMS4zMjd2My42ODRjLjIyLjU5LjUxMiAxLjAzMi44OCAxLjMyNy4zNjYuMjk1Ljc1My40NDIgMS4xNi40NDJ6bTYuNzUyIDIuNzc1aDMuMjEzVjIxLjA3SDg1LjIzdjEyLjkzOHptMC0xNS44MDljMC0uNDYyLjE1LS44Ni40NDYtMS4xOTUuMjk3LS4zMzUuNjgtLjUwMiAxLjE1LS41MDIuNDM2IDAgLjgxNS4xNjcgMS4xMzYuNTAyLjMyMS4zMzUuNDgxLjczMy40ODEgMS4xOTUgMCAuNDQ3LS4xNi44MjUtLjQ4IDEuMTM3LS4zMjIuMzEtLjcuNDY2LTEuMTM4LjQ2Ni0uNDY5IDAtLjg1Mi0uMTU2LTEuMTQ5LS40NjZhMS41ODcgMS41ODcgMCAwMS0uNDQ2LTEuMTM3em00Ljg3Ny0uNTI1bDMuMTktMS4xdjE3LjQzNGgtMy4xOVYxNy42NzN6bTQuODU0IDBsMy4xOS0xLjF2MTcuNDM0aC0zLjE5VjE3LjY3M3ptMjAuNDkyIDMuMzk1di44ODVjLjIxOC0uMzY2LjU4LS42NTcgMS4wOC0uODczYTMuOTMzIDMuOTMzIDAgMDExLjU3LS4zMjJjLjM2IDAgLjcwNy4wNTUgMS4wNDMuMTY3LjMzNi4xMTEuNTk4LjI5NS43ODUuNTVsLTEuMTQ4IDIuODk0Yy0uMzktLjM1LS44MjItLjUyNi0xLjI5LS41MjYtLjM5IDAtLjc0Ni4xNDctMS4wNjcuNDQyLS4zMi4yOTUtLjU4Mi43NTMtLjc4NSAxLjM3NXY4LjM0N2gtMy4xODlWMjEuMDY4aDMuMDAxem0tNy44NjcgMTEuOTk1Yy0uODQ5Ljc1Mi0xLjgzOSAxLjI3NS0yLjg5NiAxLjI3NS0zLjY1OSAwLTUuMTkyLTMuMDI5LTUuMTkyLTYuNzY4IDAtMy43MzcgMS41MzMtNi43NjYgNS4xOTItNi43NjYgMS4xMzggMCAyLjEwNS40ODYgMi44OTYgMS4yMTd2LTEuMDQzaDMuMjV2MTMuMTg0aC0zLjI1di0xLjA5OXptMC0zLjI2N2MtLjQwNy44OTgtMS4xMjUgMS40Ni0yLjE2NiAxLjQ3Ny0xLjk2NS4wMzYtMi43MTktMS42MTUtMi43NTUtMy42NjctLjAzNi0yLjA1LjY2Mi0zLjcyNyAyLjYyOC0zLjc2MiAxLjAxMy0uMDE4IDEuODM1LjYzNiAyLjI5MyAxLjY5djQuMjYyem0tMzguNjMzIDMuMjY3Yy0uODUuNzUyLTEuODQgMS4yNzUtMi44OTcgMS4yNzUtMy42NTkgMC01LjE5My0zLjAyOS01LjE5My02Ljc2OCAwLTMuNzM3IDEuNTM0LTYuNzY2IDUuMTkzLTYuNzY2IDEuMTM4IDAgMi4xMDUuNDg2IDIuODk3IDEuMjE3di0xLjA0M2gzLjI1djEzLjE4NGgtMy4yNXYtMS4wOTl6bTAtMy4yNjdjLS40MDguODk4LTEuMTI3IDEuNDYtMi4xNjYgMS40NzctMS45NjYuMDM2LTIuNzItMS42MTUtMi43NTYtMy42NjctLjAzNS0yLjA1LjY2MS0zLjcyNyAyLjYyNy0zLjc2MiAxLjAxNC0uMDE4IDEuODM2LjYzNiAyLjI5NSAxLjY5djQuMjYyem01Ni44NjMgOC44MDNoLTMuMzI5bDEuOTkzLTUuNzE2LTQuMTc0LTExLjgxNWgzLjUxOGwyLjM2OCA3LjUxIDIuMzY4LTcuNTFoMy40NDZsLTYuMTkgMTcuNTMxek0yNC42MjQgMzAuOTJjLS40NzgtLjI0LS41OTQtLjY1My0uMzM4LTEuMTAyLjEzLS4yMjcuNDExLS42OC42NDEtMS4wNDcuMzE1LS41MDQuNzc2LS41MDUgMS4wMzUtLjM1Ni4yNi4xNSAzLjkzNSAyLjA1NSA0LjE3MyAyLjE4NC41NjEuMzA0IDEuMzg4LS4zOTMgMS4wMTctMS4wMDRhMjQyLjA1NSAyNDIuMDU1IDAgMDEtMi4yMTgtMy45OTZjLS4yMjQtLjQxOC0uMTYzLS43OTQuMzM2LTEuMDQ0LjI0OC0uMTIzLjY4OS0uMzgyIDEuMDczLS42MTIuMzkxLS4yMzQuOTEyLS4wNTcgMS4xMjQuMjkxLjIxMS4zNSA2LjQ4MiAxMS43NDIgNi42ODIgMTIuMDk1LjM5Ny43MDMtLjM3NiAxLjQ1NC0xLjEwNiAxLjA2Ni0uMzY1LS4xOTUtMTEuOTQxLTYuMjM1LTEyLjQxOS02LjQ3NW0tMTIuMjIyLTYuMzdjLS42MTYtLjMzLS41MDMtMS4xODcuMjc1LTEuNDA0LjY1OC0uMTg2IDYuMDA5LTEuOTU1IDcuNjI4LTIuNDlhLjk3Mi45NzIgMCAwMC42MTgtLjYwMmwyLjYtNy41MjJjLjI0My0uNzAzIDEuMTIzLS43MDYgMS40ODItLjAyNC4xMjguMjQxIDQuOTczIDguOSA1LjE0MSA5LjI2Ni4xNjkuMzY4LjA2Ljc3NS0uMzIyIDEuMDEtLjM4Mi4yMzQtMS4wMDUuNTg1LTEuMjIyLjcxOC0uMzkzLjI0LS43Ny4wNzMtLjk0OS0uMy0uMTc5LS4zNzMtMS41NjEtMi43NzgtMi4xMjUtMy44LS4yODEtLjUxLTEuMTMtLjcwNy0xLjQxNi4xMmwtLjkzNyAyLjcxYTEuMDEgMS4wMSAwIDAxLS42MjIuNjFjLS43MDQuMjI4LTIuMDQxLjY2Ni0yLjgyMi45MjEtLjU1Ny4xODEtLjgyOCAxLjAyMy0uMDc2IDEuMzc4LjE1Ny4wNzMgMy41NDQgMS44NjUgMy44OTQgMi4wMy4zNDkuMTYzLjU0NC42MzYuMzM5Ljk3MmE0My45MjUgNDMuOTI1IDAgMDEtLjc2NiAxLjIyNS44MDMuODAzIDAgMDEtMS4wMzcuMjQyYy0uMzcxLS4xOTItOS40NjItNC45NDMtOS42ODMtNS4wNiIvPjwvZz48L3N2Zz4=");
    bottom:0;
    height:52px;
    left:50%;
    margin-left:-73px;
    position:absolute;
    -webkit-transition:opacity .2s ease-in-out;
    transition:opacity .2s ease-in-out;
    width:157px;
    z-index:1;
    pointer-events:none;
}

.CoverCompact .CoverLogo{
    width:104px;
    height:35px;
    margin-left:-49px;
}

.CoverDone{
    visibility:hidden;
}

.Cover.CoverLoading .CoverButton,.Cover.CoverLoading .CoverLogo,.CoverDone{
    opacity:0;
}

.Spinner{
    -webkit-animation:rotate 1s linear infinite;
            animation:rotate 1s linear infinite;
    background-repeat:no-repeat;
    background-size:100%;
    background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4NCIgaGVpZ2h0PSI4NCIgdmlld0JveD0iMCAwIDg0IDg0Ij48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik00MiA4NGMyMy4xOTYgMCA0Mi0xOC44MDQgNDItNDJTNjUuMTk2IDAgNDIgMCAwIDE4LjgwNCAwIDQyczE4LjgwNCA0MiA0MiA0MiIvPjxwYXRoIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTQyIDgzLjk5OWEzIDMgMCAwMTAtNmMxOS44ODIgMCAzNi0xNi4xMTggMzYtMzYgMC0xOS43NjQtMTUuOTM0LTM1LjgyOC0zNS42ODEtMzZBMyAzIDAgMTE0Mi4zNyAwQzY1LjQxLjIgODQgMTguOTQgODQgNDJjMCAyMy4xOTYtMTguODA0IDQyLTQyIDQyeiIvPjwvZz48L3N2Zz4=");
    height:32px;
    left:50%;
    margin-left:-16px;
    margin-top:-16px;
    position:absolute;
    top:50%;
    width:32px;
    z-index:1;
}

@-webkit-keyframes rotate{
  to{
    -webkit-transform:rotate(1turn);
            transform:rotate(1turn);
  }
}

@keyframes rotate{
  to{
    -webkit-transform:rotate(1turn);
            transform:rotate(1turn);
  }
}.Debug{
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    width:30em;
    font-size:12px;
    padding:1em;
    font-family:Input,Menlo,monospace;
}

.Debug,.DebugButton{
    background-color:#0f0;
    z-index:50;
}

.DebugButton{
    color:#fff;
    border:1px solid #fff;
    border-radius:2px;
    cursor:pointer;
}

.DebugButtonFixed{
    position:absolute;
    bottom:2px;
    left:2px;
}
.DirectionsPerspective{
    display:block;
    position:absolute;
    pointer-events:none;
    -webkit-transform-style:preserve-3d;
            transform-style:preserve-3d;
    z-index:10;
}

.DirectionsCircle,.DirectionsCircleDisabled,.DirectionsCircleHighlight,.DirectionsCircleSequence,.DirectionsCircleSequenceHighlight{
    position:absolute;
    border-radius:50%;
}

.DirectionsCircle,.DirectionsCircleHighlight,.DirectionsCircleSequence,.DirectionsCircleSequenceHighlight{
    pointer-events:auto;
}

.DirectionsCircle:hover,.DirectionsCircleHighlight:hover,.DirectionsCircleSequence:hover,.DirectionsCircleSequenceHighlight:hover{
    cursor:pointer;
}

.DirectionsCircle,.DirectionsCircleDisabled,.DirectionsCircleSequence{
    background:transparent;
}

.DirectionsCircleDisabled{
    z-index:-1;
}

.DirectionsCircleHighlight,.DirectionsCircleSequenceHighlight{
    background:rgba(0, 0, 0, .4);
}

.DirectionsArrowDisabled,.DirectionsArrowPano,.DirectionsArrowStep{
    position:absolute;
    top:44%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
            transform:translate(-50%, -50%);
    width:75%;
    height:44.0775%;
    pointer-events:none;
}

.DirectionsArrowDisabled,.DirectionsArrowStep{
    background:url("data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IkxheWVyIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMCA1OC43NyI+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTk3LjQ0IDQzLjgyTDU2LjE4IDIuNTZhOC43NSA4Ljc1IDAgMDAtMTIuMzcgMEwyLjU2IDQzLjhhOC43NSA4Ljc1IDAgMDAxMi4zOCAxMi4zOGwzNS0zNUw4NS4wNSA1Ni4yYTguNzUgOC43NSAwIDEwMTIuMzktMTIuMzh6Ii8+PC9zdmc+");
    background-repeat:no-repeat;
}

.DirectionsArrowDisabled{
    opacity:.2;
    z-index:-1;
}

.DirectionsArrowPano{
    background:url("data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IkxheWVyIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMCA1OC43NyI+PHBhdGggZmlsbD0id2hlYXQiIGQ9Ik05Ny40NCA0My44Mkw1Ni4xOCAyLjU2YTguNzUgOC43NSAwIDAwLTEyLjM3IDBMMi41NiA0My44YTguNzUgOC43NSAwIDAwMTIuMzggMTIuMzhsMzUtMzVMODUuMDUgNTYuMmE4Ljc1IDguNzUgMCAxMDEyLjM5LTEyLjM4eiIvPjwvc3ZnPg==");
    background-repeat:no-repeat;
}

.TurnCircle,.TurnCircleHighlight,.TurnCircleSequence,.TurnCircleSequenceHighlight{
    position:absolute;
    border-radius:50%;
    pointer-events:auto;
}

.TurnCircle,.TurnCircleSequence{
    background:transparent;
}

.TurnCircleHighlight,.TurnCircleSequenceHighlight{
    background:rgba(0, 0, 0, .4);
}

.TurnCircle:hover,.TurnCircleHighlight:hover,.TurnCircleSequence:hover,.TurnCircleSequenceHighlight:hover{
    cursor:pointer;
}

.TurnAround,.TurnLeft,.TurnRight{
    position:absolute;
    top:50%;
    pointer-events:none;
    -webkit-filter:drop-shadow(0 2px 1px rgba(0, 0, 0, .8));
            filter:drop-shadow(0 2px 1px rgba(0, 0, 0, .8));
}

.TurnLeft,.TurnRight{
    width:58.794%;
    height:70%;
}

.TurnAround{
    left:50%;
    width:75%;
    height:63.2475%;
}

.TurnLeft{
    left:45%;
    -webkit-transform:translate(-50%, -50%);
            transform:translate(-50%, -50%);
}

.TurnLeft,.TurnRight{
    background:url("data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IkxheWVyIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMCAxMTkuMDYiPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05OS4yIDc2Yy0xLjItMTEuMDktNC4xNC0xOS40LTkuNjMtMjZDNzkgMzcuMzggNjAuMyAzMi43MiAyNC40MiAzMi4zOWwyMC40Ny0yMC40NkE3IDcgMCAwMDM1IDJMMiAzNWE3IDcgMCAwMDAgOS44OGwzMyAzMi45N2E3IDcgMCAxMDkuOS05LjlMMjQuNzkgNDcuODlDNTYgNDguMTggNzEgNTEuOTMgNzcuNzIgNjBjMy4yMSAzLjg4IDUuMTggOS40MiA2LjExIDE3Ljc3Ljg1IDcuNTkuODcgMTYuMjIuMzQgMzMuMzZhNy43NCA3Ljc0IDAgMTAxNS40Ni40OGMuNTYtMTcuODkuNTMtMjcuMDEtLjQzLTM1LjYxeiIvPjwvc3ZnPg==");
    background-repeat:no-repeat;
}

.TurnRight{
    left:55%;
    -webkit-transform:translate(-50%, -50%) scaleX(-1);
            transform:translate(-50%, -50%) scaleX(-1);
}

.TurnAround{
    background:url("data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IkxheWVyIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMCA4NC4zMyI+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTY1LjQ3IDBDNTYgMCA0Ni44NiA1LjM5IDQwLjIxIDE2LjA3IDMzLjQ3IDI3IDI5LjM2IDQzLjE4IDI4LjQzIDY1TDEwIDQ2LjU5YTUuODcgNS44NyAwIDAwLTguMyA4LjNsMjcuNzQgMjcuNzJhNS44OCA1Ljg4IDAgMDA4LjMgMEw2NS40NyA1NWE1Ljg4IDUuODggMCAxMC04LjMyLTguMzJMMzkuMzIgNjQuNDdjLjkyLTE5LjU2IDQuNS0zMy43IDEwLjExLTQyLjcyIDQuNzItNy42MiAxMC40NS0xMSAxNi4xLTExYTE2LjY0IDE2LjY0IDAgMDExNC43OCA4YzUuNjkgOC4yNSA4LjkgMjMuMSA4LjkgNDUuNzJhNS4zOSA1LjM5IDAgMTAxMC43OSAwQzEwMC4wNSAxOC43OCA4Ny4yMiAwIDY1LjQ3IDB6Ii8+PC9zdmc+");
    background-repeat:no-repeat;
    -webkit-transform:translate(-50%, -50%);
            transform:translate(-50%, -50%);
}

@media (hover:hover){

    .DirectionsCircle:hover,.DirectionsCircleSequence:hover,.TurnCircle:hover,.TurnCircleSequence:hover{
        background:rgba(0, 0, 0, .4);
    }
}
.Loading{
    width:100%;
    height:2px;
    z-index:20;
    position:absolute;
    top:0;
}

.LoadingBar{
    height:3px;
    position:relative;
    background-color:#fff;
    -webkit-transition:opacity .1s;
    transition:opacity .1s;
    border-bottom:1px solid rgba(0, 0, 0, .5);
}
.NavigationSequence,.NavigationSpatial{
    position:absolute;
    pointer-events:none;
    z-index:10;
}

.NavigationSequence{
    top:12px;
    left:50%;
    margin-left:-40px;
}

.NavigationSpatial{
    bottom:18px;
    left:50%;
    margin-left:-100px;
}

.NavigationSpatialBottom{
    margin-left:40px;
}

.Direction{
    width:36px;
    height:36px;
    background-size:contain;
    background-repeat:no-repeat;
    pointer-events:auto;
    margin:0 2px;
    cursor:pointer;
    display:inline-block;
    -webkit-filter:drop-shadow(0 2px 0 #000);
            filter:drop-shadow(0 2px 0 rgba(0, 0, 0, 1));
}

.DirectionLeft,.DirectionPrev{
    background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgwIiBoZWlnaHQ9IjE4MCIgdmlld0JveD0iMCAwIDE4MCAxODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI0ZGRiI+PHBhdGggZD0iTTQ1LjczOCA5MS4xMTZhNC4zNjMgNC4zNjMgMCAwMDEuMDIgMS42bDU1LjkyIDU1LjkyYTQuMzg2IDQuMzg2IDAgMDA2LjIwOC0uMDAzbDkuMzItOS4zMmE0LjM5IDQuMzkgMCAwMC4wMDMtNi4yMDdMNzQuMzAyIDg5LjE5OWw0My42NS00My42NWE0LjM4NiA0LjM4NiAwIDAwLS4wMDQtNi4yMDdsLTkuMzItOS4zMmE0LjM5IDQuMzkgMCAwMC02LjIwNy0uMDAzbC01NS45MiA1NS45MmE0LjM4NCA0LjM4NCAwIDAwLS43NjMgNS4xNzd6Ii8+PHBhdGggZD0iTTE3MC4xMzkgOTBjMC00NC4yNi0zNS44OC04MC4xMzktODAuMTM5LTgwLjEzOUM0NS43NCA5Ljg2MSA5Ljg2MSA0NS43NDEgOS44NjEgOTBjMCA0NC4yNiAzNS44OCA4MC4xMzkgODAuMTM5IDgwLjEzOSA0NC4yNiAwIDgwLjEzOS0zNS44OCA4MC4xMzktODAuMTM5ek05MCAxODBjLTQ5LjcwNiAwLTkwLTQwLjI5NC05MC05MFM0MC4yOTQgMCA5MCAwczkwIDQwLjI5NCA5MCA5MC00MC4yOTQgOTAtOTAgOTB6Ii8+PC9nPjwvc3ZnPg==");
}

.DirectionNext,.DirectionRight{
    background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgwIiBoZWlnaHQ9IjE4MCIgdmlld0JveD0iMCAwIDE4MCAxODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI0ZGRiI+PHBhdGggZD0iTTEzNC4yNjIgODguODg0YTQuMzYzIDQuMzYzIDAgMDAtMS4wMi0xLjZsLTU1LjkyLTU1LjkyYTQuMzg2IDQuMzg2IDAgMDAtNi4yMDguMDAzbC05LjMyIDkuMzJhNC4zOSA0LjM5IDAgMDAtLjAwMyA2LjIwN2w0My45MDcgNDMuOTA3LTQzLjY1IDQzLjY1YTQuMzg2IDQuMzg2IDAgMDAuMDA0IDYuMjA3bDkuMzIgOS4zMmE0LjM5IDQuMzkgMCAwMDYuMjA3LjAwM2w1NS45Mi01NS45MmE0LjM4NCA0LjM4NCAwIDAwLjc2My01LjE3N3oiLz48cGF0aCBkPSJNOS44NjEgOTBjMCA0NC4yNiAzNS44OCA4MC4xMzkgODAuMTM5IDgwLjEzOSA0NC4yNiAwIDgwLjEzOS0zNS44OCA4MC4xMzktODAuMTM5IDAtNDQuMjYtMzUuODgtODAuMTM5LTgwLjEzOS04MC4xMzlDNDUuNzQgOS44NjEgOS44NjEgNDUuNzQxIDkuODYxIDkwek05MCAwYzQ5LjcwNiAwIDkwIDQwLjI5NCA5MCA5MHMtNDAuMjk0IDkwLTkwIDkwUzAgMTM5LjcwNiAwIDkwIDQwLjI5NCAwIDkwIDB6Ii8+PC9nPjwvc3ZnPg==");
}

.DirectionForward{
    background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgwIiBoZWlnaHQ9IjE4MCIgdmlld0JveD0iMCAwIDE4MCAxODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI0ZGRiI+PHBhdGggZD0iTTg4Ljg4NCA0NS43MzhhNC4zNjMgNC4zNjMgMCAwMC0xLjYgMS4wMmwtNTUuOTIgNTUuOTJhNC4zODYgNC4zODYgMCAwMC4wMDMgNi4yMDhsOS4zMiA5LjMyYTQuMzkgNC4zOSAwIDAwNi4yMDcuMDAzbDQzLjkwNy00My45MDcgNDMuNjUgNDMuNjVhNC4zODYgNC4zODYgMCAwMDYuMjA3LS4wMDRsOS4zMi05LjMyYTQuMzkgNC4zOSAwIDAwLjAwMy02LjIwN2wtNTUuOTItNTUuOTJhNC4zODQgNC4zODQgMCAwMC01LjE3Ny0uNzYzeiIvPjxwYXRoIGQ9Ik05MCAxNzAuMTM5YzQ0LjI2IDAgODAuMTM5LTM1Ljg4IDgwLjEzOS04MC4xMzkgMC00NC4yNi0zNS44OC04MC4xMzktODAuMTM5LTgwLjEzOUM0NS43NCA5Ljg2MSA5Ljg2MSA0NS43NDEgOS44NjEgOTBjMCA0NC4yNiAzNS44OCA4MC4xMzkgODAuMTM5IDgwLjEzOXpNMCA5MEMwIDQwLjI5NCA0MC4yOTQgMCA5MCAwczkwIDQwLjI5NCA5MCA5MC00MC4yOTQgOTAtOTAgOTBTMCAxMzkuNzA2IDAgOTB6Ii8+PC9nPjwvc3ZnPg==");
}

.DirectionBackward{
    background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgwIiBoZWlnaHQ9IjE4MCIgdmlld0JveD0iMCAwIDE4MCAxODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI0ZGRiI+PHBhdGggZD0iTTkxLjExNiAxMzQuMjYyYTQuMzYzIDQuMzYzIDAgMDAxLjYtMS4wMmw1NS45Mi01NS45MmE0LjM4NiA0LjM4NiAwIDAwLS4wMDMtNi4yMDhsLTkuMzItOS4zMmE0LjM5IDQuMzkgMCAwMC02LjIwNy0uMDAzbC00My45MDcgNDMuOTA3LTQzLjY1LTQzLjY1YTQuMzg2IDQuMzg2IDAgMDAtNi4yMDcuMDA0bC05LjMyIDkuMzJhNC4zOSA0LjM5IDAgMDAtLjAwMyA2LjIwN2w1NS45MiA1NS45MmE0LjM4NCA0LjM4NCAwIDAwNS4xNzcuNzYzeiIvPjxwYXRoIGQ9Ik05MCA5Ljg2MUM0NS43NCA5Ljg2MSA5Ljg2MSA0NS43NDEgOS44NjEgOTBjMCA0NC4yNiAzNS44OCA4MC4xMzkgODAuMTM5IDgwLjEzOSA0NC4yNiAwIDgwLjEzOS0zNS44OCA4MC4xMzktODAuMTM5IDAtNDQuMjYtMzUuODgtODAuMTM5LTgwLjEzOS04MC4xMzl6TTE4MCA5MGMwIDQ5LjcwNi00MC4yOTQgOTAtOTAgOTBTMCAxMzkuNzA2IDAgOTAgNDAuMjk0IDAgOTAgMHM5MCA0MC4yOTQgOTAgOTB6Ii8+PC9nPjwvc3ZnPg==");
}

.DirectionTurnleft{
    background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgwIiBoZWlnaHQ9IjE4MCIgdmlld0JveD0iMCAwIDE4MCAxODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI0ZGRiI+PHBhdGggZD0iTTU3LjkxMyA1OS40OWE0LjM2MyA0LjM2MyAwIDAwLS40MSAxLjg1NXY3OS4wODJhNC4zODYgNC4zODYgMCAwMDQuMzkxIDQuMzg3aDEzLjE4YTQuMzkgNC4zOSAwIDAwNC4zOTItNC4zODdWNzguMzM0aDYxLjczYTQuMzg2IDQuMzg2IDAgMDA0LjM4Ny00LjM5MnYtMTMuMThhNC4zOSA0LjM5IDAgMDAtNC4zODctNC4zOTJINjIuMTE0YTQuMzg0IDQuMzg0IDAgMDAtNC4yIDMuMTJ6Ii8+PHBhdGggZD0iTTE0Ni42NjcgMTQ2LjY2N2MzMS4yOTYtMzEuMjk2IDMxLjI5Ni04Mi4wMzggMC0xMTMuMzM0LTMxLjI5Ni0zMS4yOTYtODIuMDM4LTMxLjI5Ni0xMTMuMzM0IDAtMzEuMjk2IDMxLjI5Ni0zMS4yOTYgODIuMDM4IDAgMTEzLjMzNCAzMS4yOTYgMzEuMjk2IDgyLjAzOCAzMS4yOTYgMTEzLjMzNCAwek0yNi4zNiAxNTMuNjRjLTM1LjE0Ny0zNS4xNDgtMzUuMTQ3LTkyLjEzMiAwLTEyNy4yOCAzNS4xNDgtMzUuMTQ3IDkyLjEzMi0zNS4xNDcgMTI3LjI4IDAgMzUuMTQ3IDM1LjE0OCAzNS4xNDcgOTIuMTMyIDAgMTI3LjI4LTM1LjE0OCAzNS4xNDctOTIuMTMyIDM1LjE0Ny0xMjcuMjggMHoiLz48L2c+PC9zdmc+");
}

.DirectionTurnright{
    background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgwIiBoZWlnaHQ9IjE4MCIgdmlld0JveD0iMCAwIDE4MCAxODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI0ZGRiI+PHBhdGggZD0iTTEyMC41MSA1Ny45MTNhNC4zNjMgNC4zNjMgMCAwMC0xLjg1NS0uNDFIMzkuNTczYTQuMzg2IDQuMzg2IDAgMDAtNC4zODcgNC4zOTF2MTMuMThhNC4zOSA0LjM5IDAgMDA0LjM4NyA0LjM5Mmg2Mi4wOTN2NjEuNzNhNC4zODYgNC4zODYgMCAwMDQuMzkyIDQuMzg3aDEzLjE4YTQuMzkgNC4zOSAwIDAwNC4zOTItNC4zODdWNjIuMTE0YTQuMzg0IDQuMzg0IDAgMDAtMy4xMi00LjJ6Ii8+PHBhdGggZD0iTTMzLjMzMyAxNDYuNjY3YzMxLjI5NiAzMS4yOTYgODIuMDM4IDMxLjI5NiAxMTMuMzM0IDAgMzEuMjk2LTMxLjI5NiAzMS4yOTYtODIuMDM4IDAtMTEzLjMzNC0zMS4yOTYtMzEuMjk2LTgyLjAzOC0zMS4yOTYtMTEzLjMzNCAwLTMxLjI5NiAzMS4yOTYtMzEuMjk2IDgyLjAzOCAwIDExMy4zMzR6TTI2LjM2IDI2LjM2YzM1LjE0OC0zNS4xNDcgOTIuMTMyLTM1LjE0NyAxMjcuMjggMCAzNS4xNDcgMzUuMTQ4IDM1LjE0NyA5Mi4xMzIgMCAxMjcuMjgtMzUuMTQ4IDM1LjE0Ny05Mi4xMzIgMzUuMTQ3LTEyNy4yOCAwLTM1LjE0Ny0zNS4xNDgtMzUuMTQ3LTkyLjEzMiAwLTEyNy4yOHoiLz48L2c+PC9zdmc+");
}

.DirectionTurnaround{
    background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgwIiBoZWlnaHQ9IjE4MCIgdmlld0JveD0iMCAwIDE4MCAxODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI0ZGRiI+PHBhdGggZD0iTTU5LjQ5IDEyMi4wODdjLjU2NC4yNjMgMS4xOTIuNDEgMS44NTUuNDFoNzkuMDgyYTQuMzg2IDQuMzg2IDAgMDA0LjM4Ny00LjM5MXYtMTMuMThhNC4zOSA0LjM5IDAgMDAtNC4zODctNC4zOTJINzguMzM0di02MS43M2E0LjM4NiA0LjM4NiAwIDAwLTQuMzkyLTQuMzg3aC0xMy4xOGE0LjM5IDQuMzkgMCAwMC00LjM5MiA0LjM4N3Y3OS4wODJhNC4zODQgNC4zODQgMCAwMDMuMTIgNC4yeiIvPjxwYXRoIGQ9Ik0xNDYuNjY3IDMzLjMzM2MtMzEuMjk2LTMxLjI5Ni04Mi4wMzgtMzEuMjk2LTExMy4zMzQgMC0zMS4yOTYgMzEuMjk2LTMxLjI5NiA4Mi4wMzggMCAxMTMuMzM0IDMxLjI5NiAzMS4yOTYgODIuMDM4IDMxLjI5NiAxMTMuMzM0IDAgMzEuMjk2LTMxLjI5NiAzMS4yOTYtODIuMDM4IDAtMTEzLjMzNHptNi45NzMgMTIwLjMwN2MtMzUuMTQ4IDM1LjE0Ny05Mi4xMzIgMzUuMTQ3LTEyNy4yOCAwLTM1LjE0Ny0zNS4xNDgtMzUuMTQ3LTkyLjEzMiAwLTEyNy4yOCAzNS4xNDgtMzUuMTQ3IDkyLjEzMi0zNS4xNDcgMTI3LjI4IDAgMzUuMTQ3IDM1LjE0OCAzNS4xNDcgOTIuMTMyIDAgMTI3LjI4eiIvPjwvZz48L3N2Zz4=");
}
.mapillaryjs-popup{
    position:absolute;
    left:0;
    top:0;
    pointer-events:none;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
}

.mapillaryjs-popup-content,.mapillaryjs-popup-content-clean{
    position:relative;
}

.mapillaryjs-popup-capture-pointer{
    pointer-events:auto;
}

.mapillaryjs-popup-content{
    padding:5px 10px;
    background:#fff;
    border:1px solid #000;
    border-radius:2px;
}

.mapillaryjs-popup-float-bottom,.mapillaryjs-popup-float-bottom-left,.mapillaryjs-popup-float-bottom-right{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
        -ms-flex-direction:column;
            flex-direction:column;
}

.mapillaryjs-popup-float-top,.mapillaryjs-popup-float-top-left,.mapillaryjs-popup-float-top-right{
    -webkit-box-orient:vertical;
    -webkit-box-direction:reverse;
    -webkit-flex-direction:column-reverse;
        -ms-flex-direction:column-reverse;
            flex-direction:column-reverse;
}

.mapillaryjs-popup-float-left{
    -webkit-box-orient:horizontal;
    -webkit-box-direction:reverse;
    -webkit-flex-direction:row-reverse;
        -ms-flex-direction:row-reverse;
            flex-direction:row-reverse;
}

.mapillaryjs-popup-float-right{
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -webkit-flex-direction:row;
        -ms-flex-direction:row;
            flex-direction:row;
}

.mapillaryjs-popup-tip,.mapillaryjs-popup-tip-inner{
    position:relative;
    z-index:1;
    width:0;
    height:0;
    border:7px solid transparent;
}

.mapillaryjs-popup-float-top .mapillaryjs-popup-tip{
    -webkit-align-self:center;
        -ms-flex-item-align:center;
            align-self:center;
    border-top-color:#000;
    border-bottom:none;
}

.mapillaryjs-popup-float-top .mapillaryjs-popup-tip-inner{
    position:relative;
    top:-8px;
    left:-7px;
    border-top-color:#fff;
    border-bottom:none;
}

.mapillaryjs-popup-float-top-right .mapillaryjs-popup-tip{
    -webkit-align-self:flex-start;
        -ms-flex-item-align:start;
            align-self:flex-start;
    border-top-color:#000;
    border-bottom:none;
    border-left:none;
}

.mapillaryjs-popup-float-top-right .mapillaryjs-popup-tip-inner{
    position:relative;
    top:-9px;
    left:1px;
    border-top-color:#fff;
    border-bottom:none;
    border-left:none;
}

.mapillaryjs-popup-float-top-left .mapillaryjs-popup-tip{
    -webkit-align-self:flex-end;
        -ms-flex-item-align:end;
            align-self:flex-end;
    border-top-color:#000;
    border-bottom:none;
    border-right:none;
}

.mapillaryjs-popup-float-top-left .mapillaryjs-popup-tip-inner{
    position:relative;
    top:-9px;
    left:-8px;
    border-top-color:#fff;
    border-bottom:none;
    border-right:none;
}

.mapillaryjs-popup-float-bottom .mapillaryjs-popup-tip{
    -webkit-align-self:center;
        -ms-flex-item-align:center;
            align-self:center;
    border-top:none;
    border-bottom-color:#000;
}

.mapillaryjs-popup-float-bottom .mapillaryjs-popup-tip-inner{
    position:relative;
    bottom:-1px;
    left:-7px;
    border-top:none;
    border-bottom-color:#fff;
}

.mapillaryjs-popup-float-bottom-right .mapillaryjs-popup-tip{
    -webkit-align-self:flex-start;
        -ms-flex-item-align:start;
            align-self:flex-start;
    border-bottom-color:#000;
    border-top:none;
    border-left:none;
}

.mapillaryjs-popup-float-bottom-right .mapillaryjs-popup-tip-inner{
    position:relative;
    bottom:-2px;
    left:1px;
    border-bottom-color:#fff;
    border-top:none;
    border-left:none;
}

.mapillaryjs-popup-float-bottom-left .mapillaryjs-popup-tip{
    -webkit-align-self:flex-end;
        -ms-flex-item-align:end;
            align-self:flex-end;
    border-bottom-color:#000;
    border-top:none;
    border-right:none;
}

.mapillaryjs-popup-float-bottom-left .mapillaryjs-popup-tip-inner{
    position:relative;
    bottom:-2px;
    left:-8px;
    border-bottom-color:#fff;
    border-top:none;
    border-right:none;
}

.mapillaryjs-popup-float-left .mapillaryjs-popup-tip{
    -webkit-align-self:center;
        -ms-flex-item-align:center;
            align-self:center;
    border-left-color:#000;
    border-right:none;
}

.mapillaryjs-popup-float-left .mapillaryjs-popup-tip-inner{
    position:relative;
    top:-7px;
    left:-8px;
    border-left-color:#fff;
    border-right:none;
}

.mapillaryjs-popup-float-right .mapillaryjs-popup-tip{
    -webkit-align-self:center;
        -ms-flex-item-align:center;
            align-self:center;
    border-right-color:#000;
    border-left:none;
}

.mapillaryjs-popup-float-right .mapillaryjs-popup-tip-inner{
    position:relative;
    top:-7px;
    left:1px;
    border-right-color:#fff;
    border-left:none;
}

.mapillaryjs-popup-float-top-left .mapillaryjs-popup-content{
    border-bottom-right-radius:0;
}

.mapillaryjs-popup-float-top-right .mapillaryjs-popup-content{
    border-bottom-left-radius:0;
}

.mapillaryjs-popup-float-bottom-left .mapillaryjs-popup-content{
    border-top-right-radius:0;
}

.mapillaryjs-popup-float-bottom-right .mapillaryjs-popup-content{
    border-top-left-radius:0;
}
.RouteFrame{
    background-color:rgba(0, 0, 0, .5);
    outline:1px solid hsla(0, 0%, 100%, .5);
    width:80%;
    height:40px;
    text-align:center;
    color:#fff;
    margin:0 auto;
    position:absolute;
    z-index:20;
    bottom:30%;
    left:10%;
}

.RouteFrame p{
    margin:0;
    padding:10px;
    font-family:Helvetica,Arial,sans-serif;
    font-size:14px;
    text-shadow:0 0 5px rgba(0, 0, 0, .75);
}
.SequenceContainer{
    position:absolute;
    top:14px;
    pointer-events:none;
    font-size:0;
    z-index:10;
    width:100%;
}

.SequenceControls,.SequenceStepper{
    position:absolute;
    left:50%;
    cursor:pointer;
}

.SequenceStepper{
    -webkit-transform:translate(-50%);
            transform:translate(-50%);
}

.SequenceExpanderButton,.SequencePlaybackButton,.SequenceTimelineButton{
    display:inline-block;
    height:100%;
    pointer-events:auto;
}

.SequenceExpanderButton{
    width:18.18182%;
    background:rgba(0, 0, 0, .5);
}

.SequenceExpanderBar{
    background-color:#fff;
    width:12.5%;
    border-radius:1px;
    height:53.33333%;
    position:relative;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%, -50%);
            transform:translate(-50%, -50%);
}

.SequencePlaybackButton,.SequenceTimelineButton{
    width:0;
    background:rgba(0, 0, 0, .5);
    -webkit-transition:width .15s ease-out;
    transition:width .15s ease-out;
}

.SequencePositionContainer,.SequencePositionContainerDisabled,.SequenceSpeedContainer{
    display:inline-block;
    height:100%;
    vertical-align:top;
    background:rgba(0, 0, 0, .5);
    pointer-events:auto;
    padding-right:3px;
}

.SequenceSpeedContainer{
    padding-left:3px;
}

.SequencePositionContainer,.SequencePositionContainerDisabled{
    padding-left:16px;
}

.SequencePosition,.SequenceSpeed{
    padding:0;
    margin:7px 0 0;
    height:16px;
    cursor:pointer;
    outline:none;
    background:none;
    -webkit-appearance:none;
}

.SequencePositionContainerDisabled .SequencePosition{
    cursor:default;
}

.SequenceCloseIcon,.SequenceFastIcon,.SequenceFastIconGrey,.SequenceSlowIcon,.SequenceSwitchIcon,.SequenceTimelineIcon,.SequenceTimelineIconGrey{
    position:relative;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%, -50%);
            transform:translate(-50%, -50%);
    background-size:contain;
    background-repeat:no-repeat;
    opacity:0;
}

.SequenceFastIcon,.SequenceTimelineIcon{
    -webkit-transition-delay:0s;
            transition-delay:0s;
    -webkit-transition-property:opacity;
    transition-property:opacity;
}

.SequenceFastIcon,.SequenceFastIconGrey,.SequenceSlowIcon,.SequenceTimelineIcon,.SequenceTimelineIconGrey{
    width:66.66667%;
    height:80%;
}

.SequenceCloseIcon,.SequenceSwitchIcon{
    width:44.44444%;
    height:53.33333%;
}

.SequenceFastIcon{
    background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHBhdGggZD0iTTIwLjE0OCAxMy41Yy0yLjE1MSAwLTIuNTQ3Ljg2Mi0zLjU2NyAxLjM2LTEuODUzLjkwNy0zLjEgMi4wNzMtMy4xIDQuMjY1IDAgMS4xNjEtLjAxIDEuODc1LS4zNyAxLjg3NS0uNjU3IDAtLjk5NC0uNjkxLTEuMjk5LTEuMjJhMS44ODMgMS44ODMgMCAwMS0uNjQ1LjA5NWMtLjg0NCAwLTUuNDYzLTEuNjg3LTUuNDYzLTIuNjI1IDAtLjU1MS4zNy0uODQ3LjM3LTEuNXYtLjAxYTEuNzgzIDEuNzgzIDAgMDAtLjczLTEuMzkgMy42MTIgMy42MTIgMCAwMS0xLjI4OS0xLjczMmMtLjE4LjA4Ni0uMzc1LjEzMS0uNTczLjEzMkMyLjc3IDEyLjc1IDIgMTEuODczIDIgMTAuNWMwLTEuMzcuMjY2LTEuODc1LjU1Ni0xLjg3NS4zNzUgMCAuNDYzLjE4OC40NjMuMTg4cy4yNTYtLjk0Mi43OC0uOTQyYy4yNy4wMDQuNTE3LjE2LjYzOC40MDZBNC40NCA0LjQ0IDAgMDE3LjkyNiA2Ljc1YzUuMzcyIDAgNS43MyAzLjM3NSA3LjQwNyAzLjM3NS42MjIgMCAxLjExMS0uODkzIDEuMTExLTEuMTI1IDAtLjcyLTMuMzMzLTIuMDc2LTMuMzMzLTUuMjUgMC0uNDk2LjM5NC0uNzUuOTI2LS43NS40NjMgMCAxLjQ1MS42MSAyLjAzNyAxLjUuODk1IDEuMzYuNzU5IDMgMS44NTIgMy43NS40MDkuMjggMS40NTIuMjYgMi4yMjIuNzVzMS4yNDYgMS4zMDMgMS40ODIgMS41Yy4yMTcuMTkuMzUuNDYuMzcuNzUgMCAuMzYxLS44MDUgMi4yNS0xLjg1MiAyLjI1em0tOC44ODkgM2E2Ljk5NiA2Ljk5NiAwIDAxLTIuODY0LS42NzQgMi45MSAyLjkxIDAgMDAtLjA5OS42NzRjMCAuNjI3LjQ4Ljg2OCAyLjIyMiAxLjUuMzkyLjEzNC43Ny4zMDUgMS4xMy41MTEuMDQtLjY4My4xMTUtMS4zNjMuMjI1LTIuMDM4LS4yLjAxNC0uNDAzLjAyNy0uNjE0LjAyN3oiIGlkPSJhIi8+PC9kZWZzPjx1c2UgZmlsbD0iI0ZGRiIgeGxpbms6aHJlZj0iI2EiLz48L3N2Zz4=");
}

.SequenceFastIconGrey{
    background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHBhdGggZD0iTTIwLjE0OCAxMy41Yy0yLjE1MSAwLTIuNTQ3Ljg2Mi0zLjU2NyAxLjM2LTEuODUzLjkwNy0zLjEgMi4wNzMtMy4xIDQuMjY1IDAgMS4xNjEtLjAxIDEuODc1LS4zNyAxLjg3NS0uNjU3IDAtLjk5NC0uNjkxLTEuMjk5LTEuMjJhMS44ODMgMS44ODMgMCAwMS0uNjQ1LjA5NWMtLjg0NCAwLTUuNDYzLTEuNjg3LTUuNDYzLTIuNjI1IDAtLjU1MS4zNy0uODQ3LjM3LTEuNXYtLjAxYTEuNzgzIDEuNzgzIDAgMDAtLjczLTEuMzkgMy42MTIgMy42MTIgMCAwMS0xLjI4OS0xLjczMmMtLjE4LjA4Ni0uMzc1LjEzMS0uNTczLjEzMkMyLjc3IDEyLjc1IDIgMTEuODczIDIgMTAuNWMwLTEuMzcuMjY2LTEuODc1LjU1Ni0xLjg3NS4zNzUgMCAuNDYzLjE4OC40NjMuMTg4cy4yNTYtLjk0Mi43OC0uOTQyYy4yNy4wMDQuNTE3LjE2LjYzOC40MDZBNC40NCA0LjQ0IDAgMDE3LjkyNiA2Ljc1YzUuMzcyIDAgNS43MyAzLjM3NSA3LjQwNyAzLjM3NS42MjIgMCAxLjExMS0uODkzIDEuMTExLTEuMTI1IDAtLjcyLTMuMzMzLTIuMDc2LTMuMzMzLTUuMjUgMC0uNDk2LjM5NC0uNzUuOTI2LS43NS40NjMgMCAxLjQ1MS42MSAyLjAzNyAxLjUuODk1IDEuMzYuNzU5IDMgMS44NTIgMy43NS40MDkuMjggMS40NTIuMjYgMi4yMjIuNzVzMS4yNDYgMS4zMDMgMS40ODIgMS41Yy4yMTcuMTkuMzUuNDYuMzcuNzUgMCAuMzYxLS44MDUgMi4yNS0xLjg1MiAyLjI1em0tOC44ODkgM2E2Ljk5NiA2Ljk5NiAwIDAxLTIuODY0LS42NzQgMi45MSAyLjkxIDAgMDAtLjA5OS42NzRjMCAuNjI3LjQ4Ljg2OCAyLjIyMiAxLjUuMzkyLjEzNC43Ny4zMDUgMS4xMy41MTEuMDQtLjY4My4xMTUtMS4zNjMuMjI1LTIuMDM4LS4yLjAxNC0uNDAzLjAyNy0uNjE0LjAyN3oiIGlkPSJhIi8+PC9kZWZzPjx1c2UgZmlsbD0iI0Q3REFERCIgeGxpbms6aHJlZj0iI2EiLz48L3N2Zz4=");
}

.SequenceTimelineIcon{
    background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik05IDZoNmEyIDIgMCAwMTIgMnY4YTIgMiAwIDAxLTIgMkg5YTIgMiAwIDAxLTItMlY4YTIgMiAwIDAxMi0yem0xMS42MzQgN0gxOWExIDEgMCAwMTAtMmgxLjYzNGExIDEgMCAwMTEuNTczLTEuMjA3bDEuNSAxLjVhLjk5Ny45OTcgMCAwMTAgMS40MTRsLTEuNSAxLjVBMSAxIDAgMDEyMC42MzQgMTN6TTMuMzY2IDEzYTEgMSAwIDAxLTEuNTczIDEuMjA3bC0xLjUtMS41YS45OTcuOTk3IDAgMDEwLTEuNDE0bDEuNS0xLjVBMSAxIDAgMDEzLjM2NiAxMUg1YTEgMSAwIDAxMCAySDMuMzY2eiIvPjwvZGVmcz48dXNlIGZpbGw9IiNGRkYiIHhsaW5rOmhyZWY9IiNhIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=");
}

.SequenceTimelineIconGrey{
    background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik05IDZoNmEyIDIgMCAwMTIgMnY4YTIgMiAwIDAxLTIgMkg5YTIgMiAwIDAxLTItMlY4YTIgMiAwIDAxMi0yem0xMS42MzQgN0gxOWExIDEgMCAwMTAtMmgxLjYzNGExIDEgMCAwMTEuNTczLTEuMjA3bDEuNSAxLjVhLjk5Ny45OTcgMCAwMTAgMS40MTRsLTEuNSAxLjVBMSAxIDAgMDEyMC42MzQgMTN6TTMuMzY2IDEzYTEgMSAwIDAxLTEuNTczIDEuMjA3bC0xLjUtMS41YS45OTcuOTk3IDAgMDEwLTEuNDE0bDEuNS0xLjVBMSAxIDAgMDEzLjM2NiAxMUg1YTEgMSAwIDAxMCAySDMuMzY2eiIvPjwvZGVmcz48dXNlIGZpbGw9IiNEN0RBREQiIHhsaW5rOmhyZWY9IiNhIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=");
}

.SequenceSlowIcon{
    background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHBhdGggZD0iTTE4LjkzNCAxMy4yMjJsLS43ODIgMS44OTdjLjMzMi4yNSAxLjMzNSAxLjEgMS4zMzUgMi4yNTFhMS4yODkgMS4yODkgMCAwMS0uMzgxLjgyNy40MDIuNDAyIDAgMDEtLjI5NS4xMjRoLTIuNjU4YS40MS40MSAwIDAxLS4zNTMtLjIwMWwtLjcxNC0xLjIwOGEuODIyLjgyMiAwIDAxLS4wNzMtLjY3NGwuMTI1LS4zOEg3LjRjLjM2MS40MjMuNTY5Ljk1Ni41OSAxLjUxMmExLjI4NSAxLjI4NSAwIDAxLS4zODEuODI3LjQwMi40MDIgMCAwMS0uMjk1LjEyNEg0LjY1NmEuNDEuNDEgMCAwMS0uMzUzLS4yMDFsLS43MTQtMS4yMDhhLjgyLjgyIDAgMDEtLjA3My0uNjc0bC4wMDgtLjAyNGE0LjEyMyA0LjEyMyAwIDAxLTIuMTc0Ljg0LjMwNi4zMDYgMCAwMS0uMjk4LS40NzRDMy40MjUgMTMuNDAyIDIuNzA4IDYuMDAyIDExLjMxMyA2LjAwMmE5LjA1OCA5LjA1OCAwIDAxNy4wNDIgMy4xMjIgMy41OTUgMy41OTUgMCAwMDEuOTI0LTEuNDMgMS4yMzQgMS4yMzQgMCAwMTEuNDkzLS4zNmwxLjk5LjkyNWMuMTY0LjA3Ni4yNTkuMjUxLjIzNC40My0uMjAyIDEuNDU2LTEuNzg4IDMuNzY3LTUuMDYyIDQuNTMzeiIgaWQ9ImEiLz48L2RlZnM+PHVzZSBmaWxsPSIjRkZGIiB4bGluazpocmVmPSIjYSIvPjwvc3ZnPg==");
}

.SequenceSwitchIcon{
    background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNiA0aDhhMSAxIDAgMTEwIDJINnYyLjA1OGEuNDQ5LjQ0OSAwIDAxLS4yODEuMzk0LjU3NC41NzQgMCAwMS0uNTI5LS4wMzVMLjIxNSA1LjM1OEEuNDIzLjQyMyAwIDAxMCA1YzAtLjE0My4wOC0uMjc3LjIxNC0uMzU4bDQuOTc3LTMuMDU5YS41NzQuNTc0IDAgMDEuNTI4LS4wMzVjLjE3LjA3NS4yNzguMjI3LjI4MS4zOTRWNHptNCA2VjcuOTQyYS40NDguNDQ4IDAgMDEuMjgxLS4zOTQuNTc0LjU3NCAwIDAxLjUyOC4wMzVsNC45NzcgMy4wNTlBLjQyMy40MjMgMCAwMTE2IDExYzAgLjE0My0uMDguMjc3LS4yMTQuMzU4bC00Ljk3NiAzLjA1OWEuNTc0LjU3NCAwIDAxLS41MjkuMDM1LjQ0OS40NDkgMCAwMS0uMjgxLS4zOTRWMTJIMmExIDEgMCAxMTAtMmg4eiIgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+");
}

.SequenceCloseIcon{
    background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOS4yNzMgOC4wMDVsMy40NDIgMy40NDFhLjkwOS45MDkgMCAxMS0xLjI4NSAxLjI4NUw3Ljk5IDkuMjg5bC0zLjQzNyAzLjQzN2EuOTA4LjkwOCAwIDAxLTEuMjg0LTEuMjg1bDMuNDM3LTMuNDM2LTMuNDUtMy40NWEuOTA4LjkwOCAwIDAxMS4yODQtMS4yODRsMy40NSAzLjQ1IDMuNDU0LTMuNDU1YS45MDguOTA4IDAgMTExLjI4NSAxLjI4NEw5LjI3MyA4LjAwNXoiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==");
}

.SequenceIconVisible{
    opacity:1;
}

.SequenceControlsExpanded .SequenceFastIcon,.SequenceControlsExpanded .SequenceTimelineIcon{
    opacity:1;
    -webkit-transition-delay:.12s;
            transition-delay:.12s;
    -webkit-transition:.2s ease-in;
    transition:.2s ease-in;
    -webkit-transition-property:opacity;
    transition-property:opacity;
}

.SequenceControlsExpanded .SequencePlaybackButton,.SequenceControlsExpanded .SequenceTimelineButton{
    width:40.90909%;
}

.SequencePlayback,.SequenceTimeline{
    position:absolute;
    height:30px;
    width:405px;
    max-width:80%;
    min-width:271px;
    left:50%;
    padding-left:5px;
    -webkit-transform:translate(-50%);
            transform:translate(-50%);
}

.SequenceCloseButton,.SequenceFastContainer,.SequenceSlowContainer,.SequenceSwitchButton,.SequenceSwitchButtonDisabled{
    width:36px;
    height:100%;
    display:inline-block;
    pointer-events:auto;
    background:rgba(0, 0, 0, .5);
}

.SequenceCloseButton,.SequenceSwitchButton,.SequenceSwitchButtonDisabled{
    cursor:pointer;
}

.SequencePlay,.SequencePlayDisabled,.SequenceStepNext,.SequenceStepNextDisabled,.SequenceStepNextHighlight,.SequenceStepPrev,.SequenceStepPrevDisabled,.SequenceStepPrevHighlight{
    display:inline-block;
    width:33.33333%;
    height:100%;
    pointer-events:auto;
}

.SequencePlayDisabled,.SequenceStepNextDisabled,.SequenceStepPrevDisabled{
    cursor:default;
}

.SequencePlay,.SequencePlayDisabled,.SequenceStepNext,.SequenceStepNextDisabled,.SequenceStepNextHighlight,.SequenceStepPrev,.SequenceStepPrevDisabled,.SequenceStepPrevHighlight{
    background:rgba(0, 0, 0, .5);
}

.SequencePositionContainer,.SequencePositionContainerDisabled,.SequenceSwitchButton,.SequenceSwitchButtonDisabled{
    border-bottom-left-radius:8px;
    border-top-left-radius:8px;
}

.SequenceCloseButton{
    border-bottom-right-radius:8px;
    border-top-right-radius:8px;
}

.Play.SequenceComponentIcon,.PlayDisabled.SequenceComponentIcon{
    background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTQuODk1IDguNjg3bC0xMS4zODcgNy4wN2MtLjgzLjU0NS0xLjUwOC4xNDEtMS41MDgtLjg5MlYxLjEzNkMyIC4xIDIuNjc4LS4zMDEgMy41MS4yNDNsMTEuMzg3IDcuMDczYy0uMDAyIDAgLjQwNC4yODcuNDA0LjY4NSAwIC40LS40MDYuNjg2LS40MDYuNjg2eiIgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+");
}

.Stop.SequenceComponentIcon,.StopDisabled.SequenceComponentIcon{
    background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCAxLjk5NEMwIC44OTMuODk0IDAgMS45OTQgMGgxMi4wMTJDMTUuMTA3IDAgMTYgLjg5NCAxNiAxLjk5NHYxMi4wMTJBMS45OTUgMS45OTUgMCAwMTE0LjAwNiAxNkgxLjk5NEExLjk5NSAxLjk5NSAwIDAxMCAxNC4wMDZWMS45OTR6IiBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=");
}

.SequenceStepPrev .SequenceComponentIcon,.SequenceStepPrevDisabled .SequenceComponentIcon,.SequenceStepPrevHighlight .SequenceComponentIcon{
    background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNi4yNjggOGw1LjUyMS01Ljk0N2ExLjIgMS4yIDAgMDAwLTEuNzAxIDEuMjA2IDEuMjA2IDAgMDAtMS43MDMgMEwzLjM1MyA3LjE0OGExLjIwMiAxLjIwMiAwIDAwMCAxLjcwM2w2LjczMyA2Ljc5NmExLjIwMyAxLjIwMyAwIDEwMS43MDQtMS43MDFMNi4yNjggOHoiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==");
}

.SequenceStepNext .SequenceComponentIcon,.SequenceStepNextDisabled .SequenceComponentIcon,.SequenceStepNextHighlight .SequenceComponentIcon{
    background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOS44NzUgOEw0LjM1MyAyLjA1M2ExLjIgMS4yIDAgMDEwLTEuNzAxIDEuMjA2IDEuMjA2IDAgMDExLjcwNCAwbDYuNzMyIDYuNzk2YTEuMjAyIDEuMjAyIDAgMDEwIDEuNzAzbC02LjczMiA2Ljc5NmExLjIwMyAxLjIwMyAwIDExLTEuNzA0LTEuNzAxTDkuODc1IDh6IiBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=");
}

.PlayDisabled.SequenceComponentIcon,.SequenceStepNextDisabled .SequenceComponentIcon,.SequenceStepPrevDisabled .SequenceComponentIcon,.SequenceSwitchButtonDisabled .SequenceSwitchIcon,.StopDisabled.SequenceComponentIcon{
    opacity:.35;
}

.SequenceComponentIcon{
    position:relative;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%, -50%);
            transform:translate(-50%, -50%);
    width:44.44444%;
    height:53.33333%;
    background-size:contain;
    background-repeat:no-repeat;
}

.SequencePosition::-webkit-slider-thumb,.SequenceSpeed::-webkit-slider-thumb{
    -webkit-appearance:none;
    width:16px;
    height:16px;
    border-radius:50%;
    border:2px solid #fff;
    background:#fff;
    cursor:pointer;
    margin-top:-6px;
}

.SequencePositionContainerDisabled .SequencePosition::-webkit-slider-thumb{
    border:none;
    background:none;
    -webkit-box-shadow:none;
            box-shadow:none;
}

.SequencePosition::-webkit-slider-runnable-track,.SequenceSpeed::-webkit-slider-runnable-track{
    height:4px;
    border-radius:2px;
    background-color:#fff;
}

.SequencePositionContainerDisabled .SequencePosition::-webkit-slider-runnable-track{
    background-color:#d7dadd;
}

.SequencePosition::-moz-focus-outer,.SequenceSpeed::-moz-focus-outer{
    border:0;
}

.SequencePosition::-moz-range-track,.SequenceSpeed::-moz-range-track{
    height:4px;
    border-radius:2px;
    background-color:#fff;
}

.SequencePositionContainerDisabled .SequencePosition::