@font-face{font-family:'minicons';src:local("minicons"),url("../fonts/minicons.eot?a3e82");src:local("minicons"),url("../fonts/minicons.eot?a3e82#iefix") format("embedded-opentype"),url("../fonts/minicons.ttf?a3e82") format("truetype"),url("../fonts/minicons.woff?a3e82") format("woff"),url("../fonts/minicons.svg?a3e82#minicons") format("svg");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:'minicons-new';src:local("minicons"),url("../fonts/minicons-new.eot?-a3e82");src:local("minicons"),url("../fonts/minicons-new.eot?-a3e82#iefix") format("embedded-opentype"),url("../fonts/minicons-new.woff?-a3e82") format("woff"),url("../fonts/minicons-new.ttf?-a3e83") format("truetype"),url("../fonts/minicons-new.svg?-a3e83#minicons-new") format("svg");font-weight:normal;font-style:normal;font-display:swap}

amp-sidebar {
    --story-page-vh: 1vh;
    position: fixed!important;
    top: 0;
    max-height: 100vh!important;
    height: 100vh;
    max-width: 80vw;
    background-color: #efefef;
    min-width: 45px!important;
    outline: none;
    overflow-x: hidden!important;
    overflow-y: auto!important;
    z-index: 2147483647;
    -webkit-overflow-scrolling: touch;
    will-change: transform
}

amp-sidebar[side=left] {
    left: 0!important;
    transform: translateX(-100%);
    animation-name: i-amphtml-sidebar-slide-out-left
}

amp-sidebar[side=left][open] {
    animation-name: i-amphtml-sidebar-slide-in-left
}

amp-sidebar[side=right] {
    right: 0!important;
    transform: translateX(100%);
    animation-name: i-amphtml-sidebar-slide-out-right
}

amp-sidebar[side=right][open] {
    animation-name: i-amphtml-sidebar-slide-in-right
}

amp-sidebar[side][i-amphtml-sidebar-opened] {
    transform: none;
    animation: none
}

.i-amphtml-sidebar-mask,amp-sidebar[side] {
    animation-duration: 233ms;
    animation-timing-function: cubic-bezier(0,0,.21,1);
    animation-fill-mode: forwards
}

.i-amphtml-toolbar>ol,.i-amphtml-toolbar>ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: auto;
    list-style-type: none;
    padding: 0;
    margin: 0
}

.amp-sidebar-mask {
    background-color: rgba(0,0,0,.5)
}

.i-amphtml-sidebar-mask {
    position: fixed!important;
    top: 0!important;
    left: 0!important;
    width: 100vw!important;
    height: 100vh!important;
    background-image: none!important;
    animation-name: i-amphtml-sidebar-mask-fade-out;
    z-index: 2147483646
}

.i-amphtml-sidebar-mask[open] {
    animation-name: i-amphtml-sidebar-mask-fade-in
}

.i-amphtml-sidebar-mask[i-amphtml-sidebar-opened] {
    animation: none
}

@keyframes i-amphtml-sidebar-slide-in-left {
    0% {
        transform: translateX(-100%)
    }

    to {
        transform: translateX(0)
    }
}

@keyframes i-amphtml-sidebar-slide-out-left {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(-100%)
    }
}

@keyframes i-amphtml-sidebar-slide-in-right {
    0% {
        transform: translateX(100%)
    }

    to {
        transform: translateX(0)
    }
}

@keyframes i-amphtml-sidebar-slide-out-right {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(100%)
    }
}

@keyframes i-amphtml-sidebar-mask-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes i-amphtml-sidebar-mask-fade-out {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

