@keyframes bounce-in-2ff75f94{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes bounce-out-2ff75f94{0%{transform:translateY(0);opacity:1}to{transform:translateY(-30px);opacity:0}}.bounce-enter-active[data-v-2ff75f94]{animation:bounce-in-2ff75f94 .8s}.bounce-leave-active[data-v-2ff75f94]{animation:bounce-out-2ff75f94 .4s}.content[data-v-2ff75f94]{background-color:#121212;position:relative}.util-bar[data-v-2ff75f94]{position:sticky;top:0;right:0;left:0;bottom:0;opacity:0;transition:opacity .5s ease-out;background-color:#121212;padding:38px 60px 22px;display:flex;justify-content:space-between;z-index:999999}.util-bar.show[data-v-2ff75f94]{opacity:1}.util-bar .left[data-v-2ff75f94],.util-bar .right[data-v-2ff75f94]{display:flex;align-items:center}.util-bar .left[data-v-2ff75f94]{overflow:hidden}.util-bar .left .back[data-v-2ff75f94]{display:inline-block;padding-left:0}.util-bar .left .back img[data-v-2ff75f94]{width:14px;height:24px}.util-bar .left h1[data-v-2ff75f94]{margin-left:10px;margin-bottom:0;font-size:16px;font-weight:700;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box}.util-bar .right button[data-v-2ff75f94]{color:#fff;font-size:16px;padding:0}.util-bar .right button[data-v-2ff75f94]:disabled{color:hsla(0,0%,100%,.3)}.util-bar .right .separator[data-v-2ff75f94]{font-style:normal;padding-left:10px;padding-right:10px;color:#505050}.util-bar .right .toggle-rail[data-v-2ff75f94]{margin-left:24px}.viewer-toast[data-v-2ff75f94]{position:absolute;text-align:right;right:60px;top:105px;z-index:99999;visibility:hidden;height:1px}.viewer-toast.show[data-v-2ff75f94]{visibility:visible;position:sticky}.viewer-toast .text[data-v-2ff75f94]{max-width:477px;border-radius:12px;background-color:rgba(18,18,18,.9);display:inline-block;padding:6px 8px 6px 38px;font-size:16px;background-image:url(../img/icon-megaphone-white-24-dp_clear.0c203b2b.svg);background-size:24px;background-position:8px 4px;background-repeat:no-repeat;text-align:left;margin-right:60px}.rail-popup-wrapper[data-v-2ff75f94]{position:absolute;left:0;right:0;top:99%;background-color:#121212;z-index:999;box-shadow:0 6px 12px 0 rgba(0,0,0,.6)}.webtoon-viewer[data-v-2ff75f94]{max-width:610px;margin:0 auto;text-align:center}.webtoon-viewer img[data-v-2ff75f94]{width:100%;display:block;margin:0 auto}.webtoon-viewer .refresh[data-v-2ff75f94]{cursor:pointer;min-height:500px;width:100%;border:1px solid #363636;position:relative}.webtoon-viewer .refresh[data-v-2ff75f94]:after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;background-color:#000;width:100%;height:100%;background-image:url(../img/icon-refresh.2479f3df.svg);background-size:20%;background-position:50%;background-repeat:no-repeat}.viewer-vertical-navigator[data-v-2ff75f94]{position:sticky;bottom:60px;z-index:100;margin-top:-109px;display:flex;align-items:end;flex-direction:column;margin-right:60px}.viewer-vertical-navigator.hideBottom[data-v-2ff75f94]{margin-top:-50px}.viewer-vertical-navigator.hideBottom .bottom[data-v-2ff75f94],.viewer-vertical-navigator.hideTop .top[data-v-2ff75f94]{display:none}.viewer-vertical-navigator button[data-v-2ff75f94]{border:1px solid #353535;padding:10px;border-radius:50%;display:block;background-color:#121212;display:flex;justify-content:center;align-items:center;box-shadow:0 2px 4px 0 rgba(0,0,0,.8)}.viewer-vertical-navigator button .active[data-v-2ff75f94]{display:none}.viewer-vertical-navigator button[data-v-2ff75f94]:hover{border-color:#fff}.viewer-vertical-navigator button:hover .active[data-v-2ff75f94]{display:block}.viewer-vertical-navigator button:hover .inactive[data-v-2ff75f94]{display:none}.viewer-vertical-navigator button.bottom[data-v-2ff75f94]{margin-top:10px;transform:rotateX(180deg);box-shadow:0 -2px 4px 0 rgba(0,0,0,.8)}@media (max-width:1023px){.viewer-vertical-navigator.hideBottom[data-v-2ff75f94]{margin-top:-32px}.viewer-vertical-navigator[data-v-2ff75f94]{margin-top:-72px}.viewer-vertical-navigator button[data-v-2ff75f94]{padding:6px;width:32px;height:32px}.viewer-vertical-navigator button svg[data-v-2ff75f94]{width:100%;height:100%}.viewer-vertical-navigator button.bottom[data-v-2ff75f94]{margin-top:8px}.util-bar[data-v-2ff75f94]{padding:34px 20px 26px}.util-bar .left h1[data-v-2ff75f94]{margin-left:8px;font-size:14px}.util-bar .right button[data-v-2ff75f94]{font-size:14px}.util-bar .right .separator[data-v-2ff75f94]{font-style:normal;padding-left:8px;padding-right:8px}.util-bar .right .toggle-rail[data-v-2ff75f94]{margin-left:18px}.viewer-toast[data-v-2ff75f94]{right:0;left:0;text-align:center}.viewer-toast .text[data-v-2ff75f94]{max-width:357px;padding:5px 8px 5px 30px;font-size:12px;background-image:url(../img/icon-megaphone-white-24-dp_clear.0c203b2b.svg);background-size:18px;background-position:8px 4px;background-repeat:no-repeat;margin-right:0}}@media (max-width:543px){.viewer-vertical-navigator.hideBottom[data-v-2ff75f94]{margin-top:-52px;margin-bottom:52px}.viewer-vertical-navigator[data-v-2ff75f94]{margin-right:20px;margin-top:-73px;margin-bottom:73px;bottom:20px}.viewer-vertical-navigator[data-v-2ff75f94]:after{content:"";display:block}.util-bar .right .next[data-v-2ff75f94],.util-bar .right .prev[data-v-2ff75f94],.util-bar .right .separator[data-v-2ff75f94]{display:none}.viewer-toast .text[data-v-2ff75f94]{max-width:280px}.viewer-vertical-navigator button[data-v-2ff75f94]:hover{border:1px solid #353535}.viewer-vertical-navigator button:hover .active[data-v-2ff75f94]{display:none}.viewer-vertical-navigator button:hover .inactive[data-v-2ff75f94]{display:block}}