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