#storytime .storytime{position:relative;width:100%;height:100%;margin:0;padding:0;opacity:0;transition:opacity .4s;-moz-transition:opacity .4s;-webkit-transition:opacity .4s}#storytime .story-cover{z-index:1000;position:fixed;top:0;left:0;height:100%;width:100%;min-width:100%;min-height:100%;background-color:#000;opacity:.85}#storytime .story-nav-left{height:6vh;display:inline-block;overflow:hidden;position:relative;color:#fff;font-family:"Helvetica",sans-serif;vertical-align:middle;font-size:85%;width:80%;margin:0;padding:0;text-align:left}#storytime .story-nav-right{height:6vh;display:inline-block;overflow:hidden;position:relative;text-align:right;width:20%;vertical-align:middle;margin:0;padding:0}#storytime span.story-text{font-weight:700;padding-left:10px}#storytime span.story-date{opacity:.6;font-size:90%;padding-left:10px}#storytime .story-timeline{height:3vh;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;align-items:center}#storytime .story-timeline-item{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;height:2px;position:relative;margin-right:5px}#storytime .story-timeline-item:last-child{margin-right:0}#storytime .story-timeline-line{background:rgba(255,255,255,.35);border-radius:2px;height:2px;position:absolute;top:0;width:100%}#storytime .story-timeline-line-active{-webkit-transition:width .25s linear;transition:width .25s linear;width:auto;will-change:width;border-radius:2px;height:2px;position:absolute;top:0;background:#fff}#storytime .story-icon{height:90%;object-fit:contain;border-radius:50%;vertical-align:middle;border:2px solid #fff}#storytime .story-window{z-index:1010;position:fixed;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-height:90%;display:block}#storytime .story-video{display:block;height:80vh;width:100%;object-fit:contain;background-color:#000}#storytime .story-video video{max-height:100%!important;object-fit:contain;display:inline-block;vertical-align:middle;position:relative}#storytime .close{position:absolute;right:0;bottom:20%;width:32px;height:32px;opacity:.3;margin-top:auto;margin-bottom:auto;display:block}#storytime .close:hover{opacity:1}#storytime .close:before,#storytime .close:after{position:absolute;left:15px;content:" ";height:33px;width:2px;background-color:#fff}#storytime .close:before{transform:rotate(45deg)}#storytime .close:after{transform:rotate(-45deg)}#storytime .story-arrow{border:solid #fff;border-width:0 2px 2px 0;display:block;padding:8px;opacity:.2}#storytime .story-arrow:hover{opacity:.9}#storytime .right{position:absolute;right:-10%;top:50%;transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}#storytime .left{position:absolute;left:-10%;top:50%;transform:rotate(135deg);-webkit-transform:rotate(135deg)}#storytime .spinner{width:70px;text-align:center;margin:auto;position:absolute;left:50%;top:50%;margin-left:-30px}#storytime .spinner>div{width:18px;height:18px;background-color:#999;border-radius:100%;display:inline-block;-webkit-animation:st-sk-bouncedelay 1.4s infinite ease-in-out both;animation:st-sk-bouncedelay 1.4s infinite ease-in-out both}#storytime .spinner .bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s}#storytime .spinner .bounce2{-webkit-animation-delay:-.16s;animation-delay:-.16s}