/*! system-font.css v2.0.2 | CC0-1.0 License | github.com/jonathantneal/system-font-css */

@font-face {
    font-family: system-ui;
    font-style: normal;
    font-weight: 300;
    src: local(".SFNSText-Light"),local(".HelveticaNeueDeskInterface-Light"),local(".LucidaGrandeUI"),local("Segoe UI Light"),local("Ubuntu Light"),local("Roboto-Light"),local("DroidSans"),local("Tahoma")
}

@font-face {
    font-family: system-ui;
    font-style: italic;
    font-weight: 300;
    src: local(".SFNSText-LightItalic"),local(".HelveticaNeueDeskInterface-Italic"),local(".LucidaGrandeUI"),local("Segoe UI Light Italic"),local("Ubuntu Light Italic"),local("Roboto-LightItalic"),local("DroidSans"),local("Tahoma")
}

@font-face {
    font-family: system-ui;
    font-style: normal;
    font-weight: 400;
    src: local(".SFNSText-Regular"),local(".HelveticaNeueDeskInterface-Regular"),local(".LucidaGrandeUI"),local("Segoe UI"),local("Ubuntu"),local("Roboto-Regular"),local("DroidSans"),local("Tahoma")
}

@font-face {
    font-family: system-ui;
    font-style: italic;
    font-weight: 400;
    src: local(".SFNSText-Italic"),local(".HelveticaNeueDeskInterface-Italic"),local(".LucidaGrandeUI"),local("Segoe UI Italic"),local("Ubuntu Italic"),local("Roboto-Italic"),local("DroidSans"),local("Tahoma")
}

@font-face {
    font-family: system-ui;
    font-style: normal;
    font-weight: 500;
    src: local(".SFNSText-Medium"),local(".HelveticaNeueDeskInterface-MediumP4"),local(".LucidaGrandeUI"),local("Segoe UI Semibold"),local("Ubuntu Medium"),local("Roboto-Medium"),local("DroidSans-Bold"),local("Tahoma Bold")
}

@font-face {
    font-family: system-ui;
    font-style: italic;
    font-weight: 500;
    src: local(".SFNSText-MediumItalic"),local(".HelveticaNeueDeskInterface-MediumItalicP4"),local(".LucidaGrandeUI"),local("Segoe UI Semibold Italic"),local("Ubuntu Medium Italic"),local("Roboto-MediumItalic"),local("DroidSans-Bold"),local("Tahoma Bold")
}

@font-face {
    font-family: system-ui;
    font-style: normal;
    font-weight: 700;
    src: local(".SFNSText-Bold"),local(".HelveticaNeueDeskInterface-Bold"),local(".LucidaGrandeUI"),local("Segoe UI Bold"),local("Ubuntu Bold"),local("Roboto-Bold"),local("DroidSans-Bold"),local("Tahoma Bold")
}

@font-face {
    font-family: system-ui;
    font-style: italic;
    font-weight: 700;
    src: local(".SFNSText-BoldItalic"),local(".HelveticaNeueDeskInterface-BoldItalic"),local(".LucidaGrandeUI"),local("Segoe UI Bold Italic"),local("Ubuntu Bold Italic"),local("Roboto-BoldItalic"),local("DroidSans-Bold"),local("Tahoma Bold")
}

@charset "UTF-8";

body {
    margin: 0
}

#ls-holder {
    max-width: 1440px;
    margin: 0 auto
}

    #ls-holder h1, #ls-holder h2, #ls-holder h3 {
        color: #00284f
    }

#ls-timeline, #ls-worldmap {
    width: calc(100% - 72px);
    height: auto;
    border: 1px solid #eaeaea;
    border-radius: 5px;
    margin: 18px;
    padding: 18px;
    font-family: system-ui;
    position: relative;
    padding-bottom: 160px;
}

    #ls-timeline h2, #ls-worldmap h2 {
        margin-top: 0;
        margin-bottom: 12px;
    }

#ls-timeline-wrapper {
    width: 100%;
    overflow-y: scroll;
}

#ls-worldmap-legend {
    position: absolute;
    bottom: 5px;
    left: 0;
    /*border: 1px solid #eaeaea;*/
    font-size: 80%;
    color: rgba(0,0,0,.6);
    width: 400px;
    padding: 12px 24px;
}

    #ls-worldmap-legend ul#ls-worldmap-legend-list {
        margin: 0;
        padding-left: 24px;
        list-style: none
    }

        #ls-worldmap-legend ul#ls-worldmap-legend-list li {
            position: relative;
            margin: 12px 0
        }

            #ls-worldmap-legend ul#ls-worldmap-legend-list li:before {
                content: "•";
                display: block;
                position: absolute;
                font-size: 200%;
                left: -24px;
                top: -6px
            }

            #ls-worldmap-legend ul#ls-worldmap-legend-list li.orange:before {
                color: #ffb700
            }

            #ls-worldmap-legend ul#ls-worldmap-legend-list li.blue:before {
                color: #00284f
            }

#ls-logo {
    position: absolute;
    top: 0;
    right: 0;
    padding: 13% 10% 0 0;
    width: 25%;
    max-width: 450px;
    pointer-events: none;
    display:none;
}

    #ls-logo svg {
        display: block;
        position: relative;
        width: 100%
    }

#ls-map-update, #ls-timeline-update {
    padding: 0;
    color: rgba(0,0,0,.4);
    font-size: 80%
}

.ls-update-label {
    font-weight: 700
}

circle.dots {
    pointer-events: none
}

circle.target {
    cursor: pointer
}

circle.pulse, circle.site {
    pointer-events: none
}

.ls-tippy-content {
    padding: 12px;
    font-family: system-ui;
    color: #444
}

    .ls-tippy-content p {
        padding: 0;
        margin: 0
    }

    .ls-tippy-content .ls-name {
        font-size: 20px;
        padding: 0;
        margin: 0
    }

    .ls-tippy-content .ls-location {
        border-bottom: 1px solid #e5e5e5;
        padding-bottom: 6px;
        color: #777
    }

    .ls-tippy-content .ls-info {
        margin: 12px 0
    }

    .ls-tippy-content .ls-info-item {
        line-height: 24px
    }

        .ls-tippy-content .ls-info-item .ls-info-item-key {
            text-transform: uppercase;
            color: #777;
            font-size: 12px
        }

    .ls-tippy-content .ls-web-link {
        cursor: pointer;
        display: inline-block;
        padding: 4px 8px;
        margin: 6px 0;
        background-color: #fbb900;
        text-decoration: none;
        color: #444;
        border-radius: 3px;
        transition: all .3s ease-in-out
    }

        .ls-tippy-content .ls-web-link:hover {
            background-color: #fbc52e;
            box-shadow: .5px 1px 3px rgba(0,0,0,.25)
        }

        .ls-tippy-content .ls-web-link span {
            display: inline-block;
            vertical-align: middle;
            line-height: 20px;
            padding-bottom: 1px;
            padding-right: 2px
        }

        .ls-tippy-content .ls-web-link svg {
            display: inline-block;
            vertical-align: middle;
            height: 20px;
            padding-right: 2px;
            padding-top: 1px
        }

    .ls-tippy-content .ls-cdr-link {
        cursor: pointer;
        display: inline-block;
        padding: 4px 8px;
        margin: 6px 0;
        background-color: #fbb700;
        text-decoration: none;
        color: #444;
        border-radius: 3px;
        transition: all .3s ease-in-out
    }

        .ls-tippy-content .ls-cdr-link:hover {
            background-color: #fbc52e;
            box-shadow: .5px 1px 3px rgba(0,0,0,.25)
        }

        .ls-tippy-content .ls-cdr-link span {
            display: inline-block;
            vertical-align: middle;
            line-height: 20px;
            padding-bottom: 1px;
            padding-right: 2px
        }

        .ls-tippy-content .ls-cdr-link svg {
            display: inline-block;
            vertical-align: middle;
            height: 20px;
            padding-right: 2px;
            padding-top: 4px
        }

.tippy-tooltip[data-animation=fade][data-state=hidden] {
    opacity: 0
}

.tippy-iOS {
    cursor: pointer !important;
    -webkit-tap-highlight-color: transparent
}

.tippy-popper {
    pointer-events: none;
    max-width: calc(100vw - 10px);
    transition-timing-function: cubic-bezier(.165,.84,.44,1);
    transition-property: transform
}

.tippy-tooltip {
    position: relative;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.4;
    background-color: #333;
    transition-property: visibility,opacity,transform;
    outline: 0
}

    .tippy-tooltip[data-placement^=top] > .tippy-arrow {
        border-width: 8px 8px 0;
        border-top-color: #333;
        margin: 0 3px;
        transform-origin: 50% 0;
        bottom: -7px
    }

    .tippy-tooltip[data-placement^=bottom] > .tippy-arrow {
        border-width: 0 8px 8px;
        border-bottom-color: #333;
        margin: 0 3px;
        transform-origin: 50% 7px;
        top: -7px
    }

    .tippy-tooltip[data-placement^=left] > .tippy-arrow {
        border-width: 8px 0 8px 8px;
        border-left-color: #333;
        margin: 3px 0;
        transform-origin: 0 50%;
        right: -7px
    }

    .tippy-tooltip[data-placement^=right] > .tippy-arrow {
        border-width: 8px 8px 8px 0;
        border-right-color: #333;
        margin: 3px 0;
        transform-origin: 7px 50%;
        left: -7px
    }

    .tippy-tooltip[data-interactive][data-state=visible] {
        pointer-events: auto
    }

    .tippy-tooltip[data-inertia][data-state=visible] {
        transition-timing-function: cubic-bezier(.54,1.5,.38,1.11)
    }

.tippy-arrow {
    position: absolute;
    border-color: transparent;
    border-style: solid
}

.tippy-content {
    padding: 5px 9px
}

.tippy-tooltip.light-theme {
    color: #26323d;
    box-shadow: 0 0 20px 4px rgba(154,161,177,.15),0 4px 80px -8px rgba(36,40,47,.25),0 4px 4px -2px rgba(91,94,105,.15);
    background-color: #fff
}

    .tippy-tooltip.light-theme[data-placement^=top] > .tippy-arrow {
        border-width: 8px 8px 0;
        border-top-color: #fff
    }

    .tippy-tooltip.light-theme[data-placement^=bottom] > .tippy-arrow {
        border-width: 0 8px 8px;
        border-bottom-color: #fff
    }

    .tippy-tooltip.light-theme[data-placement^=left] > .tippy-arrow {
        border-width: 8px 0 8px 8px;
        border-left-color: #fff
    }

    .tippy-tooltip.light-theme[data-placement^=right] > .tippy-arrow {
        border-width: 8px 8px 8px 0;
        border-right-color: #fff
    }

    .tippy-tooltip.light-theme > .tippy-backdrop {
        background-color: #fff
    }

    .tippy-tooltip.light-theme > .tippy-svg-arrow {
        fill: #fff
    }

.tippy-tooltip[data-animation=shift-away][data-placement^=top][data-state=hidden] {
    transform: translateY(10px)
}

.tippy-tooltip[data-animation=shift-away][data-placement^=bottom][data-state=hidden] {
    transform: translateY(-10px)
}

.tippy-tooltip[data-animation=shift-away][data-placement^=left][data-state=hidden] {
    transform: translateX(10px)
}

.tippy-tooltip[data-animation=shift-away][data-placement^=right][data-state=hidden] {
    transform: translateX(-10px)
}

.tippy-tooltip[data-animation=shift-away][data-state=hidden] {
    opacity: 0
}
/*# sourceMappingURL=diamond-worldmap.cf09f013.css.map */