.mapbox-geojson-map-container
    overflow hidden
    position relative
    border-right 1px solid lighten(#464646, 90%)
    .mbgs
        position absolute
        top 5px
        right 0
        bottom 5px
        transform translateX(250px)
        width 250px
        background white
        transition all .1s ease-in
        border-top-left-radius 3px
        border-bottom-left-radius 3px
        &.mbgs-open
            transform translateX(0)
            box-shadow 0 0 6px rgba(0, 0, 0, .4)
            .mbgs-toggle
                left -27px
                border-right 0
                border-top-right-radius 0
                border-bottom-right-radius 0
                .dashicons-arrow-left
                    transform rotate(180deg)
        .mbgs-body
            overflow scroll
            position absolute
            top 0
            bottom 0
            left 0
            right 0
            padding-bottom 15px
        .mbgs-toggle
            position absolute
            top 5px
            left -37px
            background white
            border-radius 3px
            width 26px
            height 26px
            line-height 26px
            border 1px solid #999
            border-color rgba(0,0,0,.4)
            cursor pointer
            &:hover
                background-color #f8f8f8
            .dashicons-arrow-left
                padding 3px
        .mbgs-tray-item
            display block
            width 100%
            padding 10px 10px 10px 10px
            box-sizing border-box
            outline none
            border-bottom 1px solid lighten(#464646, 90%)
            &.mbgs-tray-item-active
                background-color lighten(#464646, 90%)
            .mbgs-tray-item-header
                width 100%
                height 100%
                display block
                line-height 26px
                color #464646
                border none
                outline 0
                text-decoration none
                position relative
            .mbgs-delete-feature
                position absolute
                right 0
                &:hover
                    background-color lighten(#464646, 90%)
    .ld-icon
        background-image url('https://api.tiles.mapbox.com/mapbox.js/plugins/leaflet-draw/v0.2.2/images/spritesheet.png')
        background-repeat no-repeat
        width 26px
        height 26px
        display inline-block
        vertical-align middle
     .ld-icon-polyline
        background-position -2px -2px
    .ld-icon-polygon
        background-position -31px -2px
    .ld-icon-marker
        background-position -122px -2px
    .ld-icon-trashcan
        background-position -182px -2px