#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{display:flex;align-items:center}#storytime .story-nav-right{right:-50px;top:60px;color:#fff;height:40px;width:40px;overflow:hidden;position:absolute;margin:0;padding:0}#storytime span.story-text{font-weight:bold;color:#fff}#storytime span.story-date{display:none;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:40px;object-fit:cover;border-radius:50%;vertical-align:middle;width:40px;margin-right:10px}#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:relative;width:30px;height:30px;opacity:1;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:20px;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:-0.32s;animation-delay:-0.32s}#storytime .spinner .bounce2{-webkit-animation-delay:-0.16s;animation-delay:-0.16s}@-webkit-keyframes st-sk-bouncedelay{0%,80%,100%{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1.0)}}@keyframes st-sk-bouncedelay{0%,80%,100%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1.0);transform:scale(1.0)}}@media(max-width:767px){#storytime .story-window{left:0;top:0;transform:none;min-height:100%;width:100%}#storytime .story-timeline{position:absolute;top:10px;width:96%;z-index:1;left:5px}#storytime .story-nav{position:absolute;top:40px;width:96%;z-index:1;left:5px;display:flex;align-items:center;justify-content:space-between}#storytime .story-nav-right{position:relative;top:0;right:0;line-height:40px;height:20px;width:36px}#storytime .story-video{height:100vh}#storytime .story-video video{width:100%;object-fit:cover}#storytime .story-arrow.left{left:0;top:80px;bottom:0;border:0;transform:none;height:100%;padding:50px;z-index:9999}#storytime .story-arrow.right{left:auto;top:80px;bottom:0;border:0;transform:none;height:100%;padding:50px;right:0;z-index:9999}}