@font-face {
    font-family: 'Proto Grotesk';
    src: local('☺️'), url('https://static.istories.media/public/fonts/Proto Grotesk-Bold-Web.woff2') format('woff2'), url('https://static.istories.media/public/fonts/Proto Grotesk-Bold-Web.woff') format('woff'), url('https://static.istories.media/public/fonts/Proto Grotesk-Bold-Web.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

body,
html {
    height: 100%;
    margin: 0;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden
}

#fl-layout-primary {
    position: relative
}

#wrapper {
    overflow: hidden;
    height: 100%;
    width: 100%
}

rect.selection {
    fill-opacity: .1;
    fill: orange!important
}

#controls {
    display: inline-block;
    vertical-align: middle;
    text-align: center
}

.data-elements .series .line,
.tick,
.x-highlighter {
    pointer-events: none
}

.flourish-popup {
    z-index: 9999
}

.flourish-popup .flourish-popup-content {
    pointer-events: none!important
}

.flourish-popup .flourish-popup-content a {
    pointer-events: auto
}

svg .axis text {
    font-family: inherit, sans-serif
}

#overlay {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none
}

#overlay .boxes {
    pointer-events: auto
}

.data-elements .series .data-points path {
    shape-rendering: geometricPrecision;
    pointer-events: auto
}

svg {
    display: block
}


/*# sourceMappingURL=style.css.map */