.pageBody[data-v-50190382]{background:#000;background-size:cover;background-attachment:fixed;height:100%;display:flex;flex-direction:column;align-items:center}.pageBody.c2016-10-24[data-v-50190382],.pageBody.c2016-12-25[data-v-50190382]{background-image:url(https://assets.homestuck.barb.date/archive/comics/snaps/bg1.png)}.pageBody.c2016-10-31[data-v-50190382]{background-image:url(https://assets.homestuck.barb.date/archive/comics/snaps/bg2.jpg)}.pageBody.c2016-11-11[data-v-50190382]{background-image:url(https://assets.homestuck.barb.date/archive/comics/snaps/bg3.jpg)}.pageBody.c2016-11-18[data-v-50190382],.pageBody.c2016-11-24[data-v-50190382]{background-image:url(https://assets.homestuck.barb.date/archive/comics/snaps/bg4.jpg)}.pageBody.c2016-12-02[data-v-50190382]{background-image:url(https://assets.homestuck.barb.date/archive/comics/snaps/bg5.jpg)}.pageBody.c2016-12-23[data-v-50190382]{background-image:url(https://assets.homestuck.barb.date/archive/comics/snaps/bg6.png)}.pageBody .navBanner[data-v-50190382]{margin:0 auto;background:#000}.pageBody .pageFrame[data-v-50190382]{flex:1;margin:0 auto;background:url(https://assets.homestuck.barb.date/archive/comics/snaps/frameSmall.png);background-repeat:no-repeat;width:466px;min-height:961px;margin:5px 0}.pageBody .pageFrame .homeButton[data-v-50190382]{position:relative;display:block;height:73px;width:73px;left:197px;top:7px;border-radius:50%;background:grey;opacity:0;transition:opacity .15s}.pageBody .pageFrame .homeButton[data-v-50190382]:hover{opacity:1%}.pageBody .pageFrame .pageContent[data-v-50190382]{width:420px;height:747px;overflow:auto;margin-left:23px;margin-top:111px}.pageBody .pageFrame .pageContent.comic[data-v-50190382]{position:relative}.pageBody .pageFrame .pageContent.comic .edgeNav[data-v-50190382]{height:100%;width:100px;position:absolute;transition:opacity .15s;opacity:0}.pageBody .pageFrame .pageContent.comic .edgeNav[data-v-50190382]:hover{opacity:1}.pageBody .pageFrame .pageContent.comic .edgeNav.left[data-v-50190382]{background-image:linear-gradient(270deg,transparent,hsla(0,0%,100%,.4))}.pageBody .pageFrame .pageContent.comic .edgeNav.right[data-v-50190382]{background-image:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4));right:0}.pageBody .pageFrame .pageContent.comic .edgeNav.disabled[data-v-50190382]{display:none}.pageBody .pageFrame .pageContent.comic img[data-v-50190382],.pageBody .pageFrame .pageContent.comic video[data-v-50190382]{width:100%;height:100%;display:block}.pageBody .pageFrame .pageContent.archive[data-v-50190382]{background-color:#fff;text-align:center;flex-direction:column;font-weight:400}.pageBody .pageFrame .pageContent.archive .title[data-v-50190382]{background-color:#fffc00;padding:25px 0;width:100%}.pageBody .pageFrame .pageContent.archive .title img[data-v-50190382]{margin:0 auto;display:block}.pageBody .pageFrame .pageContent.archive .storyContainer[data-v-50190382]{border-bottom:1px solid #ddd}.pageBody .pageFrame .pageContent.archive .storyContainer .storyButtonContainer[data-v-50190382]{display:flex}.pageBody .pageFrame .pageContent.archive .storyContainer .storyButtonContainer .storyButton[data-v-50190382]{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:20px;line-height:2.4;color:#000;width:calc(100% - 50px);padding-left:45px;cursor:pointer;transition:.15s ease-in-out}.pageBody .pageFrame .pageContent.archive .storyContainer .storyButtonContainer .storyButton[data-v-50190382]:hover{background:#f0f0f0;transition:.15s ease-in-out}.pageBody .pageFrame .pageContent.archive .storyContainer .storyButtonContainer a[data-v-50190382]{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:16px;line-height:3;text-decoration:none;width:50px;color:#000;text-transform:uppercase;cursor:pointer;transition:.15s ease-in-out}.pageBody .pageFrame .pageContent.archive .storyContainer .storyButtonContainer a[data-v-50190382]:hover{background:#f0f0f0;transition:.15s ease-in-out}.pageBody .pageFrame .pageContent.archive .storyContainer .thumbnailWrapper[data-v-50190382]{overflow:hidden}.pageBody .pageFrame .pageContent.archive .storyContainer .thumbs[data-v-50190382]{display:flex;flex-flow:row wrap;justify-content:center;width:100%;margin-bottom:3px}.pageBody .pageFrame .pageContent.archive .storyContainer .thumbs a[data-v-50190382]{display:block;width:120px;height:200px;margin:2px;opacity:.8;transition:all .15s}.pageBody .pageFrame .pageContent.archive .storyContainer .thumbs a[data-v-50190382]:hover{opacity:1}.pageBody .pageFrame .pageContent.archive .storyContainer .thumbs a img[data-v-50190382]{border-radius:5px;width:100%;height:100%}.thumbnails-enter-active[data-v-50190382],.thumbnails-leave-active[data-v-50190382]{transition:all .2s}.thumbnails-enter-to[data-v-50190382],.thumbnails-leave[data-v-50190382]{max-height:1000px}.thumbnails-enter[data-v-50190382],.thumbnails-leave-to[data-v-50190382]{opacity:0;max-height:0}